@kp-ui/lowcode 1.0.41 → 1.0.42

package/_virtual/virtual_svg-icons-register.js

@@ -1,13 +1,13 @@
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1747363768276__");
+    var svgDom = document.getElementById("__svg__icons__dom__1747383489070__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1747363768276__";
+      svgDom.id = "__svg__icons__dom__1747383489070__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }

package/package.json

@@ -1,30 +1,30 @@
 {
-    "name": "@kp-ui/lowcode",
-    "version": "1.0.41",
-    "publishConfig": {
-        "access": "public"
-    },
-    "main": "index.js",
-    "module": "index.js",
-    "types": "main.d.ts",
-    "dependencies": {
-        "@element-plus/icons-vue": "^0.2.4",
-        "@kp-ui/tool": "1.0.24",
-        "@surely-vue/table": "^5.0.3",
-        "animate.css": "^4.1.1",
-        "ant-design-vue": "3.2.20",
-        "axios": "^1.3.5",
-        "bpmn-js": "13.2.0",
-        "clipboard": "^2.0.8",
-        "core-js": "^3.6.5",
-        "dayjs": "^1.11.10",
-        "file-saver": "^2.0.5",
-        "json-bigint": "^1.0.0",
-        "lodash-es": "^4.17.21",
-        "mitt": "^3.0.0",
-        "query-string": "^9.1.1",
-        "sortablejs": "1.14.0",
-        "vue": "3.3.11",
-        "vue3-quill": "^0.2.6"
-    }
+  "name": "@kp-ui/lowcode",
+  "version": "1.0.42",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "index.js",
+  "module": "index.js",
+  "types": "main.d.ts",
+  "dependencies": {
+    "@element-plus/icons-vue": "^0.2.4",
+    "@kp-ui/tool": "1.0.24",
+    "@surely-vue/table": "^5.0.3",
+    "animate.css": "^4.1.1",
+    "ant-design-vue": "3.2.20",
+    "axios": "^1.3.5",
+    "bpmn-js": "13.2.0",
+    "clipboard": "^2.0.8",
+    "core-js": "^3.6.5",
+    "dayjs": "^1.11.10",
+    "file-saver": "^2.0.5",
+    "json-bigint": "^1.0.0",
+    "lodash-es": "^4.17.21",
+    "mitt": "^3.0.0",
+    "query-string": "^9.1.1",
+    "sortablejs": "1.14.0",
+    "vue": "3.3.11",
+    "vue3-quill": "^0.2.6"
+  }
 }

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js

@@ -49,7 +49,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list", "style"]);
 }
-const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2ac4c1d9"]]);
+const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3c2ed517"]]);
 export {
   dataTableWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js

@@ -11,7 +11,6 @@ const _sfc_main = {
   mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],
   inject: ["refList"],
   components: {
-    STable,
     ContainerWrapper,
     ...comps
   },

package/src/components/form-designer/form-widget/field-widget/{toolbar-widget.vue.js → button-list-widget.vue.js}

@@ -2,11 +2,11 @@ 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 { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
-/* empty css                    */
+import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, normalizeClass, createVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+/* empty css                        */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
-  name: "toolbar-widget",
+  name: "button-list-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
   mixins: [emitter, fieldMixin, i18n],
@@ -42,7 +42,14 @@ const _sfc_main = {
   components: {
     StaticContentWrapper
   },
-  computed: {},
+  computed: {
+    customClass() {
+      return this.field.options.customClass || [];
+    },
+    buttonList() {
+      return this.field.options.buttonList.filter((item) => !this.handleHidden(item));
+    }
+  },
   beforeCreate() {
   },
   created() {
@@ -53,12 +60,40 @@ const _sfc_main = {
   mounted() {
     this.handleOnMounted();
   },
+  methods: {
+    hanldeClick(item) {
+      if (this.designState) {
+        return;
+      }
+      if (item.onClick) {
+        const customFn = new Function(item.onClick);
+        return customFn.call(this);
+      }
+    },
+    handleDisabled(item) {
+      const { onDisabled } = item;
+      if (onDisabled) {
+        const disabledFn = new Function(onDisabled);
+        return disabledFn.call(this);
+      }
+      return false;
+    },
+    handleHidden(item) {
+      const { onHidden } = item;
+      if (onHidden) {
+        const disabledFn = new Function(onHidden);
+        return disabledFn.call(this);
+      }
+      return false;
+    }
+  },
   beforeUnmount() {
     this.unregisterFromRefList();
   }
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_button = resolveComponent("a-button");
+  const _component_a_space = resolveComponent("a-space");
   const _component_static_content_wrapper = resolveComponent("static-content-wrapper");
   return openBlock(), createBlock(_component_static_content_wrapper, {
     designer: $props.designer,
@@ -73,22 +108,34 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [
       createElementVNode("div", {
-        class: normalizeClass([!!$props.designState ? "slot-wrapper-design" : "slot-wrapper-render"])
+        ref: "fieldEditor",
+        class: normalizeClass(["flex", ...$options.customClass]),
+        style: normalizeStyle(`--flex: ${$props.field.options.flex}`)
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList($props.field.options.buttonList, (item) => {
-          return openBlock(), createBlock(_component_a_button, null, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(item), 1)
-            ]),
-            _: 2
-          }, 1024);
-        }), 256))
-      ], 2)
+        createVNode(_component_a_space, { x: 8 }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.buttonList, (item) => {
+              return openBlock(), createBlock(_component_a_button, {
+                key: item.key,
+                type: item.type,
+                disabled: $options.handleDisabled(item),
+                onClick: ($event) => $options.hanldeClick(item)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["type", "disabled", "onClick"]);
+            }), 128))
+          ]),
+          _: 1
+        })
+      ], 6)
     ]),
     _: 1
   }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
 }
-const toolbarWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-da754402"]]);
+const buttonListWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3d32de5f"]]);
 export {
-  toolbarWidget as default
+  buttonListWidget as default
 };

package/src/components/form-designer/form-widget/field-widget/index.js

@@ -1,7 +1,7 @@
 import { defineAsyncComponent } from "vue";
 import { getFileName } from "../../../../utils/getFileName.js";
 const comps = {};
-const modules = /* @__PURE__ */ Object.assign({ "./attachment-render-widget.vue": () => import("./attachment-render-widget.vue.js"), "./bpmn-editor-widget.vue": () => import("./bpmn-editor-widget.vue.js"), "./button-widget.vue": () => import("./button-widget.vue.js"), "./cascader-widget.vue": () => import("./cascader-widget.vue.js"), "./checkbox-widget.vue": () => import("./checkbox-widget.vue.js"), "./code-editor-widget.vue": () => import("./code-editor-widget.vue.js"), "./color-widget.vue": () => import("./color-widget.vue.js"), "./date-range-widget.vue": () => import("./date-range-widget.vue.js"), "./date-widget.vue": () => import("./date-widget.vue.js"), "./divider-widget.vue": () => import("./divider-widget.vue.js"), "./diy-compontent-widget.vue": () => import("./diy-compontent-widget.vue.js"), "./dropdown-widget.vue": () => import("./dropdown-widget.vue.js"), "./file-upload-widget.vue": () => import("./file-upload-widget.vue.js"), "./form-item-wrapper.vue": () => import("./form-item-wrapper.vue.js"), "./html-text-widget.vue": () => import("./html-text-widget.vue.js"), "./input-widget.vue": () => import("./input-widget.vue.js"), "./number-widget.vue": () => import("./number-widget.vue.js"), "./picture-upload-widget.vue": () => import("./picture-upload-widget.vue.js"), "./radio-widget.vue": () => import("./radio-widget.vue.js"), "./rate-widget.vue": () => import("./rate-widget.vue.js"), "./rich-editor-widget.vue": () => import("./rich-editor-widget.vue.js"), "./select-widget.vue": () => import("./select-widget.vue.js"), "./slider-widget.vue": () => import("./slider-widget.vue.js"), "./slot-widget.vue": () => import("./slot-widget.vue.js"), "./static-content-wrapper.vue": () => import("./static-content-wrapper.vue.js"), "./static-text-widget.vue": () => import("./static-text-widget.vue.js"), "./switch-widget.vue": () => import("./switch-widget.vue.js"), "./textarea-widget.vue": () => import("./textarea-widget.vue.js"), "./time-range-widget.vue": () => import("./time-range-widget.vue.js"), "./time-widget.vue": () => import("./time-widget.vue.js"), "./toolbar-widget.vue": () => import("./toolbar-widget.vue.js"), "./treeSelect-widget.vue": () => import("./treeSelect-widget.vue.js") });
+const modules = /* @__PURE__ */ Object.assign({ "./attachment-render-widget.vue": () => import("./attachment-render-widget.vue.js"), "./bpmn-editor-widget.vue": () => import("./bpmn-editor-widget.vue.js"), "./button-list-widget.vue": () => import("./button-list-widget.vue.js"), "./button-widget.vue": () => import("./button-widget.vue.js"), "./cascader-widget.vue": () => import("./cascader-widget.vue.js"), "./checkbox-widget.vue": () => import("./checkbox-widget.vue.js"), "./code-editor-widget.vue": () => import("./code-editor-widget.vue.js"), "./color-widget.vue": () => import("./color-widget.vue.js"), "./date-range-widget.vue": () => import("./date-range-widget.vue.js"), "./date-widget.vue": () => import("./date-widget.vue.js"), "./divider-widget.vue": () => import("./divider-widget.vue.js"), "./diy-compontent-widget.vue": () => import("./diy-compontent-widget.vue.js"), "./dropdown-widget.vue": () => import("./dropdown-widget.vue.js"), "./file-upload-widget.vue": () => import("./file-upload-widget.vue.js"), "./form-item-wrapper.vue": () => import("./form-item-wrapper.vue.js"), "./html-text-widget.vue": () => import("./html-text-widget.vue.js"), "./input-widget.vue": () => import("./input-widget.vue.js"), "./number-widget.vue": () => import("./number-widget.vue.js"), "./picture-upload-widget.vue": () => import("./picture-upload-widget.vue.js"), "./radio-widget.vue": () => import("./radio-widget.vue.js"), "./rate-widget.vue": () => import("./rate-widget.vue.js"), "./rich-editor-widget.vue": () => import("./rich-editor-widget.vue.js"), "./select-widget.vue": () => import("./select-widget.vue.js"), "./slider-widget.vue": () => import("./slider-widget.vue.js"), "./slot-widget.vue": () => import("./slot-widget.vue.js"), "./static-content-wrapper.vue": () => import("./static-content-wrapper.vue.js"), "./static-text-widget.vue": () => import("./static-text-widget.vue.js"), "./switch-widget.vue": () => import("./switch-widget.vue.js"), "./textarea-widget.vue": () => import("./textarea-widget.vue.js"), "./time-range-widget.vue": () => import("./time-range-widget.vue.js"), "./time-widget.vue": () => import("./time-widget.vue.js"), "./treeSelect-widget.vue": () => import("./treeSelect-widget.vue.js") });
 for (const path in modules) {
   const cname = getFileName(path);
   comps[cname] = defineAsyncComponent(modules[path]);

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue.js

@@ -1,37 +1,74 @@
 import i18n from "../../../../utils/i18n.js";
-import _sfc_main$1 from "../../../BtnListConfig/BtnListConfigDialog.vue.js";
-import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode } from "vue";
+import CodeModalEditor from "../../../code-editor/code-modal-editor.vue.js";
+import { generateId } from "../../../../utils/util.js";
+import { cloneDeep } from "lodash-es";
+import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode, createElementVNode, normalizeClass, toDisplayString } from "vue";
 /* empty css                        */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "button-list-editor",
   mixins: [i18n],
-  components: { BtnListConfigDialog: _sfc_main$1 },
   props: {
     designer: Object,
     selectedWidget: Object,
     optionModel: Object
   },
+  components: {
+    CodeModalEditor
+  },
   data() {
     return {
+      buttonList: [],
+      currentEditEventName: "",
+      currentEditBtn: {},
       btnListConfigDialogVisible: false
     };
   },
-  computed: {
-    noLabelSetting() {
-      return this.selectedWidget.type === "static-text" || this.selectedWidget.type === "html-text";
+  watch: {
+    buttonList() {
+      this.optionModel.buttonList = this.buttonList;
     }
   },
   methods: {
+    onButtonNameChange() {
+      console.log(1221);
+    },
+    addOperationButton() {
+      this.buttonList.splice(0, 0, {
+        key: generateId(),
+        label: "new btn",
+        type: "primary",
+        onHidden: "",
+        onDisabled: "",
+        onClick: ""
+      });
+    },
+    editEvent(type, row) {
+      this.currentEditBtn = row;
+      this.currentEditEventName = type;
+      this.$refs.CodeModalEditorRef.open(row[type]);
+    },
     handleConfigBtn() {
+      this.buttonList = cloneDeep(this.optionModel.buttonList);
       this.btnListConfigDialogVisible = true;
+    },
+    handleCloseDialog() {
+      this.btnListConfigDialogVisible = false;
     }
   }
 };
+const _hoisted_1 = { class: "btn-center" };
+const _hoisted_2 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_button = resolveComponent("a-button");
   const _component_a_form_item = resolveComponent("a-form-item");
-  const _component_BtnListConfigDialog = resolveComponent("BtnListConfigDialog");
+  const _component_a_input = resolveComponent("a-input");
+  const _component_STableColumn = resolveComponent("STableColumn");
+  const _component_a_select_option = resolveComponent("a-select-option");
+  const _component_a_select = resolveComponent("a-select");
+  const _component_STable = resolveComponent("STable");
+  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.buttonList")
@@ -46,13 +83,212 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["label"]),
-    createVNode(_component_BtnListConfigDialog, {
+    createVNode(_component_a_modal, {
+      title: _ctx.i18nt("designer.setting.buttonsColumnEdit"),
       visible: $data.btnListConfigDialogVisible,
-      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => $data.btnListConfigDialogVisible = $event)
-    }, null, 8, ["visible"])
+      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => $data.btnListConfigDialogVisible = $event),
+      "show-close": true,
+      dialogClass: "drag-dialog",
+      "append-to-body": "",
+      "close-on-click-modal": false,
+      "close-on-press-escape": false,
+      "destroy-on-close": true,
+      width: "1250px"
+    }, {
+      footer: withCtx(() => [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_component_a_button, {
+            size: "default",
+            onClick: $options.handleCloseDialog
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ])
+      ]),
+      default: withCtx(() => [
+        createVNode(_component_STable, {
+          deepWatchDataSource: true,
+          "data-source": $data.buttonList,
+          pagination: false,
+          resizable: true
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_STableColumn, {
+              rowDrag: true,
+              dataIndex: "name",
+              title: _ctx.i18nt("designer.setting.operationButtonLabel"),
+              width: 150
+            }, {
+              default: withCtx(({ index }) => [
+                createVNode(_component_a_input, {
+                  value: $data.buttonList[index].label,
+                  "onUpdate:value": ($event) => $data.buttonList[index].label = $event,
+                  placeholder: _ctx.i18nt("designer.setting.operationButtonLabel")
+                }, null, 8, ["value", "onUpdate:value", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            createVNode(_component_STableColumn, {
+              dataIndex: "type",
+              title: _ctx.i18nt("designer.setting.operationButtonType"),
+              width: 120
+            }, {
+              default: withCtx(({ index }) => [
+                createVNode(_component_a_select, {
+                  value: $data.buttonList[index].type,
+                  "onUpdate:value": ($event) => $data.buttonList[index].type = $event,
+                  placeholder: _ctx.i18nt("designer.setting.operationButtonType"),
+                  style: { "width": "100%" }
+                }, {
+                  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"])
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            createVNode(_component_STableColumn, {
+              dataIndex: "onHidden",
+              title: _ctx.i18nt("designer.setting.operationButtonHidden"),
+              width: 100
+            }, {
+              default: withCtx(({ record }) => [
+                createVNode(_component_a_button, {
+                  class: normalizeClass([{ "button-text-highlight": !!record.onHidden }]),
+                  onClick: ($event) => $options.editEvent("onHidden", record),
+                  size: "small"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.operationButtonHidden")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "onClick"])
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            createVNode(_component_STableColumn, {
+              dataIndex: "disabled",
+              title: _ctx.i18nt("designer.setting.operationButtonDisabled"),
+              width: 100
+            }, {
+              default: withCtx(({ record }) => [
+                createVNode(_component_a_button, {
+                  class: normalizeClass([{ "button-text-highlight": !!record.onDisabled }]),
+                  onClick: ($event) => $options.editEvent("onDisabled", record),
+                  size: "small"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.operationButtonDisabled")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "onClick"])
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            createVNode(_component_STableColumn, {
+              dataIndex: "onClick",
+              title: "点击事件",
+              width: 100
+            }, {
+              default: withCtx(({ record }) => [
+                createVNode(_component_a_button, {
+                  class: normalizeClass([{ "button-text-highlight": !!record.onClick }]),
+                  onClick: ($event) => $options.editEvent("onClick", record),
+                  size: "small"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" 点击事件 ")
+                  ]),
+                  _: 2
+                }, 1032, ["class", "onClick"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_STableColumn, {
+              dataIndex: "action",
+              title: "操作",
+              width: 80
+            }, {
+              default: withCtx(({ record, index }) => [
+                createVNode(_component_a_button, {
+                  type: "link",
+                  onClick: ($event) => _ctx.deleteOperationButton(index),
+                  size: "small"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" 删除 ")
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data-source"]),
+        createElementVNode("div", _hoisted_1, [
+          createVNode(_component_a_button, {
+            type: "primary",
+            size: "default",
+            onClick: $options.addOperationButton
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addOperationButton")), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["title", "visible"]),
+    createVNode(_component_CodeModalEditor, {
+      modelValue: $data.currentEditBtn[$data.currentEditEventName],
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.currentEditBtn[$data.currentEditEventName] = $event),
+      ref: "CodeModalEditorRef",
+      "event-header": `${$data.currentEditBtn.label}.${$data.currentEditEventName}(){`
+    }, null, 8, ["modelValue", "event-header"])
   ], 64);
 }
-const buttonListEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c439e9dc"]]);
+const buttonListEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-452d68d7"]]);
 export {
   buttonListEditor as default
 };

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

@@ -139,7 +139,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "close-on-click-modal": false,
       "close-on-press-escape": false,
       "destroy-on-close": true,
-      width: "1200px"
+      width: "1280px"
     }, {
       footer: withCtx(() => [
         createElementVNode("div", _hoisted_2, [
@@ -256,7 +256,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, 8, ["title"]),
               createVNode(_component_a_table_column, {
                 title: `可拖动调整宽度`,
-                width: 150,
+                width: 130,
                 dataIndex: "resizable"
               }, {
                 default: withCtx((scope) => [
@@ -401,7 +401,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["modelValue", "onSave", "title", "event-header"])
   ], 64);
 }
-const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ab8e7e10"]]);
+const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a8000fb7"]]);
 export {
   dataTableTableColumnsEditor as default
 };

package/src/components/form-designer/setting-panel/property-editor/flex-editor.vue.js

@@ -0,0 +1,64 @@
+import i18n from "../../../../utils/i18n.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "flex-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      alignOptions: [
+        {
+          label: this.i18nt("designer.setting.leftAlign"),
+          value: "flex-start"
+        },
+        {
+          label: this.i18nt("designer.setting.centerAlign"),
+          value: "center"
+        },
+        {
+          label: this.i18nt("designer.setting.rightAlign"),
+          value: "flex-end"
+        }
+      ]
+    };
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_radio_button = resolveComponent("a-radio-button");
+  const _component_a_radio_group = resolveComponent("a-radio-group");
+  const _component_a_form_item = resolveComponent("a-form-item");
+  return openBlock(), createBlock(_component_a_form_item, {
+    label: _ctx.i18nt("designer.setting.widgetFlex")
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_a_radio_group, {
+        value: $props.optionModel.flex,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $props.optionModel.flex = $event)
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($data.alignOptions, (item) => {
+            return openBlock(), createBlock(_component_a_radio_button, {
+              value: item.value
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(item.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["value"]);
+          }), 256))
+        ]),
+        _: 1
+      }, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const flexEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  flexEditor as default
+};