@kp-ui/lowcode 1.0.51 → 1.0.53

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

@@ -1,15 +1,12 @@
 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 draggableComponent from "../../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode, toDisplayString, mergeProps, normalizeClass, createElementVNode, pushScopeId, popScopeId } from "vue";
+import ActionButtonListDialog from "../../../../public/ActionButtonListDialog.vue.js";
+import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode, toDisplayString, createElementVNode } from "vue";
 /* empty css                                         */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "showButtonsColumn-editor",
   mixins: [i18n],
-  components: { CodeModalEditor, Draggable: draggableComponent },
+  components: { ActionButtonListDialog },
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -17,65 +14,16 @@ const _sfc_main = {
   },
   data() {
     return {
-      showButtonsEditDialog: false,
-      currentEditBtn: {}
+      showButtonsEditDialog: false
     };
   },
   methods: {
-    editClickEvent(row) {
-      this.currentEditBtn = row;
-      this.$refs.CodeModalEditorRef.open(row.onClick);
-    },
-    addOperationButton() {
-      this.optionModel.operationButtons = this.optionModel.operationButtons || [];
-      this.optionModel.operationButtons.push({
-        name: "btn" + generateId(),
-        label: "new btn",
-        type: "text",
-        size: "small",
-        shape: "default",
-        hidden: false,
-        disabled: false,
-        onClick: ""
-      });
-    },
-    onButtonNameFocus(event) {
-      this.oldButtonName = event.target.value;
-    },
-    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(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(idx, 1);
-      }).catch((error) => {
-      });
-    },
     editButtonsColumn() {
       this.showButtonsEditDialog = true;
     }
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-2884d0b4"), 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" };
+const _hoisted_1 = { 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");
@@ -87,11 +35,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   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_ActionButtonListDialog = resolveComponent("ActionButtonListDialog");
   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")
@@ -133,7 +78,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       width: "1250px"
     }, {
       footer: withCtx(() => [
-        createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", _hoisted_1, [
           createVNode(_component_a_button, {
             size: "default",
             onClick: _cache[5] || (_cache[5] = ($event) => $data.showButtonsEditDialog = false)
@@ -146,402 +91,91 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       default: withCtx(() => [
-        createVNode(_component_a_form, {
-          "label-width": "110",
-          layout: "horizontal",
-          model: $props.optionModel
-        }, {
+        createVNode(_component_a_row, { gutter: 8 }, {
           default: withCtx(() => [
-            createVNode(_component_a_row, { gutter: 8 }, {
+            createVNode(_component_a_col, { span: 11 }, {
               default: withCtx(() => [
-                createVNode(_component_a_col, { span: 11 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_form_item, {
-                      name: "buttonsColumnTitle",
-                      label: _ctx.i18nt("designer.setting.buttonsColumnTitle")
-                    }, {
-                      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
-                    }, 8, ["label"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_a_col, { span: 6 }, {
+                createVNode(_component_a_form_item, {
+                  name: "buttonsColumnTitle",
+                  label: _ctx.i18nt("designer.setting.buttonsColumnTitle")
+                }, {
                   default: withCtx(() => [
-                    createVNode(_component_a_form_item, {
-                      name: "buttonsColumnWidth",
-                      label: _ctx.i18nt("designer.setting.buttonsColumnWidth")
-                    }, {
-                      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
-                    }, 8, ["label"])
+                    createVNode(_component_a_input, {
+                      value: $props.optionModel.buttonsColumnTitle,
+                      "onUpdate:value": _cache[1] || (_cache[1] = ($event) => $props.optionModel.buttonsColumnTitle = $event)
+                    }, null, 8, ["value"])
                   ]),
                   _: 1
-                }),
-                createVNode(_component_a_col, { span: 5 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_form_item, {
-                      name: "buttonsColumnFixed",
-                      label: _ctx.i18nt("designer.setting.fixedColumn")
-                    }, {
-                      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%" }
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_a_select_option, { value: "left" }, {
-                              default: withCtx(() => [
-                                createTextVNode("left")
-                              ]),
-                              _: 1
-                            }),
-                            createVNode(_component_a_select_option, { value: "right" }, {
-                              default: withCtx(() => [
-                                createTextVNode("right")
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["value"])
-                      ]),
-                      _: 1
-                    }, 8, ["label"])
-                  ]),
-                  _: 1
-                })
+                }, 8, ["label"])
               ]),
               _: 1
             }),
-            createVNode(_component_a_row, null, {
+            createVNode(_component_a_col, { span: 6 }, {
               default: withCtx(() => [
-                createVNode(_component_a_col, { span: 24 }, {
+                createVNode(_component_a_form_item, {
+                  name: "buttonsColumnWidth",
+                  label: _ctx.i18nt("designer.setting.buttonsColumnWidth")
+                }, {
                   default: withCtx(() => [
-                    createVNode(_component_a_divider, { "content-position": "left" }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.operationButtonsSetting")), 1)
-                      ]),
-                      _: 1
-                    })
+                    createVNode(_component_a_input_number, {
+                      value: $props.optionModel.buttonsColumnWidth,
+                      "onUpdate:value": _cache[2] || (_cache[2] = ($event) => $props.optionModel.buttonsColumnWidth = $event)
+                    }, null, 8, ["value"])
                   ]),
                   _: 1
-                })
+                }, 8, ["label"])
               ]),
               _: 1
             }),
-            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: withCtx(({ element: btn, index: bIdx }) => [
-                createVNode(_component_a_row, {
-                  gutter: 8,
-                  class: "button-row"
+            createVNode(_component_a_col, { span: 5 }, {
+              default: withCtx(() => [
+                createVNode(_component_a_form_item, {
+                  name: "buttonsColumnFixed",
+                  label: _ctx.i18nt("designer.setting.fixedColumn")
                 }, {
                   default: withCtx(() => [
-                    createVNode(_component_a_col, {
-                      span: 1,
-                      class: "drag-sort-col"
+                    createVNode(_component_a_select, {
+                      value: $props.optionModel.buttonsColumnFixed,
+                      "onUpdate:value": _cache[3] || (_cache[3] = ($event) => $props.optionModel.buttonsColumnFixed = $event),
+                      allowClear: "",
+                      style: { "width": "100%" }
                     }, {
                       default: withCtx(() => [
-                        _hoisted_1
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_col, { span: 3 }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_form_item, {
-                          name: "operationButtons." + bIdx + ".name",
-                          label: _ctx.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
-                        }, 1032, ["name", "label"])
-                      ]),
-                      _: 2
-                    }, 1024),
-                    createVNode(_component_a_col, { span: 3 }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_form_item, {
-                          name: "operationButtons." + bIdx + ".label",
-                          label: _ctx.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
-                        }, 1032, ["name", "label"])
-                      ]),
-                      _: 2
-                    }, 1024),
-                    createVNode(_component_a_col, { span: 3 }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_form_item, {
-                          name: "operationButtons." + bIdx + ".type",
-                          label: _ctx.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: withCtx(() => [
-                                createVNode(_component_a_select_option, { value: "primary" }, {
-                                  default: withCtx(() => [
-                                    createTextVNode("primary")
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_a_select_option, { value: "ghost" }, {
-                                  default: withCtx(() => [
-                                    createTextVNode("ghost")
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_a_select_option, { value: "dashed" }, {
-                                  default: withCtx(() => [
-                                    createTextVNode("dashed")
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_a_select_option, { value: "text" }, {
-                                  default: withCtx(() => [
-                                    createTextVNode("text")
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_a_select_option, { value: "link" }, {
-                                  default: withCtx(() => [
-                                    createTextVNode("link")
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_a_select_option, { value: "default" }, {
-                                  default: withCtx(() => [
-                                    createTextVNode("default")
-                                  ]),
-                                  _: 1
-                                })
-                              ]),
-                              _: 2
-                            }, 1032, ["value", "onUpdate:value", "placeholder"])
-                          ]),
-                          _: 2
-                        }, 1032, ["name", "label"])
-                      ]),
-                      _: 2
-                    }, 1024),
-                    createVNode(_component_a_col, { span: 3 }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_form_item, {
-                          name: "operationButtons." + bIdx + ".size",
-                          label: _ctx.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: withCtx(() => [
-                                createVNode(_component_a_select_option, { value: "large" }, {
-                                  default: withCtx(() => [
-                                    createTextVNode("large")
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_a_select_option, { value: "default" }, {
-                                  default: withCtx(() => [
-                                    createTextVNode("default")
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_a_select_option, { value: "small" }, {
-                                  default: withCtx(() => [
-                                    createTextVNode("small")
-                                  ]),
-                                  _: 1
-                                })
-                              ]),
-                              _: 2
-                            }, 1032, ["value", "onUpdate:value", "placeholder"])
-                          ]),
-                          _: 2
-                        }, 1032, ["name", "label"])
-                      ]),
-                      _: 2
-                    }, 1024),
-                    createVNode(_component_a_col, { span: 4 }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_form_item, { label: "按钮形状" }, {
+                        createVNode(_component_a_select_option, { value: "left" }, {
                           default: withCtx(() => [
-                            createVNode(_component_a_select, {
-                              value: btn.shape,
-                              "onUpdate:value": ($event) => btn.shape = $event
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(_component_a_select_option, { value: "default" }, {
-                                  default: withCtx(() => [
-                                    createTextVNode("default")
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_a_select_option, { value: "circle" }, {
-                                  default: withCtx(() => [
-                                    createTextVNode("circle")
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_a_select_option, { value: "round" }, {
-                                  default: withCtx(() => [
-                                    createTextVNode("round")
-                                  ]),
-                                  _: 1
-                                })
-                              ]),
-                              _: 2
-                            }, 1032, ["value", "onUpdate:value"])
+                            createTextVNode("left")
                           ]),
-                          _: 2
-                        }, 1024)
-                      ]),
-                      _: 2
-                    }, 1024),
-                    createVNode(_component_a_col, { span: 2 }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_form_item, {
-                          name: "operationButtons." + bIdx + ".hidden",
-                          label: _ctx.i18nt("designer.setting.operationButtonHidden")
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_a_switch, {
-                              checked: btn.hidden,
-                              "onUpdate:checked": ($event) => btn.hidden = $event
-                            }, null, 8, ["checked", "onUpdate:checked"])
-                          ]),
-                          _: 2
-                        }, 1032, ["name", "label"])
-                      ]),
-                      _: 2
-                    }, 1024),
-                    createVNode(_component_a_col, { span: 2 }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_form_item, {
-                          name: "operationButtons." + bIdx + ".disabled",
-                          label: _ctx.i18nt("designer.setting.operationButtonDisabled")
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_a_switch, {
-                              checked: btn.disabled,
-                              "onUpdate:checked": ($event) => btn.disabled = $event
-                            }, null, 8, ["checked", "onUpdate:checked"])
-                          ]),
-                          _: 2
-                        }, 1032, ["name", "label"])
-                      ]),
-                      _: 2
-                    }, 1024),
-                    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: withCtx(() => [
-                                createTextVNode(" 点击事件 ")
-                              ]),
-                              _: 2
-                            }, 1032, ["class", "onClick"])
-                          ]),
-                          _: 2
-                        }, 1024)
-                      ]),
-                      _: 2
-                    }, 1024),
-                    createVNode(_component_a_col, { span: 1 }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_button, {
-                          type: "link",
-                          onClick: ($event) => $options.deleteOperationButton(bIdx)
-                        }, {
+                          _: 1
+                        }),
+                        createVNode(_component_a_select_option, { value: "right" }, {
                           default: withCtx(() => [
-                            createTextVNode("删除")
+                            createTextVNode("right")
                           ]),
-                          _: 2
-                        }, 1032, ["onClick"])
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ]),
-                  _: 2
-                }, 1024)
-              ]),
-              _: 1
-            }, 16, ["modelValue"]),
-            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: $options.addOperationButton
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addOperationButton")), 1)
+                          _: 1
+                        })
                       ]),
                       _: 1
-                    }, 8, ["onClick"])
+                    }, 8, ["value"])
                   ]),
                   _: 1
-                })
+                }, 8, ["label"])
               ]),
               _: 1
             })
           ]),
           _: 1
-        }, 8, ["model"])
+        }),
+        createVNode(_component_ActionButtonListDialog, {
+          data: $props.optionModel.operationButtons,
+          "onUpdate:data": _cache[4] || (_cache[4] = ($event) => $props.optionModel.operationButtons = $event),
+          parmas: "scope"
+        }, null, 8, ["data"])
       ]),
       _: 1
-    }, 8, ["title", "visible"]),
-    createVNode(_component_CodeModalEditor, {
-      modelValue: $data.currentEditBtn.onClick,
-      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.currentEditBtn.onClick = $event),
-      ref: "CodeModalEditorRef",
-      "event-header": `${$data.currentEditBtn.name}.onClick(record,index,column,btn){`
-    }, null, 8, ["modelValue", "event-header"])
+    }, 8, ["title", "visible"])
   ], 64);
 }
-const dataTableShowButtonsColumnEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2884d0b4"]]);
+const dataTableShowButtonsColumnEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-be691c2c"]]);
 export {
   dataTableShowButtonsColumnEditor as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-showButtonsColumn-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.showButtonsColumn')\">\n        <a-space>\n            <a-switch v-model:checked=\"optionModel.showButtonsColumn\" />\n            <a-button\n                v-if=\"!!optionModel.showButtonsColumn\"\n                type=\"primary\"\n                shape=\"round\"\n                @click=\"editButtonsColumn\"\n            >\n                {{ i18nt('designer.setting.editAction') }}\n            </a-button>\n        </a-space>\n    </a-form-item>\n    <a-modal\n        :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n        v-model:visible=\"showButtonsEditDialog\"\n        :show-close=\"true\"\n        dialogClass=\"drag-dialog\"\n        append-to-body\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        :destroy-on-close=\"true\"\n        width=\"1250px\"\n    >\n        <a-form label-width=\"110\" layout=\"horizontal\" :model=\"optionModel\">\n            <a-row :gutter=\"8\">\n                <a-col :span=\"11\">\n                    <a-form-item\n                        name=\"buttonsColumnTitle\"\n                        :label=\"i18nt('designer.setting.buttonsColumnTitle')\"\n                    >\n                        <a-input v-model:value=\"optionModel.buttonsColumnTitle\" />\n                    </a-form-item>\n                </a-col>\n                <a-col :span=\"6\">\n                    <a-form-item\n                        name=\"buttonsColumnWidth\"\n                        :label=\"i18nt('designer.setting.buttonsColumnWidth')\"\n                    >\n                        <a-input-number v-model:value=\"optionModel.buttonsColumnWidth\" />\n                    </a-form-item>\n                </a-col>\n                <a-col :span=\"5\">\n                    <a-form-item\n                        name=\"buttonsColumnFixed\"\n                        :label=\"i18nt('designer.setting.fixedColumn')\"\n                    >\n                        <a-select\n                            v-model:value=\"optionModel.buttonsColumnFixed\"\n                            allowClear\n                            style=\"width: 100%\"\n                        >\n                            <a-select-option value=\"left\">left</a-select-option>\n                            <a-select-option value=\"right\">right</a-select-option>\n                        </a-select>\n                    </a-form-item>\n                </a-col>\n            </a-row>\n            <a-row>\n                <a-col :span=\"24\">\n                    <a-divider content-position=\"left\">\n                        {{ i18nt('designer.setting.operationButtonsSetting') }}\n                    </a-divider>\n                </a-col>\n            </a-row>\n            <draggable\n                v-model=\"optionModel.operationButtons\"\n                item-key=\"id\"\n                v-bind=\"{ ghostClass: 'ghost', handle: '.drag-handler' }\"\n            >\n                <template #item=\"{ element: btn, index: bIdx }\">\n                    <a-row :gutter=\"8\" class=\"button-row\">\n                        <a-col :span=\"1\" class=\"drag-sort-col\">\n                            <i class=\"iconfont icon-drag drag-handler\"></i>\n                        </a-col>\n                        <a-col :span=\"3\">\n                            <a-form-item\n                                :name=\"'operationButtons.' + bIdx + '.name'\"\n                                :label=\"i18nt('designer.setting.operationButtonName')\"\n                            >\n                                <a-input\n                                    v-model:value=\"btn.name\"\n                                    @focus=\"onButtonNameFocus\"\n                                    @change=\"event => onButtonNameChange(event.target.value, bIdx)\"\n                                    :placeholder=\"i18nt('designer.setting.operationButtonName')\"\n                                />\n                            </a-form-item>\n                        </a-col>\n                        <a-col :span=\"3\">\n                            <a-form-item\n                                :name=\"'operationButtons.' + bIdx + '.label'\"\n                                :label=\"i18nt('designer.setting.operationButtonLabel')\"\n                            >\n                                <a-input\n                                    v-model:value=\"btn.label\"\n                                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                                />\n                            </a-form-item>\n                        </a-col>\n                        <a-col :span=\"3\">\n                            <a-form-item\n                                :name=\"'operationButtons.' + bIdx + '.type'\"\n                                :label=\"i18nt('designer.setting.operationButtonType')\"\n                            >\n                                <a-select\n                                    v-model:value=\"btn.type\"\n                                    :placeholder=\"i18nt('designer.setting.operationButtonType')\"\n                                >\n                                    <a-select-option value=\"primary\">primary</a-select-option>\n                                    <a-select-option value=\"ghost\">ghost</a-select-option>\n                                    <a-select-option value=\"dashed\">dashed</a-select-option>\n                                    <a-select-option value=\"text\">text</a-select-option>\n                                    <a-select-option value=\"link\">link</a-select-option>\n                                    <a-select-option value=\"default\">default</a-select-option>\n                                </a-select>\n                            </a-form-item>\n                        </a-col>\n                        <a-col :span=\"3\">\n                            <a-form-item\n                                :name=\"'operationButtons.' + bIdx + '.size'\"\n                                :label=\"i18nt('designer.setting.operationButtonSize')\"\n                            >\n                                <a-select\n                                    v-model:value=\"btn.size\"\n                                    :placeholder=\"i18nt('designer.setting.operationButtonSize')\"\n                                >\n                                    <a-select-option value=\"large\">large</a-select-option>\n                                    <a-select-option value=\"default\">default</a-select-option>\n                                    <a-select-option value=\"small\">small</a-select-option>\n                                </a-select>\n                            </a-form-item>\n                        </a-col>\n                        <a-col :span=\"4\">\n                            <a-form-item :label=\"'按钮形状'\">\n                                <a-select v-model:value=\"btn.shape\">\n                                    <a-select-option value=\"default\">default</a-select-option>\n                                    <a-select-option value=\"circle\">circle</a-select-option>\n                                    <a-select-option value=\"round\">round</a-select-option>\n                                </a-select>\n                            </a-form-item>\n                        </a-col>\n                        <a-col :span=\"2\">\n                            <a-form-item\n                                :name=\"'operationButtons.' + bIdx + '.hidden'\"\n                                :label=\"i18nt('designer.setting.operationButtonHidden')\"\n                            >\n                                <a-switch v-model:checked=\"btn.hidden\" />\n                            </a-form-item>\n                        </a-col>\n                        <a-col :span=\"2\">\n                            <a-form-item\n                                :name=\"'operationButtons.' + bIdx + '.disabled'\"\n                                :label=\"i18nt('designer.setting.operationButtonDisabled')\"\n                            >\n                                <a-switch v-model:checked=\"btn.disabled\" />\n                            </a-form-item>\n                        </a-col>\n                        <a-col :span=\"2\">\n                            <a-form-item>\n                                <a-button\n                                    :class=\"[{ 'button-text-highlight': !!btn.onClick }]\"\n                                    @click=\"editClickEvent(btn)\"\n                                >\n                                    点击事件\n                                </a-button>\n                            </a-form-item>\n                        </a-col>\n                        <a-col :span=\"1\">\n                            <a-button type=\"link\" @click=\"deleteOperationButton(bIdx)\"\n                                >删除</a-button\n                            >\n                        </a-col>\n                    </a-row>\n                </template>\n            </draggable>\n            <a-row :gutter=\"0\">\n                <a-col :span=\"4\">\n                    <a-button type=\"primary\" size=\"default\" @click=\"addOperationButton\">\n                        {{ i18nt('designer.setting.addOperationButton') }}\n                    </a-button>\n                </a-col>\n            </a-row>\n        </a-form>\n        <template #footer>\n            <div class=\"dialog-footer\">\n                <a-button size=\"default\" @click=\"showButtonsEditDialog = false\">\n                    {{ i18nt('designer.hint.closePreview') }}\n                </a-button>\n            </div>\n        </template>\n    </a-modal>\n    <CodeModalEditor\n        v-model=\"currentEditBtn.onClick\"\n        ref=\"CodeModalEditorRef\"\n        :event-header=\"`${currentEditBtn.name}.onClick(record,index,column,btn){`\"\n    />\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import { generateId } from '@/utils/util';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { TpfConfirm } from '@/hooks/TpfConfirm';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'showButtonsColumn-editor',\n        mixins: [i18n],\n        components: { CodeModalEditor, Draggable },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            optionModel: Object\n        },\n        data() {\n            return {\n                showButtonsEditDialog: false,\n                currentEditBtn: {}\n            };\n        },\n        methods: {\n            editClickEvent(row) {\n                this.currentEditBtn = row;\n                this.$refs.CodeModalEditorRef.open(row.onClick);\n            },\n            addOperationButton() {\n                this.optionModel.operationButtons = this.optionModel.operationButtons || [];\n                this.optionModel.operationButtons.push({\n                    name: 'btn' + generateId(),\n                    label: 'new btn',\n                    type: 'text',\n                    size: 'small',\n                    shape: 'default',\n                    hidden: false,\n                    disabled: false,\n                    onClick: ''\n                });\n            },\n            onButtonNameFocus(event) {\n                this.oldButtonName = event.target.value;\n            },\n            onButtonNameChange(newName, btnIdx) {\n                let sameNameFlag = false;\n                this.optionModel.operationButtons.map((tb, tbIdx) => {\n                    if (tb.name === newName && tbIdx !== btnIdx) {\n                        sameNameFlag = true;\n                    }\n                });\n                if (sameNameFlag) {\n                    this.$message.error(\n                        this.i18nt('designer.setting.operationButtonDuplicatedNameError')\n                    );\n                    this.optionModel.operationButtons[btnIdx].name = this.oldButtonName;\n                }\n            },\n            deleteOperationButton(idx) {\n                TpfConfirm({\n                    type: 'confirm',\n                    content: this.i18nt('designer.setting.deleteOperationButtonHint'),\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                        this.optionModel.operationButtons.splice(idx, 1);\n                    })\n                    .catch(error => {\n                        //this.$message.error(error)\n                    });\n            },\n            editButtonsColumn() {\n                this.showButtonsEditDialog = true;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .button-row {\n        border-bottom: 1px solid #e1e2e3;\n        margin-bottom: 12px;\n    }\n    .drag-sort-col {\n        padding-top: 8px;\n        cursor: move;\n    }\n</style>\n"],"names":["Draggable","_createElementVNode","_createVNode","_createBlock","_mergeProps","_withCtx","_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"data-table-showButtonsColumn-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.showButtonsColumn')\">\n        <a-space>\n            <a-switch v-model:checked=\"optionModel.showButtonsColumn\" />\n            <a-button\n                v-if=\"!!optionModel.showButtonsColumn\"\n                type=\"primary\"\n                shape=\"round\"\n                @click=\"editButtonsColumn\"\n            >\n                {{ i18nt('designer.setting.editAction') }}\n            </a-button>\n        </a-space>\n    </a-form-item>\n    <a-modal\n        :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n        v-model:visible=\"showButtonsEditDialog\"\n        :show-close=\"true\"\n        dialogClass=\"drag-dialog\"\n        append-to-body\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        :destroy-on-close=\"true\"\n        width=\"1250px\"\n    >\n        <a-row :gutter=\"8\">\n            <a-col :span=\"11\">\n                <a-form-item\n                    name=\"buttonsColumnTitle\"\n                    :label=\"i18nt('designer.setting.buttonsColumnTitle')\"\n                >\n                    <a-input v-model:value=\"optionModel.buttonsColumnTitle\" />\n                </a-form-item>\n            </a-col>\n            <a-col :span=\"6\">\n                <a-form-item\n                    name=\"buttonsColumnWidth\"\n                    :label=\"i18nt('designer.setting.buttonsColumnWidth')\"\n                >\n                    <a-input-number v-model:value=\"optionModel.buttonsColumnWidth\" />\n                </a-form-item>\n            </a-col>\n            <a-col :span=\"5\">\n                <a-form-item\n                    name=\"buttonsColumnFixed\"\n                    :label=\"i18nt('designer.setting.fixedColumn')\"\n                >\n                    <a-select\n                        v-model:value=\"optionModel.buttonsColumnFixed\"\n                        allowClear\n                        style=\"width: 100%\"\n                    >\n                        <a-select-option value=\"left\">left</a-select-option>\n                        <a-select-option value=\"right\">right</a-select-option>\n                    </a-select>\n                </a-form-item>\n            </a-col>\n        </a-row>\n\n        <ActionButtonListDialog v-model:data=\"optionModel.operationButtons\" parmas=\"scope\" />\n\n        <template #footer>\n            <div class=\"dialog-footer\">\n                <a-button size=\"default\" @click=\"showButtonsEditDialog = false\">\n                    {{ i18nt('designer.hint.closePreview') }}\n                </a-button>\n            </div>\n        </template>\n    </a-modal>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n\n    export default {\n        name: 'showButtonsColumn-editor',\n        mixins: [i18n],\n        components: { ActionButtonListDialog },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            optionModel: Object\n        },\n        data() {\n            return {\n                showButtonsEditDialog: false\n            };\n        },\n        methods: {\n            editButtonsColumn() {\n                this.showButtonsEditDialog = true;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .button-row {\n        border-bottom: 1px solid #e1e2e3;\n        margin-bottom: 12px;\n    }\n    .drag-sort-col {\n        padding-top: 8px;\n        cursor: move;\n    }\n</style>\n"],"names":["_createVNode","_createBlock","_createElementVNode"],"mappings":"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"}