@kp-ui/lowcode 1.0.42 → 1.0.43

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

@@ -1,9 +1,12 @@
 import i18n from "../../../../../utils/i18n.js";
 import Sortable from "sortablejs";
 import CodeModalEditor from "../../../../code-editor/code-modal-editor.vue.js";
-import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, createCommentVNode } from "vue";
+import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, h } from "vue";
+import "@surely-vue/table";
+import { Select, Input, InputNumber, Switch, Button, Space } from "ant-design-vue";
 /* empty css                                    */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const ASelectOption = Select.Option;
 const _sfc_main = {
   name: "tableColumns-editor",
   mixins: [i18n],
@@ -19,6 +22,187 @@ const _sfc_main = {
       currentTableColumn: {},
       renderJson: "",
       showRenderDialogFlag: false,
+      tableColumns: [
+        {
+          title: "序号",
+          width: 60,
+          fixed: "left",
+          customRender: ({ index }) => index + 1
+        },
+        {
+          title: this.i18nt("designer.setting.columnName"),
+          width: 100,
+          dataIndex: "dataIndex",
+          customRender: ({ record }) => {
+            return h(Input, {
+              value: record.dataIndex,
+              "onUpdate:value": (val) => record.dataIndex = val,
+              style: { width: "90%" }
+            });
+          }
+        },
+        {
+          title: this.i18nt("designer.setting.columnLabel"),
+          width: 100,
+          dataIndex: "title",
+          customRender: ({ record }) => {
+            return h(Input, {
+              value: record.title,
+              "onUpdate:value": (val) => record.title = val,
+              style: { width: "90%" }
+            });
+          }
+        },
+        {
+          title: this.i18nt("designer.setting.columnWidth"),
+          width: 100,
+          dataIndex: "width",
+          customRender: ({ record }) => {
+            return h(InputNumber, {
+              min: 20,
+              max: 500,
+              value: record.width,
+              "onUpdate:value": (val) => record.width = val
+            });
+          }
+        },
+        {
+          title: this.i18nt("designer.setting.visibleColumn"),
+          width: 90,
+          dataIndex: "show",
+          customRender: ({ record }) => {
+            return h(Switch, {
+              checked: record.show,
+              "onUpdate:checked": (val) => record.show = val
+            });
+          }
+        },
+        {
+          title: this.i18nt("designer.setting.sortableColumn"),
+          width: 90,
+          dataIndex: "sorter",
+          customRender: ({ record }) => {
+            return h(Switch, {
+              checked: record.sorter,
+              "onUpdate:checked": (val) => record.sorter = val
+            });
+          }
+        },
+        {
+          title: "可拖动调整宽度",
+          width: 130,
+          dataIndex: "resizable",
+          customRender: ({ record }) => {
+            return h(Switch, {
+              checked: record.resizable,
+              "onUpdate:checked": (val) => record.resizable = val
+            });
+          }
+        },
+        {
+          title: "超过宽度将自动省略",
+          width: 150,
+          dataIndex: "ellipsis",
+          customRender: ({ record }) => {
+            return h(Switch, {
+              checked: record.ellipsis,
+              "onUpdate:checked": (val) => record.ellipsis = val
+            });
+          }
+        },
+        {
+          title: this.i18nt("designer.setting.fixedColumn"),
+          width: 100,
+          dataIndex: "fixed",
+          customRender: ({ record }) => {
+            return h(
+              Select,
+              {
+                value: record.fixed,
+                "onUpdate:value": (val) => record.fixed = val,
+                style: { width: "90%" },
+                allowClear: true
+              },
+              {
+                default: () => [
+                  h(ASelectOption, { value: "left" }, () => "左固定"),
+                  h(ASelectOption, { value: "right" }, () => "右固定")
+                ]
+              }
+            );
+          }
+        },
+        {
+          title: this.i18nt("designer.setting.alignTypeOfColumn"),
+          width: 100,
+          dataIndex: "align",
+          customRender: ({ record }) => {
+            return h(Select, {
+              value: record.align,
+              "onUpdate:value": (val) => record.align = val,
+              options: this.alignOptions,
+              style: { width: "100%" }
+            });
+          }
+        },
+        {
+          title: "自定义渲染函数",
+          width: 120,
+          align: "center",
+          fixed: "right",
+          customRender: ({ record }) => {
+            return h(
+              Button,
+              {
+                onClick: () => this.showRenderDialog(record),
+                size: "small",
+                shape: "round"
+              },
+              () => "edit"
+            );
+          }
+        },
+        {
+          title: this.i18nt("designer.setting.actionColumn"),
+          width: 120,
+          align: "center",
+          fixed: "right",
+          customRender: ({ record, index }) => {
+            return h(
+              Space,
+              {},
+              {
+                default: () => [
+                  h(
+                    Button,
+                    {
+                      title: this.i18nt(
+                        "designer.setting.addTableColumn"
+                      ),
+                      size: "small",
+                      onClick: this.addCol,
+                      type: "text"
+                    },
+                    () => this.i18nt("designer.setting.addTableColumn")
+                  ),
+                  this.optionModel.tableColumns.length !== 1 && h(
+                    Button,
+                    {
+                      title: this.i18nt(
+                        "designer.setting.deleteTableColumn"
+                      ),
+                      size: "small",
+                      onClick: () => this.handleDelete(index, record),
+                      type: "text"
+                    },
+                    () => this.i18nt("designer.setting.deleteTableColumn")
+                  )
+                ]
+              }
+            );
+          }
+        }
+      ],
       alignOptions: [
         { value: "left", label: "left" },
         { value: "center", label: "center" },
@@ -102,14 +286,7 @@ 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_a_table_column = resolveComponent("a-table-column");
-  const _component_a_input = resolveComponent("a-input");
-  const _component_a_input_number = resolveComponent("a-input-number");
-  const _component_a_switch = resolveComponent("a-switch");
-  const _component_a_select_option = resolveComponent("a-select-option");
-  const _component_a_select = resolveComponent("a-select");
-  const _component_a_space = resolveComponent("a-space");
-  const _component_a_table = resolveComponent("a-table");
+  const _component_STable = resolveComponent("STable");
   const _component_a_modal = resolveComponent("a-modal");
   const _component_CodeModalEditor = resolveComponent("CodeModalEditor");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -166,7 +343,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       default: withCtx(() => [
         createElementVNode("div", _hoisted_1, [
-          createVNode(_component_a_table, {
+          createVNode(_component_STable, {
             dataSource: $props.optionModel.tableColumns,
             style: { "width": "100%" },
             class: "tpf-table",
@@ -176,217 +353,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             "row-key": (r) => r.columnId,
             id: "singleTable",
             scroll: { y: 300, x: 300 },
-            pagination: false
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_a_table_column, {
-                title: "序号",
-                width: 60,
-                fixed: "left",
-                customRender: ({ index }) => index + 1
-              }, null, 8, ["customRender"]),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.columnName"),
-                width: 100,
-                dataIndex: "dataIndex"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_input, {
-                    value: scope.record.dataIndex,
-                    "onUpdate:value": ($event) => scope.record.dataIndex = $event,
-                    style: { "width": "90%" }
-                  }, null, 8, ["value", "onUpdate:value"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.columnLabel"),
-                width: 100,
-                dataIndex: "title"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_input, {
-                    value: scope.record.title,
-                    "onUpdate:value": ($event) => scope.record.title = $event,
-                    style: { "width": "90%" }
-                  }, null, 8, ["value", "onUpdate:value"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.columnWidth"),
-                width: 100,
-                dataIndex: "width"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_input_number, {
-                    min: 20,
-                    max: 500,
-                    value: scope.record.width,
-                    "onUpdate:value": ($event) => scope.record.width = $event
-                  }, null, 8, ["value", "onUpdate:value"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.visibleColumn"),
-                width: 90,
-                dataIndex: "show"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_switch, {
-                    checked: scope.record.show,
-                    "onUpdate:checked": ($event) => scope.record.show = $event
-                  }, null, 8, ["checked", "onUpdate:checked"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.sortableColumn"),
-                width: 90,
-                dataIndex: "sorter"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_switch, {
-                    checked: scope.record.sorter,
-                    "onUpdate:checked": ($event) => scope.record.sorter = $event
-                  }, null, 8, ["checked", "onUpdate:checked"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                title: `可拖动调整宽度`,
-                width: 130,
-                dataIndex: "resizable"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_switch, {
-                    checked: scope.record.resizable,
-                    "onUpdate:checked": ($event) => scope.record.resizable = $event
-                  }, null, 8, ["checked", "onUpdate:checked"])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_table_column, {
-                title: "超过宽度将自动省略",
-                width: 150,
-                dataIndex: "ellipsis"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_switch, {
-                    checked: scope.record.ellipsis,
-                    "onUpdate:checked": ($event) => scope.record.ellipsis = $event
-                  }, null, 8, ["checked", "onUpdate:checked"])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.fixedColumn"),
-                width: 100,
-                dataIndex: "fixed"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_select, {
-                    value: scope.record.fixed,
-                    "onUpdate:value": ($event) => scope.record.fixed = $event,
-                    style: { "width": "90%" },
-                    allowClear: ""
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_a_select_option, { value: "left" }, {
-                        default: withCtx(() => [
-                          createTextVNode("左固定")
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_select_option, { value: "right" }, {
-                        default: withCtx(() => [
-                          createTextVNode("右固定")
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 2
-                  }, 1032, ["value", "onUpdate:value"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                title: _ctx.i18nt("designer.setting.alignTypeOfColumn"),
-                width: 100,
-                dataIndex: "align"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_select, {
-                    value: scope.record.align,
-                    "onUpdate:value": ($event) => scope.record.align = $event,
-                    options: $data.alignOptions,
-                    style: { "width": "100%" }
-                  }, null, 8, ["value", "onUpdate:value", "options"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              createVNode(_component_a_table_column, {
-                align: "center",
-                title: "自定义渲染函数",
-                width: 120,
-                fixed: "right"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_button, {
-                    onClick: ($event) => $options.showRenderDialog(scope.record),
-                    size: "small",
-                    shape: "round"
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(" edit ")
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_table_column, {
-                align: "center",
-                title: _ctx.i18nt("designer.setting.actionColumn"),
-                width: 120,
-                fixed: "right"
-              }, {
-                default: withCtx((scope) => [
-                  createVNode(_component_a_space, null, {
-                    default: withCtx(() => [
-                      createVNode(_component_a_button, {
-                        title: _ctx.i18nt("designer.setting.addTableColumn"),
-                        size: "small",
-                        onClick: $options.addCol,
-                        type: "text"
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addTableColumn")), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["title", "onClick"]),
-                      $props.optionModel.tableColumns.length !== 1 ? (openBlock(), createBlock(_component_a_button, {
-                        key: 0,
-                        title: _ctx.i18nt("designer.setting.deleteTableColumn"),
-                        size: "small",
-                        onClick: ($event) => $options.handleDelete(scope.$index, scope.row),
-                        type: "text"
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.deleteTableColumn")), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["title", "onClick"])) : createCommentVNode("", true)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 1
-              }, 8, ["title"])
-            ]),
-            _: 1
-          }, 8, ["dataSource", "row-key"])
+            pagination: false,
+            resizable: true,
+            columns: $data.tableColumns
+          }, null, 8, ["dataSource", "row-key", "columns"])
         ])
       ]),
       _: 1
@@ -401,7 +371,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-a8000fb7"]]);
+const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8aff0649"]]);
 export {
   dataTableTableColumnsEditor as default
 };

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

@@ -8,6 +8,7 @@ import * as appendButtonDisabledEditor from "./appendButtonDisabled-editor.vue.j
 import * as autoFullWidthEditor from "./autoFullWidth-editor.vue.js";
 import * as borderEditor from "./border-editor.vue.js";
 import * as buttonListEditor from "./button-list-editor.vue.js";
+import * as buttonPostionEditor from "./button-postion-editor.vue.js";
 import * as buttonIconEditor from "./buttonIcon-editor.vue.js";
 import * as buttonStyleEditor from "./buttonStyle-editor.vue.js";
 import * as codeEditorMode from "./code-editor/code-editor-mode.vue.js";
@@ -212,7 +213,7 @@ import * as validationEditor from "./validation-editor.vue.js";
 import * as validationHintEditor from "./validationHint-editor.vue.js";
 import * as withCredentialsEditor from "./withCredentials-editor.vue.js";
 const comps = {};
-const modules = /* @__PURE__ */ Object.assign({ "./accept-editor.vue": acceptEditor, "./actionColumnPosition-editor.vue": actionColumnPositionEditor, "./addonAfter-editor.vue": addonAfterEditor, "./addonBefore-editor.vue": addonBeforeEditor, "./allowClear-editor.vue": allowClearEditor, "./appendButton-editor.vue": appendButtonEditor, "./appendButtonDisabled-editor.vue": appendButtonDisabledEditor, "./autoFullWidth-editor.vue": autoFullWidthEditor, "./border-editor.vue": borderEditor, "./button-list-editor.vue": buttonListEditor, "./buttonIcon-editor.vue": buttonIconEditor, "./buttonStyle-editor.vue": buttonStyleEditor, "./code-editor/code-editor-mode.vue": codeEditorMode, "./columnWidth-editor.vue": columnWidthEditor, "./container-data-table/customRowEvent/data-table-customRow-editor.vue": dataTableCustomRowEditor, "./container-data-table/data-table-colorRow-editor.vue": dataTableColorRowEditor, "./container-data-table/data-table-customClass-editor.vue": dataTableCustomClassEditor, "./container-data-table/data-table-dsEnabled-editor.vue": dataTableDsEnabledEditor, "./container-data-table/data-table-pagination-editor.vue": dataTablePaginationEditor, "./container-data-table/data-table-rowKey-editor.vue": dataTableRowKeyEditor, "./container-data-table/data-table-selections-editor.vue": dataTableSelectionsEditor, "./container-data-table/data-table-showButtonsColumn-editor.vue": dataTableShowButtonsColumnEditor, "./container-data-table/data-table-showIndex-editor.vue": dataTableShowIndexEditor, "./container-data-table/data-table-stripe-editor.vue": dataTableStripeEditor, "./container-data-table/data-table-tableColumns-editor.vue": dataTableTableColumnsEditor, "./container-data-table/data-table-tableHeight-editor.vue": dataTableTableHeightEditor, "./container-data-table/data-table-tableSize-editor.vue": dataTableTableSizeEditor, "./container-data-table/data-table-tableWidth-editor.vue": dataTableTableWidthEditor, "./container-data-table/data-table-treeDataEnabled-editor.vue": dataTableTreeDataEnabledEditor, "./container-grid-col/grid-col-offset-editor.vue": gridColOffsetEditor, "./container-grid-col/grid-col-pull-editor.vue": gridColPullEditor, "./container-grid-col/grid-col-push-editor.vue": gridColPushEditor, "./container-grid-col/grid-col-responsive-editor.vue": gridColResponsiveEditor, "./container-grid-col/grid-col-span-editor.vue": gridColSpanEditor, "./container-grid/colHeight-editor.vue": colHeightEditor, "./container-grid/gutter-editor.vue": gutterEditor, "./container-sub-form/showBlankRow-editor.vue": showBlankRowEditor, "./container-sub-form/showRowNumber-editor.vue": showRowNumberEditor, "./container-sub-form/sub-form-labelAlign-editor.vue": subFormLabelAlignEditor, "./container-tab/tab-customClass-editor.vue": tabCustomClassEditor, "./container-tab/tab-tabBarGutter-editor.vue": tabTabBarGutterEditor, "./container-tab/tab-tabPosition-editor.vue": tabTabPositionEditor, "./container-tab/tab-type-editor.vue": tabTypeEditor, "./container-table-cell/cellHeight-editor.vue": cellHeightEditor, "./container-table-cell/cellWidth-editor.vue": cellWidthEditor, "./container-vf-dialog/bodyStyle-editor.vue": bodyStyleEditor, "./container-vf-dialog/cancelButtonHidden-editor.vue": cancelButtonHiddenEditor, "./container-vf-dialog/cancelButtonLabel-editor.vue": cancelButtonLabelEditor, "./container-vf-dialog/closeOnClickModal-editor.vue": closeOnClickModalEditor, "./container-vf-dialog/closeOnPressEscape-editor.vue": closeOnPressEscapeEditor, "./container-vf-dialog/collapseIcon-editor.vue": collapseIconEditor, "./container-vf-dialog/disabledMode-editor.vue": disabledModeEditor, "./container-vf-dialog/formCode-editor.vue": formCodeEditor, "./container-vf-dialog/fullscreen-editor.vue": fullscreenEditor, "./container-vf-dialog/height-editor.vue": heightEditor, "./container-vf-dialog/isCollapse-editor.vue": isCollapseEditor, "./container-vf-dialog/okButtonHidden-editor.vue": okButtonHiddenEditor, "./container-vf-dialog/okButtonLabel-editor.vue": okButtonLabelEditor, "./container-vf-dialog/readMode-editor.vue": readModeEditor, "./container-vf-dialog/showClose-editor.vue": showCloseEditor, "./container-vf-dialog/title-editor.vue": titleEditor, "./container-vf-dialog/unCollapseIcon-editor.vue": unCollapseIconEditor, "./container-vf-dialog/width-editor.vue": widthEditor, "./container-vf-drawer/vf-drawer-direction-editor.vue": vfDrawerDirectionEditor, "./container-vf-drawer/vf-drawer-size-editor.vue": vfDrawerSizeEditor, "./customClass-editor.vue": customClassEditor, "./defaultValue-editor.vue": defaultValueEditor, "./disabled-editor.vue": disabledEditor, "./displayStyle-editor.vue": displayStyleEditor, "./diy-compontent-editor.vue": diyCompontentEditor, "./editable-editor.vue": editableEditor, "./endPlaceholder-editor.vue": endPlaceholderEditor, "./event-handler/onAppendButtonClick-editor.vue": onAppendButtonClickEditor, "./event-handler/onBeforeUpload-editor.vue": onBeforeUploadEditor, "./event-handler/onBlur-editor.vue": onBlurEditor, "./event-handler/onCancelButtonClick-editor.vue": onCancelButtonClickEditor, "./event-handler/onCellClick-editor.vue": onCellClickEditor, "./event-handler/onCellDoubleClick-editor.vue": onCellDoubleClickEditor, "./event-handler/onChange-editor.vue": onChangeEditor, "./event-handler/onClick-editor.vue": onClickEditor, "./event-handler/onClickIcon-editor.vue": onClickIconEditor, "./event-handler/onCreated-editor.vue": onCreatedEditor, "./event-handler/onCurrentPageChange-editor.vue": onCurrentPageChangeEditor, "./event-handler/onDialogBeforeClose-editor.vue": onDialogBeforeCloseEditor, "./event-handler/onDialogOpened-editor.vue": onDialogOpenedEditor, "./event-handler/onDisableOperationButton-editor.vue": onDisableOperationButtonEditor, "./event-handler/onDrawerBeforeClose-editor.vue": onDrawerBeforeCloseEditor, "./event-handler/onDrawerOpened-editor.vue": onDrawerOpenedEditor, "./event-handler/onFileRemove.vue": onFileRemove, "./event-handler/onFocus-editor.vue": onFocusEditor, "./event-handler/onGetOperationButtonLabel-editor.vue": onGetOperationButtonLabelEditor, "./event-handler/onGetRowClassName-editor.vue": onGetRowClassNameEditor, "./event-handler/onGetSpanMethod-editor.vue": onGetSpanMethodEditor, "./event-handler/onHeaderClick-editor.vue": onHeaderClickEditor, "./event-handler/onHideOperationButton-editor.vue": onHideOperationButtonEditor, "./event-handler/onInput-editor.vue": onInputEditor, "./event-handler/onMenuClick-editor.vue": onMenuClickEditor, "./event-handler/onMounted-editor.vue": onMountedEditor, "./event-handler/onOkButtonClick-editor.vue": onOkButtonClickEditor, "./event-handler/onOperationButtonClick-editor.vue": onOperationButtonClickEditor, "./event-handler/onPageSizeChange-editor.vue": onPageSizeChangeEditor, "./event-handler/onRemoteQuery-editor.vue": onRemoteQueryEditor, "./event-handler/onRowClick-editor.vue": onRowClickEditor, "./event-handler/onRowDoubleClick-editor.vue": onRowDoubleClickEditor, "./event-handler/onSelectionChange-editor.vue": onSelectionChangeEditor, "./event-handler/onSubFormRowAdd-editor.vue": onSubFormRowAddEditor, "./event-handler/onSubFormRowChange-editor.vue": onSubFormRowChangeEditor, "./event-handler/onSubFormRowDelete-editor.vue": onSubFormRowDeleteEditor, "./event-handler/onSubFormRowInsert-editor.vue": onSubFormRowInsertEditor, "./event-handler/onTabClick-editor.vue": onTabClickEditor, "./event-handler/onTableChange-editor.vue": onTableChangeEditor, "./event-handler/onUploadError-editor.vue": onUploadErrorEditor, "./event-handler/onUploadSuccess-editor.vue": onUploadSuccessEditor, "./event-handler/onValidate-editor.vue": onValidateEditor, "./event-handler/onVformAdd-editor.vue": onVformAddEditor, "./field-button/circle-editor.vue": circleEditor, "./field-button/danger-editor.vue": dangerEditor, "./field-button/ghost-editor.vue": ghostEditor, "./field-button/icon-editor.vue": iconEditor, "./field-button/plain-editor.vue": plainEditor, "./field-button/round-editor.vue": roundEditor, "./field-button/shape-editor.vue": shapeEditor, "./field-button/type-editor.vue": typeEditor$1, "./field-cascader/cascader-defaultValue-editor.vue": cascaderDefaultValueEditor, "./field-cascader/cascader-multiple-editor.vue": cascaderMultipleEditor, "./field-checkbox/checkbox-defaultValue-editor.vue": checkboxDefaultValueEditor, "./field-color/color-defaultValue-editor.vue": colorDefaultValueEditor, "./field-date-range/date-range-defaultValue-editor.vue": dateRangeDefaultValueEditor, "./field-date-range/date-range-format-editor.vue": dateRangeFormatEditor, "./field-date-range/date-range-type-editor.vue": dateRangeTypeEditor, "./field-date-range/date-range-valueFormat-editor.vue": dateRangeValueFormatEditor, "./field-date/date-defaultValue-editor.vue": dateDefaultValueEditor, "./field-date/date-format-editor.vue": dateFormatEditor, "./field-date/date-type-editor.vue": dateTypeEditor, "./field-date/date-valueFormat-editor.vue": dateValueFormatEditor, "./field-divider/contentPosition-editor.vue": contentPositionEditor, "./field-divider/divider-direction-editor.vue": dividerDirectionEditor, "./field-dropdown/dropdown-menuList-editor.vue": dropdownMenuListEditor, "./field-file-upload/file-upload-fileTypes-editor.vue": fileUploadFileTypesEditor, "./field-html-text/htmlContent-editor.vue": htmlContentEditor, "./field-number/controlsPosition-editor.vue": controlsPositionEditor, "./field-number/number-defaultValue-editor.vue": numberDefaultValueEditor, "./field-picture-upload/picture-upload-fileTypes-editor.vue": pictureUploadFileTypesEditor, "./field-radio/radio-defaultValue-editor.vue": radioDefaultValueEditor, "./field-rate/allowHalf-editor.vue": allowHalfEditor, "./field-rate/highThreshold-editor.vue": highThresholdEditor, "./field-rate/lowThreshold-editor.vue": lowThresholdEditor, "./field-rate/rate-count-editor.vue": rateCountEditor, "./field-rate/rate-defaultValue-editor.vue": rateDefaultValueEditor, "./field-rate/showScore-editor.vue": showScoreEditor, "./field-rate/showText-editor.vue": showTextEditor, "./field-rich-editor/rich-editor-contentHeight-editor.vue": richEditorContentHeightEditor, "./field-select/mode-editor.vue": modeEditor, "./field-select/select-defaultValue-editor.vue": selectDefaultValueEditor, "./field-slider/range-editor.vue": rangeEditor, "./field-slider/vertical-editor.vue": verticalEditor, "./field-static-text/textContent-editor.vue": textContentEditor, "./field-switch/activeColor-editor.vue": activeColorEditor, "./field-switch/checkedValue-editor.vue": checkedValueEditor, "./field-switch/inactiveColor-editor.vue": inactiveColorEditor, "./field-switch/switch-defaultValue-editor.vue": switchDefaultValueEditor, "./field-switch/switchWidth-editor.vue": switchWidthEditor, "./field-switch/unCheckedValue-editor.vue": unCheckedValueEditor, "./field-time-range/time-range-defaultValue-editor.vue": timeRangeDefaultValueEditor, "./field-time-range/time-range-format-editor.vue": timeRangeFormatEditor, "./field-time/time-defaultValue-editor.vue": timeDefaultValueEditor, "./field-time/time-format-editor.vue": timeFormatEditor, "./field-treeSelect/treeSelect-treeDefaultExpandAll-editor.vue": treeSelectTreeDefaultExpandAllEditor, "./flex-editor.vue": flexEditor, "./hidden-editor.vue": hiddenEditor, "./label-editor.vue": labelEditor, "./labelAlign-editor.vue": labelAlignEditor, "./labelHidden-editor.vue": labelHiddenEditor, "./labelIconClass-editor.vue": labelIconClassEditor, "./labelIconPosition-editor.vue": labelIconPositionEditor, "./labelTooltip-editor.vue": labelTooltipEditor, "./labelWidth-editor.vue": labelWidthEditor, "./limit-editor.vue": limitEditor, "./loadingPage-editor.vue": loadingPageEditor, "./max-editor.vue": maxEditor, "./maxLength-editor.vue": maxLengthEditor, "./maxSize-editor.vue": maxSizeEditor, "./min-editor.vue": minEditor, "./minLength-editor.vue": minLengthEditor, "./multiple-editor.vue": multipleEditor, "./multipleSelect-editor.vue": multipleSelectEditor, "./name-editor.vue": nameEditor, "./optionItems-editor.vue": optionItemsEditor, "./placeholder-editor.vue": placeholderEditor, "./placement-editor.vue": placementEditor, "./precision-editor.vue": precisionEditor, "./readonly-editor.vue": readonlyEditor, "./required-editor.vue": requiredEditor, "./requiredHint-editor.vue": requiredHintEditor, "./rightSlotCss-editor.vue": rightSlotCssEditor, "./rows-editor.vue": rowsEditor, "./showCount-editor.vue": showCountEditor, "./showFileList-editor.vue": showFileListEditor, "./showPassword-editor.vue": showPasswordEditor, "./showSearch-editor.vue": showSearchEditor, "./showTime-editor.vue": showTimeEditor, "./size-editor.vue": sizeEditor, "./slot-compontent-editor.vue": slotCompontentEditor, "./startPlaceholder-editor.vue": startPlaceholderEditor, "./step-editor.vue": stepEditor, "./type-editor.vue": typeEditor, "./uploadListType-editor.vue": uploadListTypeEditor, "./uploadTip-editor.vue": uploadTipEditor, "./uploadURL-editor.vue": uploadURLEditor, "./useModel-editor.vue": useModelEditor, "./validation-editor.vue": validationEditor, "./validationHint-editor.vue": validationHintEditor, "./withCredentials-editor.vue": withCredentialsEditor });
+const modules = /* @__PURE__ */ Object.assign({ "./accept-editor.vue": acceptEditor, "./actionColumnPosition-editor.vue": actionColumnPositionEditor, "./addonAfter-editor.vue": addonAfterEditor, "./addonBefore-editor.vue": addonBeforeEditor, "./allowClear-editor.vue": allowClearEditor, "./appendButton-editor.vue": appendButtonEditor, "./appendButtonDisabled-editor.vue": appendButtonDisabledEditor, "./autoFullWidth-editor.vue": autoFullWidthEditor, "./border-editor.vue": borderEditor, "./button-list-editor.vue": buttonListEditor, "./button-postion-editor.vue": buttonPostionEditor, "./buttonIcon-editor.vue": buttonIconEditor, "./buttonStyle-editor.vue": buttonStyleEditor, "./code-editor/code-editor-mode.vue": codeEditorMode, "./columnWidth-editor.vue": columnWidthEditor, "./container-data-table/customRowEvent/data-table-customRow-editor.vue": dataTableCustomRowEditor, "./container-data-table/data-table-colorRow-editor.vue": dataTableColorRowEditor, "./container-data-table/data-table-customClass-editor.vue": dataTableCustomClassEditor, "./container-data-table/data-table-dsEnabled-editor.vue": dataTableDsEnabledEditor, "./container-data-table/data-table-pagination-editor.vue": dataTablePaginationEditor, "./container-data-table/data-table-rowKey-editor.vue": dataTableRowKeyEditor, "./container-data-table/data-table-selections-editor.vue": dataTableSelectionsEditor, "./container-data-table/data-table-showButtonsColumn-editor.vue": dataTableShowButtonsColumnEditor, "./container-data-table/data-table-showIndex-editor.vue": dataTableShowIndexEditor, "./container-data-table/data-table-stripe-editor.vue": dataTableStripeEditor, "./container-data-table/data-table-tableColumns-editor.vue": dataTableTableColumnsEditor, "./container-data-table/data-table-tableHeight-editor.vue": dataTableTableHeightEditor, "./container-data-table/data-table-tableSize-editor.vue": dataTableTableSizeEditor, "./container-data-table/data-table-tableWidth-editor.vue": dataTableTableWidthEditor, "./container-data-table/data-table-treeDataEnabled-editor.vue": dataTableTreeDataEnabledEditor, "./container-grid-col/grid-col-offset-editor.vue": gridColOffsetEditor, "./container-grid-col/grid-col-pull-editor.vue": gridColPullEditor, "./container-grid-col/grid-col-push-editor.vue": gridColPushEditor, "./container-grid-col/grid-col-responsive-editor.vue": gridColResponsiveEditor, "./container-grid-col/grid-col-span-editor.vue": gridColSpanEditor, "./container-grid/colHeight-editor.vue": colHeightEditor, "./container-grid/gutter-editor.vue": gutterEditor, "./container-sub-form/showBlankRow-editor.vue": showBlankRowEditor, "./container-sub-form/showRowNumber-editor.vue": showRowNumberEditor, "./container-sub-form/sub-form-labelAlign-editor.vue": subFormLabelAlignEditor, "./container-tab/tab-customClass-editor.vue": tabCustomClassEditor, "./container-tab/tab-tabBarGutter-editor.vue": tabTabBarGutterEditor, "./container-tab/tab-tabPosition-editor.vue": tabTabPositionEditor, "./container-tab/tab-type-editor.vue": tabTypeEditor, "./container-table-cell/cellHeight-editor.vue": cellHeightEditor, "./container-table-cell/cellWidth-editor.vue": cellWidthEditor, "./container-vf-dialog/bodyStyle-editor.vue": bodyStyleEditor, "./container-vf-dialog/cancelButtonHidden-editor.vue": cancelButtonHiddenEditor, "./container-vf-dialog/cancelButtonLabel-editor.vue": cancelButtonLabelEditor, "./container-vf-dialog/closeOnClickModal-editor.vue": closeOnClickModalEditor, "./container-vf-dialog/closeOnPressEscape-editor.vue": closeOnPressEscapeEditor, "./container-vf-dialog/collapseIcon-editor.vue": collapseIconEditor, "./container-vf-dialog/disabledMode-editor.vue": disabledModeEditor, "./container-vf-dialog/formCode-editor.vue": formCodeEditor, "./container-vf-dialog/fullscreen-editor.vue": fullscreenEditor, "./container-vf-dialog/height-editor.vue": heightEditor, "./container-vf-dialog/isCollapse-editor.vue": isCollapseEditor, "./container-vf-dialog/okButtonHidden-editor.vue": okButtonHiddenEditor, "./container-vf-dialog/okButtonLabel-editor.vue": okButtonLabelEditor, "./container-vf-dialog/readMode-editor.vue": readModeEditor, "./container-vf-dialog/showClose-editor.vue": showCloseEditor, "./container-vf-dialog/title-editor.vue": titleEditor, "./container-vf-dialog/unCollapseIcon-editor.vue": unCollapseIconEditor, "./container-vf-dialog/width-editor.vue": widthEditor, "./container-vf-drawer/vf-drawer-direction-editor.vue": vfDrawerDirectionEditor, "./container-vf-drawer/vf-drawer-size-editor.vue": vfDrawerSizeEditor, "./customClass-editor.vue": customClassEditor, "./defaultValue-editor.vue": defaultValueEditor, "./disabled-editor.vue": disabledEditor, "./displayStyle-editor.vue": displayStyleEditor, "./diy-compontent-editor.vue": diyCompontentEditor, "./editable-editor.vue": editableEditor, "./endPlaceholder-editor.vue": endPlaceholderEditor, "./event-handler/onAppendButtonClick-editor.vue": onAppendButtonClickEditor, "./event-handler/onBeforeUpload-editor.vue": onBeforeUploadEditor, "./event-handler/onBlur-editor.vue": onBlurEditor, "./event-handler/onCancelButtonClick-editor.vue": onCancelButtonClickEditor, "./event-handler/onCellClick-editor.vue": onCellClickEditor, "./event-handler/onCellDoubleClick-editor.vue": onCellDoubleClickEditor, "./event-handler/onChange-editor.vue": onChangeEditor, "./event-handler/onClick-editor.vue": onClickEditor, "./event-handler/onClickIcon-editor.vue": onClickIconEditor, "./event-handler/onCreated-editor.vue": onCreatedEditor, "./event-handler/onCurrentPageChange-editor.vue": onCurrentPageChangeEditor, "./event-handler/onDialogBeforeClose-editor.vue": onDialogBeforeCloseEditor, "./event-handler/onDialogOpened-editor.vue": onDialogOpenedEditor, "./event-handler/onDisableOperationButton-editor.vue": onDisableOperationButtonEditor, "./event-handler/onDrawerBeforeClose-editor.vue": onDrawerBeforeCloseEditor, "./event-handler/onDrawerOpened-editor.vue": onDrawerOpenedEditor, "./event-handler/onFileRemove.vue": onFileRemove, "./event-handler/onFocus-editor.vue": onFocusEditor, "./event-handler/onGetOperationButtonLabel-editor.vue": onGetOperationButtonLabelEditor, "./event-handler/onGetRowClassName-editor.vue": onGetRowClassNameEditor, "./event-handler/onGetSpanMethod-editor.vue": onGetSpanMethodEditor, "./event-handler/onHeaderClick-editor.vue": onHeaderClickEditor, "./event-handler/onHideOperationButton-editor.vue": onHideOperationButtonEditor, "./event-handler/onInput-editor.vue": onInputEditor, "./event-handler/onMenuClick-editor.vue": onMenuClickEditor, "./event-handler/onMounted-editor.vue": onMountedEditor, "./event-handler/onOkButtonClick-editor.vue": onOkButtonClickEditor, "./event-handler/onOperationButtonClick-editor.vue": onOperationButtonClickEditor, "./event-handler/onPageSizeChange-editor.vue": onPageSizeChangeEditor, "./event-handler/onRemoteQuery-editor.vue": onRemoteQueryEditor, "./event-handler/onRowClick-editor.vue": onRowClickEditor, "./event-handler/onRowDoubleClick-editor.vue": onRowDoubleClickEditor, "./event-handler/onSelectionChange-editor.vue": onSelectionChangeEditor, "./event-handler/onSubFormRowAdd-editor.vue": onSubFormRowAddEditor, "./event-handler/onSubFormRowChange-editor.vue": onSubFormRowChangeEditor, "./event-handler/onSubFormRowDelete-editor.vue": onSubFormRowDeleteEditor, "./event-handler/onSubFormRowInsert-editor.vue": onSubFormRowInsertEditor, "./event-handler/onTabClick-editor.vue": onTabClickEditor, "./event-handler/onTableChange-editor.vue": onTableChangeEditor, "./event-handler/onUploadError-editor.vue": onUploadErrorEditor, "./event-handler/onUploadSuccess-editor.vue": onUploadSuccessEditor, "./event-handler/onValidate-editor.vue": onValidateEditor, "./event-handler/onVformAdd-editor.vue": onVformAddEditor, "./field-button/circle-editor.vue": circleEditor, "./field-button/danger-editor.vue": dangerEditor, "./field-button/ghost-editor.vue": ghostEditor, "./field-button/icon-editor.vue": iconEditor, "./field-button/plain-editor.vue": plainEditor, "./field-button/round-editor.vue": roundEditor, "./field-button/shape-editor.vue": shapeEditor, "./field-button/type-editor.vue": typeEditor$1, "./field-cascader/cascader-defaultValue-editor.vue": cascaderDefaultValueEditor, "./field-cascader/cascader-multiple-editor.vue": cascaderMultipleEditor, "./field-checkbox/checkbox-defaultValue-editor.vue": checkboxDefaultValueEditor, "./field-color/color-defaultValue-editor.vue": colorDefaultValueEditor, "./field-date-range/date-range-defaultValue-editor.vue": dateRangeDefaultValueEditor, "./field-date-range/date-range-format-editor.vue": dateRangeFormatEditor, "./field-date-range/date-range-type-editor.vue": dateRangeTypeEditor, "./field-date-range/date-range-valueFormat-editor.vue": dateRangeValueFormatEditor, "./field-date/date-defaultValue-editor.vue": dateDefaultValueEditor, "./field-date/date-format-editor.vue": dateFormatEditor, "./field-date/date-type-editor.vue": dateTypeEditor, "./field-date/date-valueFormat-editor.vue": dateValueFormatEditor, "./field-divider/contentPosition-editor.vue": contentPositionEditor, "./field-divider/divider-direction-editor.vue": dividerDirectionEditor, "./field-dropdown/dropdown-menuList-editor.vue": dropdownMenuListEditor, "./field-file-upload/file-upload-fileTypes-editor.vue": fileUploadFileTypesEditor, "./field-html-text/htmlContent-editor.vue": htmlContentEditor, "./field-number/controlsPosition-editor.vue": controlsPositionEditor, "./field-number/number-defaultValue-editor.vue": numberDefaultValueEditor, "./field-picture-upload/picture-upload-fileTypes-editor.vue": pictureUploadFileTypesEditor, "./field-radio/radio-defaultValue-editor.vue": radioDefaultValueEditor, "./field-rate/allowHalf-editor.vue": allowHalfEditor, "./field-rate/highThreshold-editor.vue": highThresholdEditor, "./field-rate/lowThreshold-editor.vue": lowThresholdEditor, "./field-rate/rate-count-editor.vue": rateCountEditor, "./field-rate/rate-defaultValue-editor.vue": rateDefaultValueEditor, "./field-rate/showScore-editor.vue": showScoreEditor, "./field-rate/showText-editor.vue": showTextEditor, "./field-rich-editor/rich-editor-contentHeight-editor.vue": richEditorContentHeightEditor, "./field-select/mode-editor.vue": modeEditor, "./field-select/select-defaultValue-editor.vue": selectDefaultValueEditor, "./field-slider/range-editor.vue": rangeEditor, "./field-slider/vertical-editor.vue": verticalEditor, "./field-static-text/textContent-editor.vue": textContentEditor, "./field-switch/activeColor-editor.vue": activeColorEditor, "./field-switch/checkedValue-editor.vue": checkedValueEditor, "./field-switch/inactiveColor-editor.vue": inactiveColorEditor, "./field-switch/switch-defaultValue-editor.vue": switchDefaultValueEditor, "./field-switch/switchWidth-editor.vue": switchWidthEditor, "./field-switch/unCheckedValue-editor.vue": unCheckedValueEditor, "./field-time-range/time-range-defaultValue-editor.vue": timeRangeDefaultValueEditor, "./field-time-range/time-range-format-editor.vue": timeRangeFormatEditor, "./field-time/time-defaultValue-editor.vue": timeDefaultValueEditor, "./field-time/time-format-editor.vue": timeFormatEditor, "./field-treeSelect/treeSelect-treeDefaultExpandAll-editor.vue": treeSelectTreeDefaultExpandAllEditor, "./flex-editor.vue": flexEditor, "./hidden-editor.vue": hiddenEditor, "./label-editor.vue": labelEditor, "./labelAlign-editor.vue": labelAlignEditor, "./labelHidden-editor.vue": labelHiddenEditor, "./labelIconClass-editor.vue": labelIconClassEditor, "./labelIconPosition-editor.vue": labelIconPositionEditor, "./labelTooltip-editor.vue": labelTooltipEditor, "./labelWidth-editor.vue": labelWidthEditor, "./limit-editor.vue": limitEditor, "./loadingPage-editor.vue": loadingPageEditor, "./max-editor.vue": maxEditor, "./maxLength-editor.vue": maxLengthEditor, "./maxSize-editor.vue": maxSizeEditor, "./min-editor.vue": minEditor, "./minLength-editor.vue": minLengthEditor, "./multiple-editor.vue": multipleEditor, "./multipleSelect-editor.vue": multipleSelectEditor, "./name-editor.vue": nameEditor, "./optionItems-editor.vue": optionItemsEditor, "./placeholder-editor.vue": placeholderEditor, "./placement-editor.vue": placementEditor, "./precision-editor.vue": precisionEditor, "./readonly-editor.vue": readonlyEditor, "./required-editor.vue": requiredEditor, "./requiredHint-editor.vue": requiredHintEditor, "./rightSlotCss-editor.vue": rightSlotCssEditor, "./rows-editor.vue": rowsEditor, "./showCount-editor.vue": showCountEditor, "./showFileList-editor.vue": showFileListEditor, "./showPassword-editor.vue": showPasswordEditor, "./showSearch-editor.vue": showSearchEditor, "./showTime-editor.vue": showTimeEditor, "./size-editor.vue": sizeEditor, "./slot-compontent-editor.vue": slotCompontentEditor, "./startPlaceholder-editor.vue": startPlaceholderEditor, "./step-editor.vue": stepEditor, "./type-editor.vue": typeEditor, "./uploadListType-editor.vue": uploadListTypeEditor, "./uploadTip-editor.vue": uploadTipEditor, "./uploadURL-editor.vue": uploadURLEditor, "./useModel-editor.vue": useModelEditor, "./validation-editor.vue": validationEditor, "./validationHint-editor.vue": validationHintEditor, "./withCredentials-editor.vue": withCredentialsEditor });
 for (const path in modules) {
   const cname = modules[path].default.name;
   comps[cname] = modules[path].default;

package/src/components/form-designer/setting-panel/propertyRegister.js

@@ -117,7 +117,8 @@ const COMMON_PROPERTIES = {
   okButtonHidden: "okButtonHidden-editor",
   cancelButtonLabel: "cancelButtonLabel-editor",
   cancelButtonHidden: "cancelButtonHidden-editor",
-  buttonList: "button-list-editor"
+  buttonList: "button-list-editor",
+  buttonPosition: "button-position-editor"
 };
 const ADVANCED_PROPERTIES = {
   min: "min-editor",

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

@@ -444,6 +444,7 @@ const _sfc_main = {
           functions: "",
           onFormCreated: "",
           onFormDataChange: "",
+          handleOnSubmit: "",
           onFormValidate: ""
         }
       };
@@ -1050,7 +1051,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["title", "visible"])) : createCommentVNode("", true)
   ]);
 }
-const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dae7587e"]]);
+const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b7e52af5"]]);
 export {
   ToolbarPanel as default
 };

package/src/components/form-designer/widget-panel/basicFields/buttonList.js

@@ -11,6 +11,7 @@ const buttonList = (ops = {}) => {
       flex: "flex-start",
       buttonList: [],
       customClass: [],
+      buttonPosition: 0,
       ...ops
     }
   };