@kp-ui/lowcode 2.14.0-beta.11 → 2.14.0-beta.13

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/formCode-editor.vue.js

@@ -1,9 +1,9 @@
-import d from "../../../../../utils/i18n.js";
-import { resolveComponent as n, createBlock as m, openBlock as l, withCtx as p, createVNode as c } from "vue";
-import f from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const u = {
+import m from "../../../../../utils/i18n.js";
+import { resolveComponent as n, createBlock as l, openBlock as p, withCtx as f, createVNode as c } from "vue";
+import C from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const h = {
   name: "formCode-editor",
-  mixins: [d],
+  mixins: [m],
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -18,8 +18,11 @@ const u = {
     this.getOps();
   },
   methods: {
+    handleChangeFormCode(o) {
+      this.optionModel.formCode = o, this.optionModel.formId = this.ops.find((e) => e.formCode === o).formId;
+    },
     async getOps() {
-      const t = {
+      const o = {
         pageCode: "FormDefinitionManagement",
         conditions: [],
         requiredFields: ["formCode", "terminalTypeName", "entityCode"],
@@ -27,28 +30,29 @@ const u = {
         pageSize: null,
         sorts: []
       };
-      this.ops = await this.$http.post("/api/tmgc2-query/dataQuery/execute", t).then((e) => e.data.object.list || []).then((e) => e.map((o) => ({ formCode: o.formCode })));
+      this.ops = await this.$http.post("/api/tmgc2-query/dataQuery/execute", o).then((e) => e.data.object.list || []).then((e) => e.map((t) => ({ formCode: t.formCode })));
     }
   }
 };
-function C(t, e, o, _, r, g) {
-  const i = n("a-select"), a = n("a-form-item");
-  return l(), m(a, {
-    label: t.i18nt("designer.setting.formCode")
+function u(o, e, t, g, r, a) {
+  const d = n("a-select"), i = n("a-form-item");
+  return p(), l(i, {
+    label: o.i18nt("designer.setting.formCode")
   }, {
-    default: p(() => [
-      c(i, {
-        value: o.optionModel.formCode,
-        "onUpdate:value": e[0] || (e[0] = (s) => o.optionModel.formCode = s),
+    default: f(() => [
+      c(d, {
+        value: t.optionModel.formCode,
+        "onUpdate:value": e[0] || (e[0] = (s) => t.optionModel.formCode = s),
         allowClear: "",
         options: r.ops,
-        fieldNames: { label: "formCode", value: "formCode" }
-      }, null, 8, ["value", "options"])
+        fieldNames: { label: "formCode", value: "formCode" },
+        onChange: a.handleChangeFormCode
+      }, null, 8, ["value", "options", "onChange"])
     ]),
     _: 1
   }, 8, ["label"]);
 }
-const x = /* @__PURE__ */ f(u, [["render", C]]);
+const v = /* @__PURE__ */ C(h, [["render", u]]);
 export {
-  x as default
+  v as default
 };

package/src/components/form-designer/widget-panel/PanelItemDrag.vue.js

@@ -0,0 +1,50 @@
+import { defineComponent as d, createBlock as g, openBlock as m, unref as o, withCtx as p, createElementVNode as i, createVNode as u, createTextVNode as f, toDisplayString as h } from "vue";
+import { SvgIcon as k } from "tmgc2-share";
+import { useI18n as C } from "../../../utils/i18n.js";
+import _ from "../../../lib/vuedraggable/src/vuedraggable.js";
+const y = ["title", "onDblclick"], x = /* @__PURE__ */ d({
+  name: "PanelItemDrag",
+  __name: "PanelItemDrag",
+  props: {
+    designer: {},
+    items: {}
+  },
+  setup(s) {
+    const { i18n2t: l } = C(), n = s, r = (e) => n.designer.copyNewContainerWidget(e), a = (e) => n.designer.checkWidgetMove(e), c = (e) => {
+      n.designer.addWidget(e);
+    };
+    return (e, v) => (m(), g(o(_), {
+      tag: "ul",
+      list: e.items,
+      "item-key": "key",
+      group: { name: "dragGroup", pull: "clone", put: !1 },
+      clone: r,
+      "ghost-class": "ghost",
+      sort: !1,
+      move: a
+    }, {
+      item: p(({ element: t }) => [
+        i("li", {
+          class: "container-widget-item",
+          title: t.displayName,
+          onDblclick: (b) => c(t)
+        }, [
+          i("span", null, [
+            u(o(k), {
+              "icon-class": "icon-" + t.icon,
+              class: "color-svg-icon"
+            }, null, 8, ["icon-class"]),
+            f(" " + h(o(l)(
+              `designer.widgetLabel.${t.type}`,
+              `extension.widgetLabel.${t.type}`
+            )), 1)
+          ])
+        ], 40, y)
+      ]),
+      _: 1
+    }, 8, ["list"]));
+  }
+});
+export {
+  x as default
+};

package/src/components/form-designer/widget-panel/PanelItemDrag.vue2.js

@@ -0,0 +1,4 @@
+import f from "./PanelItemDrag.vue.js";
+export {
+  f as default
+};

package/src/components/form-designer/widget-panel/index.vue.js

@@ -1,341 +1,7 @@
-import { SvgIcon as _ } from "tmgc2-share";
-import w from "../../../lib/vuedraggable/src/vuedraggable.js";
-import { containers as C, basicFields as T, advancedFields as D, customFields as N, businessFields as L } from "./widgetsConfig.js";
-import { formTemplates as B } from "./templatesConfig.js";
-import { generateId as c, addWindowResizeHandler as W } from "../../../utils/util.js";
-import x from "../../../utils/i18n.js";
-import H from "axios";
-import { TpfConfirm as M } from "../../../hooks/TpfConfirm.js";
-import { resolveComponent as r, createElementBlock as $, openBlock as F, createElementVNode as a, createVNode as t, withCtx as l, createCommentVNode as b, createBlock as E, createTextVNode as g, toDisplayString as m } from "vue";
+import o from "./index.vue2.js";
 /* empty css           */
-import K from "../../../../_virtual/_plugin-vue_export-helper.js";
-const j = {
-  name: "FieldPanel",
-  mixins: [x],
-  components: { SvgIcon: _, Draggable: w },
-  props: {
-    designer: Object
-  },
-  inject: ["getBannedWidgets", "getDesignerConfig"],
-  data() {
-    return {
-      designerConfig: this.getDesignerConfig(),
-      firstTab: "componentLib",
-      scrollerHeight: 0,
-      activeNames: [
-        "containerTitle",
-        "basicFieldTitle",
-        "advancedFieldTitle",
-        "yyzj",
-        "customFieldTitle"
-      ],
-      containers: [],
-      basicFields: [],
-      advancedFields: [],
-      customFields: [],
-      businessFields: [],
-      formTemplates: B,
-      ftImages: []
-    };
-  },
-  computed: {
-    //
-  },
-  created() {
-    this.loadWidgets();
-  },
-  mounted() {
-    this.scrollerHeight = window.innerHeight - 56 + "px", W(() => {
-      this.$nextTick(() => {
-        this.scrollerHeight = window.innerHeight - 56 + "px";
-      });
-    });
-  },
-  methods: {
-    isBanned(e) {
-      return this.getBannedWidgets().indexOf(e) > -1;
-    },
-    showFormTemplates() {
-      return this.designerConfig.formTemplates === void 0 ? !0 : !!this.designerConfig.formTemplates;
-    },
-    loadWidgets() {
-      this.containers = C.map((e) => ({
-        key: c(),
-        ...e,
-        displayName: this.i18n2t(
-          `designer.widgetLabel.${e.type}`,
-          `extension.widgetLabel.${e.type}`
-        )
-      })).filter((e) => !e.internal && !this.isBanned(e.type)), this.basicFields = T.map((e) => ({
-        key: c(),
-        ...e,
-        displayName: this.i18n2t(
-          `designer.widgetLabel.${e.type}`,
-          `extension.widgetLabel.${e.type}`
-        )
-      })).filter((e) => !this.isBanned(e.type)), this.advancedFields = D.map((e) => ({
-        key: c(),
-        ...e,
-        displayName: this.i18n2t(
-          `designer.widgetLabel.${e.type}`,
-          `extension.widgetLabel.${e.type}`
-        )
-      })).filter((e) => !this.isBanned(e.type)), this.customFields = N.map((e) => ({
-        key: c(),
-        ...e,
-        displayName: this.i18n2t(
-          `designer.widgetLabel.${e.type}`,
-          `extension.widgetLabel.${e.type}`
-        )
-      })).filter((e) => !this.isBanned(e.type)), this.businessFields = L.map((e) => ({
-        key: c(),
-        ...e,
-        displayName: this.i18n2t(
-          `designer.widgetLabel.${e.type}`,
-          `extension.widgetLabel.${e.type}`
-        )
-      })).filter((e) => !this.isBanned(e.type));
-    },
-    handleContainerWidgetClone(e) {
-      return this.designer.copyNewContainerWidget(e);
-    },
-    handleFieldWidgetClone(e) {
-      return this.designer.copyNewFieldWidget(e);
-    },
-    /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
-    checkContainerMove(e) {
-      return this.designer.checkWidgetMove(e);
-    },
-    /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
-    checkFieldMove(e) {
-      return this.designer.checkFieldMove(e);
-    },
-    onContainerDragEnd(e) {
-    },
-    addContainerByDbClick(e) {
-      this.designer.addContainerByDbClick(e);
-    },
-    addFieldByDbClick(e) {
-      this.designer.addFieldByDbClick(e);
-    },
-    loadFormTemplate(e) {
-      M({
-        type: "confirm",
-        content: this.i18nt("designer.setting.loadFormTemplateHint"),
-        title: this.i18nt("render.hint.prompt"),
-        okText: this.i18nt("render.hint.confirm"),
-        cancelText: this.i18nt("render.hint.cancel")
-      }).then(() => {
-        H.get(e).then((n) => {
-          let p = !1;
-          typeof n.data == "string" ? p = this.designer.loadFormJson(JSON.parse(n.data)) : n.data.constructor === Object && (p = this.designer.loadFormJson(n.data)), p && this.designer.emitHistoryChange(), this.$message.success(
-            this.i18nt("designer.hint.loadFormTemplateSuccess")
-          );
-        }).catch((n) => {
-          this.$message.error(
-            this.i18nt("designer.hint.loadFormTemplateFailed") + ":" + n
-          );
-        });
-      }).catch((n) => {
-        console.error(n);
-      });
-    }
-  }
-}, G = { class: "side-scroll-bar" }, I = { class: "panel-container" }, O = ["title", "onDblclick"], S = ["title", "onDblclick"], V = ["title", "onDblclick"], J = ["title", "onDblclick"];
-function z(e, n, p, P, o, s) {
-  const d = r("svg-icon"), h = r("draggable"), u = r("a-collapse-panel"), v = r("a-collapse"), k = r("a-tab-pane");
-  r("a-popover"), r("a-button"), r("a-card");
-  const f = r("a-tabs");
-  return F(), $("div", G, [
-    a("div", I, [
-      t(f, {
-        activeKey: o.firstTab,
-        "onUpdate:activeKey": n[1] || (n[1] = (i) => o.firstTab = i),
-        class: "no-bottom-margin indent-left-margin"
-      }, {
-        default: l(() => [
-          t(k, { key: "componentLib" }, {
-            tab: l(() => [
-              a("span", null, [
-                t(d, { "icon-class": "icon-el-set-up" }),
-                g(" " + m(e.i18nt("designer.componentLib")), 1)
-              ])
-            ]),
-            default: l(() => [
-              t(v, {
-                activeKey: o.activeNames,
-                "onUpdate:activeKey": n[0] || (n[0] = (i) => o.activeNames = i),
-                class: "widget-collapse"
-              }, {
-                default: l(() => [
-                  t(u, {
-                    key: "containerTitle",
-                    header: e.i18nt("designer.containerTitle")
-                  }, {
-                    default: l(() => [
-                      t(h, {
-                        tag: "ul",
-                        list: o.containers,
-                        "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: !1 },
-                        clone: s.handleContainerWidgetClone,
-                        "ghost-class": "ghost",
-                        sort: !1,
-                        move: s.checkContainerMove,
-                        onEnd: s.onContainerDragEnd
-                      }, {
-                        item: l(({ element: i }) => [
-                          a("li", {
-                            class: "container-widget-item",
-                            title: i.displayName,
-                            onDblclick: (y) => s.addContainerByDbClick(i)
-                          }, [
-                            a("span", null, [
-                              t(d, {
-                                "icon-class": "icon-" + i.icon,
-                                class: "color-svg-icon"
-                              }, null, 8, ["icon-class"]),
-                              g(" " + m(i.showName || e.i18n2t(
-                                `designer.widgetLabel.${i.type}`,
-                                `extension.widgetLabel.${i.type}`
-                              )), 1)
-                            ])
-                          ], 40, O)
-                        ]),
-                        _: 1
-                      }, 8, ["list", "clone", "move", "onEnd"])
-                    ]),
-                    _: 1
-                  }, 8, ["header"]),
-                  t(u, {
-                    key: "basicFieldTitle",
-                    header: e.i18nt("designer.basicFieldTitle")
-                  }, {
-                    default: l(() => [
-                      t(h, {
-                        tag: "ul",
-                        list: o.basicFields,
-                        "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: !1 },
-                        move: s.checkFieldMove,
-                        clone: s.handleFieldWidgetClone,
-                        "ghost-class": "ghost",
-                        sort: !1
-                      }, {
-                        item: l(({ element: i }) => [
-                          a("li", {
-                            class: "field-widget-item",
-                            title: i.displayName,
-                            onDblclick: (y) => s.addFieldByDbClick(i)
-                          }, [
-                            a("span", null, [
-                              t(d, {
-                                "icon-class": "icon-" + i.icon,
-                                class: "color-svg-icon"
-                              }, null, 8, ["icon-class"]),
-                              g(" " + m(i.showName || e.i18n2t(
-                                `designer.widgetLabel.${i.type}`,
-                                `extension.widgetLabel.${i.type}`
-                              )), 1)
-                            ])
-                          ], 40, S)
-                        ]),
-                        _: 1
-                      }, 8, ["list", "move", "clone"])
-                    ]),
-                    _: 1
-                  }, 8, ["header"]),
-                  t(u, {
-                    key: "advancedFieldTitle",
-                    header: e.i18nt("designer.advancedFieldTitle")
-                  }, {
-                    default: l(() => [
-                      t(h, {
-                        tag: "ul",
-                        list: o.advancedFields,
-                        "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: !1 },
-                        move: s.checkFieldMove,
-                        clone: s.handleFieldWidgetClone,
-                        "ghost-class": "ghost",
-                        sort: !1
-                      }, {
-                        item: l(({ element: i }) => [
-                          a("li", {
-                            class: "field-widget-item",
-                            title: i.displayName,
-                            onDblclick: (y) => s.addFieldByDbClick(i)
-                          }, [
-                            a("span", null, [
-                              t(d, {
-                                "icon-class": "icon-" + i.icon,
-                                class: "color-svg-icon"
-                              }, null, 8, ["icon-class"]),
-                              g(" " + m(i.showName || e.i18n2t(
-                                `designer.widgetLabel.${i.type}`,
-                                `extension.widgetLabel.${i.type}`
-                              )), 1)
-                            ])
-                          ], 40, V)
-                        ]),
-                        _: 1
-                      }, 8, ["list", "move", "clone"])
-                    ]),
-                    _: 1
-                  }, 8, ["header"]),
-                  b("", !0),
-                  o.customFields.length ? (F(), E(u, {
-                    key: "customFieldTitle",
-                    header: e.i18nt("designer.customFieldTitle")
-                  }, {
-                    default: l(() => [
-                      t(h, {
-                        tag: "ul",
-                        list: o.customFields,
-                        "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: !1 },
-                        move: s.checkFieldMove,
-                        clone: s.handleFieldWidgetClone,
-                        "ghost-class": "ghost",
-                        sort: !1
-                      }, {
-                        item: l(({ element: i }) => [
-                          a("li", {
-                            class: "field-widget-item",
-                            title: i.displayName,
-                            onDblclick: (y) => s.addFieldByDbClick(i)
-                          }, [
-                            a("span", null, [
-                              t(d, {
-                                "icon-class": i.icon,
-                                class: "color-svg-icon"
-                              }, null, 8, ["icon-class"]),
-                              g(" " + m(e.i18n2t(
-                                `designer.widgetLabel.${i.type}`,
-                                `extension.widgetLabel.${i.type}`
-                              )), 1)
-                            ])
-                          ], 40, J)
-                        ]),
-                        _: 1
-                      }, 8, ["list", "move", "clone"])
-                    ]),
-                    _: 1
-                  }, 8, ["header"])) : b("", !0)
-                ]),
-                _: 1
-              }, 8, ["activeKey"])
-            ]),
-            _: 1
-          }),
-          b("", !0)
-        ]),
-        _: 1
-      }, 8, ["activeKey"])
-    ])
-  ]);
-}
-const ne = /* @__PURE__ */ K(j, [["render", z], ["__scopeId", "data-v-bf88a5e1"]]);
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-195b815e"]]);
 export {
-  ne as default
+  m as default
 };

package/src/components/form-designer/widget-panel/index.vue2.js

@@ -0,0 +1,82 @@
+import { defineComponent as T, ref as d, computed as k, resolveComponent as o, createElementBlock as m, openBlock as l, createElementVNode as p, createVNode as t, withCtx as n, Fragment as F, renderList as K, createBlock as x, createTextVNode as L, unref as _, toDisplayString as N } from "vue";
+import { SvgIcon as B } from "tmgc2-share";
+import C from "./PanelItemDrag.vue.js";
+import { containers as I, basicFields as V, advancedFields as h } from "./widgetsConfig.js";
+import { useI18n as w } from "../../../utils/i18n.js";
+const E = { class: "side-scroll-bar" }, S = { class: "panel-container" }, W = /* @__PURE__ */ T({
+  name: "WidgetPanel",
+  __name: "index",
+  props: {
+    designer: Object
+  },
+  setup(u) {
+    const { i18nt: a } = w(), s = d(["containerTitle", "basicFieldTitle", "advancedFieldTitle"]), c = d("componentLib"), v = k(() => [
+      {
+        title: a("designer.containerTitle"),
+        key: "containerTitle",
+        items: I.filter((r) => !r.internal)
+      },
+      {
+        title: a("designer.basicFieldTitle"),
+        key: "basicFieldTitle",
+        items: V
+      },
+      {
+        title: a("designer.advancedFieldTitle"),
+        key: "advancedFieldTitle",
+        items: h
+      }
+    ]);
+    return (r, i) => {
+      const f = o("a-collapse-panel"), b = o("a-collapse"), g = o("a-tab-pane"), y = o("a-tabs");
+      return l(), m("div", E, [
+        p("div", S, [
+          t(y, {
+            activeKey: c.value,
+            "onUpdate:activeKey": i[1] || (i[1] = (e) => c.value = e),
+            class: "no-bottom-margin indent-left-margin"
+          }, {
+            default: n(() => [
+              t(g, { key: "componentLib" }, {
+                tab: n(() => [
+                  p("span", null, [
+                    t(_(B), { "icon-class": "icon-el-set-up" }),
+                    L(" " + N(_(a)("designer.componentLib")), 1)
+                  ])
+                ]),
+                default: n(() => [
+                  t(b, {
+                    activeKey: s.value,
+                    "onUpdate:activeKey": i[0] || (i[0] = (e) => s.value = e),
+                    class: "widget-collapse"
+                  }, {
+                    default: n(() => [
+                      (l(!0), m(F, null, K(v.value, (e) => (l(), x(f, {
+                        key: e.key,
+                        header: e.title
+                      }, {
+                        default: n(() => [
+                          t(C, {
+                            designer: u.designer,
+                            items: e.items
+                          }, null, 8, ["designer", "items"])
+                        ]),
+                        _: 2
+                      }, 1032, ["header"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["activeKey"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["activeKey"])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  W as default
+};

package/src/components/form-designer/widget-panel/widgetsConfig.js

@@ -1,28 +1,29 @@
-import { basicFieldsEnums as e } from "./basicFieldsEnums.js";
-import * as a from "./business/index.js";
+import { basicFieldsEnums as a } from "./basicFieldsEnums.js";
+import * as s from "./business/index.js";
 import * as d from "./containers/index.js";
-import { advancedFieldsEnums as i } from "./advancedFieldsEnums.js";
-const c = Object.values(d).map((s) => s()), n = Object.values(e).map((s) => s()), p = Object.values(a).map((s) => s()), t = Object.values(i).map((s) => s()), o = [];
-function l(s) {
-  c.push(s);
+import { advancedFieldsEnums as c } from "./advancedFieldsEnums.js";
+const i = Object.values(d).map((e) => e()), n = Object.values(a).map((e) => e());
+Object.values(s).map((e) => e());
+const t = Object.values(c).map((e) => e()), o = [];
+function p(e) {
+  i.push(e);
 }
-function r(s) {
-  n.push(s);
+function l(e) {
+  n.push(e);
 }
-function f(s) {
-  t.push(s);
+function r(e) {
+  t.push(e);
 }
-function h(s) {
-  o.push(s);
+function f(e) {
+  o.push(e);
 }
 export {
-  f as addAdvancedFieldSchema,
-  r as addBasicFieldSchema,
-  l as addContainerWidgetSchema,
-  h as addCustomWidgetSchema,
+  r as addAdvancedFieldSchema,
+  l as addBasicFieldSchema,
+  p as addContainerWidgetSchema,
+  f as addCustomWidgetSchema,
   t as advancedFields,
   n as basicFields,
-  p as businessFields,
-  c as containers,
+  i as containers,
   o as customFields
 };

package/src/lang/en-US.js

@@ -427,6 +427,7 @@ const e = {
       actionColumn: "Action",
       addTableColumn: "Add New Column",
       deleteTableColumn: "Delete This Column",
+      addSubsets: "Add Subsets",
       onlyOneColumnCannotBeDeleted: "The last column cannot be deleted.",
       treeDataEnabled: "Enable Tree Data",
       rowKeyOfTreeData: "Row Key Of Data",

package/src/lang/zh-CN.js

@@ -425,6 +425,7 @@ const e = {
       actionColumn: "操作",
       addTableColumn: "增加列",
       deleteTableColumn: "删除列",
+      addSubsets: "增加子集",
       onlyOneColumnCannotBeDeleted: "表格只有一列时不可删除.",
       treeDataEnabled: "允许加载树形数据",
       rowKeyOfTreeData: "树形数据ID键",