@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

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

@@ -1,341 +1,70 @@
-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 _ from "./index.vue2.js";
+import { resolveComponent as c, createElementBlock as l, openBlock as s, createElementVNode as r, createVNode as a, withCtx as n, Fragment as f, renderList as v, createBlock as g, createTextVNode as b, toDisplayString as y } from "vue";
 /* 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),
+import u from "../../../../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "side-scroll-bar" }, x = { class: "panel-container" };
+function K(N, o, w, e, I, h) {
+  const i = c("a-collapse-panel"), d = c("a-collapse"), p = c("a-tab-pane"), m = c("a-tabs");
+  return s(), l("div", k, [
+    r("div", x, [
+      a(m, {
+        activeKey: e.firstTab,
+        "onUpdate:activeKey": o[1] || (o[1] = (t) => e.firstTab = t),
         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: n(() => [
+          a(p, { key: "componentLib" }, {
+            tab: n(() => [
+              r("span", null, [
+                a(e.SvgIcon, { "icon-class": "icon-el-set-up" }),
+                b(
+                  " " + y(e.i18nt("designer.componentLib")),
+                  1
+                  /* TEXT */
+                )
               ])
             ]),
-            default: l(() => [
-              t(v, {
-                activeKey: o.activeNames,
-                "onUpdate:activeKey": n[0] || (n[0] = (i) => o.activeNames = i),
+            default: n(() => [
+              a(d, {
+                activeKey: e.activeNames,
+                "onUpdate:activeKey": o[0] || (o[0] = (t) => e.activeNames = t),
                 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)
+                default: n(() => [
+                  (s(!0), l(
+                    f,
+                    null,
+                    v(e.panelItems, (t) => (s(), g(i, {
+                      key: t.key,
+                      header: t.title
+                    }, {
+                      default: n(() => [
+                        a(e.PanelItemDrag, {
+                          items: t.items
+                        }, null, 8, ["items"])
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["header"]))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
                 ]),
                 _: 1
+                /* STABLE */
               }, 8, ["activeKey"])
             ]),
             _: 1
-          }),
-          b("", !0)
+            /* STABLE */
+          })
         ]),
         _: 1
+        /* STABLE */
       }, 8, ["activeKey"])
     ])
   ]);
 }
-const ne = /* @__PURE__ */ K(j, [["render", z], ["__scopeId", "data-v-bf88a5e1"]]);
+const V = /* @__PURE__ */ u(_, [["render", K], ["__scopeId", "data-v-083a4d72"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/widget-panel/index.vue"]]);
 export {
-  ne as default
+  V as default
 };

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

@@ -0,0 +1,35 @@
+import { defineComponent as l, ref as i, computed as c } from "vue";
+import { SvgIcon as d } from "tmgc2-share";
+import m from "./PanelItemDrag.vue.js";
+import { containers as p, basicFields as f, advancedFields as _ } from "./widgetsConfig.js";
+import { useI18n as u } from "../../../utils/i18n.js";
+const y = /* @__PURE__ */ l({
+  name: "WidgetPanel",
+  __name: "index",
+  setup(T, { expose: n }) {
+    n();
+    const { i18nt: e } = u(), r = i(["containerTitle", "basicFieldTitle", "advancedFieldTitle"]), a = i("componentLib"), o = c(() => [
+      {
+        title: e("designer.containerTitle"),
+        key: "containerTitle",
+        items: p.filter((s) => !s.internal)
+      },
+      {
+        title: e("designer.basicFieldTitle"),
+        key: "basicFieldTitle",
+        items: f
+      },
+      {
+        title: e("designer.advancedFieldTitle"),
+        key: "advancedFieldTitle",
+        items: _
+      }
+    ]), t = { i18nt: e, activeNames: r, firstTab: a, panelItems: o, get SvgIcon() {
+      return d;
+    }, PanelItemDrag: m };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  y as default
+};

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

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

package/src/components/form-render/RenderWigetList.vue.js

@@ -1,61 +1,35 @@
-import { defineComponent as U, mergeModels as W, useModel as C, createElementBlock as i, openBlock as r, Fragment as m, renderList as d, createBlock as p, resolveDynamicComponent as f, unref as u, createSlots as g, withCtx as v, renderSlot as M, mergeProps as k } from "vue";
-import { useFormRender as $ } from "../FormRender/useFormRender.js";
-const F = /* @__PURE__ */ U({
-  name: "RenderWigetList",
-  __name: "RenderWigetList",
-  props: /* @__PURE__ */ W({
-    widgetList: { default: () => [] },
-    parentWidget: { default: null }
-  }, {
-    formDataModel: {
-      default: () => ({})
-    },
-    formDataModelModifiers: {}
-  }),
-  emits: ["update:formDataModel"],
-  setup(y) {
-    const a = C(y, "formDataModel"), { getContainerWidget: D, getFieldWidget: L } = $();
-    return (n, o) => (r(!0), i(m, null, d(n.widgetList, (e, s) => (r(), i(m, null, [
-      e.category === "container" ? (r(), p(f(u(D)(e)), {
-        widget: e,
-        key: e.id,
-        data: a.value[e.options.name],
-        "onUpdate:data": (t) => a.value[e.options.name] = t,
-        "parent-list": n.parentWidget,
-        "index-of-parent-list": s,
-        "parent-widget": e,
-        model: a.value,
-        "onUpdate:model": o[0] || (o[0] = (t) => a.value = t)
-      }, g({ _: 2 }, [
-        d(Object.keys(n.$slots), (t) => ({
-          name: t,
-          fn: v((l) => [
-            M(n.$slots, t, k({ ref_for: !0 }, l))
-          ])
-        }))
-      ]), 1064, ["widget", "data", "onUpdate:data", "parent-list", "index-of-parent-list", "parent-widget", "model"])) : (r(), p(f(u(L)(e)), {
-        field: e,
-        "form-model": a.value,
-        "onUpdate:formModel": o[1] || (o[1] = (t) => a.value = t),
-        designer: null,
-        key: e.id,
-        widget: e,
-        "parent-list": n.widgetList,
-        "index-of-parent-list": s,
-        "parent-widget": e,
-        data: a.value[e.options.name],
-        "onUpdate:data": (t) => a.value[e.options.name] = t
-      }, g({ _: 2 }, [
-        d(Object.keys(n.$slots), (t) => ({
-          name: t,
-          fn: v((l) => [
-            M(n.$slots, t, k({ ref_for: !0 }, l))
-          ])
-        }))
-      ]), 1064, ["field", "form-model", "widget", "parent-list", "index-of-parent-list", "parent-widget", "data", "onUpdate:data"]))
-    ], 64))), 256));
-  }
-});
+import f from "./RenderWigetList.vue2.js";
+import { createElementBlock as a, openBlock as o, Fragment as l, renderList as i, createBlock as c, resolveDynamicComponent as u, createSlots as p, withCtx as g, renderSlot as _, mergeProps as w } from "vue";
+import b from "../../../_virtual/_plugin-vue_export-helper.js";
+function x(t, k, r, s, L, v) {
+  return o(!0), a(
+    l,
+    null,
+    i(r.widgetList, (e, d) => (o(), c(u(s.getWidget(e)), {
+      field: e,
+      key: e.id,
+      widget: e,
+      "parent-list": r.widgetList,
+      "index-of-parent-list": d,
+      "parent-widget": e,
+      "sub-form-row-index": r.subFormRowIndex,
+      "sub-form-row-id": r.subFormRowId
+    }, p({
+      _: 2
+      /* DYNAMIC */
+    }, [
+      i(Object.keys(t.$slots), (n) => ({
+        name: n,
+        fn: g((m) => [
+          _(t.$slots, n, w({ ref_for: !0 }, m))
+        ])
+      }))
+    ]), 1032, ["field", "widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-index", "sub-form-row-id"]))),
+    128
+    /* KEYED_FRAGMENT */
+  );
+}
+const B = /* @__PURE__ */ b(f, [["render", x], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-render/RenderWigetList.vue"]]);
 export {
-  F as default
+  B as default
 };

package/src/components/form-render/RenderWigetList.vue2.js

@@ -1,4 +1,23 @@
-import f from "./RenderWigetList.vue.js";
+import { defineComponent as i, inject as o } from "vue";
+import { getWidget as d } from "../FormRender/useFormRender.js";
+const s = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  name: "RenderWigetList",
+  __name: "RenderWigetList",
+  props: {
+    subFormRowIndex: { type: null, required: !1, default: void 0 },
+    subFormRowId: { type: null, required: !1, default: void 0 },
+    widgetList: { type: [Array, null], required: !0, default: () => [] },
+    parentWidget: { type: [Object, null], required: !0, default: null }
+  },
+  setup(t, { expose: r }) {
+    r();
+    const n = t, u = o("formData", {}), e = { props: n, formDataModel: u, get getWidget() {
+      return d;
+    } };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
 export {
-  f as default
+  s as default
 };