@kp-ui/lowcode 1.0.25 → 1.0.27

package/src/components/form-designer/form-widget/container-widget/vf-drawer-widget.vue.js

@@ -1,18 +1,18 @@
-import w from "../../../../utils/i18n.js";
-import h from "../../refMixinDesign.js";
-import f from "../field-widget/index.js";
-import p from "./container-wrapper.vue.js";
-import { resolveComponent as g, createBlock as s, openBlock as d, withCtx as o, createElementBlock as L, withModifiers as x, normalizeClass as v, createVNode as D, mergeProps as C, createElementVNode as u, resolveDynamicComponent as l } from "vue";
+import i18n from "../../../../utils/i18n.js";
+import refMixinDesign from "../../refMixinDesign.js";
+import comps from "../field-widget/index.js";
+import ContainerWrapper from "./container-wrapper.vue.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
 /* empty css                      */
-import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const k = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "vf-drawer-widget",
   componentName: "VfDialogWidget",
-  mixins: [w, h],
+  mixins: [i18n, refMixinDesign],
   inject: ["refList"],
   components: {
-    ContainerWrapper: p,
-    ...f
+    ContainerWrapper,
+    ...comps
   },
   props: {
     widget: Object,
@@ -38,23 +38,32 @@ const k = {
     this.initRefList();
   },
   methods: {
-    onDrawerDragEnd(t, n) {
+    onDrawerDragEnd(evt, subList) {
     },
-    onDrawerDragAdd(t, n) {
-      const e = t.newIndex;
-      n[e] && this.designer.setSelected(n[e]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
+    onDrawerDragAdd(evt, subList) {
+      const newIndex = evt.newIndex;
+      if (!!subList[newIndex]) {
+        this.designer.setSelected(subList[newIndex]);
+      }
+      this.designer.emitHistoryChange();
+      this.designer.emitEvent("field-selected", this.widget);
     },
     onDrawerDragUpdate() {
       this.designer.emitHistoryChange();
     },
-    selectWidget(t) {
-      console.log("id: " + t.id), this.designer.setSelected(t);
+    selectWidget(widget) {
+      console.log("id: " + widget.id);
+      this.designer.setSelected(widget);
     },
-    checkContainerMove(t) {
-      return this.designer.checkWidgetMove(t);
+    checkContainerMove(evt) {
+      return this.designer.checkWidgetMove(evt);
     },
     selectParentWidget() {
-      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+      if (this.parentWidget) {
+        this.designer.setSelected(this.parentWidget);
+      } else {
+        this.designer.clearSelected();
+      }
     },
     moveUpWidget() {
       this.designer.moveUpWidget(this.parentList, this.indexOfParentList);
@@ -63,57 +72,70 @@ const k = {
       this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
     },
     removeWidget() {
-      if (this.parentList) {
-        let t = null;
-        this.parentList.length === 1 ? this.parentWidget && (t = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? t = this.parentList[this.indexOfParentList - 1] : t = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
-          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(t), this.designer.emitHistoryChange();
+      if (!!this.parentList) {
+        let nextSelected = null;
+        if (this.parentList.length === 1) {
+          if (!!this.parentWidget) {
+            nextSelected = this.parentWidget;
+          }
+        } else if (this.parentList.length === 1 + this.indexOfParentList) {
+          nextSelected = this.parentList[this.indexOfParentList - 1];
+        } else {
+          nextSelected = this.parentList[this.indexOfParentList + 1];
+        }
+        this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1);
+          this.designer.setSelected(nextSelected);
+          this.designer.emitHistoryChange();
         });
       }
     }
   }
-}, y = { class: "vf-drawer-drop-zone" };
-function W(t, n, e, O, P, r) {
-  const c = g("draggable"), m = g("container-wrapper");
-  return d(), s(m, {
-    designer: e.designer,
-    widget: e.widget,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList
+};
+const _hoisted_1 = { class: "vf-drawer-drop-zone" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_draggable = resolveComponent("draggable");
+  const _component_container_wrapper = resolveComponent("container-wrapper");
+  return openBlock(), createBlock(_component_container_wrapper, {
+    designer: $props.designer,
+    widget: $props.widget,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList
   }, {
-    default: o(() => [
-      (d(), L("div", {
-        class: v(["drawer-container", [r.selected ? "selected" : "", r.customClass]]),
-        key: e.widget.id,
-        onClick: n[2] || (n[2] = x((i) => r.selectWidget(e.widget), ["stop"]))
+    default: withCtx(() => [
+      (openBlock(), createElementBlock("div", {
+        class: normalizeClass(["drawer-container", [$options.selected ? "selected" : "", $options.customClass]]),
+        key: $props.widget.id,
+        onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
       }, [
-        D(c, C({
-          list: e.widget.widgetList,
+        createVNode(_component_draggable, mergeProps({
+          list: $props.widget.widgetList,
           "item-key": "id"
         }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
           handle: ".drag-handler",
-          onEnd: n[0] || (n[0] = (i) => r.onDrawerDragEnd(i, e.widget.widgetList)),
-          onAdd: n[1] || (n[1] = (i) => r.onDrawerDragAdd(i, e.widget.widgetList)),
-          onUpdate: r.onDrawerDragUpdate,
-          move: r.checkContainerMove
+          onEnd: _cache[0] || (_cache[0] = (evt) => $options.onDrawerDragEnd(evt, $props.widget.widgetList)),
+          onAdd: _cache[1] || (_cache[1] = (evt) => $options.onDrawerDragAdd(evt, $props.widget.widgetList)),
+          onUpdate: $options.onDrawerDragUpdate,
+          move: $options.checkContainerMove
         }), {
-          item: o(({ element: i, index: a }) => [
-            u("div", y, [
-              i.category === "container" ? (d(), s(l(i.type + "-widget"), {
-                widget: i,
-                designer: e.designer,
-                key: i.id,
-                "parent-list": e.widget.widgetList,
-                "index-of-parent-list": a,
-                "parent-widget": e.widget
-              }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (d(), s(l(i.type + "-widget"), {
-                field: i,
-                designer: e.designer,
-                key: i.id,
-                "parent-list": e.widget.widgetList,
-                "index-of-parent-list": a,
-                "parent-widget": e.widget,
-                "design-state": !0
+          item: withCtx(({ element: subWidget, index: swIdx }) => [
+            createElementVNode("div", _hoisted_1, [
+              "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
+                widget: subWidget,
+                designer: $props.designer,
+                key: subWidget.id,
+                "parent-list": $props.widget.widgetList,
+                "index-of-parent-list": swIdx,
+                "parent-widget": $props.widget
+              }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
+                field: subWidget,
+                designer: $props.designer,
+                key: subWidget.id,
+                "parent-list": $props.widget.widgetList,
+                "index-of-parent-list": swIdx,
+                "parent-widget": $props.widget,
+                "design-state": true
               }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
             ])
           ]),
@@ -124,7 +146,7 @@ function W(t, n, e, O, P, r) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const B = /* @__PURE__ */ _(k, [["render", W], ["__scopeId", "data-v-20e0629d"]]);
+const vfDrawerWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-20e0629d"]]);
 export {
-  B as default
+  vfDrawerWidget as default
 };

package/src/components/form-designer/form-widget/field-widget/attachment-render-widget.vue.js

@@ -1,15 +1,17 @@
-import d from "./form-item-wrapper.vue.js";
-import l from "../../../../utils/emitter.js";
-import s from "../../../../utils/i18n.js";
-import m from "./fieldMixin.js";
-import { resolveComponent as a, createBlock as f, createCommentVNode as i, openBlock as n, withCtx as u, createElementVNode as c, createElementBlock as p } from "vue";
+import FormItemWrapper from "./form-item-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import fieldMixin from "./fieldMixin.js";
+import { useCustomRender } from "../../../CustomRender/index.js";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createElementVNode, createElementBlock, resolveDynamicComponent } from "vue";
 /* empty css                              */
-import b from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const g = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+useCustomRender();
+const _sfc_main = {
   name: "attachment-render-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [l, m, s],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -18,7 +20,7 @@ const g = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -37,7 +39,7 @@ const g = {
     }
   },
   components: {
-    FormItemWrapper: d
+    FormItemWrapper
   },
   data() {
     return {
@@ -52,7 +54,11 @@ const g = {
   beforeCreate() {
   },
   created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+    this.registerToRefList();
+    this.initFieldModel();
+    this.initEventHandler();
+    this.buildFieldRules();
+    this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
@@ -61,43 +67,49 @@ const g = {
     this.unregisterFromRefList();
   },
   watch: {
-    fieldModel(t) {
-      t && this.preview(t);
+    fieldModel(val) {
+      if (val) {
+        this.preview(val);
+      }
     }
   },
   methods: {
-    preview(t) {
-      console.log({ json: t });
+    preview(json) {
+      console.log({ json });
     }
   }
-}, h = {
+};
+const _hoisted_1 = {
   ref: "fieldEditor",
   class: "t-w-full"
-}, w = { key: 0 };
-function _(t, x, e, F, r, I) {
-  const o = a("form-item-wrapper");
-  return t.handleHidden() ? i("", !0) : (n(), f(o, {
+};
+const _hoisted_2 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
+  return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
     key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: r.rules,
-    "design-state": e.designState,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList,
-    "sub-form-row-index": e.subFormRowIndex,
-    "sub-form-col-index": e.subFormColIndex,
-    "sub-form-row-id": e.subFormRowId
+    designer: $props.designer,
+    field: $props.field,
+    rules: $data.rules,
+    "design-state": $props.designState,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList,
+    "sub-form-row-index": $props.subFormRowIndex,
+    "sub-form-col-index": $props.subFormColIndex,
+    "sub-form-row-id": $props.subFormRowId
   }, {
-    default: u(() => [
-      c("div", h, [
-        r.fieldModel && r.fieldModel.length ? (n(), p("div", w)) : i("", !0)
+    default: withCtx(() => [
+      createElementVNode("div", _hoisted_1, [
+        $data.fieldModel && $data.fieldModel.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderCompontent("AttachmentRender")), { data: $data.fieldModel }, null, 8, ["data"]))
+        ])) : createCommentVNode("", true)
       ], 512)
     ]),
     _: 1
-  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"])) : createCommentVNode("", true);
 }
-const N = /* @__PURE__ */ b(g, [["render", _], ["__scopeId", "data-v-34c5a49b"]]);
+const attachmentRenderWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1cefed8b"]]);
 export {
-  N as default
+  attachmentRenderWidget as default
 };

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue.js

@@ -1,16 +1,16 @@
-import d from "./form-item-wrapper.vue.js";
-import s from "../../../../utils/emitter.js";
-import l from "../../../../utils/i18n.js";
-import m from "./fieldMixin.js";
-import a from "../../../../../node_modules/.pnpm/bpmn-js@13.2.0/node_modules/bpmn-js/lib/Viewer.js";
-import { resolveComponent as f, createBlock as u, createCommentVNode as p, openBlock as c, withCtx as b, createElementVNode as h } from "vue";
+import FormItemWrapper from "./form-item-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import fieldMixin from "./fieldMixin.js";
+import BpmnViewer from "bpmn-js/lib/Viewer";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createElementVNode } from "vue";
 /* empty css                        */
-import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const g = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "bpmn-editor-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [s, m, l],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -19,7 +19,7 @@ const g = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -38,7 +38,7 @@ const g = {
     }
   },
   components: {
-    FormItemWrapper: d
+    FormItemWrapper
   },
   data() {
     return {
@@ -53,7 +53,11 @@ const g = {
   beforeCreate() {
   },
   created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+    this.registerToRefList();
+    this.initFieldModel();
+    this.initEventHandler();
+    this.buildFieldRules();
+    this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
@@ -62,45 +66,60 @@ const g = {
     this.unregisterFromRefList();
   },
   watch: {
-    fieldModel(t) {
-      t ? this.preview(t) : this.bpmnModeler && this.bpmnModeler.destroy && this.bpmnModeler.destroy();
+    fieldModel(val) {
+      if (val) {
+        this.preview(val);
+      } else {
+        if (this.bpmnModeler && this.bpmnModeler.destroy) {
+          this.bpmnModeler.destroy();
+        }
+      }
     }
   },
   methods: {
-    preview(t) {
-      this.bpmnModeler && this.bpmnModeler.destroy && this.bpmnModeler.destroy(), this.bpmnModeler = new a({ container: this.$refs.fieldEditor });
-      const r = this.bpmnModeler;
-      this.bpmnModeler.importXML(t, (e) => {
-        e ? console.error(e) : r.get("canvas").zoom("fit-viewport");
+    preview(xml) {
+      if (this.bpmnModeler && this.bpmnModeler.destroy) {
+        this.bpmnModeler.destroy();
+      }
+      this.bpmnModeler = new BpmnViewer({ container: this.$refs.fieldEditor });
+      const viewer = this.bpmnModeler;
+      this.bpmnModeler.importXML(xml, (err) => {
+        if (err) {
+          console.error(err);
+        } else {
+          const canvas = viewer.get("canvas");
+          canvas.zoom("fit-viewport");
+        }
       });
     }
   }
-}, x = {
+};
+const _hoisted_1 = {
   ref: "fieldEditor",
   class: "t-w-full t-h-[30vh]"
 };
-function M(t, r, e, i, o, _) {
-  const n = f("form-item-wrapper");
-  return t.handleHidden() ? p("", !0) : (c(), u(n, {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
+  return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
     key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: o.rules,
-    "design-state": e.designState,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList,
-    "sub-form-row-index": e.subFormRowIndex,
-    "sub-form-col-index": e.subFormColIndex,
-    "sub-form-row-id": e.subFormRowId
+    designer: $props.designer,
+    field: $props.field,
+    rules: $data.rules,
+    "design-state": $props.designState,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList,
+    "sub-form-row-index": $props.subFormRowIndex,
+    "sub-form-col-index": $props.subFormColIndex,
+    "sub-form-row-id": $props.subFormRowId
   }, {
-    default: b(() => [
-      h("div", x, null, 512)
+    default: withCtx(() => [
+      createElementVNode("div", _hoisted_1, null, 512)
     ]),
     _: 1
-  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"])) : createCommentVNode("", true);
 }
-const N = /* @__PURE__ */ w(g, [["render", M], ["__scopeId", "data-v-0534b070"]]);
+const bpmnEditorWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0534b070"]]);
 export {
-  N as default
+  bpmnEditorWidget as default
 };

package/src/components/form-designer/form-widget/field-widget/button-widget.vue.js

@@ -1,16 +1,16 @@
-import f from "./static-content-wrapper.vue.js";
-import m from "../../../../utils/emitter.js";
-import c from "../../../../utils/i18n.js";
-import u from "./fieldMixin.js";
-import g from "../../../svg-icon/index.vue.js";
-import { resolveComponent as i, createBlock as n, createCommentVNode as o, openBlock as d, withCtx as s, createVNode as b, normalizeClass as p, createTextVNode as h, toDisplayString as _ } from "vue";
+import StaticContentWrapper from "./static-content-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import fieldMixin from "./fieldMixin.js";
+import SvgIcon from "../../../svg-icon/index.vue.js";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
 /* empty css                   */
-import y from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const x = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "button-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [m, u, c],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -19,7 +19,7 @@ const x = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -38,14 +38,16 @@ const x = {
     }
   },
   components: {
-    StaticContentWrapper: f,
-    SvgIcon: g
+    StaticContentWrapper,
+    SvgIcon
   },
   computed: {},
   beforeCreate() {
   },
   created() {
-    this.registerToRefList(), this.initEventHandler(), this.handleOnCreated();
+    this.registerToRefList();
+    this.initEventHandler();
+    this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
@@ -55,48 +57,50 @@ const x = {
   },
   methods: {}
 };
-function w(t, C, e, F, I, k) {
-  const a = i("svg-icon"), r = i("a-button"), l = i("static-content-wrapper");
-  return t.handleHidden() ? o("", !0) : (d(), n(l, {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_svg_icon = resolveComponent("svg-icon");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_static_content_wrapper = resolveComponent("static-content-wrapper");
+  return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_static_content_wrapper, {
     key: 0,
-    designer: e.designer,
-    field: e.field,
-    "design-state": e.designState,
-    "display-style": e.field.options.displayStyle,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList,
-    "sub-form-row-index": e.subFormRowIndex,
-    "sub-form-col-index": e.subFormColIndex,
-    "sub-form-row-id": e.subFormRowId
+    designer: $props.designer,
+    field: $props.field,
+    "design-state": $props.designState,
+    "display-style": $props.field.options.displayStyle,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList,
+    "sub-form-row-index": $props.subFormRowIndex,
+    "sub-form-col-index": $props.subFormColIndex,
+    "sub-form-row-id": $props.subFormRowId
   }, {
-    default: s(() => [
-      b(r, {
+    default: withCtx(() => [
+      createVNode(_component_a_button, {
         ref: "fieldEditor",
-        type: e.field.options.type,
-        size: e.field.options.size,
-        class: p([e.field.options.label === "" ? "hide-text-span" : "", "tpf-button"]),
-        shape: e.field.options.shape,
-        danger: e.field.options.danger,
-        ghost: e.field.options.ghost,
-        disabled: t.handleDisabled(),
-        loading: t.loading,
-        onClick: t.handleButtonWidgetClick
+        type: $props.field.options.type,
+        size: $props.field.options.size,
+        class: normalizeClass([$props.field.options.label === "" ? "hide-text-span" : "", "tpf-button"]),
+        shape: $props.field.options.shape,
+        danger: $props.field.options.danger,
+        ghost: $props.field.options.ghost,
+        disabled: _ctx.handleDisabled(),
+        loading: _ctx.loading,
+        onClick: _ctx.handleButtonWidgetClick
       }, {
-        default: s(() => [
-          e.field.options.icon ? (d(), n(a, {
+        default: withCtx(() => [
+          $props.field.options.icon ? (openBlock(), createBlock(_component_svg_icon, {
             key: 0,
-            "icon-class": e.field.options.icon
-          }, null, 8, ["icon-class"])) : o("", !0),
-          h(" " + _(e.field.options.label), 1)
+            "icon-class": $props.field.options.icon
+          }, null, 8, ["icon-class"])) : createCommentVNode("", true),
+          createTextVNode(" " + toDisplayString($props.field.options.label), 1)
         ]),
         _: 1
       }, 8, ["type", "size", "class", "shape", "danger", "ghost", "disabled", "loading", "onClick"])
     ]),
     _: 1
-  }, 8, ["designer", "field", "design-state", "display-style", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+  }, 8, ["designer", "field", "design-state", "display-style", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"])) : createCommentVNode("", true);
 }
-const B = /* @__PURE__ */ y(x, [["render", w], ["__scopeId", "data-v-74f07e57"]]);
+const buttonWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-74f07e57"]]);
 export {
-  B as default
+  buttonWidget as default
 };