npm - @kp-ui/lowcode - Versions diffs - 1.0.50 → 1.0.52 - Mend

@kp-ui/lowcode 1.0.50 → 1.0.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :style=\"{ display: 'flex', height: parseFloat(tableHeight \|\| 0) + 'px' }\"\n >\n <div\n :key=\"widget.id\"\n class=\"collapse-container data-table-container\"\n :class=\"{ selected: selected }\"\n @click.stop=\"selectWidget(widget)\"\n >\n <s-table\n class=\"tpf-table\"\n ref=\"dataTable2\"\n :columns=\"columns.columns\"\n :class=\"[customClass]\"\n :size=\"widgetSize\"\n :dataSource=\"data\"\n :rowKey=\"record => record[widget.options.rowKey]\"\n :scroll=\"{ y: parseFloat(tableHeight \|\| 0), x: 300 }\"\n :bordered=\"widget.options.border\"\n :style=\"{ width: widget.options.tableWidth }\"\n :row-class-name=\"rowClassName\"\n :rowSelection=\"handleRowSelection()\"\n :pagination=\"fmtPagination\"\n :customRow=\"handleCustomRow\"\n :rowClassName=\"rowClassName\"\n @change=\"handleTablePageChange\"\n @resizeColumn=\"handleResizeColumn\"\n :loading=\"loading\"\n >\n <template #emptyText>\n <a-empty />\n </template>\n <template #bodyCell=\"scope\">\n <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n </template>\n </template>\n </s-table>\n </div>\n </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import useDataTableMixin from '@/mixins/useDataTableMixin';\n export default {\n name: 'DataTableWidget',\n componentName: 'DataTableWidget',\n mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],\n inject: ['refList'],\n components: {\n ContainerWrapper,\n ...FieldComponents\n },\n data() {\n return {\n // selectAllFlag: false\n };\n },\n props: {\n widget: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n subFormRowIndex: {\n /* 子表单组件行索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormColIndex: {\n / 子表单组件列索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormRowId: {\n / 子表单组件行Id，唯一id且不可变 / type: String,\n default: ''\n }\n },\n created() {\n this.initRefList();\n },\n mounted() {\n this.loadDataTableDataSource();\n },\n beforeUnmount() {\n //\n },\n computed: {\n data() {\n return this.widget.options.dataSource;\n },\n // paginationLayout() {\n // return !!this.widget.options.smallPagination\n // ? 'prev, pager, next'\n // : 'total, sizes, prev, pager, next, jumper';\n // },\n\n selected() {\n return this.widget.id === this.designer.selectedId;\n }\n\n // customClass() {\n // return this.widget.options.customClass \|\| '';\n // },\n\n // widgetSize() {\n // return this.widget.options.tableSize \|\| 'default';\n // },\n\n // buttonsColumnFixed() {\n // if (this.widget.options.buttonsColumnFixed === undefined) {\n // return 'right';\n // }\n\n // return !this.widget.options.buttonsColumnFixed\n // ? false\n // : this.widget.options.buttonsColumnFixed;\n // },\n\n // tableHeight() {\n // return this.widget.options.tableHeight \|\| undefined;\n // },\n\n // selectionWidth() {\n // return !this.widget.options.showSummary\n // ? !this.widget.options.treeDataEnabled\n // ? 42\n // : 70\n // : 53;\n // }\n },\n methods: {\n // getOperationButtonLabel(buttonConfig, rowIndex, row) {\n // if (!!this.widget.options.onGetOperationButtonLabel) {\n // const customFn = new Function(\n // 'buttonConfig',\n // 'rowIndex',\n // 'row',\n // this.widget.options.onGetOperationButtonLabel\n // );\n // //return customFn.call(this, buttonConfig, rowIndex, row) \|\| buttonConfig.label\n // return customFn.call(this, buttonConfig, rowIndex, row);\n // } else {\n // return buttonConfig.label;\n // }\n // },\n // handleOperationButtonClick(btnName, rowIndex, row, scope, ob) {\n // this.skipSelectionChangeEvent = true;\n // try {\n // if (ob.onClick) {\n // const clcFn = new Function('record', 'index', 'column', 'btn', ob.onClick);\n // clcFn.call(this, row, rowIndex, scope.column, ob);\n\n // return;\n // }\n // if (!!this.widget.options.onOperationButtonClick) {\n // const customFn = new Function(\n // 'buttonName',\n // 'rowIndex',\n // 'row',\n // this.widget.options.onOperationButtonClick\n // );\n // customFn.call(this, btnName, rowIndex, row);\n // } else {\n // this.dispatch('VFormRender', 'operationButtonClick', [this, btnName, rowIndex, row]);\n // }\n // } finally {\n // this.skipSelectionChangeEvent = false;\n // }\n // },\n // showOperationButton(buttonConfig, rowIndex, row) {\n // if (!!this.widget.options.onHideOperationButton) {\n // const customFn = new Function(\n // 'buttonConfig',\n // 'rowIndex',\n // 'row',\n // this.widget.options.onHideOperationButton\n // );\n // return !customFn.call(this, buttonConfig, rowIndex, row);\n // } else {\n // return !buttonConfig.hidden;\n // }\n // },\n\n // disableOperationButton(buttonConfig, rowIndex, row) {\n // if (!!this.widget.options.onDisableOperationButton) {\n // const customFn = new Function(\n // 'buttonConfig',\n // 'rowIndex',\n // 'row',\n // this.widget.options.onDisableOperationButton\n // );\n // return customFn.call(this, buttonConfig, rowIndex, row);\n // } else {\n // return buttonConfig.disabled;\n // }\n // },\n\n // customRenderIndex({ index }) {\n // return index + 1;\n // },\n // handleTablePageChange(pagination, filters, sorter, { currentDataSource }) {\n // const fn = this.widget.options.onTableChange;\n // this.widget.options.pagination.current = pagination.current;\n // this.widget.options.pagination.pageSize = pagination.pageSize;\n // if (fn) {\n // const changeFunc = new Function(\n // 'pagination',\n // 'filters',\n // 'sorter',\n // 'currentDataSource',\n // fn\n // );\n // changeFunc.call(this, pagination, filters, sorter, currentDataSource);\n // }\n // },\n // handleRowSelection(info) {\n // if (!info.hasRowSelection) {\n // return undefined;\n // }\n // return {\n // ...omit(info, ['onChange']),\n // onChange: (selectedRowKeys, selectedRows) => {\n // const rcFunc = new Function('selectedRowKeys', 'selectedRows', info.onChange);\n // rcFunc.call(this, selectedRowKeys, selectedRows);\n // }\n // };\n // },\n selectWidget(widget) {\n this.designer.setSelected(widget);\n }\n\n // getTableColumns() {\n // return this.widget.options.tableColumns;\n // }\n\n // setChildrenSelected(children, flag) {\n // const childrenKey = this.widget.options.childrenKey;\n // children.map(child => {\n // this.toggleSelection(child, flag);\n // if (child[childrenKey]) {\n // this.setChildrenSelected(child[childrenKey], flag);\n // }\n // });\n // },\n\n // toggleSelection(row, flag) {\n // if (row) {\n // this.$nextTick(() => {\n // this.$refs.dataTable.toggleRowSelection(row, flag);\n // });\n // }\n // },\n\n // handleRowSelect(selection, row) {\n // const childrenKey = this.widget.options.childrenKey;\n // if (\n // selection.some(el => {\n // return row.id === el.id;\n // })\n // ) {\n // if (row[childrenKey]) {\n // this.setChildrenSelected(row[childrenKey], true);\n // }\n // } else {\n // if (row[childrenKey]) {\n // this.setChildrenSelected(row[childrenKey], false);\n // }\n // }\n // },\n\n // setSelectedFlag(data, flag) {\n // const childrenKey = this.widget.options.childrenKey;\n // data.forEach(row => {\n // this.$refs.dataTable.toggleRowSelection(row, flag);\n // if (row[childrenKey]) {\n // this.setSelectedFlag(row[childrenKey], flag);\n // }\n // });\n // },\n\n // handleAllSelect(selection) {\n // this.selectAllFlag = !this.selectAllFlag;\n // this.setSelectedFlag(this.widget.options.tableData, this.selectAllFlag);\n // }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .collapse-container {\n display: flex;\n margin: 2px;\n height: 100%;\n width: 100%;\n flex: 1 0 0;\n\n .form-widget-list {\n min-height: 28px;\n }\n }\n\n .collapse-container.selected {\n outline: 2px solid $--color-primary !important;\n }\n\n // .data-table-container {\n // :deep(.el-scrollbar__view) {\n // overflow-x: auto !important;\n // / el-table默认显示水平滚动条！！ /\n // height: 100%;\n // / 水平滚动条固定在表格底部显示！！ */\n // }\n // }\n\n // :deep(.el-collapsed__header) {\n // padding: 10px 12px;\n // }\n\n :deep(.ant-table) .table-striped td {\n background-color: #fafafa;\n }\n</style>\n"],"names":["name","componentName","mixins","i18n","containerMixin","refMixinDesign","emitter","useDataTableMixin","inject","components","ContainerWrapper","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","created","initRefList","mounted","loadDataTableDataSource","beforeUnmount","computed","options","dataSource","selected","id","selectedId","methods","selectWidget","setSelected"],"mappings":";;;;;;;AAwDI,MAAe,YAAA;AAAA,EACXA,MAAM;AAAA,EACNC,eAAe;AAAA,EACfC,QAAQ,CAACC,MAAMC,gBAAgBC,gBAAgBC,SAASC,iBAAiB;AAAA,EACzEC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,IACRC;AAAAA,IACA,GAAGC;AAAAA,EACN;AAAA,EACDC,OAAO;AACH,WAAO;AAAA;AAAA,IAEN;AAAA,EACJ;AAAA,EACDC,OAAO;AAAA,IACHC,QAAQC;AAAAA,IACRC,cAAcD;AAAAA,IACdE,YAAYC;AAAAA,IACZC,mBAAmBC;AAAAA,IACnBC,UAAUN;AAAAA,IAEVO,iBAAiB;AAAA;AAAA,MACSC,MAAMH;AAAAA,MAC5BI,SAAS;AAAA,IACZ;AAAA,IACDC,iBAAiB;AAAA;AAAA,MACSF,MAAMH;AAAAA,MAC5BI,SAAS;AAAA,IACZ;AAAA,IACDE,cAAc;AAAA;AAAA,MACcH,MAAMI;AAAAA,MAC9BH,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACDI,UAAU;AACN,SAAKC,YAAa;AAAA,EACrB;AAAA,EACDC,UAAU;AACN,SAAKC,wBAAyB;AAAA,EACjC;AAAA,EACDC,gBAAgB;AAAA,EAEf;AAAA,EACDC,UAAU;AAAA,IACNrB,OAAO;AACH,aAAO,KAAKE,OAAOoB,QAAQC;AAAAA,IAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAODC,WAAW;AACP,aAAO,KAAKtB,OAAOuB,OAAO,KAAKhB,SAASiB;AAAAA,IAC5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+BH;AAAA,EACDC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiGLC,aAAa1B,QAAQ;AACjB,WAAKO,SAASoB,YAAY3B,MAAM;AAAA,IACpC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuDJ;AACJ;"}
1	+ {"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :style=\"{ display: 'flex', height: parseFloat(tableHeight \|\| 0) + 'px' }\"\n >\n <div\n :key=\"widget.id\"\n class=\"collapse-container data-table-container\"\n :class=\"{ selected: selected }\"\n @click.stop=\"selectWidget(widget)\"\n >\n <s-table\n class=\"tpf-surely-table\"\n ref=\"dataTable2\"\n :columns=\"columns.columns\"\n :class=\"[customClass]\"\n :size=\"widgetSize\"\n :dataSource=\"data\"\n :rowKey=\"record => record[widget.options.rowKey]\"\n :scroll=\"{ y: parseFloat(tableHeight \|\| 0), x: 300 }\"\n :bordered=\"widget.options.border\"\n :style=\"{ width: widget.options.tableWidth }\"\n :row-class-name=\"rowClassName\"\n :rowSelection=\"handleRowSelection()\"\n :pagination=\"fmtPagination\"\n :customRow=\"handleCustomRow\"\n :rowClassName=\"rowClassName\"\n @change=\"handleTablePageChange\"\n @resizeColumn=\"handleResizeColumn\"\n :loading=\"loading\"\n >\n <template #emptyText>\n <a-empty />\n </template>\n <template #bodyCell=\"scope\">\n <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n </template>\n </template>\n </s-table>\n </div>\n </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import useDataTableMixin from '@/mixins/useDataTableMixin';\n export default {\n name: 'DataTableWidget',\n componentName: 'DataTableWidget',\n mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],\n inject: ['refList'],\n components: {\n ContainerWrapper,\n ...FieldComponents\n },\n data() {\n return {\n // selectAllFlag: false\n };\n },\n props: {\n widget: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n subFormRowIndex: {\n /* 子表单组件行索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormColIndex: {\n / 子表单组件列索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormRowId: {\n / 子表单组件行Id，唯一id且不可变 */ type: String,\n default: ''\n }\n },\n created() {\n this.initRefList();\n },\n mounted() {\n this.loadDataTableDataSource();\n },\n beforeUnmount() {\n //\n },\n computed: {\n data() {\n return this.widget.options.dataSource;\n },\n selected() {\n return this.widget.id === this.designer.selectedId;\n }\n },\n methods: {\n selectWidget(widget) {\n this.designer.setSelected(widget);\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .collapse-container {\n display: flex;\n margin: 2px;\n height: 100%;\n width: 100%;\n flex: 1 0 0;\n\n .form-widget-list {\n min-height: 28px;\n :deep(.tpf-surely-table) {\n min-height: 280px;\n }\n }\n }\n\n .collapse-container.selected {\n outline: 2px solid $--color-primary !important;\n }\n\n :deep(.ant-table) .table-striped td {\n background-color: #fafafa;\n }\n</style>\n"],"names":["name","componentName","mixins","i18n","containerMixin","refMixinDesign","emitter","useDataTableMixin","inject","components","ContainerWrapper","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","created","initRefList","mounted","loadDataTableDataSource","beforeUnmount","computed","options","dataSource","selected","id","selectedId","methods","selectWidget","setSelected"],"mappings":";;;;;;;AAwDI,MAAe,YAAA;AAAA,EACXA,MAAM;AAAA,EACNC,eAAe;AAAA,EACfC,QAAQ,CAACC,MAAMC,gBAAgBC,gBAAgBC,SAASC,iBAAiB;AAAA,EACzEC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,IACRC;AAAAA,IACA,GAAGC;AAAAA,EACN;AAAA,EACDC,OAAO;AACH,WAAO;AAAA;AAAA,IAEN;AAAA,EACJ;AAAA,EACDC,OAAO;AAAA,IACHC,QAAQC;AAAAA,IACRC,cAAcD;AAAAA,IACdE,YAAYC;AAAAA,IACZC,mBAAmBC;AAAAA,IACnBC,UAAUN;AAAAA,IAEVO,iBAAiB;AAAA;AAAA,MACSC,MAAMH;AAAAA,MAC5BI,SAAS;AAAA,IACZ;AAAA,IACDC,iBAAiB;AAAA;AAAA,MACSF,MAAMH;AAAAA,MAC5BI,SAAS;AAAA,IACZ;AAAA,IACDE,cAAc;AAAA;AAAA,MACcH,MAAMI;AAAAA,MAC9BH,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACDI,UAAU;AACN,SAAKC,YAAa;AAAA,EACrB;AAAA,EACDC,UAAU;AACN,SAAKC,wBAAyB;AAAA,EACjC;AAAA,EACDC,gBAAgB;AAAA,EAEf;AAAA,EACDC,UAAU;AAAA,IACNrB,OAAO;AACH,aAAO,KAAKE,OAAOoB,QAAQC;AAAAA,IAC9B;AAAA,IACDC,WAAW;AACP,aAAO,KAAKtB,OAAOuB,OAAO,KAAKhB,SAASiB;AAAAA,IAC5C;AAAA,EACH;AAAA,EACDC,SAAS;AAAA,IACLC,aAAa1B,QAAQ;AACjB,WAAKO,SAASoB,YAAY3B,MAAM;AAAA,IACpC;AAAA,EACJ;AACJ;"}

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

@@ -3,7 +3,8 @@ import emitter from "../../../../utils/emitter.js";
 import i18n from "../../../../utils/i18n.js";
 import fieldMixin from "./fieldMixin.js";
 import SvgIcon from "../../../svg-icon/index.vue.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, normalizeClass, createVNode, createElementBlock, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import ActionButtonListRender from "../../../public/ActionButtonListRender.vue.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode } from "vue";
 /* empty css                        */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
@@ -41,6 +42,7 @@ const _sfc_main = {
     return {};
   },
   components: {
+    ActionButtonListRender,
     SvgIcon,
     StaticContentWrapper
   },
@@ -94,9 +96,7 @@ const _sfc_main = {
   }
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_SvgIcon = resolveComponent("SvgIcon");
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_space = resolveComponent("a-space");
+  const _component_ActionButtonListRender = resolveComponent("ActionButtonListRender");
   const _component_static_content_wrapper = resolveComponent("static-content-wrapper");
   return openBlock(), createBlock(_component_static_content_wrapper, {
     designer: $props.designer,
@@ -110,40 +110,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "sub-form-row-id": $props.subFormRowId
   }, {
     default: withCtx(() => [
-      createElementVNode("div", {
-        ref: "fieldEditor",
-        class: normalizeClass(["flex", ...$options.customClass]),
-        style: normalizeStyle(`--flex: ${$props.field.options.flex}`)
-      }, [
-        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,
-                danger: item.danger,
-                disabled: $options.handleDisabled(item),
-                onClick: ($event) => $options.hanldeClick(item)
-              }, {
-                default: withCtx(() => [
-                  item.icon ? (openBlock(), createBlock(_component_SvgIcon, {
-                    key: 0,
-                    "icon-class": item.icon
-                  }, null, 8, ["icon-class"])) : createCommentVNode("", true),
-                  createTextVNode(" " + toDisplayString(item.label), 1)
-                ]),
-                _: 2
-              }, 1032, ["type", "danger", "disabled", "onClick"]);
-            }), 128))
-          ]),
-          _: 1
-        })
-      ], 6)
+      createVNode(_component_ActionButtonListRender, {
+        buttonList: $options.buttonList,
+        customClass: $options.customClass,
+        flex: $props.field.options.flex,
+        ctx: this
+      }, null, 8, ["buttonList", "customClass", "flex"])
     ]),
     _: 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 buttonListWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7e133232"]]);
+const buttonListWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-27f69227"]]);
 export {
   buttonListWidget as default
 };

package/src/components/form-designer/form-widget/field-widget/button-list-widget.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-list-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/button-list-widget.vue"],"sourcesContent":["<template>\n <static-content-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n >\n ~~<!-- 渲染到自定义位置 -->\n <!--~~ <~~Teleport~~\n ~~to=\"#LowcodeSubmitButtonList\"\n~~ :~~disabled~~=\"~~field.options.buttonPosition == 0 \|\| designState~~\"\n ~~> -->\n <div\n~~ ~~ref=\"fieldEditor\"\n~~ :~~class~~=\"~~['flex', ...~~customClass]\"\n :~~style~~=\"~~`--flex: ${~~field.options.flex~~}`\~~"\n ~~>\n~~ ~~<a-space~~ :x=\"8\"~~>\n <a-button~~\n v-for=\"item in buttonList\"\n :key=\"item.key\"\n :type=\"item.type\"\n :danger=\"item.danger\"\n :disabled=\"handleDisabled(item)\"\n @click=\"hanldeClick(item)\"\n >\n <SvgIcon v-if=\"item.icon\" :icon-class=\"item.icon\" />\n ~~{{ item.label }}\n </a-button>\n </a-space>\n </div>\n <!-- </Teleport> -->\n~~ </static-content-wrapper>\n</template>\n\n<script>\n import StaticContentWrapper from './static-content-wrapper';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import SvgIcon from '@/components/svg-icon';\n export default {\n name: 'button-list-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormColIndex: {\n / 子表单组件列索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormRowId: {\n / 子表单组件行Id，唯一id且不可变 / type: String,\n default: ''\n }\n },\n data() {\n return {};\n },\n components: {\n SvgIcon,\n StaticContentWrapper\n },\n computed: {\n customClass() {\n return this.field.options.customClass \|\| [];\n },\n buttonList() {\n return this.field.options.buttonList.filter(item => !this.handleHidden(item));\n }\n },\n beforeCreate() {\n / 这里不能访问方法和属性！！ /\n },\n\n created() {\n / 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n 需要在父组件created中初始化！！ */\n this.registerToRefList();\n this.initEventHandler();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n methods: {\n hanldeClick(item) {\n if (this.designState) {\n //设计状态不触发点击事件\n return;\n }\n if (item.onClick) {\n const customFn = new Function(item.onClick);\n return customFn.call(this);\n }\n },\n handleDisabled(item) {\n const { onDisabled } = item;\n if (onDisabled) {\n const disabledFn = new Function(onDisabled);\n return disabledFn.call(this);\n }\n return false;\n },\n handleHidden(item) {\n const { onHidden } = item;\n if (onHidden) {\n const disabledFn = new Function(onHidden);\n return disabledFn.call(this);\n }\n return false;\n }\n },\n beforeUnmount() {\n this.unregisterFromRefList();\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .flex {\n flex: 1;\n display: flex;\n justify-content: var(--flex);\n }\n</style>\n"],"names":["_createBlock","~~_createElementVNode","_normalizeStyle","~~_createVNode"~~,"_createElementBlock","_Fragment","_renderList","_toDisplayString"~~],"mappings":"~~;;;;;;;;AA8CI~~,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACZ;AAAA,IAED,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA,IACZ;AAAA,IACD,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA,IACZ;AAAA,IACD,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACD,OAAO;AACH,WAAO,CAAE;AAAA,EACZ;AAAA,EACD,YAAY;AAAA,IACR;AAAA,IACA;AAAA,EACH;AAAA,EACD,UAAU;AAAA,IACN,cAAc;AACV,aAAO,KAAK,MAAM,QAAQ,eAAe,CAAE;AAAA,IAC9C;AAAA,IACD,aAAa;AACT,aAAO,KAAK,MAAM,QAAQ,WAAW,OAAO,UAAQ,CAAC,KAAK,aAAa,IAAI,CAAC;AAAA,IAChF;AAAA,EACH;AAAA,EACD,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGN,SAAK,kBAAmB;AACxB,SAAK,iBAAkB;AAEvB,SAAK,gBAAiB;AAAA,EACzB;AAAA,EAED,UAAU;AACN,SAAK,gBAAiB;AAAA,EACzB;AAAA,EACD,SAAS;AAAA,IACL,YAAY,MAAM;AACd,UAAI,KAAK,aAAa;AAElB;AAAA,MACJ;AACA,UAAI,KAAK,SAAS;AACd,cAAM,WAAW,IAAI,SAAS,KAAK,OAAO;AAC1C,eAAO,SAAS,KAAK,IAAI;AAAA,MAC7B;AAAA,IACH;AAAA,IACD,eAAe,MAAM;AACjB,YAAM,EAAE,WAAW,IAAI;AACvB,UAAI,YAAY;AACZ,cAAM,aAAa,IAAI,SAAS,UAAU;AAC1C,eAAO,WAAW,KAAK,IAAI;AAAA,MAC/B;AACA,aAAO;AAAA,IACV;AAAA,IACD,aAAa,MAAM;AACf,YAAM,EAAE,SAAS,IAAI;AACrB,UAAI,UAAU;AACV,cAAM,aAAa,IAAI,SAAS,QAAQ;AACxC,eAAO,WAAW,KAAK,IAAI;AAAA,MAC/B;AACA,aAAO;AAAA,IACX;AAAA,EACH;AAAA,EACD,gBAAgB;AACZ,SAAK,sBAAuB;AAAA,EAChC;AACH~~;;;;;;sBAxIDA~~,~~YAoCyB~~,mCAAA;AAAA,~~IAnCpB~~,UAAU,OAAQ;AAAA,IAClB,OAAO,OAAK;AAAA,IACZ,gBAAc,OAAW;AAAA,IACzB,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA,IACvC,sBAAoB,OAAe;AAAA,IACnC,sBAAoB,OAAe;AAAA,IACnC,mBAAiB,OAAY;AAAA;~~qBAO9B~~,~~MAkBM~~;AAAA,~~MAlBNC~~,~~mBAkBM~~,~~OAAA~~;AAAA,~~QAjBF~~,~~KAAI~~;AAAA,~~QACH~~,~~kCAAmB~~,SAAW~~,WAAA,CAAA~~;AAAA,~~QAC9B~~,~~OAAkBC~~,~~eAAA,WAAA,~~OAAA,MAAM,QAAQ~~,IAAI,EAAA~~;AAAA~~;QAErCC~~,~~YAYU~~,~~oBAAA,EAZA,GAAG,EAAC,GAAA;AAAA,2BAEN,MAA0B;AAAA,8BAD9BC,mBAUWC,UAAA,MAAAC,WATQ,SAAU,YAAA,CAAlB,SAAI;kCADfN,YAUW,qBAAA;AAAA,gBARN,~~KAAK~~,KAAK~~;AAAA,gBACV,MAAM,KAAK;AAAA,gBACX,QAAQ,KAAK;AAAA,gBACb,UAAU,SAAc,eAAC,IAAI;AAAA,gBAC7B,SAAK,YAAE,SAAW,YAAC,IAAI;AAAA;iCAExB,MAAoD;AAAA,kBAArC,KAAK,qBAApBA,YAAoD,oBAAA;AAAA;oBAAzB,cAAY,KAAK;AAAA;kCAAQ,MACpDO,gBAAG,KAAK,KAAK,GAAA,CAAA;AAAA;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"button-list-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/button-list-widget.vue"],"sourcesContent":["<template>\n <static-content-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n >\n <ActionButtonListRender\n :buttonList=\"buttonList\"\n :customClass=\"customClass\"\n :flex=\"field.options.flex\"\n :ctx=\"this\"\n />\n </static-content-wrapper>\n</template>\n\n<script>\n import StaticContentWrapper from './static-content-wrapper';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import SvgIcon from '@/components/svg-icon';\n import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n export default {\n name: 'button-list-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormColIndex: {\n / 子表单组件列索引，从0开始计数 / type: Number,\n default: -1\n },\n subFormRowId: {\n / 子表单组件行Id，唯一id且不可变 / type: String,\n default: ''\n }\n },\n data() {\n return {};\n },\n components: {\n ActionButtonListRender,\n SvgIcon,\n StaticContentWrapper\n },\n computed: {\n customClass() {\n return this.field.options.customClass \|\| [];\n },\n buttonList() {\n return this.field.options.buttonList.filter(item => !this.handleHidden(item));\n }\n },\n beforeCreate() {\n / 这里不能访问方法和属性！！ /\n },\n\n created() {\n / 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n 需要在父组件created中初始化！！ */\n this.registerToRefList();\n this.initEventHandler();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n methods: {\n hanldeClick(item) {\n if (this.designState) {\n //设计状态不触发点击事件\n return;\n }\n if (item.onClick) {\n const customFn = new Function(item.onClick);\n return customFn.call(this);\n }\n },\n handleDisabled(item) {\n const { onDisabled } = item;\n if (onDisabled) {\n const disabledFn = new Function(onDisabled);\n return disabledFn.call(this);\n }\n return false;\n },\n handleHidden(item) {\n const { onHidden } = item;\n if (onHidden) {\n const disabledFn = new Function(onHidden);\n return disabledFn.call(this);\n }\n return false;\n }\n },\n beforeUnmount() {\n this.unregisterFromRefList();\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .flex {\n flex: 1;\n display: flex;\n justify-content: var(--flex);\n }\n</style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;;;;;;;AA4BI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACZ;AAAA,IAED,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA,IACZ;AAAA,IACD,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA,IACZ;AAAA,IACD,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACD,OAAO;AACH,WAAO,CAAE;AAAA,EACZ;AAAA,EACD,YAAY;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACH;AAAA,EACD,UAAU;AAAA,IACN,cAAc;AACV,aAAO,KAAK,MAAM,QAAQ,eAAe,CAAE;AAAA,IAC9C;AAAA,IACD,aAAa;AACT,aAAO,KAAK,MAAM,QAAQ,WAAW,OAAO,UAAQ,CAAC,KAAK,aAAa,IAAI,CAAC;AAAA,IAChF;AAAA,EACH;AAAA,EACD,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGN,SAAK,kBAAmB;AACxB,SAAK,iBAAkB;AAEvB,SAAK,gBAAiB;AAAA,EACzB;AAAA,EAED,UAAU;AACN,SAAK,gBAAiB;AAAA,EACzB;AAAA,EACD,SAAS;AAAA,IACL,YAAY,MAAM;AACd,UAAI,KAAK,aAAa;AAElB;AAAA,MACJ;AACA,UAAI,KAAK,SAAS;AACd,cAAM,WAAW,IAAI,SAAS,KAAK,OAAO;AAC1C,eAAO,SAAS,KAAK,IAAI;AAAA,MAC7B;AAAA,IACH;AAAA,IACD,eAAe,MAAM;AACjB,YAAM,EAAE,WAAW,IAAI;AACvB,UAAI,YAAY;AACZ,cAAM,aAAa,IAAI,SAAS,UAAU;AAC1C,eAAO,WAAW,KAAK,IAAI;AAAA,MAC/B;AACA,aAAO;AAAA,IACV;AAAA,IACD,aAAa,MAAM;AACf,YAAM,EAAE,SAAS,IAAI;AACrB,UAAI,UAAU;AACV,cAAM,aAAa,IAAI,SAAS,QAAQ;AACxC,eAAO,WAAW,KAAK,IAAI;AAAA,MAC/B;AACA,aAAO;AAAA,IACX;AAAA,EACH;AAAA,EACD,gBAAgB;AACZ,SAAK,sBAAuB;AAAA,EAChC;AACH;;;;sBAvHDA,YAiByB,mCAAA;AAAA,IAhBpB,UAAU,OAAQ;AAAA,IAClB,OAAO,OAAK;AAAA,IACZ,gBAAc,OAAW;AAAA,IACzB,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA,IACvC,sBAAoB,OAAe;AAAA,IACnC,sBAAoB,OAAe;AAAA,IACnC,mBAAiB,OAAY;AAAA;qBAE9B,MAKE;AAAA,MALFC,YAKE,mCAAA;AAAA,QAJG,YAAY,SAAU;AAAA,QACtB,aAAa,SAAW;AAAA,QACxB,MAAM,OAAA,MAAM,QAAQ;AAAA,QACpB,KAAK;AAAA;;;;;;"}

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

@@ -2,7 +2,8 @@ import i18n from "../../../../utils/i18n.js";
 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";
+import ActionButtonListDialog from "../../../public/ActionButtonListDialog.vue.js";
+import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode, createElementVNode, toDisplayString } from "vue";
 /* empty css                        */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
@@ -14,6 +15,7 @@ const _sfc_main = {
     optionModel: Object
   },
   components: {
+    ActionButtonListDialog,
     CodeModalEditor
   },
   data() {
@@ -56,17 +58,11 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = { class: "btn-center" };
-const _hoisted_2 = { class: "dialog-footer" };
+const _hoisted_1 = { 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_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_a_switch = resolveComponent("a-switch");
-  const _component_STable = resolveComponent("STable");
+  const _component_ActionButtonListDialog = resolveComponent("ActionButtonListDialog");
   const _component_a_modal = resolveComponent("a-modal");
   const _component_CodeModalEditor = resolveComponent("CodeModalEditor");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -86,7 +82,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_a_modal, {
       title: _ctx.i18nt("designer.setting.buttonsColumnEdit"),
       visible: $data.btnListConfigDialogVisible,
-      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => $data.btnListConfigDialogVisible = $event),
+      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => $data.btnListConfigDialogVisible = $event),
       "show-close": true,
       dialogClass: "drag-dialog",
       "append-to-body": "",
@@ -96,7 +92,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: $options.handleCloseDialog
@@ -109,215 +105,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       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: "size",
-              title: _ctx.i18nt("designer.setting.danger"),
-              width: 120
-            }, {
-              default: withCtx(({ index }) => [
-                createVNode(_component_a_switch, {
-                  checkedValue: 1,
-                  unCheckedValue: 0,
-                  checked: $data.buttonList[index].danger,
-                  "onUpdate:checked": ($event) => $data.buttonList[index].danger = $event
-                }, null, 8, ["checked", "onUpdate:checked"])
-              ]),
-              _: 1
-            }, 8, ["title"]),
-            createVNode(_component_STableColumn, {
-              dataIndex: "size",
-              title: _ctx.i18nt("designer.setting.buttonIcon"),
-              width: 120
-            }, {
-              default: withCtx(({ index }) => [
-                createVNode(_component_a_input, {
-                  type: "text",
-                  value: $data.buttonList[index].icon,
-                  "onUpdate:value": ($event) => $data.buttonList[index].icon = $event
-                }, null, 8, ["value", "onUpdate:value"])
-              ]),
-              _: 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"])
-        ])
+        createVNode(_component_ActionButtonListDialog, {
+          data: $data.buttonList,
+          "onUpdate:data": _cache[0] || (_cache[0] = ($event) => $data.buttonList = $event)
+        }, null, 8, ["data"])
       ]),
       _: 1
     }, 8, ["title", "visible"]),
     createVNode(_component_CodeModalEditor, {
       modelValue: $data.currentEditBtn[$data.currentEditEventName],
-      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.currentEditBtn[$data.currentEditEventName] = $event),
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($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-77f39703"]]);
+const buttonListEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0b9979c4"]]);
 export {
   buttonListEditor as default
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button-list-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/button-list-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.buttonList')\">\n <a-button @click=\"handleConfigBtn\">按钮配置</a-button>\n </a-form-item>\n <a-modal\n :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n v-model:visible=\"btnListConfigDialogVisible\"\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 <STable\n :deepWatchDataSource=\"true\"\n :data-source=\"buttonList\"\n :pagination=\"false\"\n :resizable=\"true\"\n >\n <STableColumn\n :rowDrag=\"true\"\n dataIndex=\"name\"\n :title=\"i18nt('designer.setting.operationButtonLabel')\"\n :width=\"150\"\n >\n <template #default=\"{ index }\">\n <a-input\n v-model:value=\"buttonList[index].label\"\n :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n />\n </template>\n </STableColumn>\n <STableColumn\n dataIndex=\"type\"\n :title=\"i18nt('designer.setting.operationButtonType')\"\n :width=\"120\"\n >\n <template #default=\"{ index }\">\n <a-select\n v-model:value=\"buttonList[index].type\"\n :placeholder=\"i18nt('designer.setting.operationButtonType')\"\n style=\"width: 100%\"\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 </template>\n </STableColumn>\n <STableColumn dataIndex=\"size\" :title=\"i18nt('designer.setting.danger')\" :width=\"120\">\n <template #default=\"{ index }\">\n <a-switch\n :checkedValue=\"1\"\n :unCheckedValue=\"0\"\n v-model:checked=\"buttonList[index].danger\"\n />\n </template>\n </STableColumn>\n <STableColumn\n dataIndex=\"size\"\n :title=\"i18nt('designer.setting.buttonIcon')\"\n :width=\"120\"\n >\n <template #default=\"{ index }\">\n <a-input type=\"text\" v-model:value=\"buttonList[index].icon\" />\n </template>\n </STableColumn>\n <STableColumn\n dataIndex=\"onHidden\"\n :title=\"i18nt('designer.setting.operationButtonHidden')\"\n :width=\"100\"\n >\n <template #default=\"{ record }\">\n <a-button\n :class=\"[{ 'button-text-highlight': !!record.onHidden }]\"\n @click=\"editEvent('onHidden', record)\"\n size=\"small\"\n >\n {{ i18nt('designer.setting.operationButtonHidden') }}\n </a-button>\n </template>\n </STableColumn>\n <STableColumn\n dataIndex=\"disabled\"\n :title=\"i18nt('designer.setting.operationButtonDisabled')\"\n :width=\"100\"\n >\n <template #default=\"{ record }\">\n <a-button\n :class=\"[{ 'button-text-highlight': !!record.onDisabled }]\"\n @click=\"editEvent('onDisabled', record)\"\n size=\"small\"\n >\n {{ i18nt('designer.setting.operationButtonDisabled') }}\n </a-button>\n </template>\n </STableColumn>\n <STableColumn dataIndex=\"onClick\" title=\"点击事件\" :width=\"100\">\n <template #default=\"{ record }\">\n <a-button\n :class=\"[{ 'button-text-highlight': !!record.onClick }]\"\n @click=\"editEvent('onClick', record)\"\n size=\"small\"\n >\n 点击事件\n </a-button>\n </template>\n </STableColumn>\n <STableColumn dataIndex=\"action\" title=\"操作\" :width=\"80\">\n <template #default=\"{ record, index }\">\n <a-button type=\"link\" @click=\"deleteOperationButton(index)\" size=\"small\">\n 删除\n </a-button>\n </template>\n </STableColumn>\n </STable>\n\n <div class=\"btn-center\">\n <a-button type=\"primary\" size=\"default\" @click=\"addOperationButton\">\n {{ i18nt('designer.setting.addOperationButton') }}\n </a-button>\n </div>\n <template #footer>\n <div class=\"dialog-footer\">\n <a-button size=\"default\" @click=\"handleCloseDialog\">\n {{ i18nt('designer.hint.closePreview') }}\n </a-button>\n </div>\n </template>\n </a-modal>\n <CodeModalEditor\n v-model=\"currentEditBtn[currentEditEventName]\"\n ref=\"CodeModalEditorRef\"\n :event-header=\"`${currentEditBtn.label}.${currentEditEventName}(){`\"\n />\n</template>\n\n<script>\n import i18n from '@/utils/i18n';\n import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n import { generateId } from '@/utils/util';\n import { cloneDeep } from 'lodash-es';\n export default {\n name: 'button-list-editor',\n mixins: [i18n],\n props: {\n designer: Object,\n selectedWidget: Object,\n optionModel: Object\n },\n components: {\n CodeModalEditor\n },\n data() {\n return {\n buttonList: [],\n currentEditEventName: '',\n currentEditBtn: {},\n btnListConfigDialogVisible: false\n };\n },\n watch: {\n buttonList() {\n this.optionModel.buttonList = this.buttonList;\n }\n },\n methods: {\n addOperationButton() {\n this.buttonList.splice(0, 0, {\n key: generateId(),\n label: 'new btn',\n type: 'primary',\n danger: false,\n icon: '',\n onHidden: '',\n onDisabled: '',\n onClick: ''\n });\n },\n editEvent(type, row) {\n this.currentEditBtn = row;\n this.currentEditEventName = type;\n this.$refs.CodeModalEditorRef.open(row[type]);\n },\n handleConfigBtn() {\n this.buttonList = cloneDeep(this.optionModel.buttonList);\n this.btnListConfigDialogVisible = true;\n },\n handleCloseDialog() {\n this.btnListConfigDialogVisible = false;\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .radio-group-custom {\n :deep(.el-radio-button__inner),\n :deep(.ant-radio-button__inner) {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n .button-row {\n margin-bottom: 8px;\n border: 1px solid #e1e2e3;\n padding: 8px;\n border-radius: 4px;\n transition: all 0.3s;\n\n &:hover {\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n }\n :deep(.ant-table) {\n margin: -8px;\n }\n :deep(.ant-table-cell) {\n padding: 8px !important;\n vertical-align: middle;\n }\n :deep(.ant-form-item) {\n margin-bottom: 0;\n }\n :deep(.drag-handler) {\n cursor: move;\n font-size: 16px;\n color: #999;\n &:hover {\n color: #666;\n }\n }\n }\n .btn-center {\n padding: 20px;\n padding-bottom: 0;\n text-align: center;\n }\n</style>\n"],"names":["_createVNode","_createElementVNode","_withCtx","_normalizeClass"],"mappings":"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"}
1	+ {"version":3,"file":"button-list-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/button-list-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.buttonList')\">\n <a-button @click=\"handleConfigBtn\">按钮配置</a-button>\n </a-form-item>\n <a-modal\n :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n v-model:visible=\"btnListConfigDialogVisible\"\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 <ActionButtonListDialog v-model:data=\"buttonList\" />\n <template #footer>\n <div class=\"dialog-footer\">\n <a-button size=\"default\" @click=\"handleCloseDialog\">\n {{ i18nt('designer.hint.closePreview') }}\n </a-button>\n </div>\n </template>\n </a-modal>\n <CodeModalEditor\n v-model=\"currentEditBtn[currentEditEventName]\"\n ref=\"CodeModalEditorRef\"\n :event-header=\"`${currentEditBtn.label}.${currentEditEventName}(){`\"\n />\n</template>\n\n<script>\n import i18n from '@/utils/i18n';\n import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n import { generateId } from '@/utils/util';\n import { cloneDeep } from 'lodash-es';\n import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n export default {\n name: 'button-list-editor',\n mixins: [i18n],\n props: {\n designer: Object,\n selectedWidget: Object,\n optionModel: Object\n },\n components: {\n ActionButtonListDialog,\n CodeModalEditor\n },\n data() {\n return {\n buttonList: [],\n currentEditEventName: '',\n currentEditBtn: {},\n btnListConfigDialogVisible: false\n };\n },\n watch: {\n buttonList() {\n this.optionModel.buttonList = this.buttonList;\n }\n },\n methods: {\n addOperationButton() {\n this.buttonList.splice(0, 0, {\n key: generateId(),\n label: 'new btn',\n type: 'primary',\n danger: false,\n icon: '',\n onHidden: '',\n onDisabled: '',\n onClick: ''\n });\n },\n editEvent(type, row) {\n this.currentEditBtn = row;\n this.currentEditEventName = type;\n this.$refs.CodeModalEditorRef.open(row[type]);\n },\n handleConfigBtn() {\n this.buttonList = cloneDeep(this.optionModel.buttonList);\n this.btnListConfigDialogVisible = true;\n },\n handleCloseDialog() {\n this.btnListConfigDialogVisible = false;\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .radio-group-custom {\n :deep(.el-radio-button__inner),\n :deep(.ant-radio-button__inner) {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n .button-row {\n margin-bottom: 8px;\n border: 1px solid #e1e2e3;\n padding: 8px;\n border-radius: 4px;\n transition: all 0.3s;\n\n &:hover {\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n }\n :deep(.ant-table) {\n margin: -8px;\n }\n :deep(.ant-table-cell) {\n padding: 8px !important;\n vertical-align: middle;\n }\n :deep(.ant-form-item) {\n margin-bottom: 0;\n }\n :deep(.drag-handler) {\n cursor: move;\n font-size: 16px;\n color: #999;\n &:hover {\n color: #666;\n }\n }\n }\n .btn-center {\n padding: 20px;\n padding-bottom: 0;\n text-align: center;\n }\n</style>\n"],"names":["_createVNode","_createElementVNode"],"mappings":";;;;;;;;AAqCI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACH,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EAChB;AAAA,EACD,YAAY;AAAA,IACR;AAAA,IACA;AAAA,EACH;AAAA,EACD,OAAO;AACH,WAAO;AAAA,MACH,YAAY,CAAE;AAAA,MACd,sBAAsB;AAAA,MACtB,gBAAgB,CAAE;AAAA,MAClB,4BAA4B;AAAA,IAC/B;AAAA,EACJ;AAAA,EACD,OAAO;AAAA,IACH,aAAa;AACT,WAAK,YAAY,aAAa,KAAK;AAAA,IACvC;AAAA,EACH;AAAA,EACD,SAAS;AAAA,IACL,qBAAqB;AACjB,WAAK,WAAW,OAAO,GAAG,GAAG;AAAA,QACzB,KAAK,WAAY;AAAA,QACjB,OAAO;AAAA,QACP,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,SAAS;AAAA,MACb,CAAC;AAAA,IACJ;AAAA,IACD,UAAU,MAAM,KAAK;AACjB,WAAK,iBAAiB;AACtB,WAAK,uBAAuB;AAC5B,WAAK,MAAM,mBAAmB,KAAK,IAAI,IAAI,CAAC;AAAA,IAC/C;AAAA,IACD,kBAAkB;AACd,WAAK,aAAa,UAAU,KAAK,YAAY,UAAU;AACvD,WAAK,6BAA6B;AAAA,IACrC;AAAA,IACD,oBAAoB;AAChB,WAAK,6BAA6B;AAAA,IACtC;AAAA,EACJ;AACH;AAvEY,MAAA,aAAA,EAAA,OAAM,gBAAe;;;;;;;;IAhBlCA,YAEc,wBAAA;AAAA,MAFA,OAAO,KAAK,MAAA,6BAAA;AAAA;uBACtB,MAAkD;AAAA,QAAlDA,YAAkD,qBAAA,EAAvC,SAAO,SAAe,gBAAA,GAAA;AAAA,2BAAE,MAAI;AAAA,4BAAJ,MAAI;AAAA;;;;;;IAE3CA,YAmBU,oBAAA;AAAA,MAlBL,OAAO,KAAK,MAAA,oCAAA;AAAA,MACL,SAAS,MAA0B;AAAA,gEAA1B,MAA0B,6BAAA;AAAA,MAC1C,cAAY;AAAA,MACb,aAAY;AAAA,MACZ,kBAAA;AAAA,MACC,wBAAsB;AAAA,MACtB,yBAAuB;AAAA,MACvB,oBAAkB;AAAA,MACnB,OAAM;AAAA;MAGK,gBACP,MAIM;AAAA,QAJNC,mBAIM,OAJN,YAIM;AAAA,UAHFD,YAEW,qBAAA;AAAA,YAFD,MAAK;AAAA,YAAW,SAAO,SAAiB;AAAA;6BAC9C,MAAyC;AAAA,8CAAtC,KAAK,MAAA,4BAAA,CAAA,GAAA,CAAA;AAAA;;;;;uBAJpB,MAAoD;AAAA,QAApDA,YAAoD,mCAAA;AAAA,UAApB,MAAM,MAAU;AAAA,iEAAV,MAAU,aAAA;AAAA;;;;IASpDA,YAIE,4BAAA;AAAA,MAHW,YAAA,MAAA,eAAe,MAAoB,oBAAA;AAAA,MAAnC,uBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,MAAA,eAAe,MAAoB,oBAAA,IAAA;AAAA,MAC5C,KAAI;AAAA,MACH,gBAAiB,GAAA,MAAA,eAAe,KAAK,IAAI,MAAoB,oBAAA;AAAA;;;;"}