@kp-ui/lowcode 1.0.3 → 1.0.21

package/es/utils/util.js

@@ -0,0 +1,341 @@
+import Clipboard from "clipboard";
+import { cloneDeep } from "lodash-es";
+import "../components/form-designer/widget-panel/widgetsConfig.js";
+function isNull(e) {
+  return e == null;
+}
+function isEmptyStr(e) {
+  return e === void 0 || !e && e !== 0 && e !== "0" || !/[^\s]/.test(e);
+}
+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];
+  });
+}, 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";
+  try {
+    r.appendChild(document.createTextNode(e));
+  } catch {
+    r.styleSheet.cssText = e;
+  }
+  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);
+};
+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);
+      });
+    }) : 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);
+  });
+}
+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);
+      });
+    }) : 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);
+  });
+}
+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);
+      });
+    }) : 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);
+  });
+}
+function handleWidgetForTraverse(e, t) {
+  e.category && e.category === "container" ? traverseFieldWidgetsOfContainer(e, t) : e.formItemFlag && t(e);
+}
+function traverseFieldWidgetsOfContainer(e, t) {
+  e.type === "grid" ? e.cols.forEach((n) => {
+    n.widgetList.forEach((r) => {
+      handleWidgetForTraverse(r, t);
+    });
+  }) : e.type === "table" ? e.rows.forEach((n) => {
+    n.cols.forEach((r) => {
+      r.widgetList.forEach((i) => {
+        handleWidgetForTraverse(i, t);
+      });
+    });
+  }) : e.type === "tab" ? e.tabs.forEach((n) => {
+    n.widgetList.forEach((r) => {
+      handleWidgetForTraverse(r, t);
+    });
+  }) : 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);
+  });
+}
+function handleContainerTraverse(e, t, n) {
+  e.category && e.category === "container" ? traverseWidgetsOfContainer(e, t) : e.formItemFlag && t(e);
+}
+function traverseWidgetsOfContainer(e, t, n) {
+  e.type === "grid" ? e.cols.forEach((r) => {
+    r.widgetList.forEach((i) => {
+      handleContainerTraverse(i, t);
+    });
+  }) : e.type === "table" ? e.rows.forEach((r) => {
+    r.cols.forEach((i) => {
+      i.widgetList.forEach((a) => {
+        handleContainerTraverse(a, t);
+      });
+    });
+  }) : e.type === "tab" ? e.tabs.forEach((r) => {
+    r.widgetList.forEach((i) => {
+      handleContainerTraverse(i, t);
+    });
+  }) : 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);
+  });
+}
+function getAllFieldWidgets(e, t = !1) {
+  if (!e)
+    return [];
+  const n = [];
+  return traverseFieldWidgets(e, (i) => {
+    n.push({
+      type: i.type,
+      name: i.options.name,
+      field: i
+    });
+  }, null, t), n;
+}
+function getAllContainerWidgets(e) {
+  if (!e)
+    return [];
+  const t = [];
+  return traverseContainerWidgets(e, (r) => {
+    t.push({
+      type: r.type,
+      name: r.options.name,
+      container: r
+    });
+  }), t;
+}
+function getFieldWidgetByName(e, t, n) {
+  if (!e)
+    return null;
+  let r = null;
+  return traverseFieldWidgets(e, (a) => {
+    a.options.name === t && (r = a);
+  }, null, n), r;
+}
+function getContainerWidgetByName(e, t) {
+  if (!e)
+    return null;
+  let n = null;
+  return traverseContainerWidgets(e, (i) => {
+    i.options.name === t && (n = i);
+  }), n;
+}
+function copyToClipboard(e, t, n, r, i) {
+  const a = new Clipboard(t.target, {
+    text: () => e
+  });
+  a.on("success", () => {
+    n.success(r), a.destroy();
+  }), a.on("error", () => {
+    n.error(i), a.destroy();
+  }), a.onClick(t);
+}
+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 getDefaultFormConfig() {
+  const { formCode: e = "" } = getLocat();
+  return {
+    // useInnerLogic: true, //使用内置逻辑
+    labelWidth: 80,
+    labelPosition: "horizontal",
+    //'left',
+    size: "",
+    labelAlign: "right",
+    cssCode: "",
+    customClass: [],
+    functions: "",
+    //全局函数
+    layoutType: "PC",
+    // jsonVersion: 3,
+    // dataSources: [], //数据源集合
+    onFormCreated: "",
+    onFormMounted: `
+    if(!this.vfCtx) return
+    if(!this.vfCtx._id) return
+    const type = this.vfCtx.type
+    this.setReadMode(type==='view')
+    this.onFormDetail().then(res=>{
+      this.setFormData({...res})
+    })
+    `,
+    onFormDataChange: "",
+    serveList: {
+      vformUpdate: {
+        http: {
+          url: `/api/tmgc2-mgt/formDefinition/${e}/evaluate/formSubmit`,
+          method: "post",
+          data: { _id: "${_id}" },
+          params: {}
+        },
+        dataReqHandlerCode: `const d=data.data||{};
+ Object.keys(d).forEach(k=>{
+ if(d[k]==='null'){
+ d[k]=null
+ }
+ })
+return {...data,data:d}`,
+        dataHandlerCode: ""
+      },
+      vformDetail: {
+        http: {
+          url: `/api/tmgc2-mgt/formDefinition/${e}/evaluate/formLoad`,
+          method: "post",
+          data: { _id: "${_id}" },
+          params: {}
+        },
+        dataReqHandlerCode: `const d=data.data||{};
+ Object.keys(d).forEach(k=>{
+ if(d[k]==='null'){
+ d[k]=null
+ }
+ })
+return {...data,data:d}`,
+        dataHandlerCode: "return data.data.object||{}"
+      }
+    }
+  };
+}
+function buildDefaultFormJson() {
+  return {
+    widgetList: [],
+    formConfig: deepClone(getDefaultFormConfig())
+  };
+}
+function cloneFormConfigWithoutEventHandler(e) {
+  const t = deepClone(e);
+  return t.onFormCreated = "", t.onFormMounted = "", t.onFormDataChange = "", t;
+}
+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]
+    });
+  }), e;
+}
+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;
+}
+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);
+  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) {
+  try {
+    const a = buildRequestConfig(e, t, n, r);
+  } catch (a) {
+    new Function(
+      "error",
+      "isSandbox",
+      "DSV",
+      "$message",
+      "VFR",
+      e.errorHandlerCode
+    ).call(null, a, r, t, i, n), console.error(a);
+  }
+}
+function getDSByName(e, t) {
+  let n = null;
+  return t && e.dataSources && e.dataSources.forEach((r) => {
+    r.uniqueName === t && (n = r);
+  }), n;
+}
+function replaceVars(e, t) {
+  return e.replace(/\$\{([^}]+)\}/g, (n, r) => t[r] || 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]);
+  }
+  return t;
+}
+const getUuidKey = () => "k" + Math.random().toString(36).slice(2, 8);
+export {
+  addWindowResizeHandler,
+  assembleAxiosConfig,
+  buildDefaultFormJson,
+  cloneFormConfigWithoutEventHandler,
+  copyToClipboard,
+  deepClone,
+  generateId,
+  getAllContainerWidgets,
+  getAllFieldWidgets,
+  getContainerWidgetByName,
+  getDSByName,
+  getDefaultFormConfig,
+  getFieldWidgetByName,
+  getLocat,
+  getQueryParam,
+  getUuidKey,
+  insertCustomCssToHead,
+  insertGlobalFunctionsToHtml,
+  isEmptyStr,
+  isNull,
+  overwriteObj,
+  replaceVars,
+  runDataSourceRequest,
+  translateOptionItems,
+  traverseAllWidgets,
+  traverseContainerWidgets,
+  traverseFieldWidgets,
+  traverseFieldWidgetsOfContainer,
+  traverseWidgetsOfContainer
+};

package/es/utils/validators.js

@@ -0,0 +1,106 @@
+import { isNull } from "./util.js";
+const getRegExp = function(e) {
+  return {
+    number: "/^[-]?\\d+(\\.\\d+)?$/",
+    letter: "/^[A-Za-z]+$/",
+    letterAndNumber: "/^[A-Za-z0-9]+$/",
+    mobilePhone: "/^[1][3-9][0-9]{9}$/",
+    letterStartNumberIncluded: "/^[A-Za-z]+[A-Za-z\\d]*$/",
+    noChinese: "/^[^一-龥]+$/",
+    chinese: "/^[一-龥]+$/",
+    email: "/^([-_A-Za-z0-9.]+)@([_A-Za-z0-9]+\\.)+[A-Za-z0-9]{2,3}$/",
+    url: "/^([hH][tT]{2}[pP]:\\/\\/|[hH][tT]{2}[pP][sS]:\\/\\/)(([A-Za-z0-9-~]+)\\.)+([A-Za-z0-9-~\\/])+$/"
+  }[e];
+}, validateFn = function(validatorName, rule, value, defaultErrorMsg) {
+  console.log("rule: ", rule);
+  try {
+    if (isNull(value) || value.length <= 0)
+      return Promise.resolve();
+    const reg = eval(getRegExp(validatorName));
+    if (reg.test(value))
+      return Promise.resolve();
+    {
+      const e = rule.errorMsg || defaultErrorMsg;
+      return console.log("errTxt: ", e), Promise.reject(e);
+    }
+  } catch (e) {
+    return Promise.resolve();
+  }
+}, FormValidators = {
+  /* 数字 */
+  number(e, r) {
+    return validateFn("number", e, r, "[" + e.label + "]包含非数字字符");
+  },
+  /* 字母 */
+  letter(e, r) {
+    return validateFn("letter", e, r, "[" + e.label + "]包含非字母字符");
+  },
+  /* 字母和数字 */
+  letterAndNumber(e, r) {
+    return validateFn("letterAndNumber", e, r, "[" + e.label + "]只能输入字母或数字");
+  },
+  /* 手机号码 */
+  mobilePhone(e, r) {
+    return validateFn("mobilePhone", e, r, "[" + e.label + "]手机号码格式有误");
+  },
+  /* 禁止空白字符开头 */
+  noBlankStart(e, r) {
+  },
+  /* 禁止空白字符结尾 */
+  noBlankEnd(e, r) {
+  },
+  /* 字母开头，仅可包含数字 */
+  letterStartNumberIncluded(e, r) {
+    return validateFn(
+      "letterStartNumberIncluded",
+      e,
+      r,
+      "[" + e.label + "]必须以字母开头，可包含数字"
+    );
+  },
+  /* 禁止中文输入 */
+  noChinese(e, r) {
+    return validateFn("noChinese", e, r, "[" + e.label + "]不可输入中文字符");
+  },
+  /* 必须中文输入 */
+  chinese(e, r) {
+    return validateFn("chinese", e, r, "[" + e.label + "]只能输入中文字符");
+  },
+  /* 电子邮箱 */
+  email(e, r) {
+    return validateFn("email", e, r, "[" + e.label + "]邮箱格式有误");
+  },
+  /* URL网址 */
+  url(e, r) {
+    return validateFn("url", e, r, "[" + e.label + "]URL格式有误");
+  },
+  /*测试
+    test(rule, value) {
+      //空值不校验
+      if (isNull(value) || (value.length <= 0)) {
+        return Promise.resolve()
+      }
+  
+      if (value < 100) {
+        return Promise.reject('[' + rule.label + ']不能小于100')
+      } else {
+        return Promise.resolve()
+      }
+    },
+    */
+  regExp(rule, value) {
+    if (isNull(value) || value.length <= 0)
+      return Promise.resolve();
+    const pattern = eval(rule.regExp);
+    if (pattern.test(value))
+      return Promise.resolve();
+    {
+      const e = rule.errorMsg || "[" + rule.label + "]invalid value";
+      return Promise.reject(e);
+    }
+  }
+};
+export {
+  FormValidators as default,
+  getRegExp
+};

package/index.es.js

@@ -0,0 +1,33 @@
+import { y as s, e as i, C as n, t as r, v as t, F as d, l as o, p as m, A as c, c as p, V as g, d as F, j as C, h as l, f as x, k as W, o as f, q as E, b as h, z as M, s as S, a as I, D as V, B as u, n as D, i as R, x as b, w as v, r as y, m as A } from "./install-3-Q4Btw-.mjs";
+export {
+  s as ContainerItemWrapper,
+  i as ContainerItems,
+  n as ContainerWidgets,
+  r as ContainerWrapper,
+  t as FieldComponents,
+  d as FormItemWrapper,
+  o as PEFactory,
+  m as PERegister,
+  c as StaticContentWrapper,
+  p as VFormDesigner,
+  g as VFormRegisterHttp,
+  F as VFormRender,
+  C as addAdvancedFieldSchema,
+  l as addBasicFieldSchema,
+  x as addContainerWidgetSchema,
+  W as addCustomWidgetSchema,
+  f as addENExtensionLang,
+  E as addZHExtensionLang,
+  h as basicFieldsEnums,
+  M as containerItemMixin,
+  S as containerMixin,
+  I as default,
+  V as emitter,
+  u as fieldMixin,
+  D as i18n,
+  R as install,
+  b as refMixin,
+  v as refMixinDesign,
+  y as registerCWGenerator,
+  A as registerFWGenerator
+};