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

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
 };