cloud-web-corejs 1.0.258 → 1.0.259

package/src/utils/aes.js

@@ -1,15 +1,21 @@
-import CryptoJS from 'crypto-js';
+import CryptoJS from "crypto-js";
 
 const secretKey = "2025202620272028"; // 密钥必须是16个字节
 const ivKey = "2022202320242025"; // 向量必须是16个字节
 
 // 加密函数
 export function encrypt(text) {
-  return CryptoJS.AES.encrypt(text, CryptoJS.enc.Utf8.parse(secretKey), { iv: CryptoJS.enc.Utf8.parse(ivKey) }).toString();
+  return CryptoJS.AES.encrypt(text, CryptoJS.enc.Utf8.parse(secretKey), {
+    iv: CryptoJS.enc.Utf8.parse(ivKey),
+  }).toString();
 }
 
 // 解密函数
 export function decrypt(ciphertext) {
-  const bytes = CryptoJS.AES.decrypt(ciphertext, CryptoJS.enc.Utf8.parse(secretKey), { iv: CryptoJS.enc.Utf8.parse(ivKey) });
+  const bytes = CryptoJS.AES.decrypt(
+    ciphertext,
+    CryptoJS.enc.Utf8.parse(secretKey),
+    { iv: CryptoJS.enc.Utf8.parse(ivKey) }
+  );
   return bytes.toString(CryptoJS.enc.Utf8);
 }

package/src/utils/auth.js

@@ -24,4 +24,4 @@ let modules = {};
 export const getToken = modules.getToken;
 export const setToken = modules.setToken;
 export const removeToken = modules.removeToken;
-export const clearToken = modules.clearToken;
+export const clearToken = modules.clearToken;

package/src/utils/componentDialog.js

@@ -1,14 +1,28 @@
 import Vue from "vue";
 
-const componentContext = require.context("../components", true, /\.vue$/, "lazy");
-const viewContext = require.context("../views", true, /\.vue$/, "lazy");
+// webpack 只允许加载构建时已收集的模块。路径加载仅收集弹框约定目录/文件：
+// dialog/**/*.vue、*Dialog.vue、*Dialog/index.vue（忽略大小写）。复杂场景可由调用方
+// 直接传 component/componentLoader，避免递归收集全部业务页面。
+const componentContext = require.context(
+  "../components",
+  true,
+  /(?:^|\/)(?:dialog\/.*\.vue|[^/]*dialog(?:\.vue|\/index\.vue))$/i,
+  "lazy"
+);
+const viewContext = require.context(
+  "../views",
+  true,
+  /(?:^|\/)(?:dialog\/.*\.vue|[^/]*dialog(?:\.vue|\/index\.vue))$/i,
+  "lazy"
+);
+
 const componentKeys = new Set(componentContext.keys());
 const viewKeys = new Set(viewContext.keys());
 
 function normalizePath(path) {
   return String(path || "")
     .trim()
-    .replace(/\\\\/g, "/")
+    .replace(/\\/g, "/")
     .replace(/[?#].*$/, "")
     .replace(/^\.\//, "")
     .replace(/^src\//, "")
@@ -20,9 +34,11 @@ function normalizePath(path) {
 
 function getComponentLoader(path) {
   const normalizedPath = normalizePath(path);
+
   if (!normalizedPath) {
     throw new Error("[componentDialog] componentPath 不能为空");
   }
+
   if (normalizedPath.split("/").includes("..")) {
     throw new Error("[componentDialog] componentPath 不允许包含 ..");
   }
@@ -30,6 +46,7 @@ function getComponentLoader(path) {
   let context;
   let contextKeys;
   let relativePath;
+
   if (normalizedPath.startsWith("components/")) {
     context = componentContext;
     contextKeys = componentKeys;
@@ -39,27 +56,46 @@ function getComponentLoader(path) {
     contextKeys = viewKeys;
     relativePath = normalizedPath.slice("views/".length);
   } else {
-    throw new Error("[componentDialog] 只允许加载 src/components 或 src/views 下的组件");
+    throw new Error(
+      "[componentDialog] 只允许加载 src/components 或 src/views 下的组件"
+    );
   }
 
   const candidates = /\.vue$/i.test(relativePath)
     ? [`./${relativePath}`]
     : [`./${relativePath}.vue`, `./${relativePath}/index.vue`];
   const componentKey = candidates.find((key) => contextKeys.has(key));
+
   if (!componentKey) {
     throw new Error(`[componentDialog] 找不到组件：${normalizedPath}`);
   }
+
   return () => Promise.resolve(context(componentKey));
 }
 
 async function loadComponent(path) {
-  const componentModule = await getComponentLoader(path)();
+  const loader = getComponentLoader(path);
+  const componentModule = await loader();
   return componentModule.default || componentModule;
 }
 
+async function resolveDialogComponent(options) {
+  if (options.component) {
+    return options.component.default || options.component;
+  }
+  if (typeof options.componentLoader === "function") {
+    const componentModule = await options.componentLoader();
+    return componentModule.default || componentModule;
+  }
+  return loadComponent(options.componentPath);
+}
+
 function callEvent(events, eventName, args) {
   const handler = events[eventName];
-  if (typeof handler === "function") handler(...args);
+
+  if (typeof handler === "function") {
+    handler(...args);
+  }
 }
 
 function mountComponentDialog(component, options, parentVm) {
@@ -72,6 +108,7 @@ function mountComponentDialog(component, options, parentVm) {
     events = {},
     onClose,
   } = options;
+
   let hostInstance = null;
   let destroyTimer = null;
   let closeStarted = false;
@@ -81,42 +118,70 @@ function mountComponentDialog(component, options, parentVm) {
 
   const centerDialog = () => {
     if (!hostInstance || options.verticalCenter === false) return;
+
     hostInstance.$nextTick(() => {
       if (!hostInstance || !hostInstance.$el) return;
+
       const hostElement = hostInstance.$el;
       const dialogElement = hostElement.matches(".el-dialog")
         ? hostElement
         : hostElement.querySelector(".el-dialog");
+
       if (!dialogElement || !dialogElement.offsetHeight) return;
-      const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
-      dialogElement.style.marginTop = `${Math.max((viewportHeight - dialogElement.offsetHeight) / 2, 0)}px`;
+
+      const viewportHeight
+        = window.innerHeight || document.documentElement.clientHeight;
+      const marginTop = Math.max(
+        (viewportHeight - dialogElement.offsetHeight) / 2,
+        0
+      );
+
+      dialogElement.style.marginTop = `${marginTop}px`;
     });
   };
 
   const notifyClose = () => {
     if (closeNotified) return;
+
     closeNotified = true;
-    if (typeof onClose === "function") onClose();
+    if (typeof onClose === "function") {
+      onClose();
+    }
   };
+
   const removeHost = () => {
     if (!hostInstance) return;
+
     centerTimers.forEach((timer) => clearTimeout(timer));
-    if (resizeHandler) window.removeEventListener("resize", resizeHandler);
-    resizeHandler = null;
+    if (resizeHandler) {
+      window.removeEventListener("resize", resizeHandler);
+      resizeHandler = null;
+    }
+
     const element = hostInstance.$el;
     hostInstance.$destroy();
-    if (element && element.parentNode) element.parentNode.removeChild(element);
+
+    if (element && element.parentNode) {
+      element.parentNode.removeChild(element);
+    }
+
     hostInstance = null;
   };
+
   const destroy = () => {
     if (closeStarted) return;
+
     closeStarted = true;
     notifyClose();
     destroyTimer = setTimeout(removeHost, 300);
   };
+
   const forceDestroy = () => {
-    if (destroyTimer) clearTimeout(destroyTimer);
-    destroyTimer = null;
+    if (destroyTimer) {
+      clearTimeout(destroyTimer);
+      destroyTimer = null;
+    }
+
     closeStarted = true;
     notifyClose();
     removeHost();
@@ -124,94 +189,151 @@ function mountComponentDialog(component, options, parentVm) {
 
   const DialogHost = Vue.extend({
     name: "DynamicComponentDialogHost",
+
     provide() {
       return provideValues;
     },
+
     data() {
-      return { visible: true };
+      return {
+        visible: true,
+      };
     },
+
     methods: {
       closeDialog() {
         this.visible = false;
+
+        // 兼容项目中使用内部 showDialog 控制显隐的自带弹框组件。
         const componentInstance = this.$refs.contentComponent;
-        if (componentInstance && Object.prototype.hasOwnProperty.call(componentInstance, "showDialog")) {
+        if (
+          componentInstance
+          && Object.prototype.hasOwnProperty.call(componentInstance, "showDialog")
+        ) {
           componentInstance.showDialog = false;
         }
+
         destroy();
       },
     },
+
     render(h) {
       const childEvents = {};
+
       Object.keys(events).forEach((eventName) => {
-        childEvents[eventName] = (...args) => callEvent(events, eventName, args);
+        childEvents[eventName] = (...args) => {
+          callEvent(events, eventName, args);
+        };
       });
+
       childEvents["update:visible"] = (visible) => {
         callEvent(events, "update:visible", [visible]);
         this.visible = visible;
-        if (visible === false) this.closeDialog();
+
+        if (visible === false) {
+          this.closeDialog();
+        }
       };
+
+      // 兼容项目已有组件中的 visiable 拼写。
       childEvents["update:visiable"] = (visible) => {
         callEvent(events, "update:visiable", [visible]);
         this.visible = visible;
-        if (visible === false) this.closeDialog();
+
+        if (visible === false) {
+          this.closeDialog();
+        }
       };
+
       childEvents.close = (...args) => {
         callEvent(events, "close", args);
-        if (!wrapper) this.closeDialog();
+        if (!wrapper) {
+          this.closeDialog();
+        }
       };
+
       const componentNode = h(component, {
         ref: "contentComponent",
-        props: { ...props, visible: this.visible, visiable: this.visible },
-        attrs,
-        on: childEvents,
-      });
-      if (!wrapper) return componentNode;
-      return h("el-dialog", {
         props: {
-          title: "",
-          width: "700px",
-          appendToBody: true,
-          closeOnClickModal: false,
-          ...dialog,
+          ...props,
           visible: this.visible,
+          visiable: this.visible,
         },
-        on: {
-          "update:visible": (visible) => {
-            this.visible = visible;
+        attrs,
+        on: childEvents,
+      });
+
+      if (!wrapper) {
+        return componentNode;
+      }
+
+      return h(
+        "el-dialog",
+        {
+          props: {
+            title: "",
+            width: "700px",
+            appendToBody: true,
+            closeOnClickModal: false,
+            ...dialog,
+            visible: this.visible,
+          },
+          on: {
+            "update:visible": (visible) => {
+              this.visible = visible;
+            },
+            close: destroy,
           },
-          close: destroy,
         },
-      }, [componentNode]);
+        [componentNode]
+      );
     },
   });
 
-  const parent = parentVm || (typeof window !== "undefined" && window.$vueRoot ? window.$vueRoot : null);
+  const parent
+    = parentVm
+    || (typeof window !== "undefined" && window.$vueRoot
+      ? window.$vueRoot
+      : null);
   const instanceOptions = {};
+
   if (parent) {
     instanceOptions.parent = parent;
-    if (parent._i18n) instanceOptions.i18n = parent._i18n;
+    if (parent._i18n) {
+      instanceOptions.i18n = parent._i18n;
+    }
   }
+
   hostInstance = new DialogHost(instanceOptions);
   hostInstance.$mount();
   document.body.appendChild(hostInstance.$el);
+
   if (options.verticalCenter !== false) {
     resizeHandler = centerDialog;
     window.addEventListener("resize", resizeHandler);
     centerTimers.push(setTimeout(centerDialog, 0));
+    // 等待 el-dialog 进入动画及异步内容的首轮布局完成后再次校正。
     centerTimers.push(setTimeout(centerDialog, 300));
   }
+
   return {
     host: hostInstance,
     instance: hostInstance.$refs.contentComponent,
     close() {
-      if (hostInstance) hostInstance.closeDialog();
+      if (hostInstance) {
+        hostInstance.closeDialog();
+      }
     },
     destroy: forceDestroy,
     recenter: centerDialog,
   };
 }
 
+/**
+ * 按 Vue 源码路径、组件对象或异步 loader 打开组件弹框。
+ * wrapper=true 时用 el-dialog 包裹组件；false 时组件本身应为弹框。
+ */
 export async function openComponentDialog(options = {}, parentVm) {
-  const component = await loadComponent(options.componentPath);
+  const component = await resolveDialogComponent(options);
   return mountComponentDialog(component, options, parentVm);
 }

package/src/utils/global.js

@@ -1,28 +1,28 @@
 /**version-1.0*/
-import indexUtil from "./index.js"
-import setting from "@/settings.js"
+import indexUtil from "./index.js";
+import setting from "@/settings.js";
 
 let treeScollx, treeScolly, treeScoll, initTreeRetractionEven;
 
 let configUtil = {
   indexUtil,
-  setting
+  setting,
 };
 
 function fc1(options) {
   let that = options.target;
   var $el = that.$el;
   options = options || {};
-  var btn = options.dragBtn ? options.dragBtn : '#labBtn';
+  var btn = options.dragBtn ? options.dragBtn : "#labBtn";
 
   var x = $el.querySelector(btn);
   if (x && x.innerHTML) {
-    var w, A = !1,
+    var w,
+      A = !1,
       H = document;
     var px;
     var npx;
 
-
     px = options.prevDom || x.previousElementSibling;
     npx = options.nextDom || x.nextElementSibling;
 
@@ -71,7 +71,7 @@ function fc1(options) {
           }
           w2 = ohw - w1;
           if (w1 > ohw || w2 > ohw || w1 < 0 || w2 < 0) {
-            return !1
+            return !1;
           }
           if (w1 < z.prevMin) {
             w1 = z.prevMin;
@@ -81,7 +81,7 @@ function fc1(options) {
             w1 = ohw - w2;
           }
 
-          let p1 = parseInt(w1 * 100 / ohw);
+          let p1 = parseInt((w1 * 100) / ohw);
           let p2 = 100 - p1;
 
           px.style.width = p1 + "%";
@@ -89,7 +89,6 @@ function fc1(options) {
 
           npx.style.width = p2 + "%";
           npx.setAttribute("c-width", p2);
-
         }
       };
       H.onmouseup = function (t) {
@@ -101,20 +100,20 @@ function fc1(options) {
         H.onmouseup = null;
         options.callback && options.callback();
       };
-    }
+    };
   }
-};
+}
 
 function fc2(options) {
   let that = options.target;
   var $el = that.$el;
   let obj = $el.querySelector(".tree-list");
   if (obj) {
-    obj.style.width = '100%';
-    obj.style.overflow = 'auto';
+    obj.style.width = "100%";
+    obj.style.overflow = "auto";
   }
   treeScollx(options);
-};
+}
 
 function fc3(opts) {
   let that = opts.target;
@@ -142,7 +141,7 @@ function fc3(opts) {
       num1 = 6;
     }
     if (configUtil.indexUtil.hasClass(retraction, "retraction-on")) {
-      num1 = num1 * (-1);
+      num1 = num1 * -1;
     }
 
     var layuiCont = containter.querySelector(".layui-cont");
@@ -168,7 +167,7 @@ function fc3(opts) {
       if (opts && opts.callback) {
         opts.callback(t, a);
       }
-    }
+    };
 
     var todo1 = function () {
       var cw1 = retraction.getAttribute("c-width");
@@ -193,7 +192,7 @@ function fc3(opts) {
           layuiCont.style.width = "";
         }
       }
-    }
+    };
 
     var toDoDragEvent = function () {
       if (a == 1) {
@@ -207,7 +206,7 @@ function fc3(opts) {
           }
         }
       }
-    }
+    };
     if (a == 0) {
       todo1();
     }
@@ -238,7 +237,7 @@ function fc3(opts) {
         toDo();
       }, 300);
     }
-  }
+  };
 
   var leftBtn = containter.querySelector(".retraction-left .iconprev");
   if (leftBtn) {
@@ -253,16 +252,17 @@ function fc3(opts) {
       changeRetraction(rightBtn, 1, opts);
     };
   }
-};
+}
 
 function fc4(options) {
   let that = options.target;
   var $el = that.$el;
-  var btn = options.dragBtn ? options.dragBtn : '#labBtn';
+  var btn = options.dragBtn ? options.dragBtn : "#labBtn";
 
   var x = $el.querySelector(btn);
   if (x && x.innerHTML) {
-    var w, A = !1,
+    var w,
+      A = !1,
       H = document;
     var px;
     var npx;
@@ -279,8 +279,14 @@ function fc4(options) {
     var npxw = npx.getBoundingClientRect().height;
     var ohw = pxw + npxw;
 
-    let defalutPrevMinY = configUtil.setting.defalutPrevMinY > pxw ? pxw : configUtil.setting.defalutPrevMinY;
-    let defalutNextMinY = configUtil.setting.defalutNextMinY > npxw ? npxw : configUtil.setting.defalutNextMinY;
+    let defalutPrevMinY =
+      configUtil.setting.defalutPrevMinY > pxw
+        ? pxw
+        : configUtil.setting.defalutPrevMinY;
+    let defalutNextMinY =
+      configUtil.setting.defalutNextMinY > npxw
+        ? npxw
+        : configUtil.setting.defalutNextMinY;
 
     var z = {
       prevMin: pxw,
@@ -321,7 +327,7 @@ function fc4(options) {
           }
           w2 = ohw - w1;
           if (w1 > ohw || w2 > ohw || w1 < 0 || w2 < 0) {
-            return !1
+            return !1;
           }
           if (w1 < z.prevMin) {
             w1 = z.prevMin;
@@ -331,7 +337,7 @@ function fc4(options) {
             w1 = ohw - w2;
           }
 
-          let p1 = parseInt(w1 * 100 / ohw);
+          let p1 = parseInt((w1 * 100) / ohw);
           let p2 = 100 - p1;
 
           if (options.rate === true) {
@@ -356,18 +362,13 @@ function fc4(options) {
         H.onmouseup = null;
         options.callback && options.callback();
       };
-    }
+    };
   }
-};
+}
 
 treeScollx = fc1;
 treeScoll = fc2;
 initTreeRetractionEven = fc3;
 treeScolly = fc4;
 
-export {
-  treeScollx,
-  treeScolly,
-  treeScoll,
-  initTreeRetractionEven
-};
+export { treeScollx, treeScolly, treeScoll, initTreeRetractionEven };