@fmdeui/fmui 1.0.1

package/es/packages/hooks/idleTimeout.mjs

@@ -0,0 +1,127 @@
+import { debounce } from 'lodash-es';
+import { Local, Session } from '../utils/storage.mjs';
+import { ElMessageBox } from 'element-plus';
+import { accessTokenKey, refreshAccessTokenKey } from '../utils/request.mjs';
+import { useLocale } from './useLocale.mjs';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+let signalR;
+async function loadSignalR() {
+  if (!signalR) {
+    const module = await import('../utils/signalR.mjs');
+    signalR = module.signalR;
+  }
+  return signalR;
+}
+const { t } = useLocale();
+class IdleTimeoutManager {
+  constructor(config = {}) {
+    __publicField(this, "timerId", null);
+    __publicField(this, "config");
+    __publicField(this, "debouncedReset");
+    /** 检查闲置超时时间间隔 */
+    __publicField(this, "checkTimeoutInterval", 2 * 1e3);
+    __publicField(this, "handleVisibilityChange", () => {
+      if (document.visibilityState === "visible") {
+        this.setLastActivityTime();
+      }
+    });
+    this.config = {
+      timeout: 30 * 60,
+      events: ["mousewheel", "keydown", "click"],
+      onTimeout: this.timeOutExec.bind(this),
+      debounceInterval: 200,
+      ...config
+    };
+    this.debouncedReset = this.config.debounceInterval > 0 ? debounce(this.setLastActivityTime.bind(this), this.config.debounceInterval) : this.setLastActivityTime.bind(this);
+    this.init();
+  }
+  init() {
+    this.config.events.forEach((event) => {
+      window.addEventListener(event, this.debouncedReset);
+    });
+    document.addEventListener("visibilitychange", this.handleVisibilityChange);
+    this.setLastActivityTime();
+    this.updateIdleTimeout(this.config.timeout);
+  }
+  /** 设置最后活动时间 */
+  setLastActivityTime() {
+    Local.set("lastActivityTime", (/* @__PURE__ */ new Date()).getTime());
+  }
+  /**
+   * 更新空闲超时时间
+   * @param timeout - 新的超时时间（毫秒）
+   */
+  updateIdleTimeout(timeout) {
+    this.config.timeout = timeout;
+    if (this.config.timeout > 0 && this.timerId == null) {
+      this.timerId = window.setInterval(this.checkTimeout.bind(this), this.checkTimeoutInterval);
+    } else if (this.config.timeout == 0 && this.timerId != null) {
+      window.clearInterval(this.timerId);
+      this.timerId = null;
+    }
+  }
+  /** 检查是否超时 */
+  checkTimeout() {
+    const currentTime = (/* @__PURE__ */ new Date()).getTime();
+    const lastActivityTime = Number(Local.get("lastActivityTime"));
+    if (lastActivityTime == 0) return;
+    const accessToken = Local.get(accessTokenKey);
+    if (!accessToken || accessToken == "invalid_token") return;
+    const timeout = this.config.timeout * 1e3;
+    if (currentTime - lastActivityTime > timeout) {
+      this.destroy();
+      this.config.onTimeout();
+    }
+  }
+  /** 销毁实例 */
+  destroy() {
+    this.config.events.forEach((event) => {
+      window.removeEventListener(event, this.debouncedReset);
+    });
+    document.removeEventListener("visibilitychange", this.handleVisibilityChange);
+    if (this.timerId !== null) {
+      window.clearInterval(this.timerId);
+      this.timerId = null;
+    }
+  }
+  /** 超时时执行 */
+  timeOutExec() {
+    const appEl = document.getElementById("app");
+    appEl == null ? void 0 : appEl.remove();
+    loadSignalR().then((signalR2) => {
+      signalR2.stop();
+    });
+    Local.remove(accessTokenKey);
+    Local.remove(refreshAccessTokenKey);
+    Session.clear();
+    ElMessageBox.alert(t("plus.list.idleTimeoutMessage"), t("plus.list.sysMessage"), {
+      type: "warning",
+      draggable: true,
+      callback: () => {
+        window.location.reload();
+      }
+    });
+  }
+}
+function initIdleTimeout(config) {
+  if (!window.__IDLE_TIMEOUT__) {
+    window.__IDLE_TIMEOUT__ = new IdleTimeoutManager(config);
+  }
+  return window.__IDLE_TIMEOUT__;
+}
+function destroyIdleTimeout() {
+  if (window.__IDLE_TIMEOUT__) {
+    window.__IDLE_TIMEOUT__.destroy();
+    window.__IDLE_TIMEOUT__ = void 0;
+  }
+}
+function updateIdleTimeout(timeout) {
+  if (window.__IDLE_TIMEOUT__) {
+    window.__IDLE_TIMEOUT__.updateIdleTimeout(timeout);
+  }
+}
+
+export { destroyIdleTimeout, initIdleTimeout, updateIdleTimeout };

package/es/packages/hooks/index.mjs

@@ -0,0 +1,3 @@
+export { buildLocaleContext, buildTranslator, translate, useLocale } from './useLocale.mjs';
+export { auth, authAll, auths, hAuth, hAuthAll, hAuths } from './authFunction.mjs';
+export { useVxeTable } from './useVxeTableOptionsHook.mjs';

package/es/packages/hooks/other.mjs

@@ -0,0 +1,146 @@
+import { defineAsyncComponent, nextTick } from 'vue';
+import * as svg from '@element-plus/icons-vue';
+import '../router/index.mjs';
+import pinia from '../stores/inpinia.mjs';
+import { storeToRefs } from 'pinia';
+import { useThemeConfig } from '../stores/themeConfig.mjs';
+import { i18n } from '../locale/index.mjs';
+import { verifyUrl } from '../utils/toolsValidate.mjs';
+import { router } from '../router/createRouter.mjs';
+
+const SvgIcon = defineAsyncComponent(() => import('../components/svgIcon/index.vue.mjs'));
+function elSvg(app) {
+  const icons = svg;
+  for (const i in icons) {
+    app.component(`ele-${icons[i].name}`, icons[i]);
+  }
+  app.component("SvgIcon", SvgIcon);
+}
+function useTitle() {
+  const stores = useThemeConfig(pinia);
+  const { themeConfig } = storeToRefs(stores);
+  nextTick(() => {
+    let webTitle = "";
+    let globalTitle = themeConfig.value.globalTitle;
+    const { path, meta } = router.currentRoute.value;
+    if (path === "/login") {
+      webTitle = meta.title;
+    } else {
+      webTitle = setTagsViewNameI18n(router.currentRoute.value);
+    }
+    document.title = `${webTitle} - ${globalTitle}` || globalTitle;
+  });
+}
+function setTagsViewNameI18n(item) {
+  let tagsViewName = "";
+  const { query, params, meta } = item;
+  const pattern = /^\{("(zh-CN|en|zh-TW)":"[^,]+",?){1,3}}$/;
+  if ((query == null ? void 0 : query.tagsViewName) || (params == null ? void 0 : params.tagsViewName)) {
+    if (pattern.test(query == null ? void 0 : query.tagsViewName) || pattern.test(params == null ? void 0 : params.tagsViewName)) {
+      const urlTagsParams = (query == null ? void 0 : query.tagsViewName) && JSON.parse(query == null ? void 0 : query.tagsViewName) || (params == null ? void 0 : params.tagsViewName) && JSON.parse(params == null ? void 0 : params.tagsViewName);
+      tagsViewName = urlTagsParams[i18n.global.locale.value];
+    } else {
+      tagsViewName = (query == null ? void 0 : query.tagsViewName) || (params == null ? void 0 : params.tagsViewName);
+    }
+  } else {
+    tagsViewName = i18n.global.t(`message.menu.${meta.title}`);
+  }
+  return tagsViewName;
+}
+const lazyImg = (el, arr) => {
+  const io = new IntersectionObserver((res) => {
+    res.forEach((v) => {
+      if (v.isIntersecting) {
+        const { img, key } = v.target.dataset;
+        v.target.src = img;
+        v.target.onload = () => {
+          io.unobserve(v.target);
+          arr[key]["loading"] = false;
+        };
+      }
+    });
+  });
+  nextTick(() => {
+    document.querySelectorAll(el).forEach((img) => io.observe(img));
+  });
+};
+const globalComponentSize = () => {
+  const stores = useThemeConfig(pinia);
+  const { themeConfig } = storeToRefs(stores);
+  return themeConfig.value.globalComponentSize;
+};
+function deepClone(obj) {
+  let newObj;
+  try {
+    newObj = obj.push ? [] : {};
+  } catch (error) {
+    newObj = {};
+  }
+  for (let attr in obj) {
+    if (obj[attr] && typeof obj[attr] === "object") {
+      newObj[attr] = deepClone(obj[attr]);
+    } else {
+      newObj[attr] = obj[attr];
+    }
+  }
+  return newObj;
+}
+function isMobile() {
+  if (navigator.userAgent.match(/('phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone')/i)) {
+    return true;
+  } else {
+    return false;
+  }
+}
+function handleEmpty(list) {
+  const arr = [];
+  for (const i in list) {
+    const d = [];
+    for (const j in list[i]) {
+      d.push(list[i][j]);
+    }
+    const leng = d.filter((item) => item === "").length;
+    if (leng !== d.length) {
+      arr.push(list[i]);
+    }
+  }
+  return arr;
+}
+function handleOpenLink(val) {
+  var _a, _b, _c;
+  const { origin, pathname } = window.location;
+  router.push(val.path);
+  if (verifyUrl((_a = val.meta) == null ? void 0 : _a.isLink)) window.open((_b = val.meta) == null ? void 0 : _b.isLink);
+  else window.open(`${origin}${pathname}#${(_c = val.meta) == null ? void 0 : _c.isLink}`);
+}
+const other = {
+  elSvg: (app) => {
+    elSvg(app);
+  },
+  useTitle: () => {
+    useTitle();
+  },
+  setTagsViewNameI18n(route) {
+    return setTagsViewNameI18n(route);
+  },
+  lazyImg: (el, arr) => {
+    lazyImg(el, arr);
+  },
+  globalComponentSize: () => {
+    return globalComponentSize();
+  },
+  deepClone: (obj) => {
+    return deepClone(obj);
+  },
+  isMobile: () => {
+    return isMobile();
+  },
+  handleEmpty: (list) => {
+    return handleEmpty(list);
+  },
+  handleOpenLink: (val) => {
+    handleOpenLink(val);
+  }
+};
+
+export { deepClone, other as default, elSvg, globalComponentSize, handleEmpty, handleOpenLink, isMobile, lazyImg, setTagsViewNameI18n, useTitle };

package/es/packages/hooks/setupVXETableHook.mjs

@@ -0,0 +1,154 @@
+import VxeUITable from 'vxe-table';
+import VxeUIPluginRenderElement from '@vxe-ui/plugin-render-element';
+import VxeUIPluginExportXLSX from '@vxe-ui/plugin-export-xlsx';
+import '../../node_modules/.pnpm/@vxe-ui_plugin-render-element@4.3.1/node_modules/@vxe-ui/plugin-render-element/dist/style.css.mjs';
+import VxeUI from 'vxe-pc-ui';
+import { i18n } from '../locale/index.mjs';
+import ExcelJS from 'exceljs';
+import { useThemeConfig } from '../stores/themeConfig.mjs';
+
+const vxeSize = useThemeConfig().themeConfig.globalComponentSize == "small" ? "mini" : useThemeConfig().themeConfig.globalComponentSize == "default" ? "small" : "medium";
+const setupVXETable = (app) => {
+  VxeUITable.use(VxeUIPluginRenderElement);
+  VxeUITable.use(VxeUIPluginExportXLSX, { ExcelJS });
+  VxeUITable.setTheme("light");
+  VxeUITable.setConfig({
+    size: vxeSize,
+    // 全局尺寸mini、small、medium/default
+    i18n: (key, args) => i18n.global.t(key, args),
+    // i18n: (key, args) => i18n.global.t(key, args),
+    // zIndex: 999, // 全局 zIndex 起始值，如果项目的的 z-index 样式值过大时就需要跟随设置更大，避免被遮挡
+    // version: 0, // 版本号，对于某些带数据缓存的功能有用到，上升版本号可以用于重置数据
+    // loadingText: '加载中...', // 全局loading提示内容，如果为null则不显示文本
+    table: {
+      border: true,
+      // 是否带有边框
+      stripe: true,
+      // 是否带有斑马纹
+      // keepSource: false,// 保持原始值的状态，被某些功能所依赖，比如编辑状态、还原数据等（开启后影响性能，具体取决于数据量）
+      showOverflow: true,
+      // 设置所有内容过长时显示为省略号（如果是固定列建议设置该值，提升渲染速度）
+      size: vxeSize,
+      // 表格的尺寸[medium, small, mini]
+      autoResize: true,
+      // 自动监听父元素的变化去重新计算表格（对于父元素可能存在动态变化、显示隐藏的容器中、列宽异常等场景中的可能会用到）
+      round: false,
+      // 是否为圆角边框
+      emptyText: "\u6682\u65E0\u6570\u636E",
+      //
+      columnConfig: {
+        isCurrent: false,
+        // 当鼠标点击列头时，是否要高亮当前列
+        isHover: false,
+        // 当鼠标移到列头时，是否要高亮当前头
+        resizable: true,
+        // 每一列是否启用列宽调整
+        minWidth: 70
+        // 每一列的最小宽度(auto, px, %)
+      },
+      rowConfig: {
+        isCurrent: true,
+        // 当鼠标点击行时，是否要高亮当前行
+        isHover: true
+        // 当鼠标移到行时，是否要高亮当前行
+      },
+      currentRowConfig: {
+        isFollowSelected: true
+        // 是否跟随单元格选中而移动高亮行
+      },
+      radioConfig: {
+        strict: true,
+        // 严格模式，选中后不能取消
+        highlight: true
+        // 高亮选中行
+      },
+      checkboxConfig: {
+        strict: true,
+        // 严格模式，当数据为空或全部禁用时，列头的复选框为禁用状态
+        highlight: true,
+        // 高亮勾选行
+        range: true,
+        // 开启复选框范围选择功能（启用后通过鼠标在复选框的列内滑动选中或取消指定行）***全局配置貌似不生效***
+        trigger: "default"
+        // 触发方式（注：当多种功能重叠时，会同时触发）default（默认）, cell（点击单元格触发）, row（点击行触发）
+      },
+      exportConfig: {
+        remote: false,
+        // 是否服务端导出
+        types: ["xlsx", "csv", "html", "xml", "txt"],
+        // 可选文件类型列表
+        modes: ["current", "selected", "all"]
+        // 输出数据的方式
+      },
+      printConfig: { modes: ["current", "selected", "all"] },
+      // 输出数据的方式
+      tooltipConfig: {
+        showAll: false,
+        // 所有单元格开启工具提示
+        enterable: true,
+        // 鼠标是否可进入到工具提示中
+        theme: "dark"
+      },
+      customConfig: {
+        // 貌似全局设置不生效，须要单独设置
+        storage: {
+          // 是否启用 localStorage 本地保存，会将列操作状态保留在本地（需要有 id）
+          visible: true,
+          // 启用显示/隐藏列状态
+          resizable: true
+          // 启用列宽状态
+        }
+      },
+      resizeConfig: {
+        refreshDelay: 300
+        // 配置项调整后刷新延迟时间
+      },
+      virtualXConfig: {
+        enabled: true,
+        // 是否默认开启横向虚拟滚动
+        gt: 30
+        // 指定大于指定列时自动启动横向虚拟滚动
+      },
+      virtualYConfig: {
+        scrollToTopOnChange: true,
+        // 当数据源被更改时，自动将纵向滚动条滚动到顶部
+        enabled: true,
+        // 是否默认开启纵向虚拟滚动
+        gt: 50
+        // 当数据大于指定数量时自动触发启用虚拟滚动
+      }
+    },
+    grid: {
+      size: vxeSize,
+      toolbarConfig: {
+        size: vxeSize,
+        // 尺寸 medium, small, mini
+        perfect: false
+        // 配套的样式
+      },
+      zoomConfig: { escRestore: true }
+      // 是否允许通过按下 ESC 键还原
+    },
+    pager: {
+      size: vxeSize,
+      background: true,
+      // 带背景颜色
+      perfect: false,
+      // 配套的样式
+      autoHidden: false,
+      // 当只有一页时自动隐藏
+      pageSize: 20,
+      // 每页大小
+      pagerCount: 10,
+      // 显示页码按钮的数量
+      pageSizes: [10, 20, 50, 100, 200, 500, 1e3],
+      // 每页大小选项列表
+      layouts: ["PrevJump", "PrevPage", "JumpNumber", "NextPage", "NextJump", "Sizes", "FullJump", "PageCount", "Total"]
+      // 自定义布局
+    }
+  });
+  app.use(VxeUI);
+  app.use(VxeUITable);
+};
+
+export { setupVXETable };

package/es/packages/hooks/sysInfo.mjs

@@ -0,0 +1,59 @@
+import { Local } from '../utils/storage.mjs';
+import { storeToRefs } from 'pinia';
+import { useThemeConfig } from '../stores/themeConfig.mjs';
+import img from '../theme-chalk/assets/logo.png.mjs';
+import { updateIdleTimeout } from './idleTimeout.mjs';
+import '../api/index.mjs';
+import { feature } from '../api/sys/index.mjs';
+import { useBaseApi } from '../api/base/index.mjs';
+
+const storesThemeConfig = useThemeConfig();
+const { themeConfig } = storeToRefs(storesThemeConfig);
+async function loadSysInfo(tenantid) {
+  var _a;
+  const [err, res] = await feature(useBaseApi("sysTenant").gcomm(null, "sysInfo/" + Number(tenantid)));
+  if (err) {
+    themeConfig.value.logoUrl = img;
+    Local.remove("themeConfig");
+    Local.set("themeConfig", storesThemeConfig.themeConfig);
+    return;
+  } else {
+    if (res.data.type != "success" || res.data.result == null) return;
+    const data = res.data.result;
+    themeConfig.value.logoUrl = data.logo;
+    themeConfig.value.globalTitle = data.title;
+    themeConfig.value.globalViceTitle = data.viceTitle;
+    themeConfig.value.globalViceTitleMsg = data.viceDesc;
+    themeConfig.value.icp = data.icp;
+    themeConfig.value.icpUrl = data.icpUrl;
+    themeConfig.value.isWatermark = data.watermark != null;
+    themeConfig.value.watermarkText = data.watermark;
+    themeConfig.value.copyright = data.copyright;
+    themeConfig.value.version = data.version;
+    themeConfig.value.carouselFiles = data.carouselFiles;
+    themeConfig.value.primary = data.themeColor;
+    themeConfig.value.layout = data.layout;
+    themeConfig.value.animation = data.animation;
+    themeConfig.value.secondVer = data.secondVer;
+    themeConfig.value.captcha = data.captcha;
+    themeConfig.value.forceChangePassword = data.forceChangePassword;
+    themeConfig.value.passwordExpirationTime = data.passwordExpirationTime;
+    themeConfig.value.i18NSwitch = data.i18NSwitch;
+    themeConfig.value.idleTimeout = data.idleTimeout;
+    themeConfig.value.onlineNotice = data.onlineNotice;
+    themeConfig.value.mobileLogin = data.mobileLogin;
+    themeConfig.value.scanLogin = data.scanLogin;
+    themeConfig.value.signUp = data.signUp;
+    window.__env__.VITE_SM_PUBLIC_KEY = data.publicKey;
+    updateFavicon(data.logo);
+    updateIdleTimeout((_a = themeConfig.value.idleTimeout) != null ? _a : 0);
+    Local.remove("themeConfig");
+    Local.set("themeConfig", storesThemeConfig.themeConfig);
+  }
+}
+const updateFavicon = (url) => {
+  const favicon = document.getElementById("favicon");
+  favicon.href = url ? url : "data:;base64,=";
+};
+
+export { loadSysInfo, updateFavicon };

package/es/packages/hooks/useInfo.mjs

@@ -0,0 +1,44 @@
+import { useUserInfo } from '../stores/userInfo.mjs';
+
+const { userInfos } = useUserInfo();
+const isSupperAdmin = () => {
+  return (userInfos == null ? void 0 : userInfos.accountType) === 999;
+};
+const isTenantAdmin = () => {
+  return (userInfos == null ? void 0 : userInfos.accountType) === 888;
+};
+const isAdmin = () => {
+  return isSupperAdmin() || isTenantAdmin();
+};
+const isNormalUser = () => {
+  return (userInfos == null ? void 0 : userInfos.accountType) === 777;
+};
+const isMember = () => {
+  return (userInfos == null ? void 0 : userInfos.accountType) === 666;
+};
+const userEmail = () => {
+  return userInfos == null ? void 0 : userInfos.email;
+};
+const userName = () => {
+  return userInfos == null ? void 0 : userInfos.userName;
+};
+const userFriendName = () => (userInfos == null ? void 0 : userInfos.realName) ? userInfos == null ? void 0 : userInfos.realName : (userInfos == null ? void 0 : userInfos.account) ? userInfos == null ? void 0 : userInfos.account : userInfos == null ? void 0 : userInfos.email;
+const tenantId = () => {
+  return userInfos == null ? void 0 : userInfos.tenantId;
+};
+const userAccount = () => userInfos == null ? void 0 : userInfos.account;
+const userPhone = () => userInfos == null ? void 0 : userInfos.phone;
+const userId = () => userInfos == null ? void 0 : userInfos.id;
+const orgId = () => userInfos == null ? void 0 : userInfos.orgId;
+const orgName = () => userInfos == null ? void 0 : userInfos.orgName;
+const posId = () => userInfos == null ? void 0 : userInfos.posId;
+const posName = () => userInfos == null ? void 0 : userInfos.posName;
+const roles = () => userInfos == null ? void 0 : userInfos.roles;
+const hasRoleCode = (code) => {
+  return userInfos.roles.find((u) => u.code === code) ? true : false;
+};
+const hasPrivilege = (privilege) => {
+  return userInfos.authApiList.includes(privilege);
+};
+
+export { hasPrivilege, hasRoleCode, isAdmin, isMember, isNormalUser, isSupperAdmin, isTenantAdmin, orgId, orgName, posId, posName, roles, tenantId, userAccount, userEmail, userFriendName, userId, userName, userPhone };

package/es/packages/hooks/useLocale.mjs

@@ -0,0 +1,31 @@
+import { unref, computed, isRef, ref, inject } from 'vue';
+import { get } from 'lodash-es';
+import { localeContextKey } from 'element-plus';
+import plusZhCn from '../locale/lang/zh-cn.mjs';
+
+const buildTranslator = (locale) => (path, option) => translate(path, option, unref(locale));
+const translate = (path, option, locale) => get(locale, path, path).replace(
+  /\{(\w+)\}/g,
+  (_, key) => {
+    var _a;
+    return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
+  }
+);
+const buildLocaleContext = (locale) => {
+  const lang = computed(() => unref(locale).name);
+  const localeRef = isRef(locale) ? locale : ref(locale);
+  return {
+    lang,
+    locale: localeRef,
+    t: buildTranslator(locale)
+  };
+};
+const useLocale = (localeOverrides) => {
+  const locale = localeOverrides || inject(localeContextKey, ref());
+  return buildLocaleContext(computed(() => {
+    var _a;
+    return ((_a = locale == null ? void 0 : locale.value) == null ? void 0 : _a.plus) ? locale.value : plusZhCn;
+  }));
+};
+
+export { buildLocaleContext, buildTranslator, translate, useLocale };