@fmdevui/fm-dev 1.0.17 → 1.0.19

package/index.js

@@ -1,21 +1,21 @@
-/*! fm-dev v1.0.17 */
+/*! fm-dev v1.0.19 */
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('crypto'), require('url'), require('http'), require('https'), require('util'), require('stream'), require('assert'), require('zlib'), require('element-plus')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'crypto', 'url', 'http', 'https', 'util', 'stream', 'assert', 'zlib', 'element-plus'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.FmPlus = {}, global.Vue, global.crypto, global.require$$0, global.require$$1, global.require$$2, global.util, global.stream, global.require$$4, global.zlib, global.ElementPlus));
-})(this, (function (exports, vue, crypto, require$$0, require$$1, require$$2, util, stream, require$$4, zlib, elementPlus) { 'use strict';
-
-  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" };
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus'), require('crypto'), require('url'), require('http'), require('https'), require('util'), require('stream'), require('assert'), require('zlib')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus', 'crypto', 'url', 'http', 'https', 'util', 'stream', 'assert', 'zlib'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.FmPlus = {}, global.Vue, global.ElementPlus, global.crypto, global.require$$0, global.require$$1, global.require$$2, global.util, global.stream, global.require$$4, global.zlib));
+})(this, (function (exports, vue, elementPlus, crypto, require$$0, require$$1, require$$2, util, stream, require$$4, zlib) { 'use strict';
+
+  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__ */ vue.defineComponent({
+  var _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "FmTransfer"
     },
@@ -175,8 +175,8 @@
           default: vue.withCtx(() => [
             vue.createVNode(_component_el_col, { span: 10 }, {
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_1$2, [
-                  vue.createElementVNode("p", _hoisted_2$1, [
+                vue.createElementVNode("div", _hoisted_1$3, [
+                  vue.createElementVNode("p", _hoisted_2$2, [
                     vue.createVNode(_component_el_checkbox, {
                       modelValue: state.leftAllChecked,
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.leftAllChecked = $event),
@@ -202,7 +202,7 @@
                       /* TEXT */
                     )
                   ]),
-                  vue.createElementVNode("div", _hoisted_3, [
+                  vue.createElementVNode("div", _hoisted_3$1, [
                     vue.createVNode(_component_el_input, {
                       class: "transfer-panel__filter",
                       modelValue: state.leftKeyword,
@@ -253,7 +253,7 @@
               class: "fm-transfer-buttons"
             }, {
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("div", _hoisted_4$1, [
                   vue.createVNode(_component_el_button, {
                     type: "primary",
                     style: {},
@@ -372,9 +372,9 @@
     }
   });
 
-  const _hoisted_1$1 = { class: "notice-bar-warp-text-box" };
-  const _hoisted_2 = ["innerHTML"];
-  var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$2 = { class: "notice-bar-warp-text-box" };
+  const _hoisted_2$1 = ["innerHTML"];
+  var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "FmNoticeBar"
     },
@@ -465,7 +465,7 @@
                   2
                   /* CLASS */
                 )) : vue.createCommentVNode("v-if", true),
-                vue.createElementVNode("div", _hoisted_1$1, [
+                vue.createElementVNode("div", _hoisted_1$2, [
                   vue.createElementVNode(
                     "div",
                     {
@@ -477,7 +477,7 @@
                       vue.createElementVNode("div", {
                         innerHTML: props.text,
                         "data-slate-editor": ""
-                      }, null, 8, _hoisted_2)
+                      }, null, 8, _hoisted_2$1)
                     ],
                     512
                     /* NEED_PATCH */
@@ -497,6 +497,390 @@
     }
   });
 
+  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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+      vue.createElementVNode(
+        "div",
+        {
+          style: vue.normalizeStyle([$options.dragVerifyImgStyle, { "background-color": "var(--el-color-primary)" }])
+        },
+        [
+          vue.createElementVNode("img", {
+            ref: "checkImg",
+            src: $props.imgsrc,
+            class: vue.normalizeClass(["check-img", { goOrigin: $data.isOk }]),
+            onLoad: _cache[0] || (_cache[0] = (...args) => $options.checkimgLoaded && $options.checkimgLoaded(...args)),
+            style: vue.normalizeStyle($data.imgStyle),
+            alt: ""
+          }, null, 46, _hoisted_2),
+          $props.showTips && $props.isPassing ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            _hoisted_3,
+            vue.toDisplayString($props.successTip),
+            1
+            /* TEXT */
+          )) : vue.createCommentVNode("v-if", true),
+          $props.showTips && !$props.isPassing && $data.showErrorTip ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            _hoisted_4,
+            vue.toDisplayString($props.failTip),
+            1
+            /* TEXT */
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        4
+        /* STYLE */
+      ),
+      vue.createElementVNode(
+        "div",
+        {
+          ref: "dragVerify",
+          class: "drag_verify",
+          style: vue.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] = vue.withModifiers((...args) => $options.dragMoving && $options.dragMoving(...args), ["prevent"])),
+          onTouchend: _cache[7] || (_cache[7] = vue.withModifiers((...args) => $options.dragFinish && $options.dragFinish(...args), ["prevent"]))
+        },
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(["dv_progress_bar", { goFirst2: $data.isOk }]),
+              ref: "progressBar",
+              style: vue.normalizeStyle($options.progressBarStyle)
+            },
+            vue.toDisplayString($options.successMessage),
+            7
+            /* TEXT, CLASS, STYLE */
+          ),
+          vue.createElementVNode(
+            "div",
+            {
+              class: "dv_text",
+              style: vue.normalizeStyle($options.textStyle),
+              ref: "message"
+            },
+            vue.toDisplayString($options.message),
+            5
+            /* TEXT, STYLE */
+          ),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.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] = vue.withModifiers((...args) => $options.dragStart && $options.dragStart(...args), ["prevent"])),
+              ref: "handler",
+              style: vue.normalizeStyle([$options.handlerStyle, { "background-color": "var(--el-color-primary)" }])
+            },
+            [
+              vue.createElementVNode(
+                "i",
+                {
+                  class: vue.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__ */ vue.defineComponent({
@@ -6654,8 +7038,9 @@
     }
   }
 
-  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) => {
@@ -29788,7 +30173,7 @@
       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
@@ -32950,8 +33335,8 @@
       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;
@@ -35706,6 +36091,42 @@
       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 = vue.toRaw(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] =
+                  // ...
+                  vue.computed({
+                      get: () => store[key],
+                      set(value) {
+                          store[key] = value;
+                      },
+                  });
+          }
+          else if (vue.isRef(value) || vue.isReactive(value)) {
+              // @ts-expect-error: the key is state or getter
+              refs[key] =
+                  // ---
+                  vue.toRef(store, key);
+          }
+      }
+      return refs;
+  }
+
   const pinia = createPinia();
 
   const useKeepALiveNames = defineStore("keepALiveNames", {
@@ -51682,10 +52103,223 @@
     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 vue.inject(routerKey);
+  }
+
+  function useTitle() {
+    const stores = useThemeConfig(pinia);
+    const { themeConfig } = storeToRefs(stores);
+    const router = useRouter();
+    vue.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;
+          };
+        }
+      });
+    });
+    vue.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;
 
+  exports.FmDragImg = FmDragImg;
   exports.FmLogin = FmLogin;
   exports.FmNoticeBar = FmNoticeBar;
   exports.FmTransfer = FmTransfer;
@@ -51708,6 +52342,7 @@
   exports.clone = clone;
   exports.dataURLtoBlob = dataURLtoBlob;
   exports.decryptJWT = decryptJWT;
+  exports.deepClone = deepClone;
   exports.default = installer;
   exports.directive = directive;
   exports.downloadByBase64 = downloadByBase64;
@@ -51727,16 +52362,21 @@
   exports.getJWTDate = getJWTDate;
   exports.getToken = getToken;
   exports.getWeek = getWeek;
+  exports.globalComponentSize = globalComponentSize;
   exports.hAuth = hAuth;
   exports.hAuthAll = hAuthAll;
   exports.hAuths = hAuths;
+  exports.handleEmpty = handleEmpty;
+  exports.handleOpenLink = handleOpenLink;
   exports.i18n = i18n;
   exports.install = install;
+  exports.isMobile = isMobile;
   exports.isObjectValueEqual = isObjectValueEqual;
   exports.iso_3166_1_CountryList = iso_3166_1_CountryList;
   exports.judgementIdCard = judgementIdCard;
   exports.judgementSameArr = judgementSameArr;
   exports.languageList = languageList;
+  exports.lazyImg = lazyImg;
   exports.mergMessage = mergMessage;
   exports.openWindow = openWindow;
   exports.pinia = pinia;
@@ -51744,6 +52384,9 @@
   exports.removeDuplicate = removeDuplicate;
   exports.request2 = request2;
   exports.service = service;
+  exports.setCssCdn = setCssCdn;
+  exports.setJsCdn = setJsCdn;
+  exports.setTagsViewNameI18n = setTagsViewNameI18n;
   exports.setupI18n = setupI18n;
   exports.signatureByKSort = signatureByKSort;
   exports.tansParams = tansParams;
@@ -51758,6 +52401,7 @@
   exports.useSysApi = useSysApi;
   exports.useTagsViewRoutes = useTagsViewRoutes;
   exports.useThemeConfig = useThemeConfig;
+  exports.useTitle = useTitle;
   exports.useUserInfo = useUserInfo;
   exports.useVxeTable = useVxeTable;
   exports.verifiyNumberInteger = verifiyNumberInteger;