@kp-ui/lowcode 2.13.2 → 2.14.0-alpha

package/src/utils/smart-vue-i18n/index.js

@@ -0,0 +1,66 @@
+import { reactive as c } from "vue";
+import { get as r } from "./utils.js";
+const t = c({
+  lang: "zh-CN",
+  messages: {}
+}), i = {
+  "zh-CN": async () => {
+    const [o, n, e, s] = await Promise.all([
+      import("ant-design-vue/es/locale/zh_CN"),
+      import("../../lang/zh-CN.js"),
+      import("../../lang/zh-CN_render.js"),
+      import("../../lang/zh-CN_extension.js")
+    ]);
+    return {
+      ...o.default,
+      ...n.default,
+      ...e.default,
+      ...s.default
+    };
+  },
+  "en-US": async () => {
+    const [o, n, e, s] = await Promise.all([
+      import("ant-design-vue/es/locale/en_US"),
+      import("../../lang/en-US.js"),
+      import("../../lang/en-US_render.js"),
+      import("../../lang/en-US_extension.js")
+    ]);
+    return {
+      ...o.default,
+      ...n.default,
+      ...e.default,
+      ...s.default
+    };
+  }
+};
+function u(o) {
+  return {
+    get messages() {
+      return t.messages;
+    },
+    $st(e, ...s) {
+      const a = r(this.messages[t.lang], e);
+      return typeof a == "function" ? a(...s) : a !== null ? a : e;
+    },
+    $st2(e, s) {
+      const a = this.messages[t.lang], m = r(a, e);
+      return m !== null ? m : r(a, s);
+    },
+    async setLang(e) {
+      if (t.lang = e, e in t.messages || (t.messages[e] = {}), e in i) {
+        const s = await i[e]();
+        t.messages[e] = s;
+      }
+      t.lang = e;
+    },
+    setLangMessages(e, s) {
+      t.messages[e] = {
+        ...t.messages[e],
+        ...s
+      };
+    }
+  };
+}
+export {
+  u as createI18n
+};

package/src/utils/smart-vue-i18n/utils.js

@@ -0,0 +1,14 @@
+function r(t) {
+  return t != null;
+}
+function f(t, u) {
+  const l = u.split(".");
+  let n = t;
+  return l.forEach((e) => {
+    n = r(n) && r(n[e]) ? n[e] : null;
+  }), n;
+}
+export {
+  f as get,
+  r as isDef
+};

package/src/utils/util.js

@@ -0,0 +1,338 @@
+import Clipboard from "clipboard";
+import { getLocat } from "@kp-ui/tool";
+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((r) => {
+    e[r] = t[r];
+  });
+}, addWindowResizeHandler = function(e) {
+  const t = window.onresize;
+  typeof window.onresize != "function" ? window.onresize = e : window.onresize = function() {
+    t(), e();
+  };
+}, insertCustomCssToHead = function(e, t = "") {
+  const r = document.getElementsByTagName("head")[0], n = document.createElement("style");
+  n.type = "text/css", n.rel = "stylesheet", n.id = t ? "vform-custom-css-" + t : "vform-custom-css";
+  try {
+    n.appendChild(document.createTextNode(e));
+  } catch {
+    n.styleSheet.cssText = e;
+  }
+  r.appendChild(n);
+}, insertGlobalFunctionsToHtml = function(e, t = "") {
+  const r = document.getElementsByTagName("body")[0], n = document.createElement("script");
+  n.id = t ? "v_form_global_functions-" + t : "v_form_global_functions", n.type = "text/javascript", n.innerHTML = e, r.appendChild(n);
+};
+function traverseFieldWidgets(e, t, r = null, n = !1) {
+  e && e.map((o) => {
+    o.formItemFlag || o.formItemFlag === !1 && n ? t(o, r) : o.type === "grid" ? o.cols.map((i) => {
+      traverseFieldWidgets(i.widgetList, t, o, n);
+    }) : o.type === "table" ? o.rows.map((i) => {
+      i.cols.map((a) => {
+        traverseFieldWidgets(a.widgetList, t, o, n);
+      });
+    }) : o.type === "tab" ? o.tabs.map((i) => {
+      traverseFieldWidgets(i.widgetList, t, o, n);
+    }) : (o.type === "sub-form" || o.type === "grid-sub-form" || o.category === "container") && traverseFieldWidgets(o.widgetList, t, o, n);
+  });
+}
+function traverseContainerWidgets(e, t) {
+  e && e.map((r) => {
+    r.category === "container" && t(r), r.type === "grid" ? r.cols.map((n) => {
+      traverseContainerWidgets(n.widgetList, t);
+    }) : r.type === "table" ? r.rows.map((n) => {
+      n.cols.map((o) => {
+        traverseContainerWidgets(o.widgetList, t);
+      });
+    }) : r.type === "tab" ? r.tabs.map((n) => {
+      traverseContainerWidgets(n.widgetList, t);
+    }) : (r.type === "sub-form" || r.type === "grid-sub-form" || r.category === "container") && traverseContainerWidgets(r.widgetList, t);
+  });
+}
+function traverseAllWidgets(e, t) {
+  e && e.map((r) => {
+    t(r), r.type === "grid" ? r.cols.map((n) => {
+      t(n), traverseAllWidgets(n.widgetList, t);
+    }) : r.type === "table" ? r.rows.map((n) => {
+      n.cols.map((o) => {
+        t(o), traverseAllWidgets(o.widgetList, t);
+      });
+    }) : r.type === "tab" ? r.tabs.map((n) => {
+      traverseAllWidgets(n.widgetList, t);
+    }) : (r.type === "sub-form" || r.type === "grid-sub-form" || r.category === "container") && traverseAllWidgets(r.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((r) => {
+    r.widgetList.forEach((n) => {
+      handleWidgetForTraverse(n, t);
+    });
+  }) : e.type === "table" ? e.rows.forEach((r) => {
+    r.cols.forEach((n) => {
+      n.widgetList.forEach((o) => {
+        handleWidgetForTraverse(o, t);
+      });
+    });
+  }) : e.type === "tab" ? e.tabs.forEach((r) => {
+    r.widgetList.forEach((n) => {
+      handleWidgetForTraverse(n, t);
+    });
+  }) : e.type === "sub-form" || e.type === "grid-sub-form" ? e.widgetList.forEach((r) => {
+    handleWidgetForTraverse(r, t);
+  }) : e.category === "container" && e.widgetList.forEach((r) => {
+    handleWidgetForTraverse(r, t);
+  });
+}
+function handleContainerTraverse(e, t, r) {
+  e.category && e.category === "container" ? traverseWidgetsOfContainer(e, t) : e.formItemFlag && t(e);
+}
+function traverseWidgetsOfContainer(e, t, r) {
+  e.type === "grid" ? e.cols.forEach((n) => {
+    n.widgetList.forEach((o) => {
+      handleContainerTraverse(o, t);
+    });
+  }) : e.type === "table" ? e.rows.forEach((n) => {
+    n.cols.forEach((o) => {
+      o.widgetList.forEach((i) => {
+        handleContainerTraverse(i, t);
+      });
+    });
+  }) : e.type === "tab" ? e.tabs.forEach((n) => {
+    n.widgetList.forEach((o) => {
+      handleContainerTraverse(o, t);
+    });
+  }) : e.type === "sub-form" || e.type === "grid-sub-form" ? e.widgetList.forEach((n) => {
+    handleContainerTraverse(n, t);
+  }) : e.category === "container" && e.widgetList.forEach((n) => {
+    handleContainerTraverse(n, t);
+  });
+}
+function getAllFieldWidgets(e, t = !1) {
+  if (!e)
+    return [];
+  const r = [];
+  return traverseFieldWidgets(e, (o) => {
+    r.push({
+      type: o.type,
+      name: o.options.name,
+      field: o
+    });
+  }, null, t), r;
+}
+function getAllContainerWidgets(e) {
+  if (!e)
+    return [];
+  const t = [];
+  return traverseContainerWidgets(e, (n) => {
+    t.push({
+      type: n.type,
+      name: n.options.name,
+      container: n
+    });
+  }), t;
+}
+function getFieldWidgetByName(e, t, r) {
+  if (!e)
+    return null;
+  let n = null;
+  return traverseFieldWidgets(e, (i) => {
+    i.options.name === t && (n = i);
+  }, null, r), n;
+}
+function getContainerWidgetByName(e, t) {
+  if (!e)
+    return null;
+  let r = null;
+  return traverseContainerWidgets(e, (o) => {
+    o.options.name === t && (r = o);
+  }), r;
+}
+function copyToClipboard(e, t, r, n, o) {
+  const i = new Clipboard(t.target, {
+    text: () => e
+  });
+  i.on("success", () => {
+    r.success(n), i.destroy();
+  }), i.on("error", () => {
+    r.error(o), i.destroy();
+  }), i.onClick(t);
+}
+function getQueryParam(e) {
+  const r = window.location.search.substring(1).split("&");
+  for (let n = 0; n < r.length; n++) {
+    const o = r[n].split("=");
+    if (o[0] == e)
+      return o[1];
+  }
+}
+function getDefaultFormConfig() {
+  const { formCode: e = "" } = getLocat();
+  return {
+    // useInnerLogic: true, //使用内置逻辑
+    labelWidth: 80,
+    labelPosition: "horizontal",
+    //'left',
+    size: "",
+    labelAlign: "right",
+    cssCode: "",
+    customClass: [],
+    okButtonLabel: "",
+    isEnterSubmit: 0,
+    okButtonHidden: "",
+    cancelButtonHidden: "",
+    cancelButtonLabel: "",
+    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: "",
+    cancelButtonHidden: 1,
+    okButtonHidden: 1,
+    onOkButtonClick: `
+            this.getFormRef().onFormUpdate().then(()=>{
+                this.$message.success('保存成功！');
+            })
+        `,
+    onCancelButtonClick: "",
+    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, r, n) {
+  if (["cascader", "treeSelect", "select"].includes(t))
+    return deepClone(e);
+  const o = [];
+  return e && e.length > 0 && e.forEach((i) => {
+    o.push({
+      label: i[r],
+      value: i[n]
+    });
+  }), 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, r, n, o) {
+  try {
+    const i = buildRequestConfig(e, t, r, n);
+  } catch (i) {
+    new Function(
+      "error",
+      "isSandbox",
+      "DSV",
+      "$message",
+      "VFR",
+      e.errorHandlerCode
+    ).call(null, i, n, t, o, r), console.error(i);
+  }
+}
+function getDSByName(e, t) {
+  let r = null;
+  return t && e.dataSources && e.dataSources.forEach((n) => {
+    n.uniqueName === t && (r = n);
+  }), r;
+}
+export {
+  addWindowResizeHandler,
+  assembleAxiosConfig,
+  buildDefaultFormJson,
+  cloneFormConfigWithoutEventHandler,
+  copyToClipboard,
+  deepClone,
+  generateId,
+  getAllContainerWidgets,
+  getAllFieldWidgets,
+  getContainerWidgetByName,
+  getDSByName,
+  getDefaultFormConfig,
+  getFieldWidgetByName,
+  getQueryParam,
+  insertCustomCssToHead,
+  insertGlobalFunctionsToHtml,
+  isEmptyStr,
+  isNull,
+  overwriteObj,
+  runDataSourceRequest,
+  translateOptionItems,
+  traverseAllWidgets,
+  traverseContainerWidgets,
+  traverseFieldWidgets,
+  traverseFieldWidgetsOfContainer,
+  traverseWidgetsOfContainer
+};

package/src/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
+};