@kp-ui/lowcode 1.0.25 → 1.0.26

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue.js

@@ -1,14 +1,14 @@
-import V from "../../../../../utils/i18n.js";
-import { generateId as F } from "../../../../../utils/util.js";
-import O from "../../../../code-editor/code-modal-editor.vue.js";
-import { TpfConfirm as D } from "../../../../../hooks/TpfConfirm.js";
-import { resolveComponent as s, createElementBlock as S, openBlock as k, Fragment as W, createVNode as e, withCtx as t, createBlock as j, createCommentVNode as H, createTextVNode as a, toDisplayString as v, mergeProps as L, normalizeClass as P, createElementVNode as w, pushScopeId as R, popScopeId as A } from "vue";
+import i18n from "../../../../../utils/i18n.js";
+import { generateId } from "../../../../../utils/util.js";
+import CodeModalEditor from "../../../../code-editor/code-modal-editor.vue.js";
+import { TpfConfirm } from "../../../../../hooks/TpfConfirm.js";
+import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode, toDisplayString, mergeProps, normalizeClass, createElementVNode, pushScopeId, popScopeId } from "vue";
 /* empty css                                         */
-import q from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const G = {
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "showButtonsColumn-editor",
-  mixins: [V],
-  components: { CodeModalEditor: O },
+  mixins: [i18n],
+  components: { CodeModalEditor },
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -16,126 +16,151 @@ const G = {
   },
   data() {
     return {
-      showButtonsEditDialog: !1,
+      showButtonsEditDialog: false,
       currentEditBtn: {}
     };
   },
   methods: {
-    editClickEvent(o) {
-      this.currentEditBtn = o, this.$refs.CodeModalEditorRef.open(o.onClick);
+    editClickEvent(row) {
+      this.currentEditBtn = row;
+      this.$refs.CodeModalEditorRef.open(row.onClick);
     },
     addOperationButton() {
-      this.optionModel.operationButtons = this.optionModel.operationButtons || [], this.optionModel.operationButtons.push({
-        name: "btn" + F(),
+      this.optionModel.operationButtons = this.optionModel.operationButtons || [];
+      this.optionModel.operationButtons.push({
+        name: "btn" + generateId(),
         label: "new btn",
         type: "text",
         size: "small",
         shape: "default",
-        hidden: !1,
-        disabled: !1,
+        hidden: false,
+        disabled: false,
         onClick: ""
       });
     },
-    onButtonNameFocus(o) {
-      this.oldButtonName = o.target.value;
+    onButtonNameFocus(event) {
+      this.oldButtonName = event.target.value;
     },
-    onButtonNameChange(o, l) {
-      let d = !1;
-      this.optionModel.operationButtons.map((b, m) => {
-        b.name === o && m !== l && (d = !0);
-      }), d && (this.$message.error(this.i18nt("designer.setting.operationButtonDuplicatedNameError")), this.optionModel.operationButtons[l].name = this.oldButtonName);
+    onButtonNameChange(newName, btnIdx) {
+      let sameNameFlag = false;
+      this.optionModel.operationButtons.map((tb, tbIdx) => {
+        if (tb.name === newName && tbIdx !== btnIdx) {
+          sameNameFlag = true;
+        }
+      });
+      if (sameNameFlag) {
+        this.$message.error(this.i18nt("designer.setting.operationButtonDuplicatedNameError"));
+        this.optionModel.operationButtons[btnIdx].name = this.oldButtonName;
+      }
     },
-    deleteOperationButton(o) {
-      D({
+    deleteOperationButton(idx) {
+      TpfConfirm({
         type: "confirm",
         content: this.i18nt("designer.setting.deleteOperationButtonHint"),
         title: this.i18nt("render.hint.prompt"),
         okText: this.i18nt("render.hint.confirm"),
         cancelText: this.i18nt("render.hint.cancel")
       }).then(() => {
-        this.optionModel.operationButtons.splice(o, 1);
-      }).catch((l) => {
+        this.optionModel.operationButtons.splice(idx, 1);
+      }).catch((error) => {
       });
     },
     editButtonsColumn() {
-      this.showButtonsEditDialog = !0;
+      this.showButtonsEditDialog = true;
     }
   }
-}, J = (o) => (R("data-v-dd00e485"), o = o(), A(), o), K = /* @__PURE__ */ J(() => /* @__PURE__ */ w("i", { class: "iconfont icon-drag drag-handler" }, null, -1)), Q = { class: "dialog-footer" };
-function X(o, l, d, b, m, f) {
-  const B = s("a-switch"), g = s("a-button"), M = s("a-space"), p = s("a-form-item"), C = s("a-input"), u = s("a-col"), E = s("a-input-number"), r = s("a-select-option"), _ = s("a-select"), h = s("a-row"), y = s("a-divider"), U = s("draggable"), N = s("a-form"), T = s("a-modal"), z = s("CodeModalEditor");
-  return k(), S(W, null, [
-    e(p, {
-      label: o.i18nt("designer.setting.showButtonsColumn")
+};
+const _withScopeId = (n) => (pushScopeId("data-v-dd00e485"), n = n(), popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-drag drag-handler" }, null, -1));
+const _hoisted_2 = { class: "dialog-footer" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_switch = resolveComponent("a-switch");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_space = resolveComponent("a-space");
+  const _component_a_form_item = resolveComponent("a-form-item");
+  const _component_a_input = resolveComponent("a-input");
+  const _component_a_col = resolveComponent("a-col");
+  const _component_a_input_number = resolveComponent("a-input-number");
+  const _component_a_select_option = resolveComponent("a-select-option");
+  const _component_a_select = resolveComponent("a-select");
+  const _component_a_row = resolveComponent("a-row");
+  const _component_a_divider = resolveComponent("a-divider");
+  const _component_draggable = resolveComponent("draggable");
+  const _component_a_form = resolveComponent("a-form");
+  const _component_a_modal = resolveComponent("a-modal");
+  const _component_CodeModalEditor = resolveComponent("CodeModalEditor");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_a_form_item, {
+      label: _ctx.i18nt("designer.setting.showButtonsColumn")
     }, {
-      default: t(() => [
-        e(M, null, {
-          default: t(() => [
-            e(B, {
-              checked: d.optionModel.showButtonsColumn,
-              "onUpdate:checked": l[0] || (l[0] = (n) => d.optionModel.showButtonsColumn = n)
+      default: withCtx(() => [
+        createVNode(_component_a_space, null, {
+          default: withCtx(() => [
+            createVNode(_component_a_switch, {
+              checked: $props.optionModel.showButtonsColumn,
+              "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => $props.optionModel.showButtonsColumn = $event)
             }, null, 8, ["checked"]),
-            d.optionModel.showButtonsColumn ? (k(), j(g, {
+            !!$props.optionModel.showButtonsColumn ? (openBlock(), createBlock(_component_a_button, {
               key: 0,
               type: "primary",
               shape: "round",
-              onClick: f.editButtonsColumn
+              onClick: $options.editButtonsColumn
             }, {
-              default: t(() => [
-                a(v(o.i18nt("designer.setting.editAction")), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.editAction")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])) : H("", !0)
+            }, 8, ["onClick"])) : createCommentVNode("", true)
           ]),
           _: 1
         })
       ]),
       _: 1
     }, 8, ["label"]),
-    e(T, {
-      title: o.i18nt("designer.setting.buttonsColumnEdit"),
-      visible: m.showButtonsEditDialog,
-      "onUpdate:visible": l[6] || (l[6] = (n) => m.showButtonsEditDialog = n),
-      "show-close": !0,
+    createVNode(_component_a_modal, {
+      title: _ctx.i18nt("designer.setting.buttonsColumnEdit"),
+      visible: $data.showButtonsEditDialog,
+      "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => $data.showButtonsEditDialog = $event),
+      "show-close": true,
       dialogClass: "drag-dialog",
       "append-to-body": "",
-      "close-on-click-modal": !1,
-      "close-on-press-escape": !1,
-      "destroy-on-close": !0,
+      "close-on-click-modal": false,
+      "close-on-press-escape": false,
+      "destroy-on-close": true,
       width: "1250px"
     }, {
-      footer: t(() => [
-        w("div", Q, [
-          e(g, {
+      footer: withCtx(() => [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_component_a_button, {
             size: "default",
-            onClick: l[5] || (l[5] = (n) => m.showButtonsEditDialog = !1)
+            onClick: _cache[5] || (_cache[5] = ($event) => $data.showButtonsEditDialog = false)
           }, {
-            default: t(() => [
-              a(v(o.i18nt("designer.hint.closePreview")), 1)
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
             ]),
             _: 1
           })
         ])
       ]),
-      default: t(() => [
-        e(N, {
+      default: withCtx(() => [
+        createVNode(_component_a_form, {
           "label-width": "110",
           layout: "horizontal",
-          model: d.optionModel
+          model: $props.optionModel
         }, {
-          default: t(() => [
-            e(h, { gutter: 8 }, {
-              default: t(() => [
-                e(u, { span: 11 }, {
-                  default: t(() => [
-                    e(p, {
+          default: withCtx(() => [
+            createVNode(_component_a_row, { gutter: 8 }, {
+              default: withCtx(() => [
+                createVNode(_component_a_col, { span: 11 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_form_item, {
                       name: "buttonsColumnTitle",
-                      label: o.i18nt("designer.setting.buttonsColumnTitle")
+                      label: _ctx.i18nt("designer.setting.buttonsColumnTitle")
                     }, {
-                      default: t(() => [
-                        e(C, {
-                          value: d.optionModel.buttonsColumnTitle,
-                          "onUpdate:value": l[1] || (l[1] = (n) => d.optionModel.buttonsColumnTitle = n)
+                      default: withCtx(() => [
+                        createVNode(_component_a_input, {
+                          value: $props.optionModel.buttonsColumnTitle,
+                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => $props.optionModel.buttonsColumnTitle = $event)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
@@ -143,16 +168,16 @@ function X(o, l, d, b, m, f) {
                   ]),
                   _: 1
                 }),
-                e(u, { span: 6 }, {
-                  default: t(() => [
-                    e(p, {
+                createVNode(_component_a_col, { span: 6 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_form_item, {
                       name: "buttonsColumnWidth",
-                      label: o.i18nt("designer.setting.buttonsColumnWidth")
+                      label: _ctx.i18nt("designer.setting.buttonsColumnWidth")
                     }, {
-                      default: t(() => [
-                        e(E, {
-                          value: d.optionModel.buttonsColumnWidth,
-                          "onUpdate:value": l[2] || (l[2] = (n) => d.optionModel.buttonsColumnWidth = n)
+                      default: withCtx(() => [
+                        createVNode(_component_a_input_number, {
+                          value: $props.optionModel.buttonsColumnWidth,
+                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => $props.optionModel.buttonsColumnWidth = $event)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
@@ -160,29 +185,29 @@ function X(o, l, d, b, m, f) {
                   ]),
                   _: 1
                 }),
-                e(u, { span: 5 }, {
-                  default: t(() => [
-                    e(p, {
+                createVNode(_component_a_col, { span: 5 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_form_item, {
                       name: "buttonsColumnFixed",
-                      label: o.i18nt("designer.setting.fixedColumn")
+                      label: _ctx.i18nt("designer.setting.fixedColumn")
                     }, {
-                      default: t(() => [
-                        e(_, {
-                          value: d.optionModel.buttonsColumnFixed,
-                          "onUpdate:value": l[3] || (l[3] = (n) => d.optionModel.buttonsColumnFixed = n),
+                      default: withCtx(() => [
+                        createVNode(_component_a_select, {
+                          value: $props.optionModel.buttonsColumnFixed,
+                          "onUpdate:value": _cache[3] || (_cache[3] = ($event) => $props.optionModel.buttonsColumnFixed = $event),
                           allowClear: "",
-                          style: { width: "100%" }
+                          style: { "width": "100%" }
                         }, {
-                          default: t(() => [
-                            e(r, { value: "left" }, {
-                              default: t(() => [
-                                a("left")
+                          default: withCtx(() => [
+                            createVNode(_component_a_select_option, { value: "left" }, {
+                              default: withCtx(() => [
+                                createTextVNode("left")
                               ]),
                               _: 1
                             }),
-                            e(r, { value: "right" }, {
-                              default: t(() => [
-                                a("right")
+                            createVNode(_component_a_select_option, { value: "right" }, {
+                              default: withCtx(() => [
+                                createTextVNode("right")
                               ]),
                               _: 1
                             })
@@ -198,13 +223,13 @@ function X(o, l, d, b, m, f) {
               ]),
               _: 1
             }),
-            e(h, null, {
-              default: t(() => [
-                e(u, { span: 24 }, {
-                  default: t(() => [
-                    e(y, { "content-position": "left" }, {
-                      default: t(() => [
-                        a(v(o.i18nt("designer.setting.operationButtonsSetting")), 1)
+            createVNode(_component_a_row, null, {
+              default: withCtx(() => [
+                createVNode(_component_a_col, { span: 24 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_divider, { "content-position": "left" }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.operationButtonsSetting")), 1)
                       ]),
                       _: 1
                     })
@@ -214,39 +239,39 @@ function X(o, l, d, b, m, f) {
               ]),
               _: 1
             }),
-            e(U, L({
-              modelValue: d.optionModel.operationButtons,
-              "onUpdate:modelValue": l[4] || (l[4] = (n) => d.optionModel.operationButtons = n),
+            createVNode(_component_draggable, mergeProps({
+              modelValue: $props.optionModel.operationButtons,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $props.optionModel.operationButtons = $event),
               "item-key": "id"
             }, { ghostClass: "ghost", handle: ".drag-handler" }), {
-              item: t(({ element: n, index: c }) => [
-                e(h, {
+              item: withCtx(({ element: btn, index: bIdx }) => [
+                createVNode(_component_a_row, {
                   gutter: 8,
                   class: "button-row"
                 }, {
-                  default: t(() => [
-                    e(u, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_col, {
                       span: 1,
                       class: "drag-sort-col"
                     }, {
-                      default: t(() => [
-                        K
+                      default: withCtx(() => [
+                        _hoisted_1
                       ]),
                       _: 1
                     }),
-                    e(u, { span: 3 }, {
-                      default: t(() => [
-                        e(p, {
-                          name: "operationButtons." + c + ".name",
-                          label: o.i18nt("designer.setting.operationButtonName")
+                    createVNode(_component_a_col, { span: 3 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_form_item, {
+                          name: "operationButtons." + bIdx + ".name",
+                          label: _ctx.i18nt("designer.setting.operationButtonName")
                         }, {
-                          default: t(() => [
-                            e(C, {
-                              value: n.name,
-                              "onUpdate:value": (i) => n.name = i,
-                              onFocus: f.onButtonNameFocus,
-                              onChange: (i) => f.onButtonNameChange(i.target.value, c),
-                              placeholder: o.i18nt("designer.setting.operationButtonName")
+                          default: withCtx(() => [
+                            createVNode(_component_a_input, {
+                              value: btn.name,
+                              "onUpdate:value": ($event) => btn.name = $event,
+                              onFocus: $options.onButtonNameFocus,
+                              onChange: (event) => $options.onButtonNameChange(event.target.value, bIdx),
+                              placeholder: _ctx.i18nt("designer.setting.operationButtonName")
                             }, null, 8, ["value", "onUpdate:value", "onFocus", "onChange", "placeholder"])
                           ]),
                           _: 2
@@ -254,17 +279,17 @@ function X(o, l, d, b, m, f) {
                       ]),
                       _: 2
                     }, 1024),
-                    e(u, { span: 3 }, {
-                      default: t(() => [
-                        e(p, {
-                          name: "operationButtons." + c + ".label",
-                          label: o.i18nt("designer.setting.operationButtonLabel")
+                    createVNode(_component_a_col, { span: 3 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_form_item, {
+                          name: "operationButtons." + bIdx + ".label",
+                          label: _ctx.i18nt("designer.setting.operationButtonLabel")
                         }, {
-                          default: t(() => [
-                            e(C, {
-                              value: n.label,
-                              "onUpdate:value": (i) => n.label = i,
-                              placeholder: o.i18nt("designer.setting.operationButtonLabel")
+                          default: withCtx(() => [
+                            createVNode(_component_a_input, {
+                              value: btn.label,
+                              "onUpdate:value": ($event) => btn.label = $event,
+                              placeholder: _ctx.i18nt("designer.setting.operationButtonLabel")
                             }, null, 8, ["value", "onUpdate:value", "placeholder"])
                           ]),
                           _: 2
@@ -272,52 +297,52 @@ function X(o, l, d, b, m, f) {
                       ]),
                       _: 2
                     }, 1024),
-                    e(u, { span: 3 }, {
-                      default: t(() => [
-                        e(p, {
-                          name: "operationButtons." + c + ".type",
-                          label: o.i18nt("designer.setting.operationButtonType")
+                    createVNode(_component_a_col, { span: 3 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_form_item, {
+                          name: "operationButtons." + bIdx + ".type",
+                          label: _ctx.i18nt("designer.setting.operationButtonType")
                         }, {
-                          default: t(() => [
-                            e(_, {
-                              value: n.type,
-                              "onUpdate:value": (i) => n.type = i,
-                              placeholder: o.i18nt("designer.setting.operationButtonType")
+                          default: withCtx(() => [
+                            createVNode(_component_a_select, {
+                              value: btn.type,
+                              "onUpdate:value": ($event) => btn.type = $event,
+                              placeholder: _ctx.i18nt("designer.setting.operationButtonType")
                             }, {
-                              default: t(() => [
-                                e(r, { value: "primary" }, {
-                                  default: t(() => [
-                                    a("primary")
+                              default: withCtx(() => [
+                                createVNode(_component_a_select_option, { value: "primary" }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("primary")
                                   ]),
                                   _: 1
                                 }),
-                                e(r, { value: "ghost" }, {
-                                  default: t(() => [
-                                    a("ghost")
+                                createVNode(_component_a_select_option, { value: "ghost" }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("ghost")
                                   ]),
                                   _: 1
                                 }),
-                                e(r, { value: "dashed" }, {
-                                  default: t(() => [
-                                    a("dashed")
+                                createVNode(_component_a_select_option, { value: "dashed" }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("dashed")
                                   ]),
                                   _: 1
                                 }),
-                                e(r, { value: "text" }, {
-                                  default: t(() => [
-                                    a("text")
+                                createVNode(_component_a_select_option, { value: "text" }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("text")
                                   ]),
                                   _: 1
                                 }),
-                                e(r, { value: "link" }, {
-                                  default: t(() => [
-                                    a("link")
+                                createVNode(_component_a_select_option, { value: "link" }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("link")
                                   ]),
                                   _: 1
                                 }),
-                                e(r, { value: "default" }, {
-                                  default: t(() => [
-                                    a("default")
+                                createVNode(_component_a_select_option, { value: "default" }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("default")
                                   ]),
                                   _: 1
                                 })
@@ -330,34 +355,34 @@ function X(o, l, d, b, m, f) {
                       ]),
                       _: 2
                     }, 1024),
-                    e(u, { span: 3 }, {
-                      default: t(() => [
-                        e(p, {
-                          name: "operationButtons." + c + ".size",
-                          label: o.i18nt("designer.setting.operationButtonSize")
+                    createVNode(_component_a_col, { span: 3 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_form_item, {
+                          name: "operationButtons." + bIdx + ".size",
+                          label: _ctx.i18nt("designer.setting.operationButtonSize")
                         }, {
-                          default: t(() => [
-                            e(_, {
-                              value: n.size,
-                              "onUpdate:value": (i) => n.size = i,
-                              placeholder: o.i18nt("designer.setting.operationButtonSize")
+                          default: withCtx(() => [
+                            createVNode(_component_a_select, {
+                              value: btn.size,
+                              "onUpdate:value": ($event) => btn.size = $event,
+                              placeholder: _ctx.i18nt("designer.setting.operationButtonSize")
                             }, {
-                              default: t(() => [
-                                e(r, { value: "large" }, {
-                                  default: t(() => [
-                                    a("large")
+                              default: withCtx(() => [
+                                createVNode(_component_a_select_option, { value: "large" }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("large")
                                   ]),
                                   _: 1
                                 }),
-                                e(r, { value: "default" }, {
-                                  default: t(() => [
-                                    a("default")
+                                createVNode(_component_a_select_option, { value: "default" }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("default")
                                   ]),
                                   _: 1
                                 }),
-                                e(r, { value: "small" }, {
-                                  default: t(() => [
-                                    a("small")
+                                createVNode(_component_a_select_option, { value: "small" }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("small")
                                   ]),
                                   _: 1
                                 })
@@ -370,30 +395,30 @@ function X(o, l, d, b, m, f) {
                       ]),
                       _: 2
                     }, 1024),
-                    e(u, { span: 4 }, {
-                      default: t(() => [
-                        e(p, { label: "按钮形状" }, {
-                          default: t(() => [
-                            e(_, {
-                              value: n.shape,
-                              "onUpdate:value": (i) => n.shape = i
+                    createVNode(_component_a_col, { span: 4 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_form_item, { label: "按钮形状" }, {
+                          default: withCtx(() => [
+                            createVNode(_component_a_select, {
+                              value: btn.shape,
+                              "onUpdate:value": ($event) => btn.shape = $event
                             }, {
-                              default: t(() => [
-                                e(r, { value: "default" }, {
-                                  default: t(() => [
-                                    a("default")
+                              default: withCtx(() => [
+                                createVNode(_component_a_select_option, { value: "default" }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("default")
                                   ]),
                                   _: 1
                                 }),
-                                e(r, { value: "circle" }, {
-                                  default: t(() => [
-                                    a("circle")
+                                createVNode(_component_a_select_option, { value: "circle" }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("circle")
                                   ]),
                                   _: 1
                                 }),
-                                e(r, { value: "round" }, {
-                                  default: t(() => [
-                                    a("round")
+                                createVNode(_component_a_select_option, { value: "round" }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("round")
                                   ]),
                                   _: 1
                                 })
@@ -406,16 +431,16 @@ function X(o, l, d, b, m, f) {
                       ]),
                       _: 2
                     }, 1024),
-                    e(u, { span: 2 }, {
-                      default: t(() => [
-                        e(p, {
-                          name: "operationButtons." + c + ".hidden",
-                          label: o.i18nt("designer.setting.operationButtonHidden")
+                    createVNode(_component_a_col, { span: 2 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_form_item, {
+                          name: "operationButtons." + bIdx + ".hidden",
+                          label: _ctx.i18nt("designer.setting.operationButtonHidden")
                         }, {
-                          default: t(() => [
-                            e(B, {
-                              checked: n.hidden,
-                              "onUpdate:checked": (i) => n.hidden = i
+                          default: withCtx(() => [
+                            createVNode(_component_a_switch, {
+                              checked: btn.hidden,
+                              "onUpdate:checked": ($event) => btn.hidden = $event
                             }, null, 8, ["checked", "onUpdate:checked"])
                           ]),
                           _: 2
@@ -423,16 +448,16 @@ function X(o, l, d, b, m, f) {
                       ]),
                       _: 2
                     }, 1024),
-                    e(u, { span: 2 }, {
-                      default: t(() => [
-                        e(p, {
-                          name: "operationButtons." + c + ".disabled",
-                          label: o.i18nt("designer.setting.operationButtonDisabled")
+                    createVNode(_component_a_col, { span: 2 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_form_item, {
+                          name: "operationButtons." + bIdx + ".disabled",
+                          label: _ctx.i18nt("designer.setting.operationButtonDisabled")
                         }, {
-                          default: t(() => [
-                            e(B, {
-                              checked: n.disabled,
-                              "onUpdate:checked": (i) => n.disabled = i
+                          default: withCtx(() => [
+                            createVNode(_component_a_switch, {
+                              checked: btn.disabled,
+                              "onUpdate:checked": ($event) => btn.disabled = $event
                             }, null, 8, ["checked", "onUpdate:checked"])
                           ]),
                           _: 2
@@ -440,16 +465,16 @@ function X(o, l, d, b, m, f) {
                       ]),
                       _: 2
                     }, 1024),
-                    e(u, { span: 2 }, {
-                      default: t(() => [
-                        e(p, null, {
-                          default: t(() => [
-                            e(g, {
-                              class: P([{ "button-text-highlight": !!n.onClick }]),
-                              onClick: (i) => f.editClickEvent(n)
+                    createVNode(_component_a_col, { span: 2 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_form_item, null, {
+                          default: withCtx(() => [
+                            createVNode(_component_a_button, {
+                              class: normalizeClass([{ "button-text-highlight": !!btn.onClick }]),
+                              onClick: ($event) => $options.editClickEvent(btn)
                             }, {
-                              default: t(() => [
-                                a(" 点击事件 ")
+                              default: withCtx(() => [
+                                createTextVNode(" 点击事件 ")
                               ]),
                               _: 2
                             }, 1032, ["class", "onClick"])
@@ -459,14 +484,14 @@ function X(o, l, d, b, m, f) {
                       ]),
                       _: 2
                     }, 1024),
-                    e(u, { span: 1 }, {
-                      default: t(() => [
-                        e(g, {
+                    createVNode(_component_a_col, { span: 1 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_button, {
                           type: "link",
-                          onClick: (i) => f.deleteOperationButton(c)
+                          onClick: ($event) => $options.deleteOperationButton(bIdx)
                         }, {
-                          default: t(() => [
-                            a("删除")
+                          default: withCtx(() => [
+                            createTextVNode("删除")
                           ]),
                           _: 2
                         }, 1032, ["onClick"])
@@ -479,17 +504,17 @@ function X(o, l, d, b, m, f) {
               ]),
               _: 1
             }, 16, ["modelValue"]),
-            e(h, { gutter: 0 }, {
-              default: t(() => [
-                e(u, { span: 4 }, {
-                  default: t(() => [
-                    e(g, {
+            createVNode(_component_a_row, { gutter: 0 }, {
+              default: withCtx(() => [
+                createVNode(_component_a_col, { span: 4 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_button, {
                       type: "primary",
                       size: "default",
-                      onClick: f.addOperationButton
+                      onClick: $options.addOperationButton
                     }, {
-                      default: t(() => [
-                        a(v(o.i18nt("designer.setting.addOperationButton")), 1)
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addOperationButton")), 1)
                       ]),
                       _: 1
                     }, 8, ["onClick"])
@@ -505,15 +530,15 @@ function X(o, l, d, b, m, f) {
       ]),
       _: 1
     }, 8, ["title", "visible"]),
-    e(z, {
-      modelValue: m.currentEditBtn.onClick,
-      "onUpdate:modelValue": l[7] || (l[7] = (n) => m.currentEditBtn.onClick = n),
+    createVNode(_component_CodeModalEditor, {
+      modelValue: $data.currentEditBtn.onClick,
+      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.currentEditBtn.onClick = $event),
       ref: "CodeModalEditorRef",
-      "event-header": `${m.currentEditBtn.name}.onClick(record,index,column,btn){`
+      "event-header": `${$data.currentEditBtn.name}.onClick(record,index,column,btn){`
     }, null, 8, ["modelValue", "event-header"])
   ], 64);
 }
-const oe = /* @__PURE__ */ q(G, [["render", X], ["__scopeId", "data-v-dd00e485"]]);
+const dataTableShowButtonsColumnEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dd00e485"]]);
 export {
-  oe as default
+  dataTableShowButtonsColumnEditor as default
 };