@kp-ui/lowcode 1.0.105 → 1.0.107

package/src/components/form-designer/widget-panel/containers/vf-collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vf-collapse.js","sources":["../../../../../../src/components/form-designer/widget-panel/containers/vf-collapse.ts"],"sourcesContent":["import { getUuidKey } from '@kp-ui/tool';\n\nexport const vfCollapse = (ops = {} as any) => {\n    return {\n        key: getUuidKey(),\n        type: 'vf-collapse',\n        category: 'container',\n        icon: 'zhediemianban',\n        widgetList: [],\n        headerRightSlotList: [],\n        defaultSlotsList: [],\n        cols: [],\n        options: {\n            name: '',\n            title: '标题',\n            height: '',\n            bodyStyle: '',\n            //   formCode: '',\n            collapseIcon: 'xiangshang',\n            unCollapseIcon: 'xiangxia',\n            isCollapse: false,\n            rightSlotCss: [],\n            ...ops\n        }\n    };\n};\n"],"names":["vfCollapse","ops","getUuidKey"],"mappings":";AAEO,MAAMA,IAAa,CAACC,IAAM,QACtB;AAAA,EACH,KAAKC,EAAA;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY,CAAA;AAAA,EACZ,qBAAqB,CAAA;AAAA,EACrB,kBAAkB,CAAA;AAAA,EAClB,MAAM,CAAA;AAAA,EACN,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA;AAAA,IAEX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,cAAc,CAAA;AAAA,IACd,GAAGD;AAAA,EAAA;AACP;"}

package/src/components/form-designer/widget-panel/containers/vf-dialog.js

@@ -0,0 +1,34 @@
+import { getUuidKey as o } from "@kp-ui/tool";
+const l = (e = {}) => ({
+  key: o(),
+  type: "vf-dialog",
+  category: "container",
+  icon: "vf-dialog",
+  widgetList: [],
+  options: {
+    name: "",
+    title: "标题",
+    width: "50%",
+    height: "600px",
+    bodyStyle: "",
+    formCode: "",
+    showClose: !0,
+    closeOnClickModal: !1,
+    closeOnPressEscape: !1,
+    readMode: !1,
+    disabledMode: !1,
+    okButtonLabel: "",
+    okButtonHidden: !1,
+    cancelButtonLabel: "",
+    cancelButtonHidden: !1,
+    onOkButtonClick: "",
+    onCancelButtonClick: "",
+    onDialogOpened: "",
+    onDialogBeforeClose: "",
+    ...e
+  }
+});
+export {
+  l as vfDialog
+};
+//# sourceMappingURL=vf-dialog.js.map

package/src/components/form-designer/widget-panel/containers/vf-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vf-dialog.js","sources":["../../../../../../src/components/form-designer/widget-panel/containers/vf-dialog.ts"],"sourcesContent":["import { getUuidKey } from '@kp-ui/tool';\n\nexport const vfDialog = (ops = {} as any) => {\n  return {\n    key: getUuidKey(),\n    type: 'vf-dialog',\n    category: 'container',\n    icon: 'vf-dialog',\n    widgetList: [],\n    options: {\n      name: '',\n      title: '标题',\n      width: '50%',\n      height: '600px',\n      bodyStyle: '',\n      formCode: '',\n      showClose: true,\n      closeOnClickModal: false,\n      closeOnPressEscape: false,\n      readMode: false,\n      disabledMode: false,\n      okButtonLabel: '',\n      okButtonHidden: false,\n      cancelButtonLabel: '',\n      cancelButtonHidden: false,\n      onOkButtonClick: '',\n      onCancelButtonClick: '',\n      onDialogOpened: '',\n      onDialogBeforeClose: '',\n      ...ops\n    }\n  };\n};\n"],"names":["vfDialog","ops","getUuidKey"],"mappings":";AAEO,MAAMA,IAAW,CAACC,IAAM,QACtB;AAAA,EACL,KAAKC,EAAA;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY,CAAA;AAAA,EACZ,SAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,UAAU;AAAA,IACV,cAAc;AAAA,IACd,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,GAAGD;AAAA,EAAA;AACL;"}

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

@@ -0,0 +1,342 @@
+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 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": "el-set-up" }),
+                m(" " + g(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": i.icon,
+                                "class-name": "color-svg-icon"
+                              }, null, 8, ["icon-class"]),
+                              m(" " + g(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": i.icon,
+                                "class-name": "color-svg-icon"
+                              }, null, 8, ["icon-class"]),
+                              m(" " + g(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": i.icon,
+                                "class-name": "color-svg-icon"
+                              }, null, 8, ["icon-class"]),
+                              m(" " + g(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-name": "color-svg-icon"
+                              }, null, 8, ["icon-class"]),
+                              m(" " + g(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-86d2fd5e"]]);
+export {
+  ne as default
+};
+//# sourceMappingURL=index.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/widget-panel/index.vue"],"sourcesContent":["<template>\n    <div class=\"side-scroll-bar\">\n        <div class=\"panel-container\">\n            <a-tabs v-model:activeKey=\"firstTab\" class=\"no-bottom-margin indent-left-margin\">\n                <a-tab-pane key=\"componentLib\">\n                    <template #tab>\n                        <span\n                            ><svg-icon icon-class=\"el-set-up\" />\n                            {{ i18nt('designer.componentLib') }}</span\n                        >\n                    </template>\n\n                    <a-collapse v-model:activeKey=\"activeNames\" class=\"widget-collapse\">\n                        <a-collapse-panel\n                            key=\"containerTitle\"\n                            :header=\"i18nt('designer.containerTitle')\"\n                        >\n                            <draggable\n                                tag=\"ul\"\n                                :list=\"containers\"\n                                item-key=\"key\"\n                                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                                :clone=\"handleContainerWidgetClone\"\n                                ghost-class=\"ghost\"\n                                :sort=\"false\"\n                                :move=\"checkContainerMove\"\n                                @end=\"onContainerDragEnd\"\n                            >\n                                <template #item=\"{ element: ctn }\">\n                                    <li\n                                        class=\"container-widget-item\"\n                                        :title=\"ctn.displayName\"\n                                        @dblclick=\"addContainerByDbClick(ctn)\"\n                                    >\n                                        <span>\n                                            <svg-icon\n                                                :icon-class=\"ctn.icon\"\n                                                class-name=\"color-svg-icon\"\n                                            />\n                                            {{\n                                                ctn.showName ||\n                                                i18n2t(\n                                                    `designer.widgetLabel.${ctn.type}`,\n                                                    `extension.widgetLabel.${ctn.type}`\n                                                )\n                                            }}\n                                        </span>\n                                    </li>\n                                </template>\n                            </draggable>\n                        </a-collapse-panel>\n\n                        <a-collapse-panel\n                            key=\"basicFieldTitle\"\n                            :header=\"i18nt('designer.basicFieldTitle')\"\n                        >\n                            <draggable\n                                tag=\"ul\"\n                                :list=\"basicFields\"\n                                item-key=\"key\"\n                                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                                :move=\"checkFieldMove\"\n                                :clone=\"handleFieldWidgetClone\"\n                                ghost-class=\"ghost\"\n                                :sort=\"false\"\n                            >\n                                <template #item=\"{ element: fld }\">\n                                    <li\n                                        class=\"field-widget-item\"\n                                        :title=\"fld.displayName\"\n                                        @dblclick=\"addFieldByDbClick(fld)\"\n                                    >\n                                        <span>\n                                            <svg-icon\n                                                :icon-class=\"fld.icon\"\n                                                class-name=\"color-svg-icon\"\n                                            />\n                                            {{\n                                                fld.showName ||\n                                                i18n2t(\n                                                    `designer.widgetLabel.${fld.type}`,\n                                                    `extension.widgetLabel.${fld.type}`\n                                                )\n                                            }}\n                                        </span>\n                                    </li>\n                                </template>\n                            </draggable>\n                        </a-collapse-panel>\n\n                        <a-collapse-panel\n                            key=\"advancedFieldTitle\"\n                            :header=\"i18nt('designer.advancedFieldTitle')\"\n                        >\n                            <draggable\n                                tag=\"ul\"\n                                :list=\"advancedFields\"\n                                item-key=\"key\"\n                                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                                :move=\"checkFieldMove\"\n                                :clone=\"handleFieldWidgetClone\"\n                                ghost-class=\"ghost\"\n                                :sort=\"false\"\n                            >\n                                <template #item=\"{ element: fld }\">\n                                    <li\n                                        class=\"field-widget-item\"\n                                        :title=\"fld.displayName\"\n                                        @dblclick=\"addFieldByDbClick(fld)\"\n                                    >\n                                        <span>\n                                            <svg-icon\n                                                :icon-class=\"fld.icon\"\n                                                class-name=\"color-svg-icon\"\n                                            />\n                                            {{\n                                                fld.showName ||\n                                                i18n2t(\n                                                    `designer.widgetLabel.${fld.type}`,\n                                                    `extension.widgetLabel.${fld.type}`\n                                                )\n                                            }}\n                                        </span>\n                                    </li>\n                                </template>\n                            </draggable>\n                        </a-collapse-panel>\n                        <a-collapse-panel key=\"yyzj\" :header=\"`业务组件`\" v-if=\"0\">\n                            <draggable\n                                tag=\"ul\"\n                                :list=\"businessFields\"\n                                item-key=\"key\"\n                                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                                :move=\"checkFieldMove\"\n                                :clone=\"handleFieldWidgetClone\"\n                                ghost-class=\"ghost\"\n                                :sort=\"false\"\n                            >\n                                <template #item=\"{ element: bfld }\">\n                                    <li\n                                        class=\"field-widget-item\"\n                                        :title=\"bfld.displayName\"\n                                        @dblclick=\"addFieldByDbClick(bfld)\"\n                                    >\n                                        <span>\n                                            <svg-icon\n                                                :icon-class=\"bfld.icon\"\n                                                class-name=\"color-svg-icon\"\n                                            />\n                                            {{\n                                                bfld.showName ||\n                                                i18n2t(\n                                                    `designer.widgetLabel.${bfld.type}`,\n                                                    `extension.widgetLabel.${bfld.type}`\n                                                )\n                                            }}\n                                        </span>\n                                    </li>\n                                </template>\n                            </draggable>\n                        </a-collapse-panel>\n\n                        <a-collapse-panel\n                            v-if=\"customFields.length\"\n                            key=\"customFieldTitle\"\n                            :header=\"i18nt('designer.customFieldTitle')\"\n                        >\n                            <draggable\n                                tag=\"ul\"\n                                :list=\"customFields\"\n                                item-key=\"key\"\n                                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                                :move=\"checkFieldMove\"\n                                :clone=\"handleFieldWidgetClone\"\n                                ghost-class=\"ghost\"\n                                :sort=\"false\"\n                            >\n                                <template #item=\"{ element: fld }\">\n                                    <li\n                                        class=\"field-widget-item\"\n                                        :title=\"fld.displayName\"\n                                        @dblclick=\"addFieldByDbClick(fld)\"\n                                    >\n                                        <span>\n                                            <svg-icon\n                                                :icon-class=\"fld.icon\"\n                                                class-name=\"color-svg-icon\"\n                                            />\n                                            {{\n                                                i18n2t(\n                                                    `designer.widgetLabel.${fld.type}`,\n                                                    `extension.widgetLabel.${fld.type}`\n                                                )\n                                            }}\n                                        </span>\n                                    </li>\n                                </template>\n                            </draggable>\n                        </a-collapse-panel>\n                    </a-collapse>\n                </a-tab-pane>\n\n                <a-tab-pane v-if=\"false && showFormTemplates()\" key=\"formLib\" style=\"padding: 8px\">\n                    <template #tab>\n                        <span>\n                            <svg-icon icon-class=\"el-form-template\" />\n                            {{ i18nt('designer.formLib') }}\n                        </span>\n                    </template>\n\n                    <template v-for=\"(ft, idx) in formTemplates\" :key=\"idx\">\n                        <a-card :body-style=\"{ padding: '0' }\" shadow=\"hover\" class=\"ft-card\">\n                            <a-popover placement=\"right\" trigger=\"hover\">\n                                <template #content>\n                                    <img :src=\"ftImages[idx].imgUrl\" style=\"width: 200px\" />\n                                </template>\n                                <img\n                                    :src=\"ftImages[idx].imgUrl\"\n                                    style=\"height: 600px; width: 720px\"\n                                />\n                            </a-popover>\n                            <div class=\"bottom clear-fix\">\n                                <span class=\"ft-title\">#{{ idx + 1 }} {{ ft.title }}</span>\n                                <a-button\n                                    type=\"text\"\n                                    class=\"right-button\"\n                                    @click=\"loadFormTemplate(ft.jsonUrl)\"\n                                >\n                                    {{ i18nt('designer.hint.loadFormTemplate') }}\n                                </a-button>\n                            </div>\n                        </a-card>\n                    </template>\n                </a-tab-pane>\n            </a-tabs>\n        </div>\n    </div>\n</template>\n\n<script>\n    import SvgIcon from '@/components/svg-icon';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import {\n        containers as CONS,\n        basicFields as BFS,\n        advancedFields as AFS,\n        customFields as CFS,\n        businessFields as BUFS\n    } from './widgetsConfig';\n    import { formTemplates } from './templatesConfig';\n    import { addWindowResizeHandler, generateId } from '@/utils/util';\n    import i18n from '@/utils/i18n';\n    import axios from 'axios';\n\n    import { TpfConfirm } from '@/hooks/TpfConfirm';\n\n    export default {\n        name: 'FieldPanel',\n        mixins: [i18n],\n        components: { SvgIcon, Draggable },\n        props: {\n            designer: Object\n        },\n        inject: ['getBannedWidgets', 'getDesignerConfig'],\n        data() {\n            return {\n                designerConfig: this.getDesignerConfig(),\n\n                firstTab: 'componentLib',\n\n                scrollerHeight: 0,\n\n                activeNames: [\n                    'containerTitle',\n                    'basicFieldTitle',\n                    'advancedFieldTitle',\n                    'yyzj',\n                    'customFieldTitle'\n                ],\n\n                containers: [],\n                basicFields: [],\n                advancedFields: [],\n                customFields: [],\n                businessFields: [],\n\n                formTemplates: formTemplates,\n                ftImages: []\n            };\n        },\n        computed: {\n            //\n        },\n        created() {\n            this.loadWidgets();\n        },\n        mounted() {\n            //this.loadWidgets()\n\n            this.scrollerHeight = window.innerHeight - 56 + 'px';\n            addWindowResizeHandler(() => {\n                this.$nextTick(() => {\n                    this.scrollerHeight = window.innerHeight - 56 + 'px';\n                    //console.log(this.scrollerHeight)\n                });\n            });\n        },\n        methods: {\n            isBanned(wName) {\n                return this.getBannedWidgets().indexOf(wName) > -1;\n            },\n\n            showFormTemplates() {\n                if (this.designerConfig['formTemplates'] === undefined) {\n                    return true;\n                }\n\n                return !!this.designerConfig['formTemplates'];\n            },\n\n            loadWidgets() {\n                this.containers = CONS.map(con => {\n                    return {\n                        key: generateId(),\n                        ...con,\n                        displayName: this.i18n2t(\n                            `designer.widgetLabel.${con.type}`,\n                            `extension.widgetLabel.${con.type}`\n                        )\n                    };\n                }).filter(con => {\n                    return !con.internal && !this.isBanned(con.type);\n                });\n\n                this.basicFields = BFS.map(fld => {\n                    return {\n                        key: generateId(),\n                        ...fld,\n                        displayName: this.i18n2t(\n                            `designer.widgetLabel.${fld.type}`,\n                            `extension.widgetLabel.${fld.type}`\n                        )\n                    };\n                }).filter(fld => {\n                    return !this.isBanned(fld.type);\n                });\n\n                this.advancedFields = AFS.map(fld => {\n                    return {\n                        key: generateId(),\n                        ...fld,\n                        displayName: this.i18n2t(\n                            `designer.widgetLabel.${fld.type}`,\n                            `extension.widgetLabel.${fld.type}`\n                        )\n                    };\n                }).filter(fld => {\n                    return !this.isBanned(fld.type);\n                });\n\n                this.customFields = CFS.map(fld => {\n                    return {\n                        key: generateId(),\n                        ...fld,\n                        displayName: this.i18n2t(\n                            `designer.widgetLabel.${fld.type}`,\n                            `extension.widgetLabel.${fld.type}`\n                        )\n                    };\n                }).filter(fld => {\n                    return !this.isBanned(fld.type);\n                });\n                this.businessFields = BUFS.map(fld => {\n                    return {\n                        key: generateId(),\n                        ...fld,\n                        displayName: this.i18n2t(\n                            `designer.widgetLabel.${fld.type}`,\n                            `extension.widgetLabel.${fld.type}`\n                        )\n                    };\n                }).filter(fld => {\n                    return !this.isBanned(fld.type);\n                });\n            },\n\n            handleContainerWidgetClone(origin) {\n                return this.designer.copyNewContainerWidget(origin);\n            },\n\n            handleFieldWidgetClone(origin) {\n                return this.designer.copyNewFieldWidget(origin);\n            },\n\n            /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */\n            checkContainerMove(evt) {\n                return this.designer.checkWidgetMove(evt);\n            },\n\n            /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */\n            checkFieldMove(evt) {\n                return this.designer.checkFieldMove(evt);\n            },\n\n            onContainerDragEnd(evt) {\n                //console.log('Drag end of container: ')\n                //console.log(evt)\n            },\n\n            addContainerByDbClick(container) {\n                this.designer.addContainerByDbClick(container);\n            },\n\n            addFieldByDbClick(widget) {\n                this.designer.addFieldByDbClick(widget);\n            },\n\n            loadFormTemplate(jsonUrl) {\n                TpfConfirm({\n                    type: 'confirm',\n                    content: this.i18nt('designer.setting.loadFormTemplateHint'),\n                    title: this.i18nt('render.hint.prompt'),\n                    okText: this.i18nt('render.hint.confirm'),\n                    cancelText: this.i18nt('render.hint.cancel')\n                })\n                    .then(() => {\n                        axios\n                            .get(jsonUrl)\n                            .then(res => {\n                                let modifiedFlag = false;\n                                if (typeof res.data === 'string') {\n                                    modifiedFlag = this.designer.loadFormJson(JSON.parse(res.data));\n                                } else if (res.data.constructor === Object) {\n                                    modifiedFlag = this.designer.loadFormJson(res.data);\n                                }\n                                if (modifiedFlag) {\n                                    this.designer.emitHistoryChange();\n                                }\n\n                                this.$message.success(\n                                    this.i18nt('designer.hint.loadFormTemplateSuccess')\n                                );\n                            })\n                            .catch(error => {\n                                this.$message.error(\n                                    this.i18nt('designer.hint.loadFormTemplateFailed') + ':' + error\n                                );\n                            });\n                    })\n                    .catch(error => {\n                        console.error(error);\n                    });\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .color-svg-icon {\n        color: var(--ant-primary-4);\n    }\n\n    div.panel-container {\n        :deep(.ant-tabs-nav) {\n            margin-bottom: 0;\n            height: 42px;\n        }\n    }\n\n    .no-bottom-margin :deep(.ant-collapse-header) {\n        margin-bottom: 0;\n        padding: 8px !important;\n    }\n\n    .indent-left-margin {\n        :deep(.ant-tabs-nav) {\n            margin-left: 20px;\n        }\n    }\n    .ant-collapse-item :deep(ul) > li {\n        list-style: none;\n    }\n\n    .widget-collapse {\n        border-top-width: 0;\n\n        :deep(.ant-collapse-content) {\n            > .ant-collapse-content-box {\n                padding: 4px;\n            }\n\n            ul {\n                padding: 0;\n                margin: 0;\n                margin-block-start: 0;\n                margin-block-end: 0.1em;\n                display: flex;\n                flex-wrap: wrap;\n                gap: 4px;\n\n                &:after {\n                    content: '';\n                    display: block;\n                    clear: both;\n                }\n\n                .container-widget-item,\n                .field-widget-item {\n                    width: calc(50% - 2px);\n                    padding: 6px 8px;\n                    border-radius: 6px;\n                    cursor: move;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    overflow: hidden;\n                    background: #f5f7fa;\n                    border: 1px solid #e4e7ed;\n                    transition: all 0.3s ease;\n                    display: flex;\n                    align-items: center;\n                    gap: 4px;\n\n                    .svg-icon {\n                        font-size: 16px;\n                    }\n\n                    &:hover {\n                        background: #ecf5ff;\n                        border-color: var(--ant-primary-4);\n                        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n                        transform: translateY(-1px);\n                    }\n                }\n\n                .drag-handler {\n                    position: absolute;\n                    top: 0;\n                    left: 160px;\n                    background-color: #dddddd;\n                    border-radius: 5px;\n                    padding-right: 5px;\n                    font-size: 11px;\n                    color: #666666;\n                }\n            }\n        }\n    }\n\n    .ft-card {\n        margin-bottom: 10px;\n\n        .bottom {\n            margin-top: 10px;\n            line-height: 12px;\n        }\n\n        .ft-title {\n            font-size: 13px;\n            font-weight: bold;\n        }\n\n        .right-button {\n            padding: 0;\n            float: right;\n        }\n\n        .clear-fix:before,\n        .clear-fix:after {\n            display: table;\n            content: '';\n        }\n\n        .clear-fix:after {\n            clear: both;\n        }\n    }\n    .ant-collapse {\n        border: none;\n    }\n    .ant-collapse > .ant-collapse-item {\n        border-bottom: none;\n    }\n    .side-scroll-bar {\n        height: 100%;\n        overflow: auto;\n\n        .panel-container {\n            height: 100%;\n            overflow: auto;\n            & > .ant-tabs {\n                height: 100%;\n                overflow: auto;\n                display: flex;\n                flex-direction: column;\n                :deep(.ant-tabs-content-holder) {\n                    flex: 1 0 0;\n                    overflow: auto;\n                }\n            }\n        }\n    }\n</style>\n"],"names":["_sfc_main","i18n","SvgIcon","Draggable","formTemplates","addWindowResizeHandler","wName","CONS","con","generateId","BFS","fld","AFS","CFS","BUFS","origin","evt","container","widget","jsonUrl","TpfConfirm","axios","res","modifiedFlag","error","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_a_tabs","$data","$event","_component_a_tab_pane","_component_svg_icon","_createTextVNode","_ctx","_component_a_collapse","_component_a_collapse_panel","_component_draggable","$options","_withCtx","ctn","_toDisplayString","_createBlock"],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+const s = [
+  {
+    title: "单列表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t1.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json1.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "多列表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t2.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json2.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "分组表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t3.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json3.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "标签页表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t4.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json4.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "主从表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t5.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json5.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "响应式表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t6.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json6.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "问卷调查表",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t7.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json7.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "固定表格表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t8.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json8.txt",
+    description: "表单模板详细说明..."
+  }
+];
+export {
+  s as formTemplates
+};
+//# sourceMappingURL=templatesConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"templatesConfig.js","sources":["../../../../../src/components/form-designer/widget-panel/templatesConfig.js"],"sourcesContent":["export const formTemplates = [\n  {\n    title: '单列表单',\n    imgUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t1.png',\n    jsonUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json1.txt',\n    description: '表单模板详细说明...'\n  },\n\n  {\n    title: '多列表单',\n    imgUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t2.png',\n    jsonUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json2.txt',\n    description: '表单模板详细说明...'\n  },\n\n  {\n    title: '分组表单',\n    imgUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t3.png',\n    jsonUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json3.txt',\n    description: '表单模板详细说明...'\n  },\n\n  {\n    title: '标签页表单',\n    imgUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t4.png',\n    jsonUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json4.txt',\n    description: '表单模板详细说明...'\n  },\n\n  {\n    title: '主从表单',\n    imgUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t5.png',\n    jsonUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json5.txt',\n    description: '表单模板详细说明...'\n  },\n\n  {\n    title: '响应式表单',\n    imgUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t6.png',\n    jsonUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json6.txt',\n    description: '表单模板详细说明...'\n  },\n\n  {\n    title: '问卷调查表',\n    imgUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t7.png',\n    jsonUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json7.txt',\n    description: '表单模板详细说明...'\n  },\n\n  {\n    title: '固定表格表单',\n    imgUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t8.png',\n    jsonUrl: 'https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json8.txt',\n    description: '表单模板详细说明...'\n  }\n];\n"],"names":["formTemplates"],"mappings":"AAAY,MAACA,IAAgB;AAAA,EAC3B;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,aAAa;AAAA,EACjB;AAAA,EAEE;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,aAAa;AAAA,EACjB;AAAA,EAEE;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,aAAa;AAAA,EACjB;AAAA,EAEE;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,aAAa;AAAA,EACjB;AAAA,EAEE;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,aAAa;AAAA,EACjB;AAAA,EAEE;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,aAAa;AAAA,EACjB;AAAA,EAEE;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,aAAa;AAAA,EACjB;AAAA,EAEE;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,aAAa;AAAA,EACjB;AACA;"}

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

@@ -0,0 +1,29 @@
+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);
+}
+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
+};
+//# sourceMappingURL=widgetsConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widgetsConfig.js","sources":["../../../../../src/components/form-designer/widget-panel/widgetsConfig.js"],"sourcesContent":["import { basicFieldsEnums } from './basicFieldsEnums';\nimport { businessFieldsEnums } from './businessFieldsEnums';\nimport { containersEnums } from './containersEnums';\nimport { advancedFieldsEnums } from './advancedFieldsEnums';\n\nexport const containers = Object.values(containersEnums).map(fn => fn());\n\nexport const basicFields = Object.values(basicFieldsEnums).map(fn => fn());\n\nexport const businessFields = Object.values(businessFieldsEnums).map(fn => fn());\nexport const advancedFields = Object.values(advancedFieldsEnums).map(fn => fn());\n\nexport const customFields = [];\n\nexport function addContainerWidgetSchema(containerSchema) {\n  containers.push(containerSchema);\n}\n\nexport function addBasicFieldSchema(fieldSchema) {\n  basicFields.push(fieldSchema);\n}\n\nexport function addAdvancedFieldSchema(fieldSchema) {\n  advancedFields.push(fieldSchema);\n}\n\nexport function addCustomWidgetSchema(widgetSchema) {\n  customFields.push(widgetSchema);\n}\n"],"names":["containers","containersEnums","fn","basicFields","basicFieldsEnums","businessFields","businessFieldsEnums","advancedFields","advancedFieldsEnums","customFields","addContainerWidgetSchema","containerSchema","addBasicFieldSchema","fieldSchema","addAdvancedFieldSchema","addCustomWidgetSchema","widgetSchema"],"mappings":";;;;AAKY,MAACA,IAAa,OAAO,OAAOC,CAAe,EAAE,IAAI,CAAAC,MAAMA,EAAE,CAAE,GAE1DC,IAAc,OAAO,OAAOC,CAAgB,EAAE,IAAI,CAAAF,MAAMA,EAAE,CAAE,GAE5DG,IAAiB,OAAO,OAAOC,CAAmB,EAAE,IAAI,CAAAJ,MAAMA,EAAE,CAAE,GAClEK,IAAiB,OAAO,OAAOC,CAAmB,EAAE,IAAI,CAAAN,MAAMA,EAAE,CAAE,GAElEO,IAAe,CAAA;AAErB,SAASC,EAAyBC,GAAiB;AACxD,EAAAX,EAAW,KAAKW,CAAe;AACjC;AAEO,SAASC,EAAoBC,GAAa;AAC/C,EAAAV,EAAY,KAAKU,CAAW;AAC9B;AAEO,SAASC,EAAuBD,GAAa;AAClD,EAAAN,EAAe,KAAKM,CAAW;AACjC;AAEO,SAASE,EAAsBC,GAAc;AAClD,EAAAP,EAAa,KAAKO,CAAY;AAChC;"}

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

@@ -0,0 +1,86 @@
+import { defineComponent as S, ref as m, computed as a, resolveComponent as B, createBlock as u, openBlock as r, withCtx as s, createCommentVNode as k, createTextVNode as v, toDisplayString as C } from "vue";
+import { useI18n as L } from "../../utils/i18n.js";
+const W = /* @__PURE__ */ S({
+  __name: "SubmitButtonRender",
+  props: {
+    goBack: { type: Function },
+    deleteWrapperNode: { type: Function },
+    handleBeforeClose: { type: Function },
+    options: {},
+    ctx: {}
+  },
+  emits: ["update:dialogVisible"],
+  setup(g, { emit: _ }) {
+    const e = g, y = _, l = m(!1), c = m(!1), { i18nt: d } = L(), i = a(() => (e == null ? void 0 : e.options) ?? {}), h = a(() => i.value.cancelButtonHidden != null ? i.value.cancelButtonHidden === 0 : 0), b = a(() => i.value.okButtonHidden != null ? i.value.okButtonHidden === 0 : 0), x = a(
+      () => {
+        var t;
+        return ((t = e.options) == null ? void 0 : t.cancelButtonLabel) || d("designer.hint.cancel");
+      }
+    ), w = a(
+      () => {
+        var t;
+        return ((t = e.options) == null ? void 0 : t.okButtonLabel) || d("designer.hint.confirm");
+      }
+    ), f = async (t, n) => n ? (console.log("functionBody", n), await new Function(n).call(t)) : !0, p = () => {
+      y("update:dialogVisible", !1), e.deleteWrapperNode && setTimeout(e.deleteWrapperNode, 150);
+    }, F = async () => {
+      var t, n;
+      if (!c.value)
+        try {
+          if (c.value = !0, e.handleBeforeClose && !((t = e == null ? void 0 : e.handleBeforeClose) != null && t.call(e)) || await f(
+            e.ctx,
+            (n = e.options) == null ? void 0 : n.onCancelButtonClick
+          ) === !1) return;
+          e.goBack ? e.goBack() : p();
+        } catch (o) {
+          console.error("取消操作失败:", o);
+        } finally {
+          c.value = !1;
+        }
+    }, H = async () => {
+      var t;
+      if (!l.value)
+        try {
+          if (l.value = !0, await f(e.ctx, (t = e.options) == null ? void 0 : t.onOkButtonClick) === !1) return;
+          p();
+        } catch (n) {
+          console.error("提交操作失败:", n);
+        } finally {
+          l.value = !1;
+        }
+    };
+    return (t, n) => {
+      const o = B("a-button"), N = B("a-space");
+      return r(), u(N, { x: 8 }, {
+        default: s(() => [
+          h.value ? (r(), u(o, {
+            key: "cancelButtonHidden",
+            loading: c.value,
+            onClick: F
+          }, {
+            default: s(() => [
+              v(C(x.value), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : k("", !0),
+          b.value ? (r(), u(o, {
+            type: "primary",
+            key: "okButtonHidden",
+            loading: l.value,
+            onClick: H
+          }, {
+            default: s(() => [
+              v(C(w.value), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : k("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  W as default
+};
+//# sourceMappingURL=SubmitButtonRender.vue.js.map