@kp-ui/lowcode 1.0.25 → 1.0.26

package/src/utils/util.js

@@ -1,185 +1,300 @@
 import Clipboard from "clipboard";
 import { cloneDeep } from "lodash-es";
 import "../components/form-designer/widget-panel/widgetsConfig.js";
-function isNull(e) {
-  return e == null;
+function isNull(value) {
+  return value === null || value === void 0;
 }
-function isEmptyStr(e) {
-  return e === void 0 || !e && e !== 0 && e !== "0" || !/[^\s]/.test(e);
+function isEmptyStr(str) {
+  return str === void 0 || !str && str !== 0 && str !== "0" || !/[^\s]/.test(str);
 }
 const generateId = function() {
   return Math.floor(Math.random() * 1e5 + Math.random() * 2e4 + Math.random() * 5e3);
-}, deepClone = function(e) {
-  return cloneDeep(e);
-}, overwriteObj = function(e, t) {
-  Object.keys(t).forEach((n) => {
-    e[n] = t[n];
+};
+const deepClone = function(origin) {
+  return cloneDeep(origin);
+};
+const overwriteObj = function(obj1, obj2) {
+  Object.keys(obj2).forEach((prop) => {
+    obj1[prop] = obj2[prop];
   });
-}, addWindowResizeHandler = function(e) {
-  const t = window.onresize;
-  typeof window.onresize != "function" ? window.onresize = e : window.onresize = function() {
-    t(), e();
-  };
-}, insertCustomCssToHead = function(e, t = "") {
-  const n = document.getElementsByTagName("head")[0], r = document.createElement("style");
-  r.type = "text/css", r.rel = "stylesheet", r.id = t ? "vform-custom-css-" + t : "vform-custom-css";
+};
+const addWindowResizeHandler = function(handler) {
+  const oldHandler = window.onresize;
+  if (typeof window.onresize !== "function") {
+    window.onresize = handler;
+  } else {
+    window.onresize = function() {
+      oldHandler();
+      handler();
+    };
+  }
+};
+const insertCustomCssToHead = function(cssCode, formId = "") {
+  const head = document.getElementsByTagName("head")[0];
+  const newStyle = document.createElement("style");
+  newStyle.type = "text/css";
+  newStyle.rel = "stylesheet";
+  newStyle.id = !!formId ? "vform-custom-css-" + formId : "vform-custom-css";
   try {
-    r.appendChild(document.createTextNode(e));
-  } catch {
-    r.styleSheet.cssText = e;
+    newStyle.appendChild(document.createTextNode(cssCode));
+  } catch (ex) {
+    newStyle.styleSheet.cssText = cssCode;
   }
-  n.appendChild(r);
-}, insertGlobalFunctionsToHtml = function(e, t = "") {
-  const n = document.getElementsByTagName("body")[0], r = document.createElement("script");
-  r.id = t ? "v_form_global_functions-" + t : "v_form_global_functions", r.type = "text/javascript", r.innerHTML = e, n.appendChild(r);
+  head.appendChild(newStyle);
 };
-function traverseFieldWidgets(e, t, n = null, r = !1) {
-  e && e.map((i) => {
-    i.formItemFlag || i.formItemFlag === !1 && r ? t(i, n) : i.type === "grid" ? i.cols.map((a) => {
-      traverseFieldWidgets(a.widgetList, t, i, r);
-    }) : i.type === "table" ? i.rows.map((a) => {
-      a.cols.map((o) => {
-        traverseFieldWidgets(o.widgetList, t, i, r);
+const insertGlobalFunctionsToHtml = function(functionsCode, formId = "") {
+  const bodyEle = document.getElementsByTagName("body")[0];
+  const newScriptEle = document.createElement("script");
+  newScriptEle.id = !!formId ? "v_form_global_functions-" + formId : "v_form_global_functions";
+  newScriptEle.type = "text/javascript";
+  newScriptEle.innerHTML = functionsCode;
+  bodyEle.appendChild(newScriptEle);
+};
+function traverseFieldWidgets(widgetList, handler, parent = null, staticWidgetsIncluded = false) {
+  if (!widgetList) {
+    return;
+  }
+  widgetList.map((w) => {
+    if (w.formItemFlag || w.formItemFlag === false && staticWidgetsIncluded) {
+      handler(w, parent);
+    } else if (w.type === "grid") {
+      w.cols.map((col) => {
+        traverseFieldWidgets(col.widgetList, handler, w, staticWidgetsIncluded);
       });
-    }) : i.type === "tab" ? i.tabs.map((a) => {
-      traverseFieldWidgets(a.widgetList, t, i, r);
-    }) : (i.type === "sub-form" || i.type === "grid-sub-form" || i.category === "container") && traverseFieldWidgets(i.widgetList, t, i, r);
+    } else if (w.type === "table") {
+      w.rows.map((row) => {
+        row.cols.map((cell) => {
+          traverseFieldWidgets(cell.widgetList, handler, w, staticWidgetsIncluded);
+        });
+      });
+    } else if (w.type === "tab") {
+      w.tabs.map((tab) => {
+        traverseFieldWidgets(tab.widgetList, handler, w, staticWidgetsIncluded);
+      });
+    } else if (w.type === "sub-form" || w.type === "grid-sub-form") {
+      traverseFieldWidgets(w.widgetList, handler, w, staticWidgetsIncluded);
+    } else if (w.category === "container") {
+      traverseFieldWidgets(w.widgetList, handler, w, staticWidgetsIncluded);
+    }
   });
 }
-function traverseContainerWidgets(e, t) {
-  e && e.map((n) => {
-    n.category === "container" && t(n), n.type === "grid" ? n.cols.map((r) => {
-      traverseContainerWidgets(r.widgetList, t);
-    }) : n.type === "table" ? n.rows.map((r) => {
-      r.cols.map((i) => {
-        traverseContainerWidgets(i.widgetList, t);
+function traverseContainerWidgets(widgetList, handler) {
+  if (!widgetList) {
+    return;
+  }
+  widgetList.map((w) => {
+    if (w.category === "container") {
+      handler(w);
+    }
+    if (w.type === "grid") {
+      w.cols.map((col) => {
+        traverseContainerWidgets(col.widgetList, handler);
+      });
+    } else if (w.type === "table") {
+      w.rows.map((row) => {
+        row.cols.map((cell) => {
+          traverseContainerWidgets(cell.widgetList, handler);
+        });
+      });
+    } else if (w.type === "tab") {
+      w.tabs.map((tab) => {
+        traverseContainerWidgets(tab.widgetList, handler);
       });
-    }) : n.type === "tab" ? n.tabs.map((r) => {
-      traverseContainerWidgets(r.widgetList, t);
-    }) : (n.type === "sub-form" || n.type === "grid-sub-form" || n.category === "container") && traverseContainerWidgets(n.widgetList, t);
+    } else if (w.type === "sub-form" || w.type === "grid-sub-form") {
+      traverseContainerWidgets(w.widgetList, handler);
+    } else if (w.category === "container") {
+      traverseContainerWidgets(w.widgetList, handler);
+    }
   });
 }
-function traverseAllWidgets(e, t) {
-  e && e.map((n) => {
-    t(n), n.type === "grid" ? n.cols.map((r) => {
-      t(r), traverseAllWidgets(r.widgetList, t);
-    }) : n.type === "table" ? n.rows.map((r) => {
-      r.cols.map((i) => {
-        t(i), traverseAllWidgets(i.widgetList, t);
+function traverseAllWidgets(widgetList, handler) {
+  if (!widgetList) {
+    return;
+  }
+  widgetList.map((w) => {
+    handler(w);
+    if (w.type === "grid") {
+      w.cols.map((col) => {
+        handler(col);
+        traverseAllWidgets(col.widgetList, handler);
+      });
+    } else if (w.type === "table") {
+      w.rows.map((row) => {
+        row.cols.map((cell) => {
+          handler(cell);
+          traverseAllWidgets(cell.widgetList, handler);
+        });
+      });
+    } else if (w.type === "tab") {
+      w.tabs.map((tab) => {
+        traverseAllWidgets(tab.widgetList, handler);
       });
-    }) : n.type === "tab" ? n.tabs.map((r) => {
-      traverseAllWidgets(r.widgetList, t);
-    }) : (n.type === "sub-form" || n.type === "grid-sub-form" || n.category === "container") && traverseAllWidgets(n.widgetList, t);
+    } else if (w.type === "sub-form" || w.type === "grid-sub-form") {
+      traverseAllWidgets(w.widgetList, handler);
+    } else if (w.category === "container") {
+      traverseAllWidgets(w.widgetList, handler);
+    }
   });
 }
-function handleWidgetForTraverse(e, t) {
-  e.category && e.category === "container" ? traverseFieldWidgetsOfContainer(e, t) : e.formItemFlag && t(e);
+function handleWidgetForTraverse(widget, handler) {
+  if (!!widget.category && widget.category === "container") {
+    traverseFieldWidgetsOfContainer(widget, handler);
+  } else if (widget.formItemFlag) {
+    handler(widget);
+  }
 }
-function traverseFieldWidgetsOfContainer(e, t) {
-  e.type === "grid" ? e.cols.forEach((n) => {
-    n.widgetList.forEach((r) => {
-      handleWidgetForTraverse(r, t);
+function traverseFieldWidgetsOfContainer(con, handler) {
+  if (con.type === "grid") {
+    con.cols.forEach((col) => {
+      col.widgetList.forEach((cw) => {
+        handleWidgetForTraverse(cw, handler);
+      });
     });
-  }) : e.type === "table" ? e.rows.forEach((n) => {
-    n.cols.forEach((r) => {
-      r.widgetList.forEach((i) => {
-        handleWidgetForTraverse(i, t);
+  } else if (con.type === "table") {
+    con.rows.forEach((row) => {
+      row.cols.forEach((cell) => {
+        cell.widgetList.forEach((cw) => {
+          handleWidgetForTraverse(cw, handler);
+        });
       });
     });
-  }) : e.type === "tab" ? e.tabs.forEach((n) => {
-    n.widgetList.forEach((r) => {
-      handleWidgetForTraverse(r, t);
+  } else if (con.type === "tab") {
+    con.tabs.forEach((tab) => {
+      tab.widgetList.forEach((cw) => {
+        handleWidgetForTraverse(cw, handler);
+      });
     });
-  }) : e.type === "sub-form" || e.type === "grid-sub-form" ? e.widgetList.forEach((n) => {
-    handleWidgetForTraverse(n, t);
-  }) : e.category === "container" && e.widgetList.forEach((n) => {
-    handleWidgetForTraverse(n, t);
-  });
+  } else if (con.type === "sub-form" || con.type === "grid-sub-form") {
+    con.widgetList.forEach((cw) => {
+      handleWidgetForTraverse(cw, handler);
+    });
+  } else if (con.category === "container") {
+    con.widgetList.forEach((cw) => {
+      handleWidgetForTraverse(cw, handler);
+    });
+  }
 }
-function handleContainerTraverse(e, t, n) {
-  e.category && e.category === "container" ? traverseWidgetsOfContainer(e, t) : e.formItemFlag && t(e);
+function handleContainerTraverse(widget, fieldHandler, containerHandler) {
+  if (!!widget.category && widget.category === "container") {
+    traverseWidgetsOfContainer(widget, fieldHandler);
+  } else if (widget.formItemFlag) {
+    fieldHandler(widget);
+  }
 }
-function traverseWidgetsOfContainer(e, t, n) {
-  e.type === "grid" ? e.cols.forEach((r) => {
-    r.widgetList.forEach((i) => {
-      handleContainerTraverse(i, t);
+function traverseWidgetsOfContainer(con, fieldHandler, containerHandler) {
+  if (con.type === "grid") {
+    con.cols.forEach((col) => {
+      col.widgetList.forEach((cw) => {
+        handleContainerTraverse(cw, fieldHandler);
+      });
+    });
+  } else if (con.type === "table") {
+    con.rows.forEach((row) => {
+      row.cols.forEach((cell) => {
+        cell.widgetList.forEach((cw) => {
+          handleContainerTraverse(cw, fieldHandler);
+        });
+      });
     });
-  }) : e.type === "table" ? e.rows.forEach((r) => {
-    r.cols.forEach((i) => {
-      i.widgetList.forEach((a) => {
-        handleContainerTraverse(a, t);
+  } else if (con.type === "tab") {
+    con.tabs.forEach((tab) => {
+      tab.widgetList.forEach((cw) => {
+        handleContainerTraverse(cw, fieldHandler);
       });
     });
-  }) : e.type === "tab" ? e.tabs.forEach((r) => {
-    r.widgetList.forEach((i) => {
-      handleContainerTraverse(i, t);
+  } else if (con.type === "sub-form" || con.type === "grid-sub-form") {
+    con.widgetList.forEach((cw) => {
+      handleContainerTraverse(cw, fieldHandler);
     });
-  }) : e.type === "sub-form" || e.type === "grid-sub-form" ? e.widgetList.forEach((r) => {
-    handleContainerTraverse(r, t);
-  }) : e.category === "container" && e.widgetList.forEach((r) => {
-    handleContainerTraverse(r, t);
-  });
+  } else if (con.category === "container") {
+    con.widgetList.forEach((cw) => {
+      handleContainerTraverse(cw, fieldHandler);
+    });
+  }
 }
-function getAllFieldWidgets(e, t = !1) {
-  if (!e)
+function getAllFieldWidgets(widgetList, staticWidgetsIncluded = false) {
+  if (!widgetList) {
     return [];
-  const n = [];
-  return traverseFieldWidgets(e, (i) => {
-    n.push({
-      type: i.type,
-      name: i.options.name,
-      field: i
+  }
+  const result2 = [];
+  const handlerFn = (w) => {
+    result2.push({
+      type: w.type,
+      name: w.options.name,
+      field: w
     });
-  }, null, t), n;
+  };
+  traverseFieldWidgets(widgetList, handlerFn, null, staticWidgetsIncluded);
+  return result2;
 }
-function getAllContainerWidgets(e) {
-  if (!e)
+function getAllContainerWidgets(widgetList) {
+  if (!widgetList) {
     return [];
-  const t = [];
-  return traverseContainerWidgets(e, (r) => {
-    t.push({
-      type: r.type,
-      name: r.options.name,
-      container: r
+  }
+  const result2 = [];
+  const handlerFn = (w) => {
+    result2.push({
+      type: w.type,
+      name: w.options.name,
+      container: w
     });
-  }), t;
+  };
+  traverseContainerWidgets(widgetList, handlerFn);
+  return result2;
 }
-function getFieldWidgetByName(e, t, n) {
-  if (!e)
+function getFieldWidgetByName(widgetList, fieldName, staticWidgetsIncluded) {
+  if (!widgetList) {
     return null;
-  let r = null;
-  return traverseFieldWidgets(e, (a) => {
-    a.options.name === t && (r = a);
-  }, null, n), r;
+  }
+  let foundWidget = null;
+  const handlerFn = (widget) => {
+    if (widget.options.name === fieldName) {
+      foundWidget = widget;
+    }
+  };
+  traverseFieldWidgets(widgetList, handlerFn, null, staticWidgetsIncluded);
+  return foundWidget;
 }
-function getContainerWidgetByName(e, t) {
-  if (!e)
+function getContainerWidgetByName(widgetList, containerName) {
+  if (!widgetList) {
     return null;
-  let n = null;
-  return traverseContainerWidgets(e, (i) => {
-    i.options.name === t && (n = i);
-  }), n;
+  }
+  let foundContainer = null;
+  const handlerFn = (con) => {
+    if (con.options.name === containerName) {
+      foundContainer = con;
+    }
+  };
+  traverseContainerWidgets(widgetList, handlerFn);
+  return foundContainer;
 }
-function copyToClipboard(e, t, n, r, i) {
-  const a = new Clipboard(t.target, {
-    text: () => e
+function copyToClipboard(content, clickEvent, $message, successMsg, errorMsg) {
+  const clipboard = new Clipboard(clickEvent.target, {
+    text: () => content
+  });
+  clipboard.on("success", () => {
+    $message.success(successMsg);
+    clipboard.destroy();
   });
-  a.on("success", () => {
-    n.success(r), a.destroy();
-  }), a.on("error", () => {
-    n.error(i), a.destroy();
-  }), a.onClick(t);
+  clipboard.on("error", () => {
+    $message.error(errorMsg);
+    clipboard.destroy();
+  });
+  clipboard.onClick(clickEvent);
 }
-function getQueryParam(e) {
-  const n = window.location.search.substring(1).split("&");
-  for (let r = 0; r < n.length; r++) {
-    const i = n[r].split("=");
-    if (i[0] == e)
-      return i[1];
+function getQueryParam(variable) {
+  const query = window.location.search.substring(1);
+  const vars = query.split("&");
+  for (let i = 0; i < vars.length; i++) {
+    const pair = vars[i].split("=");
+    if (pair[0] == variable) {
+      return pair[1];
+    }
   }
+  return void 0;
 }
 function getDefaultFormConfig() {
-  const { formCode: e = "" } = getLocat();
+  const { formCode = "" } = getLocat();
   return {
     // useInnerLogic: true, //使用内置逻辑
     labelWidth: 80,
@@ -208,7 +323,7 @@ function getDefaultFormConfig() {
     serveList: {
       vformUpdate: {
         http: {
-          url: `/api/tmgc2-mgt/formDefinition/${e}/evaluate/formSubmit`,
+          url: `/api/tmgc2-mgt/formDefinition/${formCode}/evaluate/formSubmit`,
           method: "post",
           data: { _id: "${_id}" },
           params: {}
@@ -224,7 +339,7 @@ return {...data,data:d}`,
       },
       vformDetail: {
         http: {
-          url: `/api/tmgc2-mgt/formDefinition/${e}/evaluate/formLoad`,
+          url: `/api/tmgc2-mgt/formDefinition/${formCode}/evaluate/formLoad`,
           method: "post",
           data: { _id: "${_id}" },
           params: {}
@@ -247,67 +362,113 @@ function buildDefaultFormJson() {
     formConfig: deepClone(getDefaultFormConfig())
   };
 }
-function cloneFormConfigWithoutEventHandler(e) {
-  const t = deepClone(e);
-  return t.onFormCreated = "", t.onFormMounted = "", t.onFormDataChange = "", t;
+function cloneFormConfigWithoutEventHandler(formConfig) {
+  const newFC = deepClone(formConfig);
+  newFC.onFormCreated = "";
+  newFC.onFormMounted = "";
+  newFC.onFormDataChange = "";
+  return newFC;
 }
-function translateOptionItems(e, t, n, r) {
-  if (["cascader", "treeSelect", "select"].includes(t))
-    return deepClone(e);
-  const i = [];
-  return e && e.length > 0 && e.forEach((a) => {
-    i.push({
-      label: a[n],
-      value: a[r]
+function translateOptionItems(rawData, widgetType, labelKey, valueKey) {
+  if (["cascader", "treeSelect", "select"].includes(widgetType)) {
+    return deepClone(rawData);
+  }
+  const result2 = [];
+  if (!!rawData && rawData.length > 0) {
+    rawData.forEach((ri) => {
+      result2.push({
+        label: ri[labelKey],
+        value: ri[valueKey]
+      });
     });
-  }), e;
+  }
+  return rawData;
 }
 function assembleAxiosConfig(arrayObj, DSV, VFR) {
   const result = {};
-  return !arrayObj || arrayObj.length <= 0 || (arrayObj.map((ai) => {
-    ai.type === "String" ? result[ai.name] = String(ai.value) : ai.type === "Number" ? result[ai.name] = Number(ai.value) : ai.type === "Boolean" ? ai.value.toLowerCase() === "false" || ai.value === "0" ? result[ai.name] = !1 : ai.value.toLowerCase() === "true" || ai.value === "1" ? result[ai.name] = !0 : result[ai.name] = null : ai.type === "Variable" && (result[ai.name] = eval(ai.value));
-  }), console.log("test DSV: ", DSV), console.log("test VFR: ", VFR)), result;
+  if (!arrayObj || arrayObj.length <= 0) {
+    return result;
+  }
+  arrayObj.map((ai) => {
+    if (ai.type === "String") {
+      result[ai.name] = String(ai.value);
+    } else if (ai.type === "Number") {
+      result[ai.name] = Number(ai.value);
+    } else if (ai.type === "Boolean") {
+      if (ai.value.toLowerCase() === "false" || ai.value === "0") {
+        result[ai.name] = false;
+      } else if (ai.value.toLowerCase() === "true" || ai.value === "1") {
+        result[ai.name] = true;
+      } else {
+        result[ai.name] = null;
+      }
+    } else if (ai.type === "Variable") {
+      result[ai.name] = eval(ai.value);
+    }
+  });
+  console.log("test DSV: ", DSV);
+  console.log("test VFR: ", VFR);
+  return result;
 }
 function buildRequestConfig(dataSource, DSV, VFR, isSandbox) {
   const config = {};
-  dataSource.requestURLType === "String" ? config.url = dataSource.requestURL : config.url = eval(dataSource.requestURL), config.method = dataSource.requestMethod, config.headers = assembleAxiosConfig(dataSource.headers, DSV, VFR), config.params = assembleAxiosConfig(dataSource.params, DSV, VFR), config.data = assembleAxiosConfig(dataSource.data, DSV, VFR);
+  if (dataSource.requestURLType === "String") {
+    config.url = dataSource.requestURL;
+  } else {
+    config.url = eval(dataSource.requestURL);
+  }
+  config.method = dataSource.requestMethod;
+  config.headers = assembleAxiosConfig(dataSource.headers, DSV, VFR);
+  config.params = assembleAxiosConfig(dataSource.params, DSV, VFR);
+  config.data = assembleAxiosConfig(dataSource.data, DSV, VFR);
   const chFn = new Function("config", "isSandbox", "DSV", "VFR", dataSource.configHandlerCode);
   return chFn.call(null, config, isSandbox, DSV, VFR);
 }
-async function runDataSourceRequest(e, t, n, r, i) {
+async function runDataSourceRequest(dataSource2, DSV2, VFR2, isSandbox2, $message) {
   try {
-    const a = buildRequestConfig(e, t, n, r);
-  } catch (a) {
-    new Function(
+    const requestConfig = buildRequestConfig(dataSource2, DSV2, VFR2, isSandbox2);
+  } catch (err) {
+    const ehFn = new Function(
       "error",
       "isSandbox",
       "DSV",
       "$message",
       "VFR",
-      e.errorHandlerCode
-    ).call(null, a, r, t, i, n), console.error(a);
+      dataSource2.errorHandlerCode
+    );
+    ehFn.call(null, err, isSandbox2, DSV2, $message, VFR2);
+    console.error(err);
   }
 }
-function getDSByName(e, t) {
-  let n = null;
-  return t && e.dataSources && e.dataSources.forEach((r) => {
-    r.uniqueName === t && (n = r);
-  }), n;
+function getDSByName(formConfig, dsName) {
+  let resultDS = null;
+  if (!!dsName && !!formConfig.dataSources) {
+    formConfig.dataSources.forEach((ds) => {
+      if (ds.uniqueName === dsName) {
+        resultDS = ds;
+      }
+    });
+  }
+  return resultDS;
 }
-function replaceVars(e, t) {
-  return e.replace(/\$\{([^}]+)\}/g, (n, r) => t[r] || null);
+function replaceVars(str, vars) {
+  return str.replace(/\$\{([^}]+)\}/g, (match, varName) => vars[varName] || null);
 }
-function getLocat(e) {
-  e = e || window.location.search;
-  const t = {};
-  if (e.indexOf("?") !== -1) {
-    const r = e.substr(1).split("&");
-    for (let i = 0; i < r.length; i++)
-      t[r[i].split("=")[0]] = decodeURI(r[i].split("=")[1]);
+function getLocat(url) {
+  url = url || window.location.search;
+  const theRequest = {};
+  if (url.indexOf("?") !== -1) {
+    const str = url.substr(1);
+    const strs = str.split("&");
+    for (let i = 0; i < strs.length; i++) {
+      theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
+    }
   }
-  return t;
+  return theRequest;
 }
-const getUuidKey = () => "k" + Math.random().toString(36).slice(2, 8);
+const getUuidKey = () => {
+  return "k" + Math.random().toString(36).slice(2, 8);
+};
 export {
   addWindowResizeHandler,
   assembleAxiosConfig,