@utogether/udp-core 1.0.1-beta.9 → 1.0.2

package/src/store/modules/app.ts

@@ -14,13 +14,11 @@ 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
     },
-    // 这里的layout用于监听容器拖拉后恢复对应的导航模式
+    // 这里的layout用于监听容器拖拉后恢复对应的菜单布局
     layout: storageLocal.getItem(`${responsiveStorageNameSpace()}layout`)?.layout ?? getConfig().Layout,
     device: deviceDetection() ? 'mobile' : 'desktop'
   }),

package/src/store/modules/epTheme.ts

@@ -1,49 +1,48 @@
-/*
- * @Author: wei.li
- * @Date: 2021-12-23 17:33:20
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2024-12-17 18:53:00
- * @Description: file content
- */
-import { store } from '../index';
-import { defineStore } from 'pinia';
-import { getConfig, responsiveStorageNameSpace } from '../../config';
-import { storageLocal } from '@utogether/utils';
-
-export const useEpThemeStore = defineStore('udp-epTheme', {
-  state: () => ({
-    epThemeColor:
-      storageLocal.getItem(`${responsiveStorageNameSpace()}-layout`)?.epThemeColor ??
-      getConfig().EpThemeColor,
-    epTheme: storageLocal.getItem(`${responsiveStorageNameSpace()}-layout`)?.theme ?? getConfig().Theme
-  }),
-  getters: {
-    getEpThemeColor() {
-      return this.epThemeColor;
-    },
-    // 用于mix导航模式下hamburger-svg的fill属性
-    fill() {
-      if (this.epTheme === 'light') {
-        return '#409eff';
-      } else if (this.epTheme === 'yellow') {
-        return '#d25f00';
-      } else {
-        return '#fff';
-      }
-    }
-  },
-  actions: {
-    setEpThemeColor(newColor: string): void {
-      const layout = storageLocal.getItem(`${responsiveStorageNameSpace()}layout`);
-      this.epTheme = layout?.theme;
-      this.epThemeColor = newColor;
-      if (!layout) return;
-      layout.epThemeColor = newColor;
-      storageLocal.setItem(`${responsiveStorageNameSpace()}layout`, layout);
-    }
-  }
-});
-
-export function useEpThemeStoreHook() {
-  return useEpThemeStore(store);
-}
+/*
+ * @Author: wei.li
+ * @Date: 2021-12-23 17:33:20
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2024-12-17 18:53:00
+ * @Description: file content
+ */
+import { store } from '../index';
+import { defineStore } from 'pinia';
+import { getConfig, responsiveStorageNameSpace } from '../../config';
+import { storageLocal } from '@utogether/utils';
+
+export const useEpThemeStore = defineStore('udp-epTheme', {
+  state: () => ({
+    epThemeColor:
+      storageLocal.getItem(`${responsiveStorageNameSpace()}-layout`)?.epThemeColor ?? getConfig().EpThemeColor,
+    epTheme: storageLocal.getItem(`${responsiveStorageNameSpace()}-layout`)?.theme ?? getConfig().Theme
+  }),
+  getters: {
+    getEpThemeColor() {
+      return this.epThemeColor;
+    },
+    // 用于mix菜单布局下hamburger-svg的fill属性
+    fill() {
+      if (this.epTheme === 'light') {
+        return '#409eff';
+      } else if (this.epTheme === 'yellow') {
+        return '#d25f00';
+      } else {
+        return '#fff';
+      }
+    }
+  },
+  actions: {
+    setEpThemeColor(newColor: string): void {
+      const layout = storageLocal.getItem(`${responsiveStorageNameSpace()}layout`);
+      this.epTheme = layout?.theme;
+      this.epThemeColor = newColor;
+      if (!layout) return;
+      layout.epThemeColor = newColor;
+      storageLocal.setItem(`${responsiveStorageNameSpace()}layout`, layout);
+    }
+  }
+});
+
+export function useEpThemeStoreHook() {
+  return useEpThemeStore(store);
+}

package/src/store/modules/multiTags.ts

@@ -1,12 +1,12 @@
 /*
  * @Author: wei.li
  * @Date: 2021-12-23 17:33:20
- * @LastEditors: wei.li
- * @LastEditTime: 2024-07-03 10:27:36
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-11-06 17:48:20
  * @Description: file content
  */
 import { defineStore } from 'pinia';
-import { isEqual, isBoolean } from 'xe-utils';
+import { isEqual } from 'xe-utils';
 import { storageLocal, isUrl } from '@utogether/utils';
 import { store } from '../index';
 import { routerArrays } from '../../layout/types';
@@ -54,25 +54,26 @@ export const useMultiTagsStore = defineStore('udp-multiTags', {
             if (isUrl(tagVal?.name)) return;
             // 如果title为空拒绝添加空信息到标签页
             if (tagVal?.meta?.title?.length === 0) return;
-            // showLink:false 不添加到标签页
-            if (isBoolean(tagVal?.meta?.showLink) && !tagVal?.meta?.showLink) return;
+            // showLink:false 不添加到标签页 -- 因审批流注释2025/11/6
+            // if (isBoolean(tagVal?.meta?.showLink) && !tagVal?.meta?.showLink) return;
             const tagPath = tagVal.path;
             // 判断tag是否已存在
             const tagHasExits = this.multiTags.some(tag => {
-              return tag.path === tagPath;
+              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);
-            });
+            // 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);
-            });
+            // // 判断tag中的params键值是否相等
+            // const tagParamsHasExits = this.multiTags.some(tag => {
+            //   return isEqual(tag?.params, tagVal?.params);
+            // });
 
-            if (tagHasExits && tagQueryHasExits && tagParamsHasExits) return;
+            // if (tagHasExits && tagQueryHasExits && tagParamsHasExits) return;
+            if (tagHasExits) return;
 
             // 动态路由可打开的最大数量
             const dynamicLevel = tagVal?.meta?.dynamicLevel ?? -1;

package/src/store/modules/permission.ts

@@ -1,15 +1,15 @@
 /*
  * @Author: wei.li
  * @Date: 2021-11-17 16:02:30
- * @LastEditors: wei.li
- * @LastEditTime: 2024-07-03 10:20:58
+ * @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, debounce, findLastIndexOf } from 'xe-utils';
+import { clone, findLastIndexOf } from 'xe-utils';
 import { getKeyList } from '../../utils';
 import { ascending, filterTree, formatFlatteningRoutes } from '../../router/utils';
 import { useMultiTagsStoreHook } from './multiTags';
@@ -58,35 +58,45 @@ export const usePermissionStore = defineStore('udp-permission', {
     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)();
+      // 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() {

package/src/store/modules/system.ts

@@ -166,9 +166,7 @@ export const useSystemStore = defineStore('udp-system', {
         organizationId: systemInfo.organizationId
       };
       cookies.set('kCookies_param', JSON.stringify(query));
-      this.isAdminRole = this.employee.sysRoles.some(
-        s => s.roleCode === 'admin' || ['管理员'].includes(s.roleName)
-      );
+      this.isAdminRole = this.employee.sysRoles.some(s => s.roleCode === 'admin' || ['管理员'].includes(s.roleName));
       // 缓存按钮数据权限
       usePermissionStoreHook().setAuthButton(systemInfo.dataMenus);
     }

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 !important;
+}
+
+.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;
+  }
+}

package/src/style/login.css

@@ -11,7 +11,7 @@
   height: 100vh;
   display: flex;
   justify-content: flex-end;
-  background-color: #36419d;
+  background-color: #2a5f97;
   /* background: url('../assets/login/default-bg.png') no-repeat center; */
   background-repeat: no-repeat;
   background-position: center;

package/src/style/vxetable.scss

@@ -33,31 +33,58 @@ html[data-vxe-ui-theme='light'] {
 
 /** 必填录入框颜色 */
 .vxe-form--item.is--required {
+  // 输入框必填
   .vxe-input > .vxe-input--wrapper > .vxe-input--inner:not(:disabled) {
     background-color: #fffbdf;
   }
 
+  // 数字框框必填
   .vxe-input:not(.is--disabled) > .vxe-input--wrapper {
     .vxe-input--control-icon {
       background-color: #fffbdf;
     }
   }
 
-  .vxe-input--suffix {
+  // 输入框必填
+  .vxe-input:not(.is--disabled) > .vxe-input--suffix {
     background-color: #fffbdf;
   }
 
-  .el-select__wrapper:not(:disabled) {
+  // 下拉选择必填
+  .el-select__wrapper:not(.is-disabled) {
     background-color: #fffbdf;
   }
 
+  // 输入框必填
   .el-input:not(.is-disabled) > .el-input__wrapper {
     background-color: #fffbdf;
   }
 
+  // 文本域必填
   .vxe-textarea:not(.is--disabled) > .vxe-textarea--inner {
     background-color: #fffbdf;
   }
+
+  // 日期必填
+  .vxe-date-picker:not(.is--disabled) {
+    .vxe-date-picker--inner,
+    .vxe-input--suffix {
+      background-color: #fffbdf;
+    }
+
+    .vxe-date-picker--prefix,
+    .vxe-date-picker--suffix {
+      background-color: #fffbdf;
+    }
+  }
+
+  .vxe-number-input:not(.is--disabled) {
+    .vxe-number-input--input-inner {
+      .vxe-number-input--input {
+        background-color: #fffbdf;
+      }
+    }
+  }
 }
 
 /** 分页组件：当前页颜色 */
@@ -250,6 +277,14 @@ html[data-vxe-ui-theme='light'] {
   .el-switch span:first-child:not(.vxe-cell--title) {
     color: #fff !important;
   }
+
+  .udp-select-wrapper {
+    .el-tag:first-child:not(.vxe-cell--title) {
+      .el-tag__content {
+        color: inherit !important;
+      }
+    }
+  }
 }
 
 .vxe-table--header-wrapper {
@@ -287,3 +322,27 @@ html[data-vxe-ui-theme='light'] {
   background-color: #d8e5f7;
   background-image: linear-gradient(180deg, #d8e5f7, #bcd3f5);
 }
+
+/*********************************** tabs ****************************/
+
+.vxe-tabs-header--item-name {
+  font-size: 12px;
+  font-weight: 600;
+  color: #909399;
+}
+
+.vxe-tabs-header--item.is--active {
+  .vxe-tabs-header--item-name {
+    font-size: 13px;
+    color: var(--udp-theme-vxeColor);
+  }
+}
+
+/******************************** tab end *************************************/
+
+/******************************** preview start 预览图片组件 *************************************/
+.vxe-image-preview--operation-wrapper {
+  color: #c0c4cc;
+}
+
+/******************************** preview end *************************************/