@fmdevui/fm-dev 1.0.4 → 1.0.6

package/es/packages/core/directive/customDirective.mjs

@@ -0,0 +1,147 @@
+function wavesDirective(app) {
+  app.directive("waves", {
+    mounted(el, binding) {
+      el.classList.add("waves-effect");
+      binding.value && el.classList.add(`waves-${binding.value}`);
+      function setConvertStyle(obj) {
+        let style = "";
+        for (let i in obj) {
+          if (obj.hasOwnProperty(i)) style += `${i}:${obj[i]};`;
+        }
+        return style;
+      }
+      function onCurrentClick(e) {
+        let elDiv = document.createElement("div");
+        elDiv.classList.add("waves-ripple");
+        el.appendChild(elDiv);
+        let styles = {
+          left: `${e.layerX}px`,
+          top: `${e.layerY}px`,
+          opacity: 1,
+          transform: `scale(${el.clientWidth / 100 * 10})`,
+          "transition-duration": `750ms`,
+          "transition-timing-function": `cubic-bezier(0.250, 0.460, 0.450, 0.940)`
+        };
+        elDiv.setAttribute("style", setConvertStyle(styles));
+        setTimeout(() => {
+          elDiv.setAttribute(
+            "style",
+            setConvertStyle({
+              opacity: 0,
+              transform: styles.transform,
+              left: styles.left,
+              top: styles.top
+            })
+          );
+          setTimeout(() => {
+            elDiv && el.removeChild(elDiv);
+          }, 750);
+        }, 450);
+      }
+      el.addEventListener("mousedown", onCurrentClick, false);
+    },
+    unmounted(el) {
+      el.addEventListener("mousedown", () => {
+      });
+    }
+  });
+}
+function dragDirective(app) {
+  app.directive("drag", {
+    mounted(el, binding) {
+      if (!binding.value) return false;
+      const dragDom = document.querySelector(binding.value[0]);
+      const dragHeader = document.querySelector(binding.value[1]);
+      dragHeader.onmouseover = () => dragHeader.style.cursor = `move`;
+      function down(e, type) {
+        const disX = type === "pc" ? e.clientX - dragHeader.offsetLeft : e.touches[0].clientX - dragHeader.offsetLeft;
+        const disY = type === "pc" ? e.clientY - dragHeader.offsetTop : e.touches[0].clientY - dragHeader.offsetTop;
+        const screenWidth = document.body.clientWidth;
+        const screenHeight = document.documentElement.clientHeight;
+        const dragDomWidth = dragDom.offsetWidth;
+        const dragDomheight = dragDom.offsetHeight;
+        const minDragDomLeft = dragDom.offsetLeft;
+        const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
+        const minDragDomTop = dragDom.offsetTop;
+        const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
+        let styL = getComputedStyle(dragDom).left;
+        let styT = getComputedStyle(dragDom).top;
+        if (styL.includes("%")) {
+          styL = +document.body.clientWidth * (+styL.replace(/\%/g, "") / 100);
+          styT = +document.body.clientHeight * (+styT.replace(/\%/g, "") / 100);
+        } else {
+          styL = +styL.replace(/\px/g, "");
+          styT = +styT.replace(/\px/g, "");
+        }
+        return {
+          disX,
+          disY,
+          minDragDomLeft,
+          maxDragDomLeft,
+          minDragDomTop,
+          maxDragDomTop,
+          styL,
+          styT
+        };
+      }
+      function move(e, type, obj) {
+        let { disX, disY, minDragDomLeft, maxDragDomLeft, minDragDomTop, maxDragDomTop, styL, styT } = obj;
+        let left = type === "pc" ? e.clientX - disX : e.touches[0].clientX - disX;
+        let top = type === "pc" ? e.clientY - disY : e.touches[0].clientY - disY;
+        if (-left > minDragDomLeft) {
+          left = -minDragDomLeft;
+        } else if (left > maxDragDomLeft) {
+          left = maxDragDomLeft;
+        }
+        if (-top > minDragDomTop) {
+          top = -minDragDomTop;
+        } else if (top > maxDragDomTop) {
+          top = maxDragDomTop;
+        }
+        dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
+      }
+      dragHeader.onmousedown = (e) => {
+        const obj = down(e, "pc");
+        document.onmousemove = (e2) => {
+          move(e2, "pc", obj);
+        };
+        document.onmouseup = () => {
+          document.onmousemove = null;
+          document.onmouseup = null;
+        };
+      };
+      dragHeader.ontouchstart = (e) => {
+        const obj = down(e, "app");
+        document.ontouchmove = (e2) => {
+          move(e2, "app", obj);
+        };
+        document.ontouchend = () => {
+          document.ontouchmove = null;
+          document.ontouchend = null;
+        };
+      };
+    }
+  });
+}
+function reclickDirective(app) {
+  app.directive("reclick", {
+    mounted(el, time) {
+      el.addEventListener("click", () => {
+        if (!el.disabled) {
+          el.disabled = true;
+          setTimeout(
+            () => {
+              el.disabled = false;
+            },
+            time.value === void 0 ? 500 : time.value
+          );
+        }
+      });
+    },
+    unmounted(el) {
+      el.disabled = false;
+    }
+  });
+}
+
+export { dragDirective, reclickDirective, wavesDirective };

package/es/packages/core/directive/index.mjs

@@ -0,0 +1,10 @@
+import { authDirective } from './authDirective.mjs';
+import { wavesDirective, reclickDirective } from './customDirective.mjs';
+
+function directive(app) {
+  authDirective(app);
+  wavesDirective(app);
+  reclickDirective(app);
+}
+
+export { directive };

package/es/packages/core/index.mjs

@@ -1,3 +1,29 @@
 export { FmLogin } from './ui/login/index.mjs';
+import './api/index.mjs';
+export { directive } from './directive/index.mjs';
 export { getCountryCode, i18n, iso_3166_1_CountryList, languageList, mergMessage, setupI18n } from './locales/index.mjs';
+import './stores/index.mjs';
+import './utils/index.mjs';
+export { auth, authAll, auths, hAuth, hAuthAll, hAuths } from './auth/index.mjs';
 import './types/index.mjs';
+export { useBaseApi } from './api/base/index.mjs';
+export { feature, useSysApi } from './api/sys/index.mjs';
+export { useLoginApi } from './api/login/index.mjs';
+export { accessTokenKey, axiosInstance, cancelAllRequest, cancelRequest, clearAccessTokens, clearTokens, decryptJWT, getJWTDate, getToken, refreshAccessTokenKey, request2, service, tansParams } from './api/utils/request.mjs';
+export { useKeepALiveNames } from './stores/keepAliveNames.mjs';
+export { useRequestOldRoutes } from './stores/requestOldRoutes.mjs';
+export { useRoutesList } from './stores/routesList.mjs';
+export { useTagsViewRoutes } from './stores/tagsViewRoutes.mjs';
+export { useThemeConfig } from './stores/themeConfig.mjs';
+export { useUserInfo } from './stores/userInfo.mjs';
+export { clone, isObjectValueEqual, judgementSameArr, removeDuplicate } from './utils/array/index.mjs';
+export { Watermark } from './utils/watermark/index.mjs';
+export { base64ToFile, blobToFile, dataURLtoBlob, fileToBase64, urlToBase64 } from './utils/base64/index.mjs';
+export { Local, Session } from './utils/storage/index.mjs';
+export { judgementIdCard, verifiyNumberInteger, verifyAccount, verifyAndSpace, verifyCarNum, verifyCnAndSpace, verifyEmail, verifyEnAndSpace, verifyFullName, verifyIPAddress, verifyIdCard, verifyNumberCnUppercase, verifyNumberComma, verifyNumberIntegerAndFloat, verifyNumberPercentage, verifyNumberPercentageFloat, verifyPassword, verifyPasswordPowerful, verifyPasswordStrength, verifyPhone, verifyPostalCode, verifyTelPhone, verifyTextColor, verifyUrl } from './utils/comm/toolsValidate.mjs';
+export { formatAxis, formatDate, formatPast, getWeek } from './utils/comm/formatTime.mjs';
+export { useChangeColor } from './utils/comm/theme.mjs';
+export { downloadByBase64, downloadByData, downloadByOnlineUrl, downloadByUrl, downloadStreamFile, getFileName, openWindow } from './utils/comm/download.mjs';
+export { signatureByKSort } from './utils/comm/data-signature.mjs';
+export { getFileUrl } from './utils/comm/uploadfileurl.mjs';
+export { PUB } from './utils/const/index.mjs';

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

@@ -0,0 +1,6 @@
+export { useKeepALiveNames } from './keepAliveNames.mjs';
+export { useRequestOldRoutes } from './requestOldRoutes.mjs';
+export { useRoutesList } from './routesList.mjs';
+export { useTagsViewRoutes } from './tagsViewRoutes.mjs';
+export { useThemeConfig } from './themeConfig.mjs';
+export { useUserInfo } from './userInfo.mjs';

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

@@ -0,0 +1,5 @@
+import { createPinia } from 'pinia';
+
+const pinia = createPinia();
+
+export { pinia };

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

@@ -0,0 +1,29 @@
+import { defineStore } from 'pinia';
+
+const useKeepALiveNames = defineStore("keepALiveNames", {
+  state: () => ({
+    keepAliveNames: [],
+    cachedViews: []
+  }),
+  actions: {
+    async setCacheKeepAlive(data) {
+      this.keepAliveNames = data;
+    },
+    async addCachedView(view) {
+      if (view.meta.isKeepAlive) this.cachedViews?.push(view.name);
+    },
+    async delCachedView(view) {
+      const index = this.cachedViews.indexOf(view.name);
+      if (index > -1) this.cachedViews.splice(index, 1);
+    },
+    async delOthersCachedViews(view) {
+      if (view.meta.isKeepAlive) this.cachedViews = [view.name];
+      else this.cachedViews = [];
+    },
+    async delAllCachedViews() {
+      this.cachedViews = [];
+    }
+  }
+});
+
+export { useKeepALiveNames };

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 };