fantastic-admin / basic Goto Github PK

Vue Language Features 升级到2.0
TypeScript Vue Plugin (Volar) 弃用了

tsconfig.json 需要对应修改

"include": [
"./src/.ts",
"./src/.vue",
"./src/*.ext",
]

pnpm i也是如此

感谢作者开源这么好用的中后台模板

在体验的过程中唯一缺憾的就是未能支持现代化的css框架，类似 UnoCSS，Tailwind CSS。

作者有计划支持吗😁

https://fantastic-admin.github.io/v3-docs/guide/breadcrumb.html#%E6%98%BE%E7%A4%BA%E4%B8%BB%E5%AF%BC%E8%88%AA

const globalSettings: Settings.all = {
  breadcrumb: {
    enableMainMenu: true,
  },
}

对于我们这种穷比个人开发者买不起专业版，这基础版不太基础，别人的基础版至少也有个大家常用的tabs功能，你这个居然没有！不够基础啊

并不是一直会报 偶尔打包出现这个问题

大佬，项目app.vue文件改动会报错，刷新就好了，能修复吗？
复现流程：开发环境
1.项目启动。
2.修改App.vue文件，比如说加个console.log('aa')也行。
3.保存
浏览器就会报错
报错信息：runtime-core.esm-bundler.js:571 DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

页面离开功能：取消离开 ，侧边栏菜单的显示为跳转之后的菜单。造成页面与侧边栏的菜单显示不一致

请问是否可以考虑 JavaScript 版本吗

麻烦问一下 作者后期有考虑引进改造ts版本吗 如果有的话大概时间呢

系统win11
pnpm版本：8.12.1
node：17.2.0
执行pnpm install直接卡网络，卡进程

我在路由中设置了动态路由，依照vue文档说明，动态路由组件会复用，组件内的生命周期不会重复执行，当我开发的时候，发现在fantastic中设置了动态路由后，组件内的生命周期函数会照常执行。这是为什么呢？

fantastic-admin版本：基础版 v4.2.0
pinia-plugin-persistedstate版本：3.2.1

我想要利用 pinia-plugin-persistedstate 对settings进行持久化处理，以便能够记住我的Settings设置，切换明亮或暗黑主题后能永久生效。

我先是按照 pinia-plugin-persistedstate 的文档修改了 store/moudules/settings.ts，但是发现不生效，在local storage看不到持久化效果，但是我对其他的几个store文件同样方式修改又是可以的（例如： store/moudules/user.ts）

后来经过我一番折腾，目前勉强可以实现效果了:

1. 我放弃了对 store/moudules/settings.ts的修改，而是增加了一个新的文件 store/moudules/__persisted__settings.ts

import useSettingsStore from './settings'

const usePersistedSettingsStore = defineStore('__persisted__settings', {
  state: () => {
    const settingsStore = useSettingsStore()
    const settings = settingsStore.settings
    const os = settingsStore.os
    const title = settingsStore.title
    const setTitle = settingsStore.setTitle
    const mode = settingsStore.mode
    const setMode = settingsStore.setMode
    const subMenuCollapseLastStatus = settingsStore.subMenuCollapseLastStatus
    const toggleSidebarCollapse = settingsStore.toggleSidebarCollapse
    const setColorScheme = settingsStore.setColorScheme
    const updateSettings = settingsStore.updateSettings

    return {
      settings,
      os,
      title,
      setTitle,
      mode,
      setMode,
      subMenuCollapseLastStatus,
      toggleSidebarCollapse,
      setColorScheme,
      updateSettings,
    }
  },
  persist: true,
})

export default usePersistedSettingsStore

2. 修改 store/moudules/menu.ts、store/moudules/route.ts、store/moudules/user.ts 这三个Store文件，将 Simport useSettingsStore from './settings' 改为 import useSettingsStore from './__persisted__settings'

3. 特别重要的一点就是，其他 import useSettingsStore 的地方，不是store模块的，不能引入 __persisted__settings，否则又不生效了

由于我对vue、pinia都不太熟悉，不太清楚具体的问题出在哪里，能否增加实现settings记忆功能呢？或者至少对主题切换进行记忆。

是否考虑新增electron版本

删除mockjs并清理相关mock代码后，重新build好用

看开源协议是 MIT, 但看你文档又说用 basic 版本，要保留框架版权信息。

从作者的项目中学习到了很多新的技术和写法，但对于VMenu和VTooltip组件的组件注册方式看不明白，希望能够得到讲解。

src/components/FileUpload/index.vue

array.at()方法对浏览器版本要求还是有点高，低版本chrome选择文件后界面没反应
建议更换为兼容性更好的array.slice(-1).join()

请问怎么用USDT购买

以后会加上标签栏功能吗

vue-m-message组件在api/index.ts中设置，接口调用提示时，被页面Menu遮挡
将组件在页面中import使用，正常

大佬，项目首次启动加载慢，打包慢

看报错的提示，似乎是不知道为什么多了这个 App<any> 的类型。
只有 template 中的 el-xxx 系列的组件会有报错提示，但实际能正常使用和运行。

试了下 v2.10.0 和 v2.11.0 的 example 都有这个情况，求解。

Search组件利用opacity和visibility的切换显示是挺巧妙的。
不过当页面路由过多时会存在明显卡顿。
原因我认为是可能是子元素全部都继承opacity属性，导致内存问题。

我目前使用的是稳定版fantastic-admin.v4.0.3的，目前出现的样式如下：

代码如下：
{
meta: {
title: '账户管理',
icon: 'uim:box',
},
children: [
MockExample,
PermissionExample,
],
},
想要的样式结果：一级顶部导航栏下 可以允许出现多个二级菜单

 gongmin@gongmindeMacBook-Pro-2  ~/Documents/ccode/cashier-backend-web   master ✚  pnpm run commit                     

> @3.0.0 commit /Users/gongmin/Documents/ccode/cashier-backend-web
> git cz

? Select the type of change that you're committing: 💡  refactor:   A code change that neither fixes a bug or adds a feature
? Write a short, imperative mood description of the change: 
  [-------------------------------------------------------------] 51 chars left
   refactor: project init
? Provide a longer description of the change:
  
? List any breaking changes
  BREAKING CHANGE: 
? Issues this commit closes, e.g #123: 
✖ No valid configuration found.
 ELIFECYCLE  Command failed with exit code 1.

我是在一个已有 git 信息的项目里面，复制了代码文件进来，是因为一次提交的文件太多了吗

node 版本 v18.15.0

想实现如下效果且不影响路由缓存(指定name)，尝试之后没有写出来：

一级路由：
    二级路由：
        三级路由
    二级路由：
        三级路由

其中，三级路由不显示，对应的地址分别为：

router
    router/page1
        router/page1/detail
    router/page2
        router/page2/detail

对应的面包屑也为：

router
    router/page1
        router/page1/detail
    router/page2
        router/page2/detail