@fmdeui/fmui 1.0.10 → 1.0.13

package/es/components/svgIcon/index.d.ts

@@ -1,26 +1,7 @@
-import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-export declare const FSvgIcon: DefineComponent<ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-    };
-    size: {
-        type: NumberConstructor;
-        default: () => number;
-    };
-    color: {
-        type: StringConstructor;
-    };
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-    };
-    size: {
-        type: NumberConstructor;
-        default: () => number;
-    };
-    color: {
-        type: StringConstructor;
-    };
-}>> & Readonly<{}>, {
-    size: number;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+import { App } from 'vue';
+/**
+ * 导出全局注册 element plus svg 图标
+ * @param app vue 实例
+ * @description 使用：https://element-plus.gitee.io/zh-CN/component/icon.html
+ */
+export declare function elSvg(app: App): void;

package/es/hooks/index.d.ts

@@ -4,3 +4,5 @@ export * from './useVxeTableOptionsHook';
 export * from './sysInfo';
 export * from './useInfo';
 export * from './dateTimeShortCust';
+export * from './idleTimeout';
+export * from './useVxeTableOptionsHook';

package/es/hooks/other.d.ts

@@ -1,11 +1,4 @@
-import { App } from 'vue';
 import { EmptyArrayType, EmptyObjectType, RouteItem, RouteToFrom } from 'fmdeui-fmui/es/types';
-/**
- * 导出全局注册 element plus svg 图标
- * @param app vue 实例
- * @description 使用：https://element-plus.gitee.io/zh-CN/component/icon.html
- */
-export declare function elSvg(app: App): void;
 /**
  * 设置浏览器标题国际化
  * @method const title = useTitle(); ==> title()
@@ -64,7 +57,6 @@ export declare function handleOpenLink(val: RouteItem): void;
  * @method handleOpenLink 打开外部链接
  */
 declare const other: {
-    elSvg: (app: App) => void;
     useTitle: () => void;
     setTagsViewNameI18n(route: RouteToFrom): string;
     lazyImg: (el: string, arr: EmptyArrayType) => void;

package/es/index.d.ts

@@ -1,7 +1,9 @@
 import { default as installer } from './defaults';
 import { default as setIntroduction, setCssCdn, setJsCdn } from './utils/setIconfont';
 import { default as emitter } from './utils/mitt';
+import { default as Watermark } from './utils/watermark';
 import { default as commonFunction } from './hooks/commonFunction';
+import { default as other } from './hooks/other';
 import { EmptyArrayType } from './types';
 import { MessageHandler } from 'element-plus';
 import { App } from 'vue';
@@ -34,7 +36,7 @@ declare const commonFun: {
         value: () => Date[];
     }[];
 };
-export { setIntroduction, emitter as mittBus, commonFunction, commonFun, setCssCdn, setJsCdn };
+export { setIntroduction, emitter as mittBus, Watermark, other, commonFunction, commonFun, setCssCdn, setJsCdn };
 export { version } from './version';
 export declare const install: (app: App) => void;
 export default installer;

package/es/index.mjs

@@ -1,7 +1,9 @@
 import installer from './defaults.mjs';
 export { setCssCdn, default as setIntroduction, setJsCdn } from './packages/utils/setIconfont.mjs';
 export { default as mittBus } from './packages/utils/mitt.mjs';
+export { default as Watermark } from './packages/utils/watermark.mjs';
 import commonFunction from './packages/hooks/commonFunction.mjs';
+export { default as other } from './packages/hooks/other.mjs';
 import './packages/types/index.mjs';
 export { AccountTypeEnum, HttpMethodEnum, JobCreateTypeEnum } from './packages/api/index.mjs';
 import './packages/utils/index.mjs';
@@ -19,6 +21,7 @@ export { base64ToFile, blobToFile, dataURLtoBlob, fileToBase64, urlToBase64 } fr
 export { buildLocaleContext, buildTranslator, translate, useLocale } from './packages/hooks/useLocale.mjs';
 export { clone, isObjectValueEqual, judgementSameArr, removeDuplicate } from './packages/utils/arrayOperation.mjs';
 export { configureRoutes, setPathPrefix } from './packages/router/route.mjs';
+export { destroyIdleTimeout, initIdleTimeout, updateIdleTimeout } from './packages/hooks/idleTimeout.mjs';
 export { downloadByBase64, downloadByData, downloadByOnlineUrl, downloadByUrl, downloadStreamFile, getFileName, openWindow } from './packages/utils/download.mjs';
 export { default as en } from './packages/locale/lang/en.mjs';
 export { exportExcel } from './packages/utils/exportExcel.mjs';
@@ -32,6 +35,7 @@ export { initFrontEndControlRoutes } from './packages/router/frontEnd.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 './packages/utils/toolsValidate.mjs';
 export { loadSysInfo, updateFavicon } from './packages/hooks/sysInfo.mjs';
 export { saulVModel } from './packages/utils/saulVModel.mjs';
+export { signalR } from './packages/utils/signalR.mjs';
 export { signatureByKSort } from './packages/utils/data-signature.mjs';
 export { useApi, useBaseApi } from './packages/api/base/index.mjs';
 export { useChangeColor } from './packages/utils/theme.mjs';

package/es/make-installer.mjs

@@ -1,6 +1,8 @@
 import pinia from './packages/stores/inpinia.mjs';
 import { directive } from './packages/directive/index.mjs';
 import { setupVXETable } from './packages/hooks/setupVXETableHook.mjs';
+import './packages/components/index.mjs';
+import { elSvg } from './packages/components/svgIcon/index.mjs';
 
 const makeInstaller = (components = []) => {
   const install = (app) => {
@@ -11,9 +13,12 @@ const makeInstaller = (components = []) => {
         }
       }
     );
-    app.use(pinia);
-    directive(app);
-    app.use(setupVXETable);
+    if (app) {
+      app.use(pinia);
+      elSvg(app);
+      directive(app);
+      app.use(setupVXETable);
+    }
   };
   return {
     install

package/es/packages/components/index.mjs

@@ -0,0 +1,10 @@
+export { FButton } from './button/index.mjs';
+export { FInput } from './input/index.mjs';
+export { FLayoutPage } from './layout-page/index.mjs';
+export { FLayoutPageItem } from './layout-page-item/index.mjs';
+export { FChart } from './chart/index.mjs';
+export { FSelect } from './select/index.mjs';
+export { FSelectTable } from './select-table/index.mjs';
+export { FQueryCondition } from './query-condition/index.mjs';
+export { FForm } from './form/index.mjs';
+export { elSvg } from './svgIcon/index.mjs';

package/es/packages/components/svgIcon/index.mjs

@@ -0,0 +1,17 @@
+import * as svg from '@element-plus/icons-vue';
+import './svgicon.vue.mjs';
+import _sfc_main from './svgicon.vue2.mjs';
+
+function elSvg(app) {
+  const icons = svg;
+  for (const i in icons) {
+    if (!app._context.components[`ele-${icons[i].name}`]) {
+      app.component(`ele-${icons[i].name}`, icons[i]);
+    }
+  }
+  if (!app._context.components[`SvgIcon`]) {
+    app.component("SvgIcon", _sfc_main);
+  }
+}
+
+export { elSvg };

package/es/packages/components/svgIcon/svgicon.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './svgicon.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/svgIcon/svgicon.vue2.mjs

@@ -0,0 +1,94 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createBlock, resolveDynamicComponent, createElementVNode, normalizeClass } from 'vue';
+
+const _hoisted_1 = ["src"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "svgIcon"
+  },
+  __name: "svgicon",
+  props: {
+    // svg 图标组件名字
+    name: {
+      type: String
+    },
+    // svg 大小
+    size: {
+      type: Number,
+      default: () => 14
+    },
+    // svg 颜色
+    color: {
+      type: String
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const linesString = ["https", "http", "/src", "/assets", "data:image", window.__env__.VITE_PUBLIC_PATH];
+    const getIconName = computed(() => {
+      return props == null ? void 0 : props.name;
+    });
+    const isShowIconSvg = computed(() => {
+      var _a;
+      return (_a = props == null ? void 0 : props.name) == null ? void 0 : _a.startsWith("ele-");
+    });
+    const isShowIconImg = computed(() => {
+      return linesString.find((str) => {
+        var _a;
+        return (_a = props.name) == null ? void 0 : _a.startsWith(str);
+      });
+    });
+    const setIconSvgStyle = computed(() => {
+      return `font-size: ${props.size}px;color: ${props.color};`;
+    });
+    const setIconImgOutStyle = computed(() => {
+      return `width: ${props.size}px;height: ${props.size}px;display: inline-block;overflow: hidden;`;
+    });
+    const setIconSvgInsStyle = computed(() => {
+      const filterStyle = [];
+      const compatibles = ["-webkit", "-ms", "-o", "-moz"];
+      compatibles.forEach((j) => filterStyle.push(`${j}-filter: drop-shadow(${props.color} ${props.size}px 0);`));
+      return `width: ${props.size}px;height: ${props.size}px;position: relative;left: -${props.size}px;${filterStyle.join("")}`;
+    });
+    return (_ctx, _cache) => {
+      return isShowIconSvg.value ? (openBlock(), createElementBlock(
+        "i",
+        {
+          key: 0,
+          class: "el-icon",
+          style: normalizeStyle(setIconSvgStyle.value)
+        },
+        [
+          (openBlock(), createBlock(resolveDynamicComponent(getIconName.value)))
+        ],
+        4
+        /* STYLE */
+      )) : isShowIconImg.value ? (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 1,
+          style: normalizeStyle(setIconImgOutStyle.value)
+        },
+        [
+          createElementVNode("img", {
+            src: getIconName.value,
+            style: normalizeStyle(setIconSvgInsStyle.value)
+          }, null, 12, _hoisted_1)
+        ],
+        4
+        /* STYLE */
+      )) : (openBlock(), createElementBlock(
+        "i",
+        {
+          key: 2,
+          class: normalizeClass(getIconName.value),
+          style: normalizeStyle(setIconSvgStyle.value)
+        },
+        null,
+        6
+        /* CLASS, STYLE */
+      ));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/hooks/index.mjs

@@ -4,3 +4,4 @@ export { useVxeTable } from './useVxeTableOptionsHook.mjs';
 export { loadSysInfo, updateFavicon } from './sysInfo.mjs';
 export { hasPrivilege, hasRoleCode, isAdmin, isMember, isNormalUser, isSupperAdmin, isTenantAdmin, orgId, orgName, posId, posName, roles, tenantId, userAccount, userEmail, userFriendName, userId, userName, userPhone } from './useInfo.mjs';
 export { useDateTimeShortCust } from './dateTimeShortCust.mjs';
+export { destroyIdleTimeout, initIdleTimeout, updateIdleTimeout } from './idleTimeout.mjs';

package/es/packages/hooks/other.mjs

@@ -0,0 +1,137 @@
+import { nextTick } from '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';
+
+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: 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, globalComponentSize, handleEmpty, handleOpenLink, isMobile, lazyImg, setTagsViewNameI18n, useTitle };

package/es/packages/utils/index.mjs

@@ -18,4 +18,4 @@ export { saulVModel } from './saulVModel.mjs';
 export { Local, Session } from './storage.mjs';
 export { useChangeColor } from './theme.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 './toolsValidate.mjs';
-import './watermark.mjs';
+export { signalR } from './signalR.mjs';

package/es/utils/index.d.ts

@@ -18,4 +18,4 @@ export * from './saulVModel';
 export * from './storage';
 export * from './theme';
 export * from './toolsValidate';
-export * from './watermark';
+export * from './signalR';