@kp-ui/lowcode 1.0.24 → 1.0.26

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

@@ -1,17 +1,17 @@
-import _ from "../../svg-icon/index.vue.js";
-import { containers as w, basicFields as C, advancedFields as T, customFields as N, businessFields as D } from "./widgetsConfig.js";
-import { formTemplates as L } from "./templatesConfig.js";
-import { generateId as c, addWindowResizeHandler as B } from "../../../utils/util.js";
-import W from "../../../utils/i18n.js";
-import x from "axios";
-import { TpfConfirm as H } from "../../../hooks/TpfConfirm.js";
-import { resolveComponent as r, createElementBlock as M, openBlock as F, createElementVNode as a, createVNode as t, withCtx as l, createCommentVNode as b, createBlock as $, createTextVNode as m, toDisplayString as g } from "vue";
+import SvgIcon from "../../svg-icon/index.vue.js";
+import { containers, basicFields, advancedFields, customFields, businessFields } from "./widgetsConfig.js";
+import { formTemplates } from "./templatesConfig.js";
+import { generateId, addWindowResizeHandler } from "../../../utils/util.js";
+import i18n from "../../../utils/i18n.js";
+import axios from "axios";
+import { TpfConfirm } from "../../../hooks/TpfConfirm.js";
+import { resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createCommentVNode, createBlock, createTextVNode, toDisplayString } from "vue";
 /* empty css           */
-import E from "../../../../_virtual/_plugin-vue_export-helper.js";
-const K = {
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "FieldPanel",
-  mixins: [W],
-  components: { SvgIcon: _ },
+  mixins: [i18n],
+  components: { SvgIcon },
   props: {
     designer: Object
   },
@@ -33,7 +33,7 @@ const K = {
       advancedFields: [],
       customFields: [],
       businessFields: [],
-      formTemplates: L,
+      formTemplates,
       ftImages: []
     };
   },
@@ -44,295 +44,343 @@ const K = {
     this.loadWidgets();
   },
   mounted() {
-    this.scrollerHeight = window.innerHeight - 56 + "px", B(() => {
+    this.scrollerHeight = window.innerHeight - 56 + "px";
+    addWindowResizeHandler(() => {
       this.$nextTick(() => {
         this.scrollerHeight = window.innerHeight - 56 + "px";
       });
     });
   },
   methods: {
-    isBanned(e) {
-      return this.getBannedWidgets().indexOf(e) > -1;
+    isBanned(wName) {
+      return this.getBannedWidgets().indexOf(wName) > -1;
     },
     showFormTemplates() {
-      return this.designerConfig.formTemplates === void 0 ? !0 : !!this.designerConfig.formTemplates;
+      if (this.designerConfig["formTemplates"] === void 0) {
+        return true;
+      }
+      return !!this.designerConfig["formTemplates"];
     },
     loadWidgets() {
-      this.containers = w.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 = C.map((e) => ({
-        key: c(),
-        ...e,
-        displayName: this.i18n2t(
-          `designer.widgetLabel.${e.type}`,
-          `extension.widgetLabel.${e.type}`
-        )
-      })).filter((e) => !this.isBanned(e.type)), this.advancedFields = T.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 = D.map((e) => ({
-        key: c(),
-        ...e,
-        displayName: this.i18n2t(
-          `designer.widgetLabel.${e.type}`,
-          `extension.widgetLabel.${e.type}`
-        )
-      })).filter((e) => !this.isBanned(e.type));
+      this.containers = containers.map((con) => {
+        return {
+          key: generateId(),
+          ...con,
+          displayName: this.i18n2t(
+            `designer.widgetLabel.${con.type}`,
+            `extension.widgetLabel.${con.type}`
+          )
+        };
+      }).filter((con) => {
+        return !con.internal && !this.isBanned(con.type);
+      });
+      this.basicFields = basicFields.map((fld) => {
+        return {
+          key: generateId(),
+          ...fld,
+          displayName: this.i18n2t(
+            `designer.widgetLabel.${fld.type}`,
+            `extension.widgetLabel.${fld.type}`
+          )
+        };
+      }).filter((fld) => {
+        return !this.isBanned(fld.type);
+      });
+      this.advancedFields = advancedFields.map((fld) => {
+        return {
+          key: generateId(),
+          ...fld,
+          displayName: this.i18n2t(
+            `designer.widgetLabel.${fld.type}`,
+            `extension.widgetLabel.${fld.type}`
+          )
+        };
+      }).filter((fld) => {
+        return !this.isBanned(fld.type);
+      });
+      this.customFields = customFields.map((fld) => {
+        return {
+          key: generateId(),
+          ...fld,
+          displayName: this.i18n2t(
+            `designer.widgetLabel.${fld.type}`,
+            `extension.widgetLabel.${fld.type}`
+          )
+        };
+      }).filter((fld) => {
+        return !this.isBanned(fld.type);
+      });
+      this.businessFields = businessFields.map((fld) => {
+        return {
+          key: generateId(),
+          ...fld,
+          displayName: this.i18n2t(
+            `designer.widgetLabel.${fld.type}`,
+            `extension.widgetLabel.${fld.type}`
+          )
+        };
+      }).filter((fld) => {
+        return !this.isBanned(fld.type);
+      });
     },
-    handleContainerWidgetClone(e) {
-      return this.designer.copyNewContainerWidget(e);
+    handleContainerWidgetClone(origin) {
+      return this.designer.copyNewContainerWidget(origin);
     },
-    handleFieldWidgetClone(e) {
-      return this.designer.copyNewFieldWidget(e);
+    handleFieldWidgetClone(origin) {
+      return this.designer.copyNewFieldWidget(origin);
     },
     /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
-    checkContainerMove(e) {
-      return this.designer.checkWidgetMove(e);
+    checkContainerMove(evt) {
+      return this.designer.checkWidgetMove(evt);
     },
     /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
-    checkFieldMove(e) {
-      return this.designer.checkFieldMove(e);
+    checkFieldMove(evt) {
+      return this.designer.checkFieldMove(evt);
     },
-    onContainerDragEnd(e) {
+    onContainerDragEnd(evt) {
     },
-    addContainerByDbClick(e) {
-      this.designer.addContainerByDbClick(e);
+    addContainerByDbClick(container) {
+      this.designer.addContainerByDbClick(container);
     },
-    addFieldByDbClick(e) {
-      this.designer.addFieldByDbClick(e);
+    addFieldByDbClick(widget) {
+      this.designer.addFieldByDbClick(widget);
     },
-    loadFormTemplate(e) {
-      H({
+    loadFormTemplate(jsonUrl) {
+      TpfConfirm({
         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(() => {
-        x.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) => {
+        axios.get(jsonUrl).then((res) => {
+          let modifiedFlag = false;
+          if (typeof res.data === "string") {
+            modifiedFlag = this.designer.loadFormJson(JSON.parse(res.data));
+          } else if (res.data.constructor === Object) {
+            modifiedFlag = this.designer.loadFormJson(res.data);
+          }
+          if (modifiedFlag) {
+            this.designer.emitHistoryChange();
+          }
+          this.$message.success(this.i18nt("designer.hint.loadFormTemplateSuccess"));
+        }).catch((error) => {
           this.$message.error(
-            this.i18nt("designer.hint.loadFormTemplateFailed") + ":" + n
+            this.i18nt("designer.hint.loadFormTemplateFailed") + ":" + error
           );
         });
-      }).catch((n) => {
-        console.error(n);
+      }).catch((error) => {
+        console.error(error);
       });
     }
   }
-}, j = { class: "side-scroll-bar" }, G = { class: "panel-container" }, I = ["title", "onDblclick"], O = ["title", "onDblclick"], S = ["title", "onDblclick"], V = ["title", "onDblclick"];
-function J(e, n, p, z, 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(), M("div", j, [
-    a("div", G, [
-      t(f, {
-        activeKey: o.firstTab,
-        "onUpdate:activeKey": n[1] || (n[1] = (i) => o.firstTab = i),
+};
+const _hoisted_1 = { class: "side-scroll-bar" };
+const _hoisted_2 = { class: "panel-container" };
+const _hoisted_3 = ["title", "onDblclick"];
+const _hoisted_4 = ["title", "onDblclick"];
+const _hoisted_5 = ["title", "onDblclick"];
+const _hoisted_7 = ["title", "onDblclick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_svg_icon = resolveComponent("svg-icon");
+  const _component_draggable = resolveComponent("draggable");
+  const _component_a_collapse_panel = resolveComponent("a-collapse-panel");
+  const _component_a_collapse = resolveComponent("a-collapse");
+  const _component_a_tab_pane = resolveComponent("a-tab-pane");
+  resolveComponent("a-popover");
+  resolveComponent("a-button");
+  resolveComponent("a-card");
+  const _component_a_tabs = resolveComponent("a-tabs");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createVNode(_component_a_tabs, {
+        activeKey: $data.firstTab,
+        "onUpdate:activeKey": _cache[1] || (_cache[1] = ($event) => $data.firstTab = $event),
         class: "no-bottom-margin indent-left-margin"
       }, {
-        default: l(() => [
-          t(k, { key: "componentLib" }, {
-            tab: l(() => [
-              a("span", null, [
-                t(d, { "icon-class": "el-set-up" }),
-                m(" " + g(e.i18nt("designer.componentLib")), 1)
+        default: withCtx(() => [
+          createVNode(_component_a_tab_pane, { key: "componentLib" }, {
+            tab: withCtx(() => [
+              createElementVNode("span", null, [
+                createVNode(_component_svg_icon, { "icon-class": "el-set-up" }),
+                createTextVNode(" " + toDisplayString(_ctx.i18nt("designer.componentLib")), 1)
               ])
             ]),
-            default: l(() => [
-              t(v, {
-                activeKey: o.activeNames,
-                "onUpdate:activeKey": n[0] || (n[0] = (i) => o.activeNames = i),
+            default: withCtx(() => [
+              createVNode(_component_a_collapse, {
+                activeKey: $data.activeNames,
+                "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => $data.activeNames = $event),
                 class: "widget-collapse"
               }, {
-                default: l(() => [
-                  t(u, {
+                default: withCtx(() => [
+                  createVNode(_component_a_collapse_panel, {
                     key: "containerTitle",
-                    header: e.i18nt("designer.containerTitle")
+                    header: _ctx.i18nt("designer.containerTitle")
                   }, {
-                    default: l(() => [
-                      t(h, {
+                    default: withCtx(() => [
+                      createVNode(_component_draggable, {
                         tag: "ul",
-                        list: o.containers,
+                        list: $data.containers,
                         "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: !1 },
-                        clone: s.handleContainerWidgetClone,
+                        group: { name: "dragGroup", pull: "clone", put: false },
+                        clone: $options.handleContainerWidgetClone,
                         "ghost-class": "ghost",
-                        sort: !1,
-                        move: s.checkContainerMove,
-                        onEnd: s.onContainerDragEnd
+                        sort: false,
+                        move: $options.checkContainerMove,
+                        onEnd: $options.onContainerDragEnd
                       }, {
-                        item: l(({ element: i }) => [
-                          a("li", {
+                        item: withCtx(({ element: ctn }) => [
+                          createElementVNode("li", {
                             class: "container-widget-item",
-                            title: i.displayName,
-                            onDblclick: (y) => s.addContainerByDbClick(i)
+                            title: ctn.displayName,
+                            onDblclick: ($event) => $options.addContainerByDbClick(ctn)
                           }, [
-                            a("span", null, [
-                              t(d, {
-                                "icon-class": i.icon,
+                            createElementVNode("span", null, [
+                              createVNode(_component_svg_icon, {
+                                "icon-class": ctn.icon,
                                 "class-name": "color-svg-icon"
                               }, null, 8, ["icon-class"]),
-                              m(" " + g(i.showName || e.i18n2t(
-                                `designer.widgetLabel.${i.type}`,
-                                `extension.widgetLabel.${i.type}`
+                              createTextVNode(" " + toDisplayString(ctn.showName || _ctx.i18n2t(
+                                `designer.widgetLabel.${ctn.type}`,
+                                `extension.widgetLabel.${ctn.type}`
                               )), 1)
                             ])
-                          ], 40, I)
+                          ], 40, _hoisted_3)
                         ]),
                         _: 1
                       }, 8, ["list", "clone", "move", "onEnd"])
                     ]),
                     _: 1
                   }, 8, ["header"]),
-                  t(u, {
+                  createVNode(_component_a_collapse_panel, {
                     key: "basicFieldTitle",
-                    header: e.i18nt("designer.basicFieldTitle")
+                    header: _ctx.i18nt("designer.basicFieldTitle")
                   }, {
-                    default: l(() => [
-                      t(h, {
+                    default: withCtx(() => [
+                      createVNode(_component_draggable, {
                         tag: "ul",
-                        list: o.basicFields,
+                        list: $data.basicFields,
                         "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: !1 },
-                        move: s.checkFieldMove,
-                        clone: s.handleFieldWidgetClone,
+                        group: { name: "dragGroup", pull: "clone", put: false },
+                        move: $options.checkFieldMove,
+                        clone: $options.handleFieldWidgetClone,
                         "ghost-class": "ghost",
-                        sort: !1
+                        sort: false
                       }, {
-                        item: l(({ element: i }) => [
-                          a("li", {
+                        item: withCtx(({ element: fld }) => [
+                          createElementVNode("li", {
                             class: "field-widget-item",
-                            title: i.displayName,
-                            onDblclick: (y) => s.addFieldByDbClick(i)
+                            title: fld.displayName,
+                            onDblclick: ($event) => $options.addFieldByDbClick(fld)
                           }, [
-                            a("span", null, [
-                              t(d, {
-                                "icon-class": i.icon,
+                            createElementVNode("span", null, [
+                              createVNode(_component_svg_icon, {
+                                "icon-class": fld.icon,
                                 "class-name": "color-svg-icon"
                               }, null, 8, ["icon-class"]),
-                              m(" " + g(i.showName || e.i18n2t(
-                                `designer.widgetLabel.${i.type}`,
-                                `extension.widgetLabel.${i.type}`
+                              createTextVNode(" " + toDisplayString(fld.showName || _ctx.i18n2t(
+                                `designer.widgetLabel.${fld.type}`,
+                                `extension.widgetLabel.${fld.type}`
                               )), 1)
                             ])
-                          ], 40, O)
+                          ], 40, _hoisted_4)
                         ]),
                         _: 1
                       }, 8, ["list", "move", "clone"])
                     ]),
                     _: 1
                   }, 8, ["header"]),
-                  t(u, {
+                  createVNode(_component_a_collapse_panel, {
                     key: "advancedFieldTitle",
-                    header: e.i18nt("designer.advancedFieldTitle")
+                    header: _ctx.i18nt("designer.advancedFieldTitle")
                   }, {
-                    default: l(() => [
-                      t(h, {
+                    default: withCtx(() => [
+                      createVNode(_component_draggable, {
                         tag: "ul",
-                        list: o.advancedFields,
+                        list: $data.advancedFields,
                         "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: !1 },
-                        move: s.checkFieldMove,
-                        clone: s.handleFieldWidgetClone,
+                        group: { name: "dragGroup", pull: "clone", put: false },
+                        move: $options.checkFieldMove,
+                        clone: $options.handleFieldWidgetClone,
                         "ghost-class": "ghost",
-                        sort: !1
+                        sort: false
                       }, {
-                        item: l(({ element: i }) => [
-                          a("li", {
+                        item: withCtx(({ element: fld }) => [
+                          createElementVNode("li", {
                             class: "field-widget-item",
-                            title: i.displayName,
-                            onDblclick: (y) => s.addFieldByDbClick(i)
+                            title: fld.displayName,
+                            onDblclick: ($event) => $options.addFieldByDbClick(fld)
                           }, [
-                            a("span", null, [
-                              t(d, {
-                                "icon-class": i.icon,
+                            createElementVNode("span", null, [
+                              createVNode(_component_svg_icon, {
+                                "icon-class": fld.icon,
                                 "class-name": "color-svg-icon"
                               }, null, 8, ["icon-class"]),
-                              m(" " + g(i.showName || e.i18n2t(
-                                `designer.widgetLabel.${i.type}`,
-                                `extension.widgetLabel.${i.type}`
+                              createTextVNode(" " + toDisplayString(fld.showName || _ctx.i18n2t(
+                                `designer.widgetLabel.${fld.type}`,
+                                `extension.widgetLabel.${fld.type}`
                               )), 1)
                             ])
-                          ], 40, S)
+                          ], 40, _hoisted_5)
                         ]),
                         _: 1
                       }, 8, ["list", "move", "clone"])
                     ]),
                     _: 1
                   }, 8, ["header"]),
-                  b("", !0),
-                  o.customFields.length ? (F(), $(u, {
+                  createCommentVNode("", true),
+                  $data.customFields.length ? (openBlock(), createBlock(_component_a_collapse_panel, {
                     key: "customFieldTitle",
-                    header: e.i18nt("designer.customFieldTitle")
+                    header: _ctx.i18nt("designer.customFieldTitle")
                   }, {
-                    default: l(() => [
-                      t(h, {
+                    default: withCtx(() => [
+                      createVNode(_component_draggable, {
                         tag: "ul",
-                        list: o.customFields,
+                        list: $data.customFields,
                         "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: !1 },
-                        move: s.checkFieldMove,
-                        clone: s.handleFieldWidgetClone,
+                        group: { name: "dragGroup", pull: "clone", put: false },
+                        move: $options.checkFieldMove,
+                        clone: $options.handleFieldWidgetClone,
                         "ghost-class": "ghost",
-                        sort: !1
+                        sort: false
                       }, {
-                        item: l(({ element: i }) => [
-                          a("li", {
+                        item: withCtx(({ element: fld }) => [
+                          createElementVNode("li", {
                             class: "field-widget-item",
-                            title: i.displayName,
-                            onDblclick: (y) => s.addFieldByDbClick(i)
+                            title: fld.displayName,
+                            onDblclick: ($event) => $options.addFieldByDbClick(fld)
                           }, [
-                            a("span", null, [
-                              t(d, {
-                                "icon-class": i.icon,
+                            createElementVNode("span", null, [
+                              createVNode(_component_svg_icon, {
+                                "icon-class": fld.icon,
                                 "class-name": "color-svg-icon"
                               }, null, 8, ["icon-class"]),
-                              m(" " + g(e.i18n2t(
-                                `designer.widgetLabel.${i.type}`,
-                                `extension.widgetLabel.${i.type}`
+                              createTextVNode(" " + toDisplayString(_ctx.i18n2t(
+                                `designer.widgetLabel.${fld.type}`,
+                                `extension.widgetLabel.${fld.type}`
                               )), 1)
                             ])
-                          ], 40, V)
+                          ], 40, _hoisted_7)
                         ]),
                         _: 1
                       }, 8, ["list", "move", "clone"])
                     ]),
                     _: 1
-                  }, 8, ["header"])) : b("", !0)
+                  }, 8, ["header"])) : createCommentVNode("", true)
                 ]),
                 _: 1
               }, 8, ["activeKey"])
             ]),
             _: 1
           }),
-          b("", !0)
+          createCommentVNode("", true)
         ]),
         _: 1
       }, 8, ["activeKey"])
     ])
   ]);
 }
-const ie = /* @__PURE__ */ E(K, [["render", J], ["__scopeId", "data-v-9380bfaa"]]);
+const WidgetPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9380bfaa"]]);
 export {
-  ie as default
+  WidgetPanel as default
 };

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

@@ -1,4 +1,4 @@
-const s = [
+const formTemplates = [
   {
     title: "单列表单",
     imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t1.png",
@@ -49,5 +49,5 @@ const s = [
   }
 ];
 export {
-  s as formTemplates
+  formTemplates
 };

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

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