@fmdevui/fm-dev 1.0.27 → 1.0.28

package/index.js

@@ -1,4 +1,4 @@
-/*! fm-dev v1.0.27 */
+/*! fm-dev v1.0.28 */
 (function (global, factory) {
   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) :
@@ -36720,311 +36720,6 @@
     dict.label = text !== dict.langMessage && !text.endsWith(`${dict.typeCode}_${dict.value}`) ? text : dict.label;
   };
 
-  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 other = {
-    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);
-    }
-  };
-
-  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 setIntroduction = {
-    // 设置css
-    cssCdn: () => {
-      setCssCdn();
-    },
-    // 设置js
-    jsCdn: () => {
-      setJsCdn();
-    }
-  };
-
-  const NextLoading = {
-    // 创建 loading
-    start: () => {
-      const bodys = document.body;
-      const div = document.createElement("div");
-      div.setAttribute("class", "loading-next");
-      const htmls = `
-			<div class="loading-next-box">
-				<div class="loading-next-box-warp">
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-					<div class="loading-next-box-item"></div>
-				</div>
-			</div>
-		`;
-      div.innerHTML = htmls;
-      bodys.insertBefore(div, bodys.childNodes[0]);
-      window.nextLoading = true;
-    },
-    // 移除 loading
-    done: (time = 0) => {
-      vue.nextTick(() => {
-        setTimeout(() => {
-          window.nextLoading = false;
-          const el = document.querySelector(".loading-next");
-          el?.parentNode?.removeChild(el);
-        }, time);
-      });
-    }
-  };
-
-  function authDirective(app) {
-    app.directive("auth", {
-      mounted(el, binding) {
-        const stores = useUserInfo();
-        if (!stores.userInfos.authApiList) {
-          el.parentNode.removeChild(el);
-        } else {
-          if (!stores.userInfos.authApiList.some((v) => v === binding.value)) el.parentNode.removeChild(el);
-        }
-      }
-    });
-    app.directive("auths", {
-      mounted(el, binding) {
-        let flag = false;
-        const stores = useUserInfo();
-        stores.userInfos.authApiList.map((val) => {
-          binding.value.map((v) => {
-            if (val === v) flag = true;
-          });
-        });
-        if (!flag) el.parentNode.removeChild(el);
-      }
-    });
-    app.directive("auth-all", {
-      mounted(el, binding) {
-        const stores = useUserInfo();
-        const flag = judgementSameArr(binding.value, stores.userInfos.authApiList);
-        if (!flag) el.parentNode.removeChild(el);
-      }
-    });
-  }
-
-  function wavesDirective(app) {
-    app.directive("waves", {
-      mounted(el, binding) {
-        el.classList.add("waves-effect");
-        binding.value && el.classList.add(`waves-${binding.value}`);
-        function setConvertStyle(obj) {
-          let style = "";
-          for (let i in obj) {
-            if (obj.hasOwnProperty(i)) style += `${i}:${obj[i]};`;
-          }
-          return style;
-        }
-        function onCurrentClick(e) {
-          let elDiv = document.createElement("div");
-          elDiv.classList.add("waves-ripple");
-          el.appendChild(elDiv);
-          let styles = {
-            left: `${e.layerX}px`,
-            top: `${e.layerY}px`,
-            opacity: 1,
-            transform: `scale(${el.clientWidth / 100 * 10})`,
-            "transition-duration": `750ms`,
-            "transition-timing-function": `cubic-bezier(0.250, 0.460, 0.450, 0.940)`
-          };
-          elDiv.setAttribute("style", setConvertStyle(styles));
-          setTimeout(() => {
-            elDiv.setAttribute(
-              "style",
-              setConvertStyle({
-                opacity: 0,
-                transform: styles.transform,
-                left: styles.left,
-                top: styles.top
-              })
-            );
-            setTimeout(() => {
-              elDiv && el.removeChild(elDiv);
-            }, 750);
-          }, 450);
-        }
-        el.addEventListener("mousedown", onCurrentClick, false);
-      },
-      unmounted(el) {
-        el.addEventListener("mousedown", () => {
-        });
-      }
-    });
-  }
-  function reclickDirective(app) {
-    app.directive("reclick", {
-      mounted(el, time) {
-        el.addEventListener("click", () => {
-          if (!el.disabled) {
-            el.disabled = true;
-            setTimeout(
-              () => {
-                el.disabled = false;
-              },
-              time.value === void 0 ? 500 : time.value
-            );
-          }
-        });
-      },
-      unmounted(el) {
-        el.disabled = false;
-      }
-    });
-  }
-
-  function directive(app) {
-    authDirective(app);
-    wavesDirective(app);
-    reclickDirective(app);
-  }
-
   var de = {
     name: "de",
     el: {
@@ -50301,6 +49996,310 @@
     });
   }
 
+  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 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.global.locale.value];
+      } else {
+        tagsViewName = query?.tagsViewName || 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;
+          };
+        }
+      });
+    });
+    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 other = {
+    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);
+    }
+  };
+
+  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 setIntroduction = {
+    // 设置css
+    cssCdn: () => {
+      setCssCdn();
+    },
+    // 设置js
+    jsCdn: () => {
+      setJsCdn();
+    }
+  };
+
+  const NextLoading = {
+    // 创建 loading
+    start: () => {
+      const bodys = document.body;
+      const div = document.createElement("div");
+      div.setAttribute("class", "loading-next");
+      const htmls = `
+			<div class="loading-next-box">
+				<div class="loading-next-box-warp">
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+				</div>
+			</div>
+		`;
+      div.innerHTML = htmls;
+      bodys.insertBefore(div, bodys.childNodes[0]);
+      window.nextLoading = true;
+    },
+    // 移除 loading
+    done: (time = 0) => {
+      vue.nextTick(() => {
+        setTimeout(() => {
+          window.nextLoading = false;
+          const el = document.querySelector(".loading-next");
+          el?.parentNode?.removeChild(el);
+        }, time);
+      });
+    }
+  };
+
+  function authDirective(app) {
+    app.directive("auth", {
+      mounted(el, binding) {
+        const stores = useUserInfo();
+        if (!stores.userInfos.authApiList) {
+          el.parentNode.removeChild(el);
+        } else {
+          if (!stores.userInfos.authApiList.some((v) => v === binding.value)) el.parentNode.removeChild(el);
+        }
+      }
+    });
+    app.directive("auths", {
+      mounted(el, binding) {
+        let flag = false;
+        const stores = useUserInfo();
+        stores.userInfos.authApiList.map((val) => {
+          binding.value.map((v) => {
+            if (val === v) flag = true;
+          });
+        });
+        if (!flag) el.parentNode.removeChild(el);
+      }
+    });
+    app.directive("auth-all", {
+      mounted(el, binding) {
+        const stores = useUserInfo();
+        const flag = judgementSameArr(binding.value, stores.userInfos.authApiList);
+        if (!flag) el.parentNode.removeChild(el);
+      }
+    });
+  }
+
+  function wavesDirective(app) {
+    app.directive("waves", {
+      mounted(el, binding) {
+        el.classList.add("waves-effect");
+        binding.value && el.classList.add(`waves-${binding.value}`);
+        function setConvertStyle(obj) {
+          let style = "";
+          for (let i in obj) {
+            if (obj.hasOwnProperty(i)) style += `${i}:${obj[i]};`;
+          }
+          return style;
+        }
+        function onCurrentClick(e) {
+          let elDiv = document.createElement("div");
+          elDiv.classList.add("waves-ripple");
+          el.appendChild(elDiv);
+          let styles = {
+            left: `${e.layerX}px`,
+            top: `${e.layerY}px`,
+            opacity: 1,
+            transform: `scale(${el.clientWidth / 100 * 10})`,
+            "transition-duration": `750ms`,
+            "transition-timing-function": `cubic-bezier(0.250, 0.460, 0.450, 0.940)`
+          };
+          elDiv.setAttribute("style", setConvertStyle(styles));
+          setTimeout(() => {
+            elDiv.setAttribute(
+              "style",
+              setConvertStyle({
+                opacity: 0,
+                transform: styles.transform,
+                left: styles.left,
+                top: styles.top
+              })
+            );
+            setTimeout(() => {
+              elDiv && el.removeChild(elDiv);
+            }, 750);
+          }, 450);
+        }
+        el.addEventListener("mousedown", onCurrentClick, false);
+      },
+      unmounted(el) {
+        el.addEventListener("mousedown", () => {
+        });
+      }
+    });
+  }
+  function reclickDirective(app) {
+    app.directive("reclick", {
+      mounted(el, time) {
+        el.addEventListener("click", () => {
+          if (!el.disabled) {
+            el.disabled = true;
+            setTimeout(
+              () => {
+                el.disabled = false;
+              },
+              time.value === void 0 ? 500 : time.value
+            );
+          }
+        });
+      },
+      unmounted(el) {
+        el.disabled = false;
+      }
+    });
+  }
+
+  function directive(app) {
+    authDirective(app);
+    wavesDirective(app);
+    reclickDirective(app);
+  }
+
   function auth(value) {
     const stores = useUserInfo();
     return stores.userInfos.authApiList.some((v) => v === value);