@fmdevui/fm-dev 1.0.4 → 1.0.5

package/es/packages/core/stores/requestOldRoutes.mjs

@@ -0,0 +1,14 @@
+import { defineStore } from 'pinia';
+
+const useRequestOldRoutes = defineStore("requestOldRoutes", {
+  state: () => ({
+    requestOldRoutes: []
+  }),
+  actions: {
+    async setRequestOldRoutes(routes) {
+      this.requestOldRoutes = routes;
+    }
+  }
+});
+
+export { useRequestOldRoutes };

package/es/packages/core/stores/routesList.mjs

@@ -0,0 +1,26 @@
+import { defineStore } from 'pinia';
+
+const useRoutesList = defineStore("routesList", {
+  state: () => ({
+    routesList: [],
+    isColumnsMenuHover: false,
+    isColumnsNavHover: false,
+    currentRoute: null
+  }),
+  actions: {
+    setCurrentRoute(route) {
+      this.currentRoute = route;
+    },
+    async setRoutesList(data) {
+      this.routesList = data;
+    },
+    async setColumnsMenuHover(bool) {
+      this.isColumnsMenuHover = bool;
+    },
+    async setColumnsNavHover(bool) {
+      this.isColumnsNavHover = bool;
+    }
+  }
+});
+
+export { useRoutesList };

package/es/packages/core/stores/tagsViewRoutes.mjs

@@ -0,0 +1,22 @@
+import { defineStore } from 'pinia';
+import '../utils/index.mjs';
+import { Session } from '../utils/storage/index.mjs';
+import { PUB } from '../utils/const/index.mjs';
+
+const useTagsViewRoutes = defineStore("tagsViewRoutes", {
+  state: () => ({
+    tagsViewRoutes: [],
+    isTagsViewCurrenFull: false
+  }),
+  actions: {
+    async setTagsViewRoutes(data) {
+      this.tagsViewRoutes = data;
+    },
+    setCurrenFullscreen(bool) {
+      Session.set(PUB.isTagsViewCurrenFull, bool);
+      this.isTagsViewCurrenFull = bool;
+    }
+  }
+});
+
+export { useTagsViewRoutes };

package/es/packages/core/stores/themeConfig.mjs

@@ -0,0 +1,161 @@
+import { defineStore } from 'pinia';
+
+const useThemeConfig = defineStore("themeConfig", {
+  state: () => ({
+    themeConfig: {
+      // 是否开启布局配置抽屉
+      isDrawer: false,
+      /**
+       * 全局主题
+       */
+      // 默认 primary 主题颜色
+      primary: "#0f59a4",
+      //胭脂红:#f03f24 //飞燕草蓝:#0f59a4 //薄荷绿:#207f4c
+      // 是否开启深色模式
+      isIsDark: false,
+      /**
+       * 顶栏设置
+       */
+      // 默认顶栏导航背景颜色
+      topBar: "#FFFFFF",
+      // 默认顶栏导航字体颜色
+      topBarColor: "#000000",
+      // 是否开启顶栏背景颜色渐变
+      isTopBarColorGradual: false,
+      /**
+       * 菜单设置
+       */
+      // 默认菜单导航背景颜色
+      menuBar: "#FFFFFF",
+      // 默认菜单导航字体颜色
+      menuBarColor: "#000000",
+      // 默认菜单高亮背景色
+      menuBarActiveColor: "var(--el-color-primary-light-7)",
+      // 是否开启菜单背景颜色渐变
+      isMenuBarColorGradual: false,
+      /**
+       * 分栏设置
+       */
+      // 默认分栏菜单背景颜色
+      columnsMenuBar: "#2C3A49",
+      // 默认分栏菜单字体颜色
+      columnsMenuBarColor: "#F0F0F0",
+      // 是否开启分栏菜单背景颜色渐变
+      isColumnsMenuBarColorGradual: false,
+      // 是否开启分栏菜单鼠标悬停预加载(预览菜单)
+      isColumnsMenuHoverPreload: false,
+      // 分栏Logo高度(px)
+      columnsLogoHeight: 50,
+      // 分栏菜单宽度(px)
+      columnsMenuWidth: 70,
+      // 分栏菜单高度(px)
+      columnsMenuHeight: 50,
+      /**
+       * 界面设置
+       */
+      // 是否开启菜单水平折叠效果
+      isCollapse: false,
+      // 是否开启菜单手风琴效果
+      isUniqueOpened: true,
+      // 是否开启固定 Header
+      isFixedHeader: true,
+      // 初始化变量，用于更新菜单 el-scrollbar 的高度，请勿删除
+      isFixedHeaderChange: false,
+      // 是否开启经典布局分割菜单（仅经典布局生效）
+      isClassicSplitMenu: false,
+      // 是否开启自动锁屏
+      isLockScreen: false,
+      // 开启自动锁屏倒计时(s/秒)
+      lockScreenTime: 300,
+      /**
+       * 界面显示
+       */
+      // 是否开启侧边栏 Logo
+      isShowLogo: true,
+      // 初始化变量，用于 el-scrollbar 的高度更新，请勿删除
+      isShowLogoChange: false,
+      // 是否开启 Breadcrumb，强制经典、横向布局不显示
+      isBreadcrumb: true,
+      // 是否开启 Tagsview
+      isTagsview: true,
+      // 是否开启 Breadcrumb 图标
+      isBreadcrumbIcon: true,
+      // 是否开启 Tagsview 图标
+      isTagsviewIcon: true,
+      // 是否开启 TagsView 缓存
+      isCacheTagsView: true,
+      // 是否开启 TagsView 拖拽
+      isSortableTagsView: true,
+      // 是否开启 TagsView 共用 -- 共用详情界面：tagsView只会出现一个；非共用详情界面：tagsView会出现多个
+      isShareTagsView: true,
+      // 是否开启 Footer 底部版权信息
+      isFooter: true,
+      // 是否开启灰色模式
+      isGrayscale: false,
+      // 是否开启色弱模式
+      isInvert: false,
+      // 是否开启水印
+      isWatermark: true,
+      // 水印文案
+      watermarkText: "FM",
+      /**
+       * 其它设置
+       */
+      // Tagsview 风格：可选值"<tags-style-one|tags-style-four|tags-style-five>"，默认 tags-style-five
+      // 定义的值与 `/src/layout/navBars/tagsView/tagsView.vue` 中的 class 同名
+      tagsStyle: "tags-style-one",
+      // 主页面切换动画: Animate.css
+      animation: "fadeDown",
+      // 分栏高亮风格：可选值"<columns-round|columns-card>"，默认 columns-round
+      columnsAsideStyle: "columns-round",
+      // 分栏布局风格：可选值"<columns-horizontal|columns-vertical>"，默认 columns-horizontal
+      columnsAsideLayout: "columns-vertical",
+      /**
+       * 布局切换
+       * 注意：为了演示，切换布局时，颜色会被还原成默认，代码位置：/@/layout/navBars/topBar/settings.vue
+       * 中的 `initSetLayoutChange(设置布局切换，重置主题样式)` 方法
+       */
+      // 布局切换：可选值"<defaults|classic|transverse|columns>"，默认 defaults
+      layout: "columns",
+      /**
+       * 后端控制路由
+       */
+      // 是否开启后端控制路由
+      isRequestRoutes: true,
+      /**
+       * 全局网站标题 / 副标题
+       */
+      // 网站主标题（菜单导航、浏览器当前网页标题）
+      globalTitle: "FM.Pro",
+      // 网站副标题（登录页顶部文字）
+      globalViceTitle: "FM",
+      // 网站副标题（登录页顶部文字）
+      globalViceTitleMsg: "\u901A\u7528\u6743\u9650\u5F00\u53D1\u6846\u67B6",
+      // 版权和备案文字
+      copyright: "Copyright \xA9 2023-Present FM All rights reserved.",
+      // 默认初始语言，可选值"<zh-CN|en|zh-TW>"，默认 zh-CN
+      globalI18n: "zh-CN",
+      // 默认全局组件大小，可选值"<large|'default'|small>"，默认 'large'
+      globalComponentSize: "small",
+      // 系统 logo 地址
+      logoUrl: "logo.png",
+      // Icp备案号
+      icp: "\u7701ICP\u590712345678\u53F7",
+      // Icp地址
+      icpUrl: "https://beian.miit.gov.cn",
+      // 是否开启多语言切换
+      i18NSwitch: true,
+      // 闲置超时时间
+      idleTimeout: 0,
+      // 上线下线通知
+      onlineNotice: true
+    }
+  }),
+  actions: {
+    setThemeConfig(data) {
+      this.themeConfig = data.themeConfig;
+    }
+  }
+});
+
+export { useThemeConfig };

package/es/packages/core/stores/userInfo.mjs

@@ -0,0 +1,156 @@
+import { defineStore } from 'pinia';
+import '../utils/index.mjs';
+import { useThemeConfig } from './themeConfig.mjs';
+import '../api/index.mjs';
+import { useI18n } from 'vue-i18n';
+import { useSysApi } from '../api/sys/index.mjs';
+import { Watermark } from '../utils/watermark/index.mjs';
+import { Local, Session } from '../utils/storage/index.mjs';
+import { PUB } from '../utils/const/index.mjs';
+
+const useUserInfo = defineStore("userInfo", {
+  state: () => ({
+    userInfos: {},
+    // 用户信息
+    constList: [],
+    // 常量列表
+    dictList: {},
+    // 字典列表
+    userTableList: []
+    // 用户表格字段列表
+  }),
+  getters: {},
+  actions: {
+    // 存储用户信息到浏览器缓存
+    async setUserInfos() {
+      this.userInfos = Session.get("userInfo") ?? await this.getApiUserInfo();
+    },
+    // 存储常量信息到浏览器缓存
+    async setConstList() {
+      this.constList = Session.get("constList") ?? await this.getSysConstList();
+      if (!Session.get("constList")) Session.set("constList", this.constList);
+    },
+    // 存储字典信息到浏览器缓存
+    async setDictList() {
+      var dictList = await useSysApi().getAllDictList().then((res) => res.data.result ?? {});
+      var dictListTemp = JSON.parse(JSON.stringify(dictList));
+      await Promise.all(
+        Object.keys(dictList).map(async (key) => {
+          dictList[key].forEach((da, index) => {
+            setDictLangMessageAsync(dictListTemp[key][index]);
+          });
+        })
+      );
+      this.dictList = dictListTemp;
+    },
+    // 存储用户表格列到浏览器缓存
+    async setUserTables() {
+      this.userTableList = Session.get(PUB.userTable) ?? await this.getUserTableList();
+      if (!Session.get(PUB.userTable)) Session.set(PUB.userTable, this.userTableList);
+    },
+    // 获取当前用户信息
+    getApiUserInfo() {
+      return new Promise((resolve) => {
+        useSysApi().getUserInfo().then((res) => {
+          if (res.data.result == null) return;
+          var d = res.data.result;
+          const userInfos = {
+            id: d.id,
+            loginId: d.loginId,
+            tenantId: d.tenantId,
+            account: d.account,
+            realName: d.realName,
+            phone: d.phone,
+            idCardNum: d.idCardNum,
+            email: d.email,
+            accountType: d.accountType,
+            avatar: d.avatar ?? "/logo.png",
+            address: d.address,
+            signature: d.signature,
+            orgId: d.orgId,
+            orgName: d.orgName,
+            posName: d.posName,
+            roles: d.roleIds,
+            authApiList: d.apis,
+            lastChangePasswordTime: d.lastChangePasswordTime,
+            time: (/* @__PURE__ */ new Date()).getTime()
+          };
+          const storesThemeConfig = useThemeConfig();
+          storesThemeConfig.themeConfig.watermarkText = d.watermarkText ?? "";
+          if (storesThemeConfig.themeConfig.isWatermark) Watermark.set(storesThemeConfig.themeConfig.watermarkText);
+          else Watermark.del();
+          Local.remove(PUB.themeConfig);
+          Local.set(PUB.themeConfig, storesThemeConfig.themeConfig);
+          resolve(userInfos);
+        });
+      });
+    },
+    // 获取当前用户表格列集合
+    getUserTableList() {
+      return new Promise((resolve) => {
+        useSysApi().getUserRoleTableList().then(async (res) => {
+          resolve(res.data.result ?? []);
+        });
+      });
+    },
+    // 获取常量集合
+    getSysConstList() {
+      return new Promise((resolve) => {
+        useSysApi().getConstList().then(async (res) => {
+          resolve(res.data.result ?? []);
+        });
+      });
+    },
+    // 根据常量类名获取常量数据
+    getConstDataByTypeCode(typeCode) {
+      return this.constList.find((item) => item.code === typeCode)?.data?.result || [];
+    },
+    // 根据常量类名和编码获取常量值
+    getConstItemNameByType(typeCode, itemCode) {
+      const data = this.getConstDataByTypeCode(typeCode);
+      return data.find((item) => item.code === itemCode)?.name;
+    },
+    // 常量编码和名称转换
+    codeToName(code, type) {
+      return this.constList.find((x) => x.code === type).data.result.find((x) => x.code === code)?.name;
+    },
+    // 根据字典类型获取字典数据
+    getDictDataByCode(dictTypeCode) {
+      return this.dictList[dictTypeCode] || [];
+    },
+    // 根据字典类型和值获取取字典项
+    getDictItemByValue(dictTypeCode, value) {
+      if (value != void 0 && value !== "") {
+        const _value = value.toString();
+        const ds = this.dictList[dictTypeCode] || [];
+        for (const element of ds) {
+          if (element.value == _value) {
+            return element;
+          }
+        }
+      }
+      return {};
+    },
+    // 根据字典类型和名称获取取字典项
+    getDictItemByLabel(dictTypeCode, label) {
+      if (label != void 0 && label !== "") {
+        const _label = label.toString();
+        const ds = this.dictList[dictTypeCode] || [];
+        for (const element of ds) {
+          if (element.label == _label) {
+            return element;
+          }
+        }
+      }
+      return {};
+    }
+  }
+});
+const setDictLangMessageAsync = async (dict) => {
+  const { t } = useI18n();
+  dict.langMessage = `message.dictType.${dict.typeCode}_${dict.value}`;
+  const text = t(dict.langMessage);
+  dict.label = text !== dict.langMessage && !text.endsWith(`${dict.typeCode}_${dict.value}`) ? text : dict.label;
+};
+
+export { useUserInfo };

package/es/packages/core/utils/array/index.mjs

@@ -0,0 +1,59 @@
+function judgementSameArr(newArr, oldArr) {
+  const news = removeDuplicate(newArr);
+  const olds = removeDuplicate(oldArr);
+  let count = 0;
+  const leng = news.length;
+  for (let i in olds) {
+    for (let j in news) {
+      if (olds[i] === news[j]) count++;
+    }
+  }
+  return count === leng ? true : false;
+}
+function isObjectValueEqual(a, b) {
+  if (!a || !b) return false;
+  let aProps = Object.getOwnPropertyNames(a);
+  let bProps = Object.getOwnPropertyNames(b);
+  if (aProps.length != bProps.length) return false;
+  for (let i = 0; i < aProps.length; i++) {
+    let propName = aProps[i];
+    let propA = a[propName];
+    let propB = b[propName];
+    if (!b.hasOwnProperty(propName)) return false;
+    if (propA instanceof Object) {
+      if (!isObjectValueEqual(propA, propB)) return false;
+    } else if (propA !== propB) {
+      return false;
+    }
+  }
+  return true;
+}
+function removeDuplicate(arr, attr) {
+  if (!Object.keys(arr).length) {
+    return arr;
+  } else {
+    if (attr) {
+      const obj = {};
+      return arr.reduce((cur, item) => {
+        obj[item[attr]] ? "" : obj[item[attr]] = item[attr] && cur.push(item);
+        return cur;
+      }, []);
+    } else {
+      return [...new Set(arr)];
+    }
+  }
+}
+const clone = (value) => {
+  if (!value) return value;
+  if (Array.isArray(value)) return value.map((item) => clone(item));
+  if (typeof value === "object") {
+    return Object.fromEntries(
+      Object.entries(value).map(([k, v]) => {
+        return [k, clone(v)];
+      })
+    );
+  }
+  return value;
+};
+
+export { clone, isObjectValueEqual, judgementSameArr, removeDuplicate };

package/es/packages/core/utils/base64/index.mjs

@@ -0,0 +1,57 @@
+function dataURLtoBlob(base64Buf) {
+  const arr = base64Buf.split(",");
+  const typeItem = arr[0];
+  const mime = typeItem.match(/:(.*?);/)[1];
+  const bstr = window.atob(arr[1]);
+  let n = bstr.length;
+  const u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  return new Blob([u8arr], { type: mime });
+}
+function urlToBase64(url, mineType) {
+  return new Promise((resolve, reject) => {
+    let canvas = document.createElement("CANVAS");
+    const ctx = canvas.getContext("2d");
+    const img = new Image();
+    img.crossOrigin = "";
+    img.onload = function() {
+      if (!canvas || !ctx) {
+        return reject();
+      }
+      canvas.height = img.height;
+      canvas.width = img.width;
+      ctx.drawImage(img, 0, 0);
+      const dataURL = canvas.toDataURL(mineType || "image/png");
+      canvas = null;
+      resolve(dataURL);
+    };
+    img.src = url;
+  });
+}
+function fileToBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = (error) => reject(error);
+  });
+}
+function base64ToFile(dataURL, fileName, mimeType = null) {
+  var arr = dataURL.split(",");
+  var defaultMimeType = arr[0].match(/:(.*?);/)[1];
+  var bStr = atob(arr[1]);
+  let n = bStr.length;
+  var u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bStr.charCodeAt(n);
+  }
+  return new File([u8arr], fileName, { type: mimeType || defaultMimeType });
+}
+function blobToFile(blob, fileName, mimeType) {
+  if (mimeType == null) mimeType = blob.type;
+  return new File([blob], fileName, { type: mimeType });
+}
+
+export { base64ToFile, blobToFile, dataURLtoBlob, fileToBase64, urlToBase64 };