zant-admin 1.0.4 → 2.0.1

package/src/directives/permission.js

@@ -1,49 +1,49 @@
-import { menuStore } from '@/stores/menu'
-
-/**
- * 按钮权限指令
- * 使用方式：v-permission="'user:add'" 或 v-permission="['user:add', 'user:edit']"
- */
-const permission = {
-  mounted(el, binding) {
-    const { value } = binding
-    const store = menuStore()
-    const { permissions } = store
-
-    if (value && value instanceof Array) {
-      // 多个权限，满足其中一个即可
-      const hasPermission = value.some(permission =>
-        permissions.includes(permission),
-      )
-      if (!hasPermission) {
-        el.parentNode && el.parentNode.removeChild(el)
-      }
-    } else if (value && typeof value === 'string') {
-      // 单个权限
-      if (!permissions.includes(value)) {
-        el.parentNode && el.parentNode.removeChild(el)
-      }
-    }
-  },
-  updated(el, binding) {
-    // 更新时重新检查权限
-    const { value } = binding
-    const store = menuStore()
-    const { permissions } = store
-
-    if (value && value instanceof Array) {
-      const hasPermission = value.some(permission =>
-        permissions.includes(permission),
-      )
-      if (!hasPermission && el.parentNode) {
-        el.parentNode.removeChild(el)
-      }
-    } else if (value && typeof value === 'string') {
-      if (!permissions.includes(value) && el.parentNode) {
-        el.parentNode.removeChild(el)
-      }
-    }
-  },
-}
-
-export default permission
+import { menuStore } from '@/stores/menu'
+
+/**
+ * 按钮权限指令
+ * 使用方式：v-permission="'user:add'" 或 v-permission="['user:add', 'user:edit']"
+ */
+const permission = {
+  mounted(el, binding) {
+    const { value } = binding
+    const store = menuStore()
+    const { permissions } = store
+
+    if (value && value instanceof Array) {
+      // 多个权限，满足其中一个即可
+      const hasPermission = value.some(permission =>
+        permissions.includes(permission),
+      )
+      if (!hasPermission) {
+        el.parentNode && el.parentNode.removeChild(el)
+      }
+    } else if (value && typeof value === 'string') {
+      // 单个权限
+      if (!permissions.includes(value)) {
+        el.parentNode && el.parentNode.removeChild(el)
+      }
+    }
+  },
+  updated(el, binding) {
+    // 更新时重新检查权限
+    const { value } = binding
+    const store = menuStore()
+    const { permissions } = store
+
+    if (value && value instanceof Array) {
+      const hasPermission = value.some(permission =>
+        permissions.includes(permission),
+      )
+      if (!hasPermission && el.parentNode) {
+        el.parentNode.removeChild(el)
+      }
+    } else if (value && typeof value === 'string') {
+      if (!permissions.includes(value) && el.parentNode) {
+        el.parentNode.removeChild(el)
+      }
+    }
+  },
+}
+
+export default permission

package/src/main.js

@@ -1,37 +1,37 @@
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
-import piniaPersist from 'pinia-plugin-persist'
-import Antd from 'ant-design-vue'
-import App from './App.vue'
-import router from './router'
-import './assets/css/style.css'
-import './assets/css/zcui.css'
-import * as Icons from '@ant-design/icons-vue'
-// 引入权限指令
-import permission from './directives/permission'
-// 引入 Ant Design Vue 的语言包
-
-const app = createApp(App)
-// 注册所有图标为全局组件
-Object.keys(Icons).forEach(key => {
-  app.component(key, Icons[key])
-})
-// 将图标注册为全局变量
-app.config.globalProperties.$icons = Icons
-
-const pinia = createPinia()
-// 配置 Pinia 持久化插件
-pinia.use(piniaPersist)
-// 使用 Pinia
-app.use(pinia)
-//使用 Ant Design
-app.use(Antd)
-
-// 使用路由
-app.use(router)
-
-// 注册权限指令
-app.directive('permission', permission)
-
-// 挂载应用
-app.mount('#app')
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import piniaPersist from 'pinia-plugin-persist'
+import Antd from 'ant-design-vue'
+import App from './App.vue'
+import router from './router'
+import './assets/css/style.css'
+import './assets/css/zcui.css'
+import * as Icons from '@ant-design/icons-vue'
+// 引入权限指令
+import permission from './directives/permission'
+// 引入 Ant Design Vue 的语言包
+
+const app = createApp(App)
+// 注册所有图标为全局组件
+Object.keys(Icons).forEach(key => {
+  app.component(key, Icons[key])
+})
+// 将图标注册为全局变量
+app.config.globalProperties.$icons = Icons
+
+const pinia = createPinia()
+// 配置 Pinia 持久化插件
+pinia.use(piniaPersist)
+// 使用 Pinia
+app.use(pinia)
+//使用 Ant Design
+app.use(Antd)
+
+// 使用路由
+app.use(router)
+
+// 注册权限指令
+app.directive('permission', permission)
+
+// 挂载应用
+app.mount('#app')

package/src/router/index.js

@@ -45,6 +45,7 @@ const routes = [
       },
       {
         path: 'notFound',
+        meta: { title: '404 Not Found', cache: true },
         component: () => import('../views/baiscstatis/notFound.vue'),
       },
     ],
@@ -95,7 +96,7 @@ async function loadDynamicRoutes() {
         const parentRoute = {
           path: route.path,
           component: home,
-          //  meta: { title: route.title },
+          meta: { title: route.title },
           // children: [],
         }
         const addRoutes = (parentRoute, children) => {
@@ -103,9 +104,8 @@ async function loadDynamicRoutes() {
             parentRoute.children = children.map(child => {
               const childRoute = {
                 path: child.path,
-                meta: { title: child.title },
                 name: child.path.replace(/\//g, '-').substring(1),
-                meta: { cache: child.cache, fullPath: child.path },
+                meta: { title: child.title, cache: child.cache, fullPath: child.path },
               }
               if (child.type != 1) {
                 childRoute.component = loadComponent(child.path)
@@ -151,10 +151,8 @@ async function loadDynamicRoutes() {
 
 // 全局前置守卫
 router.beforeEach(async (to, from, next) => {
-  // document.title = to.meta.title || 'ZCloudVue'
-  // document.title = 'ZCloudVue'
   const config = configStore()
-  document.title = config.projectName
+  document.title = to.meta.title ? to.meta.title + ' - ' + config.projectName : config.projectName
   const user = useUserStore()
 
   // 如果目标路由在白名单中，直接放行

package/src/stores/config.js

@@ -1,43 +1,43 @@
-import { defineStore } from 'pinia'
-import dayjs from 'dayjs'
-import zhCN from 'ant-design-vue/es/locale/zh_CN'
-import enUS from 'ant-design-vue/es/locale/en_US'
-import 'dayjs/locale/zh-cn' // 中文
-import 'dayjs/locale/en' // 英文
-import { appConfig } from '@/config' // 导入全局配置
-
-export const configStore = defineStore({
-  id: 'CONFIG',
-  state: () => ({
-    themeClass: appConfig.defaultTheme,
-    navigationMode: appConfig.defaultNavigationMode,
-    tableSize: appConfig.defaultTableSize,
-    tableBordered: appConfig.defaultTableBordered,
-    locale: zhCN,
-    dayjsLocale: appConfig.defaultLanguage,
-    projectName: appConfig.title, // 使用全局配置中的项目名称
-  }),
-  actions: {
-    setLocale(locale) {
-      this.locale = locale
-      this.dayjsLocale = locale === zhCN ? 'zh-cn' : 'en'
-      dayjs.locale(this.dayjsLocale)
-    },
-  },
-  persist: {
-    enabled: true,
-    strategies: [
-      {
-        key: 'CONFIG',
-        storage: localStorage,
-        paths: [
-          'themeClass',
-          'navigationMode',
-          'tableSize',
-          'tableBordered',
-          'locale',
-        ],
-      },
-    ],
-  },
-})
+import { defineStore } from 'pinia'
+import dayjs from 'dayjs'
+import zhCN from 'ant-design-vue/es/locale/zh_CN'
+import enUS from 'ant-design-vue/es/locale/en_US'
+import 'dayjs/locale/zh-cn' // 中文
+import 'dayjs/locale/en' // 英文
+import { appConfig } from '@/config' // 导入全局配置
+
+export const configStore = defineStore({
+  id: 'CONFIG',
+  state: () => ({
+    themeClass: appConfig.defaultTheme,
+    navigationMode: appConfig.defaultNavigationMode,
+    tableSize: appConfig.defaultTableSize,
+    tableBordered: appConfig.defaultTableBordered,
+    locale: zhCN,
+    dayjsLocale: appConfig.defaultLanguage,
+    projectName: appConfig.title, // 使用全局配置中的项目名称
+  }),
+  actions: {
+    setLocale(locale) {
+      this.locale = locale
+      this.dayjsLocale = locale === zhCN ? 'zh-cn' : 'en'
+      dayjs.locale(this.dayjsLocale)
+    },
+  },
+  persist: {
+    enabled: true,
+    strategies: [
+      {
+        key: 'CONFIG',
+        storage: localStorage,
+        paths: [
+          'themeClass',
+          'navigationMode',
+          'tableSize',
+          'tableBordered',
+          'locale',
+        ],
+      },
+    ],
+  },
+})

package/src/stores/dict.js

@@ -1,33 +1,33 @@
-import { defineStore } from 'pinia'
-import sysDict from '@/api/methods/sysDict'
-export const dictStore = defineStore({
-  id: 'SYS_DICT',
-  state: () => ({
-    items: {},
-  }),
-  actions: {
-    initDictList() {
-      sysDict
-        .getDictList()
-        .then(res => {
-          res.data.forEach(item => {
-            this.items[item.type] = item.sysDictItem
-          })
-        })
-        .catch()
-    },
-    getDictItems(type) {
-      return this.items[type]
-    },
-  },
-  persist: {
-    enabled: true,
-    strategies: [
-      {
-        key: 'SYS_DICT',
-        storage: localStorage,
-        paths: ['items'],
-      },
-    ],
-  },
-})
+import { defineStore } from 'pinia'
+import sysDict from '@/api/methods/sysDict'
+export const dictStore = defineStore({
+  id: 'SYS_DICT',
+  state: () => ({
+    items: {},
+  }),
+  actions: {
+    initDictList() {
+      sysDict
+        .getDictList()
+        .then(res => {
+          res.data.forEach(item => {
+            this.items[item.type] = item.sysDictItem
+          })
+        })
+        .catch()
+    },
+    getDictItems(type) {
+      return this.items[type]
+    },
+  },
+  persist: {
+    enabled: true,
+    strategies: [
+      {
+        key: 'SYS_DICT',
+        storage: localStorage,
+        paths: ['items'],
+      },
+    ],
+  },
+})

package/src/stores/menu.js

@@ -1,81 +1,81 @@
-import { defineStore } from 'pinia'
-
-export const menuStore = defineStore({
-  id: 'MENU_RESULT',
-  state: () => {
-    return {
-      openmenuKey: [],
-      selectmenuKey: [],
-      tagmenus: [
-        {
-          key: 0,
-          parentId: '0',
-          title: `控制台`,
-          closable: false,
-          path: '/console',
-        },
-      ],
-      menus: [],
-      permissions: [],
-    }
-  },
-  actions: {
-    setSelectmenuKey(keys) {
-      this.selectmenuKey = keys
-    },
-    setOpenmenuKey(keys) {
-      this.openmenuKey = keys
-    },
-    setMenus(menus) {
-      this.menus = menus
-    },
-    setPermissions(permissions) {
-      this.permissions = permissions
-    },
-    // 检查是否有指定权限
-    hasPermission(permission) {
-      if (!permission) return true
-      return this.permissions.includes(permission)
-    },
-    // 检查是否有多个权限中的任意一个
-    hasAnyPermission(permissions) {
-      if (
-        !permissions ||
-        !Array.isArray(permissions) ||
-        permissions.length === 0
-      )
-        return true
-      return permissions.some(permission =>
-        this.permissions.includes(permission),
-      )
-    },
-    // 检查是否拥有所有权限
-    hasAllPermissions(permissions) {
-      if (
-        !permissions ||
-        !Array.isArray(permissions) ||
-        permissions.length === 0
-      )
-        return true
-      return permissions.every(permission =>
-        this.permissions.includes(permission),
-      )
-    },
-  },
-  persist: {
-    enabled: true,
-    strategies: [
-      {
-        key: 'MENU_RESULT',
-        storage: localStorage,
-        paths: [
-          'menus',
-          'openmenuKey',
-          'selectmenuKey',
-          'tagmenus',
-          'permissions',
-        ],
-      },
-    ],
-  },
-})
+import { defineStore } from 'pinia'
+
+export const menuStore = defineStore({
+  id: 'MENU_RESULT',
+  state: () => {
+    return {
+      openmenuKey: [],
+      selectmenuKey: [],
+      tagmenus: [
+        {
+          key: 0,
+          parentId: '0',
+          title: `控制台`,
+          closable: false,
+          path: '/console',
+        },
+      ],
+      menus: [],
+      permissions: [],
+    }
+  },
+  actions: {
+    setSelectmenuKey(keys) {
+      this.selectmenuKey = keys
+    },
+    setOpenmenuKey(keys) {
+      this.openmenuKey = keys
+    },
+    setMenus(menus) {
+      this.menus = menus
+    },
+    setPermissions(permissions) {
+      this.permissions = permissions
+    },
+    // 检查是否有指定权限
+    hasPermission(permission) {
+      if (!permission) return true
+      return this.permissions.includes(permission)
+    },
+    // 检查是否有多个权限中的任意一个
+    hasAnyPermission(permissions) {
+      if (
+        !permissions ||
+        !Array.isArray(permissions) ||
+        permissions.length === 0
+      )
+        return true
+      return permissions.some(permission =>
+        this.permissions.includes(permission),
+      )
+    },
+    // 检查是否拥有所有权限
+    hasAllPermissions(permissions) {
+      if (
+        !permissions ||
+        !Array.isArray(permissions) ||
+        permissions.length === 0
+      )
+        return true
+      return permissions.every(permission =>
+        this.permissions.includes(permission),
+      )
+    },
+  },
+  persist: {
+    enabled: true,
+    strategies: [
+      {
+        key: 'MENU_RESULT',
+        storage: localStorage,
+        paths: [
+          'menus',
+          'openmenuKey',
+          'selectmenuKey',
+          'tagmenus',
+          'permissions',
+        ],
+      },
+    ],
+  },
+})

package/src/stores/user.js

@@ -1,21 +1,21 @@
-import { defineStore } from 'pinia'
-export const useUserStore = defineStore({
-  id: 'TOKEN_USER_INFO',
-  state: () => {
-    return {
-      token: '',
-      userInfo: {},
-    }
-  },
-  actions: {},
-  persist: {
-    enabled: true,
-    strategies: [
-      {
-        key: 'TOKEN_USER_INFO',
-        storage: localStorage,
-        paths: ['token', 'userInfo'],
-      },
-    ],
-  },
-})
+import { defineStore } from 'pinia'
+export const useUserStore = defineStore({
+  id: 'TOKEN_USER_INFO',
+  state: () => {
+    return {
+      token: '',
+      userInfo: {},
+    }
+  },
+  actions: {},
+  persist: {
+    enabled: true,
+    strategies: [
+      {
+        key: 'TOKEN_USER_INFO',
+        storage: localStorage,
+        paths: ['token', 'userInfo'],
+      },
+    ],
+  },
+})