@utogether/udp-core 1.0.1-beta.16 → 1.0.1-beta.18

package/src/store/modules/app.ts

@@ -14,9 +14,7 @@ import { responsiveStorageNameSpace, getConfig } from '../../config';
 export const useAppStore = defineStore('udp-app', {
   state: (): appType => ({
     sidebar: {
-      opened:
-        storageLocal.getItem(`${responsiveStorageNameSpace()}layout`)?.sidebarStatus ??
-        getConfig().SidebarStatus,
+      opened: storageLocal.getItem(`${responsiveStorageNameSpace()}layout`)?.sidebarStatus ?? getConfig().SidebarStatus,
       withoutAnimation: false,
       isClickCollapse: false
     },

package/src/store/modules/multiTags.ts

@@ -1,109 +1,110 @@
-/*
- * @Author: wei.li
- * @Date: 2021-12-23 17:33:20
- * @LastEditors: wei.li
- * @LastEditTime: 2024-07-03 10:27:36
- * @Description: file content
- */
-import { defineStore } from 'pinia';
-import { isEqual, isBoolean } from 'xe-utils';
-import { storageLocal, isUrl } from '@utogether/utils';
-import { store } from '../index';
-import { routerArrays } from '../../layout/types';
-import { usePermissionStoreHook } from './permission';
-import { responsiveStorageNameSpace } from '../../config';
-import type { multiType, positionType } from './types';
-
-export const useMultiTagsStore = defineStore('udp-multiTags', {
-  state: () => ({
-    // 存储标签页信息（路由信息）
-    multiTags: storageLocal.getItem(`${responsiveStorageNameSpace()}configure`)?.multiTagsCache
-      ? storageLocal.getItem(`${responsiveStorageNameSpace()}tags`)
-      : [...routerArrays, ...usePermissionStoreHook().flatteningRoutes.filter(v => v?.meta?.fixedTag)],
-    multiTagsCache: storageLocal.getItem(`${responsiveStorageNameSpace()}configure`)?.multiTagsCache
-  }),
-  getters: {
-    getMultiTagsCache(state) {
-      return state.multiTagsCache;
-    }
-  },
-  actions: {
-    multiTagsCacheChange(multiTagsCache: boolean) {
-      this.multiTagsCache = multiTagsCache;
-      if (multiTagsCache) {
-        storageLocal.setItem(`${responsiveStorageNameSpace()}tags`, this.multiTags);
-      } else {
-        storageLocal.removeItem(`${responsiveStorageNameSpace()}tags`);
-      }
-    },
-    tagsCache(multiTags) {
-      this.getMultiTagsCache && storageLocal.setItem(`${responsiveStorageNameSpace()}tags`, multiTags);
-    },
-    handleTags<T>(mode: string, value?: T | multiType, position?: positionType): T {
-      switch (mode) {
-        case 'equal':
-          this.multiTags = value;
-          this.tagsCache(this.multiTags);
-          break;
-        case 'push':
-          {
-            const tagVal = value as multiType;
-            // 不添加到标签页
-            if (tagVal?.meta?.hiddenTag) return;
-            // 如果是外链无需添加信息到标签页
-            if (isUrl(tagVal?.name)) return;
-            // 如果title为空拒绝添加空信息到标签页
-            if (tagVal?.meta?.title?.length === 0) return;
-            // showLink:false 不添加到标签页
-            if (isBoolean(tagVal?.meta?.showLink) && !tagVal?.meta?.showLink) return;
-            const tagPath = tagVal.path;
-            // 判断tag是否已存在
-            const tagHasExits = this.multiTags.some(tag => {
-              return tag.path === tagPath;
-            });
-
-            // 判断tag中的query键值是否相等
-            const tagQueryHasExits = this.multiTags.some(tag => {
-              return isEqual(tag?.query, tagVal?.query);
-            });
-
-            // 判断tag中的params键值是否相等
-            const tagParamsHasExits = this.multiTags.some(tag => {
-              return isEqual(tag?.params, tagVal?.params);
-            });
-
-            if (tagHasExits && tagQueryHasExits && tagParamsHasExits) return;
-
-            // 动态路由可打开的最大数量
-            const dynamicLevel = tagVal?.meta?.dynamicLevel ?? -1;
-            if (dynamicLevel > 0) {
-              if (this.multiTags.filter(e => e?.path === tagPath).length >= dynamicLevel) {
-                // 如果当前已打开的动态路由数大于dynamicLevel，替换第一个动态路由标签
-                const index = this.multiTags.findIndex(item => item?.path === tagPath);
-                index !== -1 && this.multiTags.splice(index, 1);
-              }
-            }
-            this.multiTags.push(value);
-            this.tagsCache(this.multiTags);
-          }
-          break;
-        case 'splice':
-          if (!position) {
-            const index = this.multiTags.findIndex(v => v.path === value);
-            if (index === -1) return;
-            this.multiTags.splice(index, 1);
-          } else {
-            this.multiTags.splice(position?.startIndex, position?.length);
-          }
-          this.tagsCache(this.multiTags);
-          return this.multiTags;
-        case 'slice':
-          return this.multiTags.slice(-1);
-      }
-    }
-  }
-});
-
-export function useMultiTagsStoreHook() {
-  return useMultiTagsStore(store);
-}
+/*
+ * @Author: wei.li
+ * @Date: 2021-12-23 17:33:20
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-10-19 12:01:05
+ * @Description: file content
+ */
+import { defineStore } from 'pinia';
+import { isEqual, isBoolean } from 'xe-utils';
+import { storageLocal, isUrl } from '@utogether/utils';
+import { store } from '../index';
+import { routerArrays } from '../../layout/types';
+import { usePermissionStoreHook } from './permission';
+import { responsiveStorageNameSpace } from '../../config';
+import type { multiType, positionType } from './types';
+
+export const useMultiTagsStore = defineStore('udp-multiTags', {
+  state: () => ({
+    // 存储标签页信息（路由信息）
+    multiTags: storageLocal.getItem(`${responsiveStorageNameSpace()}configure`)?.multiTagsCache
+      ? storageLocal.getItem(`${responsiveStorageNameSpace()}tags`)
+      : [...routerArrays, ...usePermissionStoreHook().flatteningRoutes.filter(v => v?.meta?.fixedTag)],
+    multiTagsCache: storageLocal.getItem(`${responsiveStorageNameSpace()}configure`)?.multiTagsCache
+  }),
+  getters: {
+    getMultiTagsCache(state) {
+      return state.multiTagsCache;
+    }
+  },
+  actions: {
+    multiTagsCacheChange(multiTagsCache: boolean) {
+      this.multiTagsCache = multiTagsCache;
+      if (multiTagsCache) {
+        storageLocal.setItem(`${responsiveStorageNameSpace()}tags`, this.multiTags);
+      } else {
+        storageLocal.removeItem(`${responsiveStorageNameSpace()}tags`);
+      }
+    },
+    tagsCache(multiTags) {
+      this.getMultiTagsCache && storageLocal.setItem(`${responsiveStorageNameSpace()}tags`, multiTags);
+    },
+    handleTags<T>(mode: string, value?: T | multiType, position?: positionType): T {
+      switch (mode) {
+        case 'equal':
+          this.multiTags = value;
+          this.tagsCache(this.multiTags);
+          break;
+        case 'push':
+          {
+            const tagVal = value as multiType;
+            // 不添加到标签页
+            if (tagVal?.meta?.hiddenTag) return;
+            // 如果是外链无需添加信息到标签页
+            if (isUrl(tagVal?.name)) return;
+            // 如果title为空拒绝添加空信息到标签页
+            if (tagVal?.meta?.title?.length === 0) return;
+            // showLink:false 不添加到标签页
+            if (isBoolean(tagVal?.meta?.showLink) && !tagVal?.meta?.showLink) return;
+            const tagPath = tagVal.path;
+            // 判断tag是否已存在
+            const tagHasExits = this.multiTags.some(tag => {
+              return tag.path === tagPath && isEqual(tag?.query, tagVal?.query) && isEqual(tag?.params, tagVal?.params);
+            });
+
+            // 判断tag中的query键值是否相等
+            // const tagQueryHasExits = this.multiTags.some(tag => {
+            //   return isEqual(tag?.query, tagVal?.query);
+            // });
+
+            // // 判断tag中的params键值是否相等
+            // const tagParamsHasExits = this.multiTags.some(tag => {
+            //   return isEqual(tag?.params, tagVal?.params);
+            // });
+
+            // if (tagHasExits && tagQueryHasExits && tagParamsHasExits) return;
+            if (tagHasExits) return;
+
+            // 动态路由可打开的最大数量
+            const dynamicLevel = tagVal?.meta?.dynamicLevel ?? -1;
+            if (dynamicLevel > 0) {
+              if (this.multiTags.filter(e => e?.path === tagPath).length >= dynamicLevel) {
+                // 如果当前已打开的动态路由数大于dynamicLevel，替换第一个动态路由标签
+                const index = this.multiTags.findIndex(item => item?.path === tagPath);
+                index !== -1 && this.multiTags.splice(index, 1);
+              }
+            }
+            this.multiTags.push(value);
+            this.tagsCache(this.multiTags);
+          }
+          break;
+        case 'splice':
+          if (!position) {
+            const index = this.multiTags.findIndex(v => v.path === value);
+            if (index === -1) return;
+            this.multiTags.splice(index, 1);
+          } else {
+            this.multiTags.splice(position?.startIndex, position?.length);
+          }
+          this.tagsCache(this.multiTags);
+          return this.multiTags;
+        case 'slice':
+          return this.multiTags.slice(-1);
+      }
+    }
+  }
+});
+
+export function useMultiTagsStoreHook() {
+  return useMultiTagsStore(store);
+}

package/src/store/modules/permission.ts

@@ -1,100 +1,113 @@
-/*
- * @Author: wei.li
- * @Date: 2021-11-17 16:02:30
- * @LastEditors: wei.li
- * @LastEditTime: 2024-07-03 10:20:58
- * @Description: file content
- */
-import { defineStore } from 'pinia';
-import { store } from '../index';
-import type { cacheType } from './types';
-import { constantMenus } from '../../router';
-import { clone, debounce, findLastIndexOf } from 'xe-utils';
-import { getKeyList } from '../../utils';
-import { ascending, filterTree, formatFlatteningRoutes } from '../../router/utils';
-import { useMultiTagsStoreHook } from './multiTags';
-
-export const usePermissionStore = defineStore('udp-permission', {
-  state: () => ({
-    // 静态路由生成的菜单
-    constantMenus,
-    // 整体路由生成的菜单（静态、动态）
-    wholeMenus: [],
-    // 深拷贝一个菜单树，与导航菜单不冲突
-    menusTree: [],
-    // 整体路由（一维数组格式）
-    flatteningRoutes: [],
-    buttonAuth: [],
-    // 缓存页面keepAlive
-    cachePageList: []
-  }),
-  getters: {
-    getButtonAuth() {
-      return this.buttonAuth;
-    }
-  },
-  actions: {
-    asyncActionRoutes(routes = []) {
-      if (this.wholeMenus.length > 0) return;
-      const idx = findLastIndexOf(routes, item => item.menuCode === 'SysHome');
-      const constantMenus = clone(this.constantMenus, true);
-      if (idx !== -1) {
-        const homeRouter = this.constantMenus.find(f => f.name === 'home');
-        // 过滤非路由分类非菜单的数据
-        routes[idx].children && homeRouter.children.push(...routes[idx].children);
-        routes.splice(idx, 1);
-      }
-      this.wholeMenus = filterTree(ascending(this.constantMenus.concat(routes)));
-      this.flatteningRoutes = formatFlatteningRoutes(this.constantMenus.concat(routes));
-      this.menusTree = clone(this.wholeMenus, true);
-      this.constantMenus = constantMenus;
-    },
-    async changeSetting(routes) {
-      await this.asyncActionRoutes(routes);
-    },
-    setAuthButton(buttonAuth) {
-      this.buttonAuth = buttonAuth;
-    },
-    setWholeMenus(wholeMenus) {
-      this.wholeMenus = wholeMenus;
-    },
-    cacheOperate({ mode, name }: cacheType) {
-      const delIndex = this.cachePageList.findIndex(v => v === name);
-      switch (mode) {
-        case 'refresh':
-          this.cachePageList = this.cachePageList.filter(v => v !== name);
-          break;
-        case 'add':
-          this.cachePageList.push(name);
-          break;
-        case 'delete':
-          delIndex !== -1 && this.cachePageList.splice(delIndex, 1);
-          break;
-        case 'reset':
-          this.cachePageList = [];
-          break;
-      }
-      /** 监听缓存页面是否存在于标签页，不存在则删除 */
-      debounce(() => {
-        let cacheLength = this.cachePageList.length;
-        const nameList = getKeyList(useMultiTagsStoreHook().multiTags, 'name');
-        while (cacheLength > 0) {
-          nameList.findIndex(v => v === this.cachePageList[cacheLength - 1]) === -1 &&
-            this.cachePageList.splice(this.cachePageList.indexOf(this.cachePageList[cacheLength - 1]), 1);
-          cacheLength--;
-        }
-      }, 500)();
-    },
-    /** 清空缓存页面 */
-    clearAllCachePage() {
-      this.wholeMenus = [];
-      this.menusTree = [];
-      this.buttonAuth = [];
-      this.cachePageList = [];
-    }
-  }
-});
-
-export function usePermissionStoreHook() {
-  return usePermissionStore(store);
-}
+/*
+ * @Author: wei.li
+ * @Date: 2021-11-17 16:02:30
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-10-19 11:58:29
+ * @Description: file content
+ */
+import { defineStore } from 'pinia';
+import { store } from '../index';
+import type { cacheType } from './types';
+import { constantMenus } from '../../router';
+import { clone, findLastIndexOf } from 'xe-utils';
+import { getKeyList } from '../../utils';
+import { ascending, filterTree, formatFlatteningRoutes } from '../../router/utils';
+import { useMultiTagsStoreHook } from './multiTags';
+
+export const usePermissionStore = defineStore('udp-permission', {
+  state: () => ({
+    // 静态路由生成的菜单
+    constantMenus,
+    // 整体路由生成的菜单（静态、动态）
+    wholeMenus: [],
+    // 深拷贝一个菜单树，与导航菜单不冲突
+    menusTree: [],
+    // 整体路由（一维数组格式）
+    flatteningRoutes: [],
+    buttonAuth: [],
+    // 缓存页面keepAlive
+    cachePageList: []
+  }),
+  getters: {
+    getButtonAuth() {
+      return this.buttonAuth;
+    }
+  },
+  actions: {
+    asyncActionRoutes(routes = []) {
+      if (this.wholeMenus.length > 0) return;
+      const idx = findLastIndexOf(routes, item => item.menuCode === 'SysHome');
+      const constantMenus = clone(this.constantMenus, true);
+      if (idx !== -1) {
+        const homeRouter = this.constantMenus.find(f => f.name === 'home');
+        // 过滤非路由分类非菜单的数据
+        routes[idx].children && homeRouter.children.push(...routes[idx].children);
+        routes.splice(idx, 1);
+      }
+      this.wholeMenus = filterTree(ascending(this.constantMenus.concat(routes)));
+      this.flatteningRoutes = formatFlatteningRoutes(this.constantMenus.concat(routes));
+      this.menusTree = clone(this.wholeMenus, true);
+      this.constantMenus = constantMenus;
+    },
+    async changeSetting(routes) {
+      await this.asyncActionRoutes(routes);
+    },
+    setAuthButton(buttonAuth) {
+      this.buttonAuth = buttonAuth;
+    },
+    setWholeMenus(wholeMenus) {
+      this.wholeMenus = wholeMenus;
+    },
+
+    /** 监听缓存页面是否存在于标签页，不存在则删除 */
+    clearCache() {
+      let cacheLength = this.cachePageList.length;
+      const nameList = getKeyList(useMultiTagsStoreHook().multiTags, 'name');
+      while (cacheLength > 0) {
+        nameList.findIndex(v => v === this.cachePageList[cacheLength - 1]) === -1 &&
+          this.cachePageList.splice(this.cachePageList.indexOf(this.cachePageList[cacheLength - 1]), 1);
+        cacheLength--;
+      }
+    },
+    cacheOperate({ mode, name }: cacheType) {
+      const delIndex = this.cachePageList.findIndex(v => v === name);
+      switch (mode) {
+        case 'refresh':
+          this.cachePageList = this.cachePageList.filter(v => v !== name);
+          this.clearCache();
+          break;
+        case 'add':
+          this.cachePageList.push(name);
+          break;
+        case 'delete':
+          delIndex !== -1 && this.cachePageList.splice(delIndex, 1);
+          this.clearCache();
+          break;
+        case 'reset':
+          this.cachePageList = [];
+          break;
+      }
+      /** 监听缓存页面是否存在于标签页，不存在则删除 */
+      // debounce(() => {
+      //   let cacheLength = this.cachePageList.length;
+      //   const nameList = getKeyList(useMultiTagsStoreHook().multiTags, 'name');
+      //   while (cacheLength > 0) {
+      //     nameList.findIndex(v => v === this.cachePageList[cacheLength - 1]) === -1 &&
+      //       this.cachePageList.splice(this.cachePageList.indexOf(this.cachePageList[cacheLength - 1]), 1);
+      //     cacheLength--;
+      //   }
+      // }, 500)();
+    },
+    /** 清空缓存页面 */
+    clearAllCachePage() {
+      this.wholeMenus = [];
+      this.menusTree = [];
+      this.buttonAuth = [];
+      this.cachePageList = [];
+    }
+  }
+});
+
+export function usePermissionStoreHook() {
+  return usePermissionStore(store);
+}

package/src/style/button.scss

@@ -1,85 +1,85 @@
-.vxe-button.size--mini.type--button {
-  height: 25px;
-}
-
-.vxe-button.size--small.type--button {
-  height: 25px;
-}
-
-.vxe-button.type--button.theme--u-cyan,
-.vxe-button.type--button.theme--u-cyan:hover {
-  color: #fff;
-}
-
-.vxe-button.type--button.theme--u-cyan {
-  background-color: #1cbbb4;
-}
-
-.vxe-button.type--button.theme--u-cyan:active {
-  background-color: #39b54a;
-}
-
-// 禁用状态
-.vxe-button.type--button.theme--u-cyan.is--disabled {
-  background-color: #69e4de;
-  border-color: #69e4de;
-}
-
-.vxe-button.type--button.theme--u-color-shallow,
-.vxe-button.type--button.theme--u-color-shallow:hover {
-  color: #fff;
-}
-
-.vxe-button.type--button.theme--u-color-shallow {
-  background-color: #fbbd08;
-}
-
-.vxe-button.type--button.theme--u-color-shallow:active {
-  background-color: #fff;
-}
-
-.layout-theme-default .vxe-button.type--button.theme--u-cyan:not(.is--disabled):hover {
-  background-color: #40e0d0;
-  border-color: #40e0d0;
-}
-
-.vxe-button.type--button:not(.is--disabled):hover {
-  color: #fff;
-
-  .vxe-button--icon,
-  .vxe-button--item {
-    color: inherit;
-  }
-}
-
-.vxe-button[name='favorite'].type--button:not(.is--disabled):hover {
-  .vxe-button--item {
-    color: var(--udp-theme-vxeColor);
-  }
-}
-
-.u-color-royalBlue {
-  color: #4169e1;
-}
-
-.u-color-turquoise {
-  color: #40e0d0;
-}
-
-.el-dropdown {
-  .el-dropdown__caret-button {
-    margin-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .el-button-group + .el-button {
-    border-top-right-radius: 0 !important;
-    border-bottom-right-radius: 0 !important;
-  }
-
-  .el-button:first-child {
-    border-top-right-radius: 0 !important;
-    border-bottom-right-radius: 0 !important;
-  }
-}
+.vxe-button.size--mini.type--button {
+  height: 25px;
+}
+
+.vxe-button.size--small.type--button {
+  height: 25px;
+}
+
+.vxe-button.type--button.theme--u-cyan,
+.vxe-button.type--button.theme--u-cyan:hover {
+  color: #fff;
+}
+
+.vxe-button.type--button.theme--u-cyan {
+  background-color: #1cbbb4;
+}
+
+.vxe-button.type--button.theme--u-cyan:active {
+  background-color: #39b54a;
+}
+
+// 禁用状态
+.vxe-button.type--button.theme--u-cyan.is--disabled {
+  background-color: #69e4de;
+  border-color: #69e4de;
+}
+
+.vxe-button.type--button.theme--u-color-shallow,
+.vxe-button.type--button.theme--u-color-shallow:hover {
+  color: #fff;
+}
+
+.vxe-button.type--button.theme--u-color-shallow {
+  background-color: #fbbd08;
+}
+
+.vxe-button.type--button.theme--u-color-shallow:active {
+  background-color: #fff;
+}
+
+.layout-theme-default .vxe-button.type--button.theme--u-cyan:not(.is--disabled):hover {
+  background-color: #40e0d0;
+  border-color: #40e0d0;
+}
+
+.vxe-button.type--button:not(.is--disabled):hover {
+  color: inherit;
+
+  .vxe-button--icon,
+  .vxe-button--item {
+    color: inherit;
+  }
+}
+
+.vxe-button[name='favorite'].type--button:not(.is--disabled):hover {
+  .vxe-button--item {
+    color: var(--udp-theme-vxeColor);
+  }
+}
+
+.u-color-royalBlue {
+  color: #4169e1;
+}
+
+.u-color-turquoise {
+  color: #40e0d0;
+}
+
+.el-dropdown {
+  .el-dropdown__caret-button {
+    margin-left: 0;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .el-button-group + .el-button {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+
+  .el-button:first-child {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+}