@kp-ui/lowcode 2.14.0-beta → 2.14.0-beta.10

package/src/lang/en-US.js

@@ -171,6 +171,8 @@ const e = {
       generateSFC: "Generate SFC"
     },
     setting: {
+      // 序号
+      seq: "Seq",
       containerInputPlaceholder: "Enter the container selector",
       langMode: "language Mode",
       editAPIConfig: "Edit API Config",
@@ -182,6 +184,7 @@ const e = {
       tags: "Tags Mode",
       buttonList: "Button Group",
       buttonPosition: "Position",
+      autoWidth: "Auto Width",
       fixed: "Fixed Position",
       fixedRight: "Fixed Right",
       resizableColumn: "Resizable Column",
@@ -306,7 +309,6 @@ const e = {
       customLabelIcon: "Custom Label",
       labelIconClass: "Label Icon Class",
       labelIconPosition: "Label Icon Position",
-      labelTooltip: "Label Tooltip",
       minValue: "Min Value",
       maxValue: "Max Value",
       precision: "Precision",
@@ -322,7 +324,6 @@ const e = {
       appendButtonDisabled: "Button Disabled",
       appendButtonIcon: "Append Button Icon",
       buttonIcon: "Button Icon",
-      danger: "Danger Button",
       switchWidth: "Width of Switch(px)",
       checkedValue: "Active Text",
       unCheckedValue: "Inactive Text",
@@ -357,10 +358,8 @@ const e = {
       buttonConfig: "Button Config",
       placement: "Placement",
       bottomLeft: "Bottom Left",
-      bottom: "Bottom Center",
       bottomRight: "Bottom Right",
       topLeft: "Top Left",
-      top: "Top Center",
       topRight: "Top Right",
       menuList: "Menu Options",
       widgetName: "Unique Name",
@@ -414,6 +413,7 @@ const e = {
       showSummary: "Show Summary",
       rowSpacing: "Row Spacing(px)",
       editAction: "Edit...",
+      dsEnabled: "Use Datasource",
       columnName: "Name",
       columnLabel: "Label",
       columnWidth: "Width(px/%)",

package/src/lang/zh-CN.js

@@ -169,6 +169,8 @@ const e = {
       generateSFC: "生成SFC"
     },
     setting: {
+      // 序号
+      seq: "序号",
       containerInputPlaceholder: "请输入要渲染的目标",
       langMode: "语法模式",
       editAPIConfig: "编辑API",
@@ -187,10 +189,8 @@ const e = {
       buttonConfig: "按钮配置",
       placement: "菜单弹出位置",
       bottomLeft: "下左",
-      bottom: "下中",
       bottomRight: "下右",
       topLeft: "上左",
-      top: "上中",
       topRight: "上右",
       menuList: "下拉菜单选项设置",
       pagination: "分页配置",
@@ -288,7 +288,6 @@ const e = {
       uploadType: "上传类型",
       fileTypesHelp: "支持添加其他文件类型",
       headers: "上传请求头",
-      danger: "危险按钮",
       cellWidth: "宽度",
       cellHeight: "高度",
       gridColHeight: "栅格列统一高度(px)",
@@ -312,7 +311,6 @@ const e = {
       customLabelIcon: "定制字段标签",
       labelIconClass: "标签Icon样式",
       labelIconPosition: "标签Icon位置",
-      labelTooltip: "标签文字提示",
       minValue: "最小值",
       maxValue: "最大值",
       precision: "精度",
@@ -399,6 +397,7 @@ const e = {
       drawSize: "抽屉大小（px/%）",
       drawDirection: "抽屉滑出方向",
       isEnterSubmit: "回车键提交",
+      autoWidth: "自动宽度",
       //data-table
       tableWidth: "宽度(px/%)",
       tableHeight: "高度(px/%)",

package/src/mixins/useDataTableMixin.js

@@ -1,8 +1,8 @@
 import { createVNode as w } from "vue";
-import { omit as r, isArray as g, isEmpty as u } from "lodash-es";
+import { omit as c, isArray as g, isEmpty as u } from "lodash-es";
 import { fmtHttpParams as p } from "../utils/request/fmtHttpParams.js";
-import { TpfConfirm as m } from "../hooks/TpfConfirm.js";
-import f from "../components/CustomRender/RenderBodyCell.js";
+import { TpfConfirm as f } from "../hooks/TpfConfirm.js";
+import m from "../components/CustomRender/RenderBodyCell.js";
 import { executeFunction as l } from "../utils/executeFunction.js";
 import R from "../components/public/ActionButtonListRender.vue.js";
 const I = {
@@ -17,13 +17,13 @@ const I = {
     };
   },
   components: {
-    RenderBodyCell: f
+    RenderBodyCell: m
   },
   inject: ["refList"],
   computed: {
     columns() {
-      var c;
-      const t = [], e = ((c = this.widget) == null ? void 0 : c.options) ?? {};
+      var r;
+      const t = [], e = ((r = this.widget) == null ? void 0 : r.options) ?? {};
       e.showIndex && t.push({
         title: "序号",
         align: "left",
@@ -64,12 +64,6 @@ const I = {
     tableHeight() {
       return parseFloat(this.widget.options.tableHeight || 0);
     },
-    // rowClassName() {
-    //   if (this.widget.options.stripe) {
-    //     return (_record, index) => (index % 2 === 1 ? 'table-striped' : null);
-    //   }
-    //   return null;
-    // },
     customClass() {
       return this.widget.options.customClass || "";
     },
@@ -108,7 +102,14 @@ const I = {
         onHidden: t,
         hidden: e
       } = this.widget.options;
-      return e ? !0 : t ? new Function(t).call(this) : !1;
+      if (e) return !0;
+      if (t)
+        try {
+          return new Function(t).call(this);
+        } catch {
+          return !1;
+        }
+      return !1;
     },
     rowClassName(t) {
       const {
@@ -144,7 +145,7 @@ const I = {
       this.widget.options.tableColumns = t;
     },
     async delSelectRow(t) {
-      if (await m({
+      if (await f({
         content: "确定删除选中的数据吗"
       }), t = t || this.selectedRowInfo.selectedRowKeys, !t.length) return;
       const {
@@ -227,7 +228,7 @@ const I = {
     },
     // 处理列配置
     handleColumnItem(t) {
-      const e = r(t, ["customRender"]), o = t.customRender;
+      const e = c(t, ["customRender"]), o = t.customRender;
       return t.minWidth = 50, t.maxWidth = 1200, t.isAutoWidth ? (t.width = null, delete t.width) : t.width = isNaN(Number(t.width)) ? t.width : Number(t.width), o ? {
         ...e,
         bodyCell: (s) => l({
@@ -306,16 +307,10 @@ const I = {
     getFormRef() {
       return this.refList.v_form_ref;
     },
-    handlePageSizeChange(t) {
-      this.pageSize = t;
-      const {
-        onPageSizeChange: e
-      } = this.widget.options;
-      e ? new Function("pageSize", "currentPage", e).call(this, t, this.currentPage) : this.dispatch("VFormRender", "dataTablePageSizeChange", [this, t, this.currentPage]);
-    },
     handleTablePageChange(t, e, o, {
       currentDataSource: s
     }) {
+      console.log(2442342);
       const n = this.widget.options.onTableChange;
       this.widget.options.pagination.current = t.current, this.widget.options.pagination.pageSize = t.pageSize, n && new Function("pagination", "filters", "sorter", "currentDataSource", n).call(this, t, e, o, {
         currentDataSource: s
@@ -325,7 +320,7 @@ const I = {
       const t = this.widget.options.rowSelection;
       if (t.hasRowSelection)
         return {
-          ...r(t, ["onChange"]),
+          ...c(t, ["onChange"]),
           onChange: (e, o) => {
             this.selectedRowInfo = {
               selectedRowKeys: e,

package/src/utils/useEmitter.js

@@ -0,0 +1,57 @@
+import { ref as m, getCurrentInstance as h } from "vue";
+function w() {
+  const r = m({}), s = h(), E = (e, n) => {
+    r.value[e] && r.value[e].forEach((i) => {
+      i(n);
+    });
+  }, g = (e, n) => {
+    r.value[e] = r.value[e] || [], r.value[e].push(n);
+  }, $ = (e, n) => {
+    if (r.value[e]) {
+      if (n == null) {
+        r.value[e].length = 0;
+        return;
+      }
+      for (let i = 0; i < r.value[e].length; i++)
+        if (r.value[e][i] === n) {
+          r.value[e].splice(i, 1);
+          break;
+        }
+    }
+  }, a = (e, n, i) => {
+    var o, f, l, d, u, p;
+    if (!s) return;
+    let t = s.parent, c = (o = t == null ? void 0 : t.type) == null ? void 0 : o.componentName;
+    for (; t && (!c || c !== e); )
+      t = t.parent, t && (c = (f = t.type) == null ? void 0 : f.componentName);
+    t && ((l = t.exposed) != null && l.emit$ || (d = t.ctx) != null && d.emit$) && ((((u = t.exposed) == null ? void 0 : u.emit$) || ((p = t.ctx) == null ? void 0 : p.emit$)).call(t.proxy, n, i), e === "VFormRender" && t.emit(n, ...Array.isArray(i) ? i : [i]));
+  };
+  return {
+    vfEvents: r,
+    editEventHandler: (e, n, i) => {
+      console.log("editEventHandler", e, n, i), a("SettingPanel", "editEventHandler", [e, [...n], i]);
+    },
+    onChangeEditEventHandler: (e) => {
+      a("SettingPanel", "onChangeEventHandler", e);
+    },
+    emit$: E,
+    on$: g,
+    off$: $,
+    dispatch: a,
+    broadcast: (e, n, i) => {
+      const t = s == null ? void 0 : s.proxy;
+      t != null && t.widgetRefList && Object.keys(t.widgetRefList).forEach((c) => {
+        var l;
+        const o = t.widgetRefList[c];
+        ((l = o.$options) == null ? void 0 : l.componentName) === e && o.emit$ && o.emit$.call(o, n, i);
+      }), t != null && t.refList && Object.keys(t.refList).forEach((c) => {
+        var l;
+        const o = t.refList[c];
+        ((l = o.$options) == null ? void 0 : l.componentName) === e && o.emit$ && o.emit$.call(o, n, i);
+      });
+    }
+  };
+}
+export {
+  w as useEmitter
+};

package/src/utils/util.js

@@ -35,16 +35,16 @@ const generateId = function() {
   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);
+  e && e.map((i) => {
+    i.formItemFlag || i.formItemFlag === !1 && n ? t(i, r) : i.type === "grid" ? i.cols.map((o) => {
+      traverseFieldWidgets(o.widgetList, t, i, n);
+    }) : i.type === "table" ? i.rows.map((o) => {
+      o.cols.map((a) => {
+        traverseFieldWidgets(a.widgetList, t, i, 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);
+    }) : i.type === "tab" ? i.tabs.map((o) => {
+      traverseFieldWidgets(o.widgetList, t, i, n);
+    }) : (i.type === "sub-form" || i.type === "grid-sub-form" || i.category === "container") && traverseFieldWidgets(i.widgetList, t, i, n);
   });
 }
 function traverseContainerWidgets(e, t) {
@@ -52,8 +52,8 @@ function traverseContainerWidgets(e, t) {
     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);
+      n.cols.map((i) => {
+        traverseContainerWidgets(i.widgetList, t);
       });
     }) : r.type === "tab" ? r.tabs.map((n) => {
       traverseContainerWidgets(n.widgetList, t);
@@ -65,8 +65,8 @@ function traverseAllWidgets(e, t) {
     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);
+      n.cols.map((i) => {
+        t(i), traverseAllWidgets(i.widgetList, t);
       });
     }) : r.type === "tab" ? r.tabs.map((n) => {
       traverseAllWidgets(n.widgetList, t);
@@ -83,8 +83,8 @@ function traverseFieldWidgetsOfContainer(e, t) {
     });
   }) : e.type === "table" ? e.rows.forEach((r) => {
     r.cols.forEach((n) => {
-      n.widgetList.forEach((o) => {
-        handleWidgetForTraverse(o, t);
+      n.widgetList.forEach((i) => {
+        handleWidgetForTraverse(i, t);
       });
     });
   }) : e.type === "tab" ? e.tabs.forEach((r) => {
@@ -102,18 +102,18 @@ function handleContainerTraverse(e, t, r) {
 }
 function traverseWidgetsOfContainer(e, t, r) {
   e.type === "grid" ? e.cols.forEach((n) => {
-    n.widgetList.forEach((o) => {
-      handleContainerTraverse(o, t);
+    n.widgetList.forEach((i) => {
+      handleContainerTraverse(i, t);
     });
   }) : e.type === "table" ? e.rows.forEach((n) => {
-    n.cols.forEach((o) => {
-      o.widgetList.forEach((i) => {
-        handleContainerTraverse(i, t);
+    n.cols.forEach((i) => {
+      i.widgetList.forEach((o) => {
+        handleContainerTraverse(o, t);
       });
     });
   }) : e.type === "tab" ? e.tabs.forEach((n) => {
-    n.widgetList.forEach((o) => {
-      handleContainerTraverse(o, t);
+    n.widgetList.forEach((i) => {
+      handleContainerTraverse(i, t);
     });
   }) : e.type === "sub-form" || e.type === "grid-sub-form" ? e.widgetList.forEach((n) => {
     handleContainerTraverse(n, t);
@@ -125,11 +125,11 @@ function getAllFieldWidgets(e, t = !1) {
   if (!e)
     return [];
   const r = [];
-  return traverseFieldWidgets(e, (o) => {
+  return traverseFieldWidgets(e, (i) => {
     r.push({
-      type: o.type,
-      name: o.options.name,
-      field: o
+      type: i.type,
+      name: i.options.name,
+      field: i
     });
   }, null, t), r;
 }
@@ -149,34 +149,34 @@ function getFieldWidgetByName(e, t, r) {
   if (!e)
     return null;
   let n = null;
-  return traverseFieldWidgets(e, (i) => {
-    i.options.name === t && (n = i);
+  return traverseFieldWidgets(e, (o) => {
+    o.options.name === t && (n = o);
   }, null, r), n;
 }
 function getContainerWidgetByName(e, t) {
   if (!e)
     return null;
   let r = null;
-  return traverseContainerWidgets(e, (o) => {
-    o.options.name === t && (r = o);
+  return traverseContainerWidgets(e, (i) => {
+    i.options.name === t && (r = i);
   }), r;
 }
-function copyToClipboard(e, t, r, n, o) {
-  const i = new Clipboard(t.target, {
+function copyToClipboard(e, t, r, n, i) {
+  const o = 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);
+  o.on("success", () => {
+    r.success(n), o.destroy();
+  }), o.on("error", () => {
+    r.error(i), o.destroy();
+  }), o.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];
+    const i = r[n].split("=");
+    if (i[0] == e)
+      return i[1];
   }
 }
 function getDefaultFormConfig() {
@@ -220,6 +220,7 @@ function getDefaultFormConfig() {
         `,
     onCancelButtonClick: "",
     serveList: {
+      list: [],
       vformUpdate: {
         http: {
           url: `/api/tmgc2-mgt/formDefinition/${e}/evaluate/formSubmit`,
@@ -268,11 +269,11 @@ function cloneFormConfigWithoutEventHandler(e) {
 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]
+  const i = [];
+  return e && e.length > 0 && e.forEach((o) => {
+    i.push({
+      label: o[r],
+      value: o[n]
     });
   }), e;
 }
@@ -288,10 +289,10 @@ function buildRequestConfig(dataSource, DSV, VFR, isSandbox) {
   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) {
+async function runDataSourceRequest(e, t, r, n, i) {
   try {
-    const i = buildRequestConfig(e, t, r, n);
-  } catch (i) {
+    const o = buildRequestConfig(e, t, r, n);
+  } catch (o) {
     new Function(
       "error",
       "isSandbox",
@@ -299,7 +300,7 @@ async function runDataSourceRequest(e, t, r, n, o) {
       "$message",
       "VFR",
       e.errorHandlerCode
-    ).call(null, i, n, t, o, r), console.error(i);
+    ).call(null, o, n, t, i, r), console.error(o);
   }
 }
 function getDSByName(e, t) {