@utogether/udp-core 1.0.0

package/src/store/modules/epTheme.ts

@@ -0,0 +1,49 @@
+/*
+ * @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

@@ -0,0 +1,109 @@
+/*
+ * @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);
+}

package/src/store/modules/permission.ts

@@ -0,0 +1,103 @@
+/*
+ * @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);
+}

package/src/store/modules/settings.ts

@@ -0,0 +1,40 @@
+/*
+ * @Author: wei.li
+ * @Date: 2021-12-23 17:33:20
+ * @LastEditors: wei.li
+ * @LastEditTime: 2024-07-02 08:54:14
+ * @Description: file content
+ */
+import { defineStore } from 'pinia';
+import { store } from '../index';
+import type { setType } from './types';
+import { getConfig } from '../../config';
+
+export const useSettingStore = defineStore('udp-setting', {
+  state: (): setType => ({
+    fixedHeader: getConfig().FixedHeader,
+    hiddenSideBar: getConfig().HiddenSideBar
+  }),
+  getters: {
+    getFixedHeader() {
+      return this.fixedHeader;
+    },
+    getHiddenSideBar() {
+      return this.HiddenSideBar;
+    }
+  },
+  actions: {
+    CHANGE_SETTING({ key, value }) {
+      if (Reflect.has(this, key)) {
+        this[key] = value;
+      }
+    },
+    changeSetting(data) {
+      this.CHANGE_SETTING(data);
+    }
+  }
+});
+
+export function useSettingStoreHook() {
+  return useSettingStore(store);
+}

package/src/store/modules/system.ts

@@ -0,0 +1,180 @@
+/*
+ * @Author: wei.li
+ * @Date: 2021-11-17 16:40:44
+ * @LastEditors: wei.li
+ * @LastEditTime: 2024-06-26 15:48:18
+ * @Description: file content
+ */
+import { defineStore } from 'pinia';
+import { store } from '../index';
+import { cookies, storageLocal } from '@utogether/utils';
+import { usePermissionStoreHook } from './permission';
+
+interface ISystemState {
+  baseURL: string;
+  userInfo: IRecord;
+  systemInfo: IRecord;
+  dataDict: IRecord;
+  sysConfig: IRecord;
+  menui18n: object;
+  i18n: object;
+  orgList: IRecord[];
+  dicts: IRecord[];
+  invOrgList: IRecord[];
+  homeMenus: IRecord[];
+  sessionKey: string;
+  userName: string;
+  orgId: string;
+  organizationId: string;
+  isAdminRole: boolean;
+}
+
+export const useSystemStore = defineStore('udp-system', {
+  state: (): ISystemState => ({
+    baseURL: '',
+    userInfo: {},
+    systemInfo: {},
+    dataDict: {},
+    sysConfig: {},
+    menui18n: {},
+    i18n: {},
+    dicts: [],
+    orgList: [],
+    invOrgList: [],
+    homeMenus: [],
+    sessionKey: '',
+    orgId: '',
+    userName: '',
+    organizationId: '',
+    isAdminRole: false
+  }),
+  getters: {
+    getBaseURL() {
+      return this.baseURL;
+    },
+    getUserInfo() {
+      return this.userInfo;
+    },
+    getSysConfig() {
+      return this.sysConfig;
+    },
+    getEmployee() {
+      return this.employee;
+    },
+    getSessionKey() {
+      return this.sessionKey;
+    },
+    getMenuI18n() {
+      return this.menui18n;
+    },
+    getI18n() {
+      return this.i18n;
+    },
+    getOrglist() {
+      return this.orgList;
+    },
+    getOrgId() {
+      return this.orgId;
+    },
+    getOrganizationId() {
+      return this.organizationId;
+    },
+    getDataDict() {
+      return this.dataDict;
+    },
+    getUserName() {
+      return this.userName;
+    },
+    getAdminRole(state) {
+      return state.isAdminRole;
+    },
+    getHomeMenus(state) {
+      return state.homeMenus;
+    },
+    getOrganizationCode(state) {
+      return state.invOrgList?.find(f => f.id === state.organizationId)?.organizationCode;
+    },
+    getOrg(state) {
+      return state.orgList.find(f => f.id === state.orgId);
+    }
+  },
+  actions: {
+    // baseURL
+    setBaseURL(data) {
+      this.sessionKey = data;
+    },
+    setSessionKey(data) {
+      this.sessionKey = data.access_token || data;
+    },
+    // sysConfig
+    setSysConfig(sysConfig) {
+      this.sysConfig = sysConfig;
+    },
+    // orgId
+    setOrgId(orgId) {
+      this.orgId = orgId;
+    },
+    setOrganizationId(organizationId) {
+      this.organizationId = organizationId;
+    },
+    setMenuI18n(menui18n) {
+      this.menui18n = menui18n;
+    },
+    setI18n(i18n) {
+      this.i18n = i18n;
+    },
+    setUserName(userName) {
+      this.userName = userName;
+    },
+    // 首页子菜单列表
+    setHomeMenus(menus) {
+      this.homeMenus = menus;
+    },
+    // 库存组织列表
+    setInvOrgList(invOrgList) {
+      this.invOrgList = invOrgList;
+    },
+    setOrgList(orgList) {
+      this.orgList = orgList;
+    },
+    setDict(datas) {
+      // 数据字典
+      this.dicts = datas;
+      datas?.forEach(data => {
+        this.dataDict[data.dictCode] = data;
+      });
+      storageLocal.setItem('kLov', this.dataDict);
+    },
+    // 系统信息
+    setSystemInfo(systemInfo) {
+      // 系统信息
+      this.systemInfo = systemInfo;
+      // 当前用户
+      const employee = systemInfo.employeeList?.length ? systemInfo.employeeList[0] : '';
+      this.userInfo = systemInfo.user || {};
+      // 当前员工
+      this.employee = Object.assign({}, employee, systemInfo.user);
+      // 用户当前的业务业务实体
+      this.orgId = systemInfo.orgId;
+      // 用户当前库存组织
+      this.organizationId = systemInfo.organizationId;
+      // 用户所在的业务实体
+      this.orgList = systemInfo.orgList;
+      // 将公共参数缓存到cookie中
+      const query = {
+        orgId: systemInfo.orgId,
+        organizationId: systemInfo.organizationId
+      };
+      cookies.set('kCookies_param', JSON.stringify(query));
+      this.isAdminRole = this.employee.sysRoles.some(
+        s => s.roleCode === 'admin' || ['管理员'].includes(s.roleName)
+      );
+      // 缓存按钮数据权限
+      usePermissionStoreHook().setAuthButton(systemInfo.dataMenus);
+    }
+  }
+});
+
+export function useSystemStoreHook() {
+  return useSystemStore(store);
+}

package/src/store/modules/types.ts

@@ -0,0 +1,49 @@
+/*
+ * @Author: wei.li
+ * @Date: 2024-06-05 08:25:25
+ * @LastEditors: wei.li
+ * @LastEditTime: 2024-07-02 08:54:26
+ * @Description: file content
+ */
+import type { RouteRecordName } from 'vue-router';
+
+export type cacheType = {
+  mode: string;
+  name?: RouteRecordName;
+};
+
+export type positionType = {
+  startIndex?: number;
+  length?: number;
+};
+
+export type appType = {
+  sidebar: {
+    opened: boolean;
+    withoutAnimation: boolean;
+    // 判断是否手动点击Collapse
+    isClickCollapse: boolean;
+  };
+  layout: string;
+  device: string;
+};
+
+export type multiType = {
+  path: string;
+  name: string;
+  meta: any;
+  query?: object;
+  params?: object;
+};
+
+export type setType = {
+  fixedHeader: boolean;
+  hiddenSideBar: boolean;
+};
+
+export type userType = {
+  token: string;
+  name?: string;
+  verifyCode?: string;
+  currentPage?: number;
+};

package/src/style/button.scss

@@ -0,0 +1,78 @@
+.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 !important;
+
+  .vxe-button--icon {
+    color: #4169e1;
+  }
+}
+
+.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/clear-mixin.scss

@@ -0,0 +1,28 @@
+@mixin clearfix {
+  &::after {
+    clear: both;
+    display: table;
+    content: '';
+  }
+}
+
+@mixin relative {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+@mixin scrollBar {
+  &::-webkit-scrollbar-track-piece {
+    background: #d3dce6;
+  }
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #99a9bf;
+    border-radius: 20px;
+  }
+}