@kp-ui/lowcode 1.0.92 → 1.0.95

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

@@ -1,18 +1,18 @@
-import SvgIcon from "../../svg-icon/index.vue.js";
-import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.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";
+import _ from "../../svg-icon/index.vue.js";
+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 m, toDisplayString as g } from "vue";
 /* empty css           */
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
+import K from "../../../../_virtual/_plugin-vue_export-helper.js";
+const j = {
   name: "FieldPanel",
-  mixins: [i18n],
-  components: { SvgIcon, Draggable: draggableComponent },
+  mixins: [x],
+  components: { SvgIcon: _, Draggable: w },
   props: {
     designer: Object
   },
@@ -34,7 +34,7 @@ const _sfc_main = {
       advancedFields: [],
       customFields: [],
       businessFields: [],
-      formTemplates,
+      formTemplates: B,
       ftImages: []
     };
   },
@@ -45,345 +45,298 @@ const _sfc_main = {
     this.loadWidgets();
   },
   mounted() {
-    this.scrollerHeight = window.innerHeight - 56 + "px";
-    addWindowResizeHandler(() => {
+    this.scrollerHeight = window.innerHeight - 56 + "px", W(() => {
       this.$nextTick(() => {
         this.scrollerHeight = window.innerHeight - 56 + "px";
       });
     });
   },
   methods: {
-    isBanned(wName) {
-      return this.getBannedWidgets().indexOf(wName) > -1;
+    isBanned(e) {
+      return this.getBannedWidgets().indexOf(e) > -1;
     },
     showFormTemplates() {
-      if (this.designerConfig["formTemplates"] === void 0) {
-        return true;
-      }
-      return !!this.designerConfig["formTemplates"];
+      return this.designerConfig.formTemplates === void 0 ? !0 : !!this.designerConfig.formTemplates;
     },
     loadWidgets() {
-      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);
-      });
+      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(origin) {
-      return this.designer.copyNewContainerWidget(origin);
+    handleContainerWidgetClone(e) {
+      return this.designer.copyNewContainerWidget(e);
     },
-    handleFieldWidgetClone(origin) {
-      return this.designer.copyNewFieldWidget(origin);
+    handleFieldWidgetClone(e) {
+      return this.designer.copyNewFieldWidget(e);
     },
     /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
-    checkContainerMove(evt) {
-      return this.designer.checkWidgetMove(evt);
+    checkContainerMove(e) {
+      return this.designer.checkWidgetMove(e);
     },
     /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
-    checkFieldMove(evt) {
-      return this.designer.checkFieldMove(evt);
+    checkFieldMove(e) {
+      return this.designer.checkFieldMove(e);
     },
-    onContainerDragEnd(evt) {
+    onContainerDragEnd(e) {
     },
-    addContainerByDbClick(container) {
-      this.designer.addContainerByDbClick(container);
+    addContainerByDbClick(e) {
+      this.designer.addContainerByDbClick(e);
     },
-    addFieldByDbClick(widget) {
-      this.designer.addFieldByDbClick(widget);
+    addFieldByDbClick(e) {
+      this.designer.addFieldByDbClick(e);
     },
-    loadFormTemplate(jsonUrl) {
-      TpfConfirm({
+    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(() => {
-        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(
+        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((error) => {
+        }).catch((n) => {
           this.$message.error(
-            this.i18nt("designer.hint.loadFormTemplateFailed") + ":" + error
+            this.i18nt("designer.hint.loadFormTemplateFailed") + ":" + n
           );
         });
-      }).catch((error) => {
-        console.error(error);
+      }).catch((n) => {
+        console.error(n);
       });
     }
   }
-};
-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),
+}, 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: 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(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_collapse, {
-                activeKey: $data.activeNames,
-                "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => $data.activeNames = $event),
+            default: l(() => [
+              t(v, {
+                activeKey: o.activeNames,
+                "onUpdate:activeKey": n[0] || (n[0] = (i) => o.activeNames = i),
                 class: "widget-collapse"
               }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_collapse_panel, {
+                default: l(() => [
+                  t(u, {
                     key: "containerTitle",
-                    header: _ctx.i18nt("designer.containerTitle")
+                    header: e.i18nt("designer.containerTitle")
                   }, {
-                    default: withCtx(() => [
-                      createVNode(_component_draggable, {
+                    default: l(() => [
+                      t(h, {
                         tag: "ul",
-                        list: $data.containers,
+                        list: o.containers,
                         "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: false },
-                        clone: $options.handleContainerWidgetClone,
+                        group: { name: "dragGroup", pull: "clone", put: !1 },
+                        clone: s.handleContainerWidgetClone,
                         "ghost-class": "ghost",
-                        sort: false,
-                        move: $options.checkContainerMove,
-                        onEnd: $options.onContainerDragEnd
+                        sort: !1,
+                        move: s.checkContainerMove,
+                        onEnd: s.onContainerDragEnd
                       }, {
-                        item: withCtx(({ element: ctn }) => [
-                          createElementVNode("li", {
+                        item: l(({ element: i }) => [
+                          a("li", {
                             class: "container-widget-item",
-                            title: ctn.displayName,
-                            onDblclick: ($event) => $options.addContainerByDbClick(ctn)
+                            title: i.displayName,
+                            onDblclick: (y) => s.addContainerByDbClick(i)
                           }, [
-                            createElementVNode("span", null, [
-                              createVNode(_component_svg_icon, {
-                                "icon-class": ctn.icon,
+                            a("span", null, [
+                              t(d, {
+                                "icon-class": i.icon,
                                 "class-name": "color-svg-icon"
                               }, null, 8, ["icon-class"]),
-                              createTextVNode(" " + toDisplayString(ctn.showName || _ctx.i18n2t(
-                                `designer.widgetLabel.${ctn.type}`,
-                                `extension.widgetLabel.${ctn.type}`
+                              m(" " + g(i.showName || e.i18n2t(
+                                `designer.widgetLabel.${i.type}`,
+                                `extension.widgetLabel.${i.type}`
                               )), 1)
                             ])
-                          ], 40, _hoisted_3)
+                          ], 40, O)
                         ]),
                         _: 1
                       }, 8, ["list", "clone", "move", "onEnd"])
                     ]),
                     _: 1
                   }, 8, ["header"]),
-                  createVNode(_component_a_collapse_panel, {
+                  t(u, {
                     key: "basicFieldTitle",
-                    header: _ctx.i18nt("designer.basicFieldTitle")
+                    header: e.i18nt("designer.basicFieldTitle")
                   }, {
-                    default: withCtx(() => [
-                      createVNode(_component_draggable, {
+                    default: l(() => [
+                      t(h, {
                         tag: "ul",
-                        list: $data.basicFields,
+                        list: o.basicFields,
                         "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: false },
-                        move: $options.checkFieldMove,
-                        clone: $options.handleFieldWidgetClone,
+                        group: { name: "dragGroup", pull: "clone", put: !1 },
+                        move: s.checkFieldMove,
+                        clone: s.handleFieldWidgetClone,
                         "ghost-class": "ghost",
-                        sort: false
+                        sort: !1
                       }, {
-                        item: withCtx(({ element: fld }) => [
-                          createElementVNode("li", {
+                        item: l(({ element: i }) => [
+                          a("li", {
                             class: "field-widget-item",
-                            title: fld.displayName,
-                            onDblclick: ($event) => $options.addFieldByDbClick(fld)
+                            title: i.displayName,
+                            onDblclick: (y) => s.addFieldByDbClick(i)
                           }, [
-                            createElementVNode("span", null, [
-                              createVNode(_component_svg_icon, {
-                                "icon-class": fld.icon,
+                            a("span", null, [
+                              t(d, {
+                                "icon-class": i.icon,
                                 "class-name": "color-svg-icon"
                               }, null, 8, ["icon-class"]),
-                              createTextVNode(" " + toDisplayString(fld.showName || _ctx.i18n2t(
-                                `designer.widgetLabel.${fld.type}`,
-                                `extension.widgetLabel.${fld.type}`
+                              m(" " + g(i.showName || e.i18n2t(
+                                `designer.widgetLabel.${i.type}`,
+                                `extension.widgetLabel.${i.type}`
                               )), 1)
                             ])
-                          ], 40, _hoisted_4)
+                          ], 40, S)
                         ]),
                         _: 1
                       }, 8, ["list", "move", "clone"])
                     ]),
                     _: 1
                   }, 8, ["header"]),
-                  createVNode(_component_a_collapse_panel, {
+                  t(u, {
                     key: "advancedFieldTitle",
-                    header: _ctx.i18nt("designer.advancedFieldTitle")
+                    header: e.i18nt("designer.advancedFieldTitle")
                   }, {
-                    default: withCtx(() => [
-                      createVNode(_component_draggable, {
+                    default: l(() => [
+                      t(h, {
                         tag: "ul",
-                        list: $data.advancedFields,
+                        list: o.advancedFields,
                         "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: false },
-                        move: $options.checkFieldMove,
-                        clone: $options.handleFieldWidgetClone,
+                        group: { name: "dragGroup", pull: "clone", put: !1 },
+                        move: s.checkFieldMove,
+                        clone: s.handleFieldWidgetClone,
                         "ghost-class": "ghost",
-                        sort: false
+                        sort: !1
                       }, {
-                        item: withCtx(({ element: fld }) => [
-                          createElementVNode("li", {
+                        item: l(({ element: i }) => [
+                          a("li", {
                             class: "field-widget-item",
-                            title: fld.displayName,
-                            onDblclick: ($event) => $options.addFieldByDbClick(fld)
+                            title: i.displayName,
+                            onDblclick: (y) => s.addFieldByDbClick(i)
                           }, [
-                            createElementVNode("span", null, [
-                              createVNode(_component_svg_icon, {
-                                "icon-class": fld.icon,
+                            a("span", null, [
+                              t(d, {
+                                "icon-class": i.icon,
                                 "class-name": "color-svg-icon"
                               }, null, 8, ["icon-class"]),
-                              createTextVNode(" " + toDisplayString(fld.showName || _ctx.i18n2t(
-                                `designer.widgetLabel.${fld.type}`,
-                                `extension.widgetLabel.${fld.type}`
+                              m(" " + g(i.showName || e.i18n2t(
+                                `designer.widgetLabel.${i.type}`,
+                                `extension.widgetLabel.${i.type}`
                               )), 1)
                             ])
-                          ], 40, _hoisted_5)
+                          ], 40, V)
                         ]),
                         _: 1
                       }, 8, ["list", "move", "clone"])
                     ]),
                     _: 1
                   }, 8, ["header"]),
-                  createCommentVNode("", true),
-                  $data.customFields.length ? (openBlock(), createBlock(_component_a_collapse_panel, {
+                  b("", !0),
+                  o.customFields.length ? (F(), E(u, {
                     key: "customFieldTitle",
-                    header: _ctx.i18nt("designer.customFieldTitle")
+                    header: e.i18nt("designer.customFieldTitle")
                   }, {
-                    default: withCtx(() => [
-                      createVNode(_component_draggable, {
+                    default: l(() => [
+                      t(h, {
                         tag: "ul",
-                        list: $data.customFields,
+                        list: o.customFields,
                         "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: false },
-                        move: $options.checkFieldMove,
-                        clone: $options.handleFieldWidgetClone,
+                        group: { name: "dragGroup", pull: "clone", put: !1 },
+                        move: s.checkFieldMove,
+                        clone: s.handleFieldWidgetClone,
                         "ghost-class": "ghost",
-                        sort: false
+                        sort: !1
                       }, {
-                        item: withCtx(({ element: fld }) => [
-                          createElementVNode("li", {
+                        item: l(({ element: i }) => [
+                          a("li", {
                             class: "field-widget-item",
-                            title: fld.displayName,
-                            onDblclick: ($event) => $options.addFieldByDbClick(fld)
+                            title: i.displayName,
+                            onDblclick: (y) => s.addFieldByDbClick(i)
                           }, [
-                            createElementVNode("span", null, [
-                              createVNode(_component_svg_icon, {
-                                "icon-class": fld.icon,
+                            a("span", null, [
+                              t(d, {
+                                "icon-class": i.icon,
                                 "class-name": "color-svg-icon"
                               }, null, 8, ["icon-class"]),
-                              createTextVNode(" " + toDisplayString(_ctx.i18n2t(
-                                `designer.widgetLabel.${fld.type}`,
-                                `extension.widgetLabel.${fld.type}`
+                              m(" " + g(e.i18n2t(
+                                `designer.widgetLabel.${i.type}`,
+                                `extension.widgetLabel.${i.type}`
                               )), 1)
                             ])
-                          ], 40, _hoisted_7)
+                          ], 40, J)
                         ]),
                         _: 1
                       }, 8, ["list", "move", "clone"])
                     ]),
                     _: 1
-                  }, 8, ["header"])) : createCommentVNode("", true)
+                  }, 8, ["header"])) : b("", !0)
                 ]),
                 _: 1
               }, 8, ["activeKey"])
             ]),
             _: 1
           }),
-          createCommentVNode("", true)
+          b("", !0)
         ]),
         _: 1
       }, 8, ["activeKey"])
     ])
   ]);
 }
-const WidgetPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-86d2fd5e"]]);
+const ne = /* @__PURE__ */ K(j, [["render", z], ["__scopeId", "data-v-86d2fd5e"]]);
 export {
-  WidgetPanel as default
+  ne as default
 };
+//# sourceMappingURL=index.vue.js.map