@fmdevui/fm-dev 1.0.17 → 1.0.19

package/index.mjs

@@ -1,5 +1,6 @@
-/*! fm-dev v1.0.17 */
-import { defineComponent, reactive, computed, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString as toDisplayString$1, withDirectives, createElementBlock, Fragment, renderList, vShow, ref, onMounted, nextTick, normalizeStyle, createCommentVNode, normalizeClass, resolveDynamicComponent, effectScope, shallowRef, isRef as isRef$1, getCurrentInstance, h, inject, onUnmounted, Text, markRaw, toRaw as toRaw$1, hasInjectionContext, unref, isReactive as isReactive$1, toRef, getCurrentScope, onScopeDispose, toRefs, resolveDirective } from 'vue';
+/*! fm-dev v1.0.19 */
+import { defineComponent, reactive, computed, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString as toDisplayString$1, withDirectives, createElementBlock, Fragment, renderList, vShow, ref, onMounted, nextTick, normalizeStyle, createCommentVNode, normalizeClass, withModifiers, resolveDynamicComponent, effectScope, getCurrentInstance, shallowRef, isRef as isRef$1, inject, onUnmounted, h, Text, markRaw, toRaw as toRaw$1, hasInjectionContext, isReactive as isReactive$1, toRef, unref, getCurrentScope, onScopeDispose, toRefs, resolveDirective } from 'vue';
+import { ElMessage, dayjs } from 'element-plus';
 import crypto from 'crypto';
 import require$$0 from 'url';
 import require$$1 from 'http';
@@ -8,19 +9,18 @@ import util from 'util';
 import stream, { Readable } from 'stream';
 import require$$4 from 'assert';
 import zlib from 'zlib';
-import { ElMessage, dayjs } from 'element-plus';
 
-const _hoisted_1$2 = { class: "fm-transfer-panel" };
-const _hoisted_2$1 = { class: "fm-transfer-panel__header" };
-const _hoisted_3 = { class: "fm-transfer-panel__body" };
-const _hoisted_4 = { class: "fm-transfer-buttons__item" };
+const _hoisted_1$3 = { class: "fm-transfer-panel" };
+const _hoisted_2$2 = { class: "fm-transfer-panel__header" };
+const _hoisted_3$1 = { class: "fm-transfer-panel__body" };
+const _hoisted_4$1 = { class: "fm-transfer-buttons__item" };
 const _hoisted_5 = { class: "fm-transfer-buttons__item" };
 const _hoisted_6 = { class: "fm-transfer-buttons__item" };
 const _hoisted_7 = { class: "fm-transfer-buttons__item" };
 const _hoisted_8 = { class: "fm-transfer-panel" };
 const _hoisted_9 = { class: "fm-transfer-panel__header" };
 const _hoisted_10 = { class: "fm-transfer-panel__body" };
-var _sfc_main$3 = /* @__PURE__ */ defineComponent({
+var _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "FmTransfer"
   },
@@ -180,8 +180,8 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(_component_el_col, { span: 10 }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$2, [
-                createElementVNode("p", _hoisted_2$1, [
+              createElementVNode("div", _hoisted_1$3, [
+                createElementVNode("p", _hoisted_2$2, [
                   createVNode(_component_el_checkbox, {
                     modelValue: state.leftAllChecked,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.leftAllChecked = $event),
@@ -207,7 +207,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
                     /* TEXT */
                   )
                 ]),
-                createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", _hoisted_3$1, [
                   createVNode(_component_el_input, {
                     class: "transfer-panel__filter",
                     modelValue: state.leftKeyword,
@@ -258,7 +258,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
             class: "fm-transfer-buttons"
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_4$1, [
                 createVNode(_component_el_button, {
                   type: "primary",
                   style: {},
@@ -377,9 +377,9 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$1 = { class: "notice-bar-warp-text-box" };
-const _hoisted_2 = ["innerHTML"];
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = { class: "notice-bar-warp-text-box" };
+const _hoisted_2$1 = ["innerHTML"];
+var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "FmNoticeBar"
   },
@@ -470,7 +470,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 2
                 /* CLASS */
               )) : createCommentVNode("v-if", true),
-              createElementVNode("div", _hoisted_1$1, [
+              createElementVNode("div", _hoisted_1$2, [
                 createElementVNode(
                   "div",
                   {
@@ -482,7 +482,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", {
                       innerHTML: props.text,
                       "data-slate-editor": ""
-                    }, null, 8, _hoisted_2)
+                    }, null, 8, _hoisted_2$1)
                   ],
                   512
                   /* NEED_PATCH */
@@ -502,6 +502,390 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
+var _sfc_main$2 = {
+  name: "dragVerify",
+  props: {
+    isPassing: {
+      type: Boolean,
+      default: false
+    },
+    width: {
+      type: Number,
+      default: 250
+    },
+    height: {
+      type: Number,
+      default: 40
+    },
+    text: {
+      type: String,
+      default: "swiping to the right side"
+    },
+    successText: {
+      type: String,
+      default: "success"
+    },
+    background: {
+      type: String,
+      default: "#eee"
+    },
+    progressBarBg: {
+      type: String,
+      default: "#76c61d"
+    },
+    completedBg: {
+      type: String,
+      default: "#76c61d"
+    },
+    circle: {
+      type: Boolean,
+      default: false
+    },
+    radius: {
+      type: String,
+      default: "4px"
+    },
+    handlerIcon: {
+      type: String
+    },
+    successIcon: {
+      type: String
+    },
+    handlerBg: {
+      type: String,
+      default: "#fff"
+    },
+    textSize: {
+      type: String,
+      default: "14px"
+    },
+    textColor: {
+      type: String,
+      default: "#333"
+    },
+    imgsrc: {
+      type: String
+    },
+    showTips: {
+      type: Boolean,
+      default: true
+    },
+    successTip: {
+      type: String,
+      default: "\u9A8C\u8BC1\u901A\u8FC7"
+    },
+    failTip: {
+      type: String,
+      default: "\u9A8C\u8BC1\u5931\u8D25"
+    },
+    diffDegree: {
+      type: Number,
+      default: 10
+    },
+    minDegree: {
+      type: Number,
+      default: 90
+    },
+    maxDegree: {
+      type: Number,
+      default: 270
+    }
+  },
+  mounted: function() {
+    const dragEl = this.$refs.dragVerify;
+    dragEl.style.setProperty("--textColor", this.textColor);
+    dragEl.style.setProperty("--width", Math.floor(this.width / 2) + "px");
+    dragEl.style.setProperty("--pwidth", -Math.floor(this.width / 2) + "px");
+  },
+  computed: {
+    handlerStyle: function() {
+      return {
+        width: this.height + "px",
+        height: this.height + "px",
+        background: this.handlerBg
+      };
+    },
+    message: function() {
+      return this.isPassing ? "" : this.text;
+    },
+    successMessage: function() {
+      return this.isPassing ? this.successText : "";
+    },
+    dragVerifyStyle: function() {
+      return {
+        width: this.width + "px",
+        height: this.height + "px",
+        lineHeight: this.height + "px",
+        marginTop: "20px",
+        background: this.background,
+        borderRadius: this.circle ? this.height / 2 + "px" : this.radius
+      };
+    },
+    dragVerifyImgStyle: function() {
+      return {
+        width: this.width + "px",
+        height: this.width + "px",
+        position: "relative",
+        overflow: "hidden",
+        "border-radius": "50%"
+      };
+    },
+    progressBarStyle: function() {
+      return {
+        background: this.progressBarBg,
+        height: this.height + "px",
+        borderRadius: this.circle ? this.height / 2 + "px 0 0 " + this.height / 2 + "px" : this.radius
+      };
+    },
+    textStyle: function() {
+      return {
+        height: this.height + "px",
+        width: this.width + "px",
+        fontSize: this.textSize
+      };
+    },
+    factor: function() {
+      if (this.minDegree == this.maxDegree) {
+        return Math.floor(1 + Math.random() * 6) / 10 + 1;
+      }
+      return 1;
+    }
+  },
+  data() {
+    return {
+      isMoving: false,
+      x: 0,
+      isOk: false,
+      showBar: false,
+      showErrorTip: false,
+      ranRotate: 0,
+      cRotate: 0,
+      imgStyle: {}
+    };
+  },
+  methods: {
+    checkimgLoaded: function() {
+      var minDegree = this.minDegree;
+      var maxDegree = this.maxDegree;
+      var ranRotate = Math.floor(minDegree + Math.random() * (maxDegree - minDegree));
+      this.ranRotate = ranRotate;
+      this.imgStyle = {
+        transform: `rotateZ(${ranRotate}deg)`
+      };
+    },
+    dragStart: function(e) {
+      if (!this.isPassing) {
+        this.isMoving = true;
+        this.x = e.pageX || e.touches[0].pageX;
+      }
+      this.showBar = true;
+      this.showErrorTip = false;
+      this.$emit("handlerMove");
+    },
+    dragMoving: function(e) {
+      if (this.isMoving && !this.isPassing) {
+        var _x = (e.pageX || e.touches[0].pageX) - this.x;
+        var handler = this.$refs.handler;
+        handler.style.left = _x + "px";
+        var progressBar = this.$refs.progressBar;
+        progressBar.style.width = _x + this.height / 2 + "px";
+        var cRotate = Math.ceil(_x / (this.width - this.height) * this.maxDegree * this.factor);
+        this.cRotate = cRotate;
+        var rotate = this.ranRotate - cRotate;
+        this.imgStyle = {
+          transform: `rotateZ(${rotate}deg)`
+        };
+      }
+    },
+    dragFinish: function(e) {
+      if (this.isMoving && !this.isPassing) {
+        if (Math.abs(this.ranRotate - this.cRotate) > this.diffDegree) {
+          this.isOk = true;
+          this.imgStyle = {
+            transform: `rotateZ(${this.ranRotate}deg)`
+          };
+          var that = this;
+          setTimeout(function() {
+            var handler = that.$refs.handler;
+            var progressBar = that.$refs.progressBar;
+            handler.style.left = "0";
+            progressBar.style.width = "0";
+            that.isOk = false;
+          }, 500);
+          this.showErrorTip = true;
+          this.$emit("passfail");
+        } else {
+          this.passVerify();
+        }
+        this.isMoving = false;
+      }
+    },
+    passVerify: function() {
+      this.$emit("update:isPassing", true);
+      this.isMoving = false;
+      var handler = this.$refs.handler;
+      handler.children[0].className = this.successIcon;
+      this.$refs.progressBar.style.background = this.completedBg;
+      this.$refs.message.style["-webkit-text-fill-color"] = "unset";
+      this.$refs.message.style.animation = "slidetounlock2 3s infinite";
+      this.$refs.progressBar.style.color = "#fff";
+      this.$refs.progressBar.style.fontSize = this.textSize;
+      this.$emit("passcallback");
+    },
+    reset: function() {
+      this.reImg();
+      this.checkimgLoaded();
+    },
+    reImg: function() {
+      this.$emit("update:isPassing", false);
+      const oriData = this.$options.data();
+      for (const key in oriData) {
+        if (Object.prototype.hasOwnProperty.call(oriData, key)) {
+          this[key] = oriData[key];
+        }
+      }
+      var handler = this.$refs.handler;
+      var message = this.$refs.message;
+      handler.style.left = "0";
+      this.$refs.progressBar.style.width = "0";
+      handler.children[0].className = this.handlerIcon;
+      message.style["-webkit-text-fill-color"] = "transparent";
+      message.style.animation = "slidetounlock 3s infinite";
+      message.style.color = this.background;
+    },
+    refreshimg: function() {
+      this.$emit("refresh");
+    }
+  },
+  watch: {
+    imgsrc: {
+      immediate: false,
+      handler: function() {
+        this.reImg();
+      }
+    }
+  }
+};
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1$1 = { class: "drag-verify-container" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
+  key: 0,
+  class: "tips success"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "tips danger"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+    createElementVNode(
+      "div",
+      {
+        style: normalizeStyle([$options.dragVerifyImgStyle, { "background-color": "var(--el-color-primary)" }])
+      },
+      [
+        createElementVNode("img", {
+          ref: "checkImg",
+          src: $props.imgsrc,
+          class: normalizeClass(["check-img", { goOrigin: $data.isOk }]),
+          onLoad: _cache[0] || (_cache[0] = (...args) => $options.checkimgLoaded && $options.checkimgLoaded(...args)),
+          style: normalizeStyle($data.imgStyle),
+          alt: ""
+        }, null, 46, _hoisted_2),
+        $props.showTips && $props.isPassing ? (openBlock(), createElementBlock(
+          "div",
+          _hoisted_3,
+          toDisplayString$1($props.successTip),
+          1
+          /* TEXT */
+        )) : createCommentVNode("v-if", true),
+        $props.showTips && !$props.isPassing && $data.showErrorTip ? (openBlock(), createElementBlock(
+          "div",
+          _hoisted_4,
+          toDisplayString$1($props.failTip),
+          1
+          /* TEXT */
+        )) : createCommentVNode("v-if", true)
+      ],
+      4
+      /* STYLE */
+    ),
+    createElementVNode(
+      "div",
+      {
+        ref: "dragVerify",
+        class: "drag_verify",
+        style: normalizeStyle($options.dragVerifyStyle),
+        onMousemove: _cache[3] || (_cache[3] = (...args) => $options.dragMoving && $options.dragMoving(...args)),
+        onMouseup: _cache[4] || (_cache[4] = (...args) => $options.dragFinish && $options.dragFinish(...args)),
+        onMouseleave: _cache[5] || (_cache[5] = (...args) => $options.dragFinish && $options.dragFinish(...args)),
+        onTouchmove: _cache[6] || (_cache[6] = withModifiers((...args) => $options.dragMoving && $options.dragMoving(...args), ["prevent"])),
+        onTouchend: _cache[7] || (_cache[7] = withModifiers((...args) => $options.dragFinish && $options.dragFinish(...args), ["prevent"]))
+      },
+      [
+        createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["dv_progress_bar", { goFirst2: $data.isOk }]),
+            ref: "progressBar",
+            style: normalizeStyle($options.progressBarStyle)
+          },
+          toDisplayString$1($options.successMessage),
+          7
+          /* TEXT, CLASS, STYLE */
+        ),
+        createElementVNode(
+          "div",
+          {
+            class: "dv_text",
+            style: normalizeStyle($options.textStyle),
+            ref: "message"
+          },
+          toDisplayString$1($options.message),
+          5
+          /* TEXT, STYLE */
+        ),
+        createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["dv_handler dv_handler_bg", { goFirst: $data.isOk }]),
+            onMousedown: _cache[1] || (_cache[1] = (...args) => $options.dragStart && $options.dragStart(...args)),
+            onTouchstart: _cache[2] || (_cache[2] = withModifiers((...args) => $options.dragStart && $options.dragStart(...args), ["prevent"])),
+            ref: "handler",
+            style: normalizeStyle([$options.handlerStyle, { "background-color": "var(--el-color-primary)" }])
+          },
+          [
+            createElementVNode(
+              "i",
+              {
+                class: normalizeClass($props.handlerIcon),
+                style: { "color": "#fff" }
+              },
+              null,
+              2
+              /* CLASS */
+            )
+          ],
+          38
+          /* CLASS, STYLE, NEED_HYDRATION */
+        )
+      ],
+      36
+      /* STYLE, NEED_HYDRATION */
+    )
+  ]);
+}
+var dragimg = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render], ["__scopeId", "data-v-9e8c9ed2"]]);
+
 /*! Element Plus Icons Vue v2.3.1 */
 
 var add_location_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -6659,8 +7043,9 @@ function elSvg(app) {
   }
 }
 
-const FmTransfer = _sfc_main$3;
-const FmNoticeBar = _sfc_main$2;
+const FmTransfer = _sfc_main$4;
+const FmNoticeBar = _sfc_main$3;
+const FmDragImg = dragimg;
 
 const makeInstaller = (components = []) => {
   const install = (app) => {
@@ -29793,7 +30178,7 @@ function basename(filename, ext) {
     return baseNameWithExt.substring(0, extIndex);
   }
 }
-var deepClone = (0, import_rfdc.default)({ circles: true });
+var deepClone$1 = (0, import_rfdc.default)({ circles: true });
 
 const DEBOUNCE_DEFAULTS = {
   trailing: true
@@ -32955,8 +33340,8 @@ function normalizeRouterInfo(appRecord, activeAppRecord2) {
     console.warn = () => {
     };
     target[ROUTER_INFO_KEY] = {
-      currentRoute: currentRoute ? deepClone(currentRoute) : {},
-      routes: deepClone(routes)
+      currentRoute: currentRoute ? deepClone$1(currentRoute) : {},
+      routes: deepClone$1(routes)
     };
     target[ROUTER_KEY] = router;
     console.warn = c;
@@ -35711,6 +36096,42 @@ id, setup, setupOptions) {
     return useStore;
 }
 
+/**
+ * Creates an object of references with all the state, getters, and plugin-added
+ * state properties of the store. Similar to `toRefs()` but specifically
+ * designed for Pinia stores so methods and non reactive properties are
+ * completely ignored.
+ *
+ * @param store - store to extract the refs from
+ */
+function storeToRefs(store) {
+    const rawStore = toRaw$1(store);
+    const refs = {};
+    for (const key in rawStore) {
+        const value = rawStore[key];
+        // There is no native method to check for a computed
+        // https://github.com/vuejs/core/pull/4165
+        if (value.effect) {
+            // @ts-expect-error: too hard to type correctly
+            refs[key] =
+                // ...
+                computed({
+                    get: () => store[key],
+                    set(value) {
+                        store[key] = value;
+                    },
+                });
+        }
+        else if (isRef$1(value) || isReactive$1(value)) {
+            // @ts-expect-error: the key is state or getter
+            refs[key] =
+                // ---
+                toRef(store, key);
+        }
+    }
+    return refs;
+}
+
 const pinia = createPinia();
 
 const useKeepALiveNames = defineStore("keepALiveNames", {
@@ -51687,8 +52108,220 @@ const useVxeTable = (opt, extras) => {
   return extras ? merge(options, extras) : options;
 };
 
+/*!
+  * vue-router v4.5.1
+  * (c) 2025 Eduardo San Martin Morote
+  * @license MIT
+  */
+
+var NavigationType;
+(function (NavigationType) {
+    NavigationType["pop"] = "pop";
+    NavigationType["push"] = "push";
+})(NavigationType || (NavigationType = {}));
+var NavigationDirection;
+(function (NavigationDirection) {
+    NavigationDirection["back"] = "back";
+    NavigationDirection["forward"] = "forward";
+    NavigationDirection["unknown"] = "";
+})(NavigationDirection || (NavigationDirection = {}));
+
+Symbol((process.env.NODE_ENV !== 'production') ? 'navigation failure' : '');
+/**
+ * Enumeration with all possible types for navigation failures. Can be passed to
+ * {@link isNavigationFailure} to check for specific failures.
+ */
+var NavigationFailureType;
+(function (NavigationFailureType) {
+    /**
+     * An aborted navigation is a navigation that failed because a navigation
+     * guard returned `false` or called `next(false)`
+     */
+    NavigationFailureType[NavigationFailureType["aborted"] = 4] = "aborted";
+    /**
+     * A cancelled navigation is a navigation that failed because a more recent
+     * navigation finished started (not necessarily finished).
+     */
+    NavigationFailureType[NavigationFailureType["cancelled"] = 8] = "cancelled";
+    /**
+     * A duplicated navigation is a navigation that failed because it was
+     * initiated while already being at the exact same location.
+     */
+    NavigationFailureType[NavigationFailureType["duplicated"] = 16] = "duplicated";
+})(NavigationFailureType || (NavigationFailureType = {}));
+
+/**
+ * RouteRecord being rendered by the closest ancestor Router View. Used for
+ * `onBeforeRouteUpdate` and `onBeforeRouteLeave`. rvlm stands for Router View
+ * Location Matched
+ *
+ * @internal
+ */
+Symbol((process.env.NODE_ENV !== 'production') ? 'router view location matched' : '');
+/**
+ * Allows overriding the router view depth to control which component in
+ * `matched` is rendered. rvd stands for Router View Depth
+ *
+ * @internal
+ */
+Symbol((process.env.NODE_ENV !== 'production') ? 'router view depth' : '');
+/**
+ * Allows overriding the router instance returned by `useRouter` in tests. r
+ * stands for router
+ *
+ * @internal
+ */
+const routerKey = Symbol((process.env.NODE_ENV !== 'production') ? 'router' : '');
+/**
+ * Allows overriding the current route returned by `useRoute` in tests. rl
+ * stands for route location
+ *
+ * @internal
+ */
+Symbol((process.env.NODE_ENV !== 'production') ? 'route location' : '');
+/**
+ * Allows overriding the current route used by router-view. Internally this is
+ * used when the `route` prop is passed.
+ *
+ * @internal
+ */
+Symbol((process.env.NODE_ENV !== 'production') ? 'router view location' : '');
+
+/**
+ * Returns the router instance. Equivalent to using `$router` inside
+ * templates.
+ */
+function useRouter() {
+    return inject(routerKey);
+}
+
+function useTitle() {
+  const stores = useThemeConfig(pinia);
+  const { themeConfig } = storeToRefs(stores);
+  const router = useRouter();
+  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 i18n = useI18n();
+  const pattern = /^\{("(zh-CN|en|zh-TW)":"[^,]+",?){1,3}}$/;
+  if (query?.tagsViewName || params?.tagsViewName) {
+    if (pattern.test(query?.tagsViewName) || pattern.test(params?.tagsViewName)) {
+      const urlTagsParams = query?.tagsViewName && JSON.parse(query?.tagsViewName) || params?.tagsViewName && JSON.parse(params?.tagsViewName);
+      tagsViewName = urlTagsParams[i18n.locale.value];
+    } else {
+      tagsViewName = query?.tagsViewName || params?.tagsViewName;
+    }
+  } else {
+    tagsViewName = i18n.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 Local.get("themeConfig")?.globalComponentSize || 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) {
+  const { origin, pathname } = window.location;
+  const router = useRouter();
+  router.push(val.path);
+  if (verifyUrl(val.meta?.isLink)) window.open(val.meta?.isLink);
+  else window.open(`${origin}${pathname}#${val.meta?.isLink}`);
+}
+
+const cssCdnUrlList = [
+  // 调整为从本地引入，注释下面的 url
+  // '//at.alicdn.com/t/c/font_2298093_rnp72ifj3ba.css',
+  // '//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css',
+];
+const jsCdnUrlList = [];
+function setCssCdn() {
+  if (cssCdnUrlList.length <= 0) return false;
+  cssCdnUrlList.map((v) => {
+    let link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = v;
+    link.crossOrigin = "anonymous";
+    document.getElementsByTagName("head")[0].appendChild(link);
+  });
+}
+function setJsCdn() {
+  if (jsCdnUrlList.length <= 0) return false;
+  jsCdnUrlList.map((v) => {
+    let link = document.createElement("script");
+    link.src = v;
+    document.body.appendChild(link);
+  });
+}
+
 const version = "1.0.0";
 
 const install = installer.install;
 
-export { FmLogin, FmNoticeBar, FmTransfer, Local, NextLoading, PUB, Session, Watermark, accessTokenKey, auth, authAll, auths, axiosInstance, base64ToFile, blobToFile, cancelAllRequest, cancelRequest, clearAccessTokens, clearTokens, clone, dataURLtoBlob, decryptJWT, installer as default, directive, downloadByBase64, downloadByData, downloadByOnlineUrl, downloadByUrl, downloadStreamFile, elSvg, feature, fileToBase64, formatAxis, formatDate, formatPast, getCountryCode, getFileName, getFileUrl, getJWTDate, getToken, getWeek, hAuth, hAuthAll, hAuths, i18n, install, isObjectValueEqual, iso_3166_1_CountryList, judgementIdCard, judgementSameArr, languageList, mergMessage, openWindow, pinia, refreshAccessTokenKey, removeDuplicate, request2, service, setupI18n, signatureByKSort, tansParams, urlToBase64, useBaseApi, useChangeColor, useDateTimeShortCust, useKeepALiveNames, useLoginApi, useRequestOldRoutes, useRoutesList, useSysApi, useTagsViewRoutes, useThemeConfig, useUserInfo, useVxeTable, verifiyNumberInteger, verifyAccount, verifyAndSpace, verifyCarNum, verifyCnAndSpace, verifyEmail, verifyEnAndSpace, verifyFullName, verifyIPAddress, verifyIdCard, verifyNumberCnUppercase, verifyNumberComma, verifyNumberIntegerAndFloat, verifyNumberPercentage, verifyNumberPercentageFloat, verifyPassword, verifyPasswordPowerful, verifyPasswordStrength, verifyPhone, verifyPostalCode, verifyTelPhone, verifyTextColor, verifyUrl, version };
+export { FmDragImg, FmLogin, FmNoticeBar, FmTransfer, Local, NextLoading, PUB, Session, Watermark, accessTokenKey, auth, authAll, auths, axiosInstance, base64ToFile, blobToFile, cancelAllRequest, cancelRequest, clearAccessTokens, clearTokens, clone, dataURLtoBlob, decryptJWT, deepClone, installer as default, directive, downloadByBase64, downloadByData, downloadByOnlineUrl, downloadByUrl, downloadStreamFile, elSvg, feature, fileToBase64, formatAxis, formatDate, formatPast, getCountryCode, getFileName, getFileUrl, getJWTDate, getToken, getWeek, globalComponentSize, hAuth, hAuthAll, hAuths, handleEmpty, handleOpenLink, i18n, install, isMobile, isObjectValueEqual, iso_3166_1_CountryList, judgementIdCard, judgementSameArr, languageList, lazyImg, mergMessage, openWindow, pinia, refreshAccessTokenKey, removeDuplicate, request2, service, setCssCdn, setJsCdn, setTagsViewNameI18n, setupI18n, signatureByKSort, tansParams, urlToBase64, useBaseApi, useChangeColor, useDateTimeShortCust, useKeepALiveNames, useLoginApi, useRequestOldRoutes, useRoutesList, useSysApi, useTagsViewRoutes, useThemeConfig, useTitle, useUserInfo, useVxeTable, verifiyNumberInteger, verifyAccount, verifyAndSpace, verifyCarNum, verifyCnAndSpace, verifyEmail, verifyEnAndSpace, verifyFullName, verifyIPAddress, verifyIdCard, verifyNumberCnUppercase, verifyNumberComma, verifyNumberIntegerAndFloat, verifyNumberPercentage, verifyNumberPercentageFloat, verifyPassword, verifyPasswordPowerful, verifyPasswordStrength, verifyPhone, verifyPostalCode, verifyTelPhone, verifyTextColor, verifyUrl, version };