@kp-ui/lowcode 1.0.50 → 1.0.52

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

@@ -93,7 +93,6 @@ const _sfc_main = {
       ],
       dialogVisible: false,
       currentRecordIndexs: null,
-      showRenderDialogFlag: false,
       alignOptions: [
         { value: "left", label: "left" },
         { value: "center", label: "center" },
@@ -108,7 +107,6 @@ const _sfc_main = {
     },
     saveColumnRender(value) {
       this.optionModel.tableColumns[this.currentRecordIndexs].customRender = value;
-      this.showRenderDialogFlag = false;
     },
     addCol() {
       const newRow = {
@@ -344,16 +342,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1
     }, 8, ["title", "visible"]),
     createVNode(_component_CodeModalEditor, {
-      modelValue: _ctx.renderJson,
-      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.renderJson = $event),
       onSave: $options.saveColumnRender,
       ref: "CodeModalEditorRef",
       title: _ctx.i18nt("designer.setting.renderFunction"),
       "event-header": `async function customRender(scope) {`
-    }, null, 8, ["modelValue", "onSave", "title", "event-header"])
+    }, null, 8, ["onSave", "title", "event-header"])
   ], 64);
 }
-const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cfa37d75"]]);
+const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-29785ba0"]]);
 export {
   dataTableTableColumnsEditor as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-tableColumns-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.tableColEdit')\">\n        <a-button type=\"primary\" shape=\"round\" @click=\"openSetting\">\n            {{ i18nt('designer.setting.editAction') }}\n        </a-button>\n    </a-form-item>\n    <a-modal\n        :title=\"i18nt('designer.setting.tableColEdit')\"\n        v-model:visible=\"dialogVisible\"\n        :show-close=\"true\"\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        :destroy-on-close=\"true\"\n        width=\"1200px\"\n        aria-hidden=\"false\"\n        wrapClassName=\"table-columns-modal\"\n    >\n        <div class=\"table-wrap\">\n            <s-table\n                aria-hidden=\"false\"\n                :dataSource=\"optionModel.tableColumns\"\n                style=\"width: 100%\"\n                class=\"tpf-surely-table\"\n                deepWatchDataSource\n                :cell-style=\"{ padding: '0' }\"\n                height=\"600\"\n                id=\"singleTable\"\n                :scroll=\"{ y: 300, x: 300 }\"\n                :pagination=\"false\"\n                resizable\n                :row-key=\"record => record.columnId\"\n                :columns=\"columns\"\n            >\n                <template #bodyCell=\"{ column, record, recordIndexs }\">\n                    <template v-if=\"column.dataIndex === 'dataIndex'\">\n                        <a-input\n                            v-model:value=\"optionModel.tableColumns[recordIndexs[0]].dataIndex\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'title'\">\n                        <a-input v-model:value=\"optionModel.tableColumns[recordIndexs[0]].title\" />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'width'\">\n                        <a-input v-model:value=\"optionModel.tableColumns[recordIndexs[0]].width\" />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'show'\">\n                        <a-switch\n                            v-model:checked=\"optionModel.tableColumns[recordIndexs[0]].show\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'sorter'\">\n                        <a-switch\n                            v-model:checked=\"optionModel.tableColumns[recordIndexs[0]].sorter\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'resizable'\">\n                        <a-switch\n                            v-model:checked=\"optionModel.tableColumns[recordIndexs[0]].resizable\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'ellipsis'\">\n                        <a-switch\n                            v-model:checked=\"optionModel.tableColumns[recordIndexs[0]].ellipsis\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'fixed'\">\n                        <a-select\n                            v-model:value=\"optionModel.tableColumns[recordIndexs[0]].fixed\"\n                            allowClear\n                            style=\"100%\"\n                        >\n                            <a-select-option value=\"left\">左固定</a-select-option>\n                            <a-select-option value=\"right\">右固定</a-select-option>\n                        </a-select>\n                    </template>\n                    <template v-if=\"column.dataIndex === 'align'\">\n                        <a-select\n                            style=\"100%\"\n                            v-model:value=\"optionModel.tableColumns[recordIndexs[0]].align\"\n                            :options=\"alignOptions\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'customRender'\">\n                        <a-button\n                            @click=\"showRenderDialog(recordIndexs[0], record, dataIndex)\"\n                            size=\"small\"\n                            shape=\"round\"\n                        >\n                            edit\n                        </a-button>\n                    </template>\n                    <template v-if=\"column.dataIndex === 'action'\">\n                        <a-space>\n                            <a-button\n                                v-if=\"optionModel.tableColumns.length !== 1\"\n                                :title=\"i18nt('designer.setting.deleteTableColumn')\"\n                                size=\"small\"\n                                @click=\"handleDelete(scope.$index, scope.row)\"\n                                type=\"text\"\n                            >\n                                删除\n                            </a-button>\n                        </a-space>\n                    </template>\n                </template>\n            </s-table>\n            <div class=\"add-btn\">\n                <a-button\n                    :title=\"i18nt('designer.setting.addTableColumn')\"\n                    type=\"primary\"\n                    size=\"medium\"\n                    @click=\"addCol()\"\n                >\n                    {{ i18nt('designer.setting.addTableColumn') }}\n                </a-button>\n            </div>\n        </div>\n        <template #footer>\n            <div class=\"dialog-footer\">\n                <a-button size=\"default\" @click=\"dialogVisible = false\">\n                    {{ i18nt('designer.hint.cancel') }}\n                </a-button>\n                <a-button size=\"default\" type=\"primary\" @click=\"colSubmit\">\n                    {{ i18nt('designer.hint.confirm') }}\n                </a-button>\n            </div>\n        </template>\n    </a-modal>\n\n    <CodeModalEditor\n        v-model=\"renderJson\"\n        @save=\"saveColumnRender\"\n        ref=\"CodeModalEditorRef\"\n        :title=\"i18nt('designer.setting.renderFunction')\"\n        :event-header=\"`async function customRender(scope) {`\"\n    />\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    export default {\n        name: 'tableColumns-editor',\n        mixins: [i18n],\n        components: { CodeModalEditor },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            optionModel: Object\n        },\n        data() {\n            return {\n                columns: [\n                    {\n                        title: '序号',\n                        dataIndex: 'index',\n                        width: 60,\n                        fixed: 'left',\n                        rowDrag: true,\n                        resizable: true,\n                        customRender: ({ index }) => index + 1\n                    },\n                    {\n                        title: this.i18nt('designer.setting.columnName'),\n                        dataIndex: 'dataIndex',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: this.i18nt('designer.setting.columnLabel'),\n                        dataIndex: 'title',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: this.i18nt('designer.setting.columnWidth'),\n                        dataIndex: 'width',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: this.i18nt('designer.setting.visibleColumn'),\n                        dataIndex: 'show',\n                        resizable: true,\n                        width: 90\n                    },\n                    {\n                        title: this.i18nt('designer.setting.sortableColumn'),\n                        dataIndex: 'sorter',\n                        resizable: true,\n                        width: 90\n                    },\n                    {\n                        title: '可拖动调整宽度',\n                        dataIndex: 'resizable',\n                        width: 150\n                    },\n                    {\n                        title: '超过宽度将自动省略',\n                        dataIndex: 'ellipsis',\n                        resizable: true,\n                        width: 150\n                    },\n                    {\n                        title: this.i18nt('designer.setting.fixedColumn'),\n                        dataIndex: 'fixed',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: this.i18nt('designer.setting.alignTypeOfColumn'),\n                        dataIndex: 'align',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: '自定义渲染函数',\n                        dataIndex: 'customRender',\n                        width: 120,\n                        resizable: true,\n                        fixed: 'right'\n                    },\n                    {\n                        title: this.i18nt('designer.setting.actionColumn'),\n                        dataIndex: 'action',\n                        width: 80,\n                        fixed: 'right'\n                    }\n                ],\n                dialogVisible: false,\n                currentRecordIndexs: null,\n                showRenderDialogFlag: false,\n                alignOptions: [\n                    { value: 'left', label: 'left' },\n                    { value: 'center', label: 'center' },\n                    { value: 'right', label: 'right' }\n                ]\n            };\n        },\n        methods: {\n            showRenderDialog(recordIndexs, record) {\n                this.currentRecordIndexs = recordIndexs;\n                this.$refs.CodeModalEditorRef.open(record.customRender);\n            },\n            saveColumnRender(value) {\n                this.optionModel.tableColumns[this.currentRecordIndexs].customRender = value;\n                this.showRenderDialogFlag = false;\n            },\n            addCol() {\n                const newRow = {\n                    columnId: new Date().getTime(),\n                    show: true,\n                    width: 150,\n                    sorter: false,\n                    customRender: '',\n                    fixed: '',\n                    align: 'center',\n                    title: '标题名',\n                    dataIndex: '',\n                    resizable: true,\n                    showSorterTooltip: false\n                };\n                this.optionModel.tableColumns.push(newRow);\n                this.designer.emitHistoryChange();\n            },\n            handleDelete(index, row) {\n                if (this.optionModel.tableColumns.length === 1) {\n                    this.$message.warning(\n                        this.i18nt('designer.setting.onlyOneColumnCannotBeDeleted')\n                    );\n                    return false;\n                }\n                this.optionModel.tableColumns.splice(index, 1);\n            },\n            // 确认表格列更改\n            colSubmit() {\n                this.dialogVisible = false;\n            },\n            openSetting() {\n                this.dialogVisible = true;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .table-wrap {\n        font-size: 12px;\n        :deep(.tpf-surely-table, .surely-table) {\n            height: 50vh;\n        }\n\n        :deep(.ant-input) {\n            font-size: 12px;\n        }\n        .add-btn {\n            margin-top: 10px;\n            text-align: center;\n        }\n    }\n</style>\n"],"names":["_createVNode","_createElementVNode","_createBlock"],"mappings":"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"}
+{"version":3,"file":"data-table-tableColumns-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.tableColEdit')\">\n        <a-button type=\"primary\" shape=\"round\" @click=\"openSetting\">\n            {{ i18nt('designer.setting.editAction') }}\n        </a-button>\n    </a-form-item>\n    <a-modal\n        :title=\"i18nt('designer.setting.tableColEdit')\"\n        v-model:visible=\"dialogVisible\"\n        :show-close=\"true\"\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        :destroy-on-close=\"true\"\n        width=\"1200px\"\n        aria-hidden=\"false\"\n        wrapClassName=\"table-columns-modal\"\n    >\n        <div class=\"table-wrap\">\n            <s-table\n                aria-hidden=\"false\"\n                :dataSource=\"optionModel.tableColumns\"\n                style=\"width: 100%\"\n                class=\"tpf-surely-table\"\n                deepWatchDataSource\n                :cell-style=\"{ padding: '0' }\"\n                height=\"600\"\n                id=\"singleTable\"\n                :scroll=\"{ y: 300, x: 300 }\"\n                :pagination=\"false\"\n                resizable\n                :row-key=\"record => record.columnId\"\n                :columns=\"columns\"\n            >\n                <template #bodyCell=\"{ column, record, recordIndexs }\">\n                    <template v-if=\"column.dataIndex === 'dataIndex'\">\n                        <a-input\n                            v-model:value=\"optionModel.tableColumns[recordIndexs[0]].dataIndex\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'title'\">\n                        <a-input v-model:value=\"optionModel.tableColumns[recordIndexs[0]].title\" />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'width'\">\n                        <a-input v-model:value=\"optionModel.tableColumns[recordIndexs[0]].width\" />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'show'\">\n                        <a-switch\n                            v-model:checked=\"optionModel.tableColumns[recordIndexs[0]].show\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'sorter'\">\n                        <a-switch\n                            v-model:checked=\"optionModel.tableColumns[recordIndexs[0]].sorter\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'resizable'\">\n                        <a-switch\n                            v-model:checked=\"optionModel.tableColumns[recordIndexs[0]].resizable\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'ellipsis'\">\n                        <a-switch\n                            v-model:checked=\"optionModel.tableColumns[recordIndexs[0]].ellipsis\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'fixed'\">\n                        <a-select\n                            v-model:value=\"optionModel.tableColumns[recordIndexs[0]].fixed\"\n                            allowClear\n                            style=\"100%\"\n                        >\n                            <a-select-option value=\"left\">左固定</a-select-option>\n                            <a-select-option value=\"right\">右固定</a-select-option>\n                        </a-select>\n                    </template>\n                    <template v-if=\"column.dataIndex === 'align'\">\n                        <a-select\n                            style=\"100%\"\n                            v-model:value=\"optionModel.tableColumns[recordIndexs[0]].align\"\n                            :options=\"alignOptions\"\n                        />\n                    </template>\n                    <template v-if=\"column.dataIndex === 'customRender'\">\n                        <a-button\n                            @click=\"showRenderDialog(recordIndexs[0], record, dataIndex)\"\n                            size=\"small\"\n                            shape=\"round\"\n                        >\n                            edit\n                        </a-button>\n                    </template>\n                    <template v-if=\"column.dataIndex === 'action'\">\n                        <a-space>\n                            <a-button\n                                v-if=\"optionModel.tableColumns.length !== 1\"\n                                :title=\"i18nt('designer.setting.deleteTableColumn')\"\n                                size=\"small\"\n                                @click=\"handleDelete(scope.$index, scope.row)\"\n                                type=\"text\"\n                            >\n                                删除\n                            </a-button>\n                        </a-space>\n                    </template>\n                </template>\n            </s-table>\n            <div class=\"add-btn\">\n                <a-button\n                    :title=\"i18nt('designer.setting.addTableColumn')\"\n                    type=\"primary\"\n                    size=\"medium\"\n                    @click=\"addCol()\"\n                >\n                    {{ i18nt('designer.setting.addTableColumn') }}\n                </a-button>\n            </div>\n        </div>\n        <template #footer>\n            <div class=\"dialog-footer\">\n                <a-button size=\"default\" @click=\"dialogVisible = false\">\n                    {{ i18nt('designer.hint.cancel') }}\n                </a-button>\n                <a-button size=\"default\" type=\"primary\" @click=\"colSubmit\">\n                    {{ i18nt('designer.hint.confirm') }}\n                </a-button>\n            </div>\n        </template>\n    </a-modal>\n\n    <CodeModalEditor\n        @save=\"saveColumnRender\"\n        ref=\"CodeModalEditorRef\"\n        :title=\"i18nt('designer.setting.renderFunction')\"\n        :event-header=\"`async function customRender(scope) {`\"\n    />\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    export default {\n        name: 'tableColumns-editor',\n        mixins: [i18n],\n        components: { CodeModalEditor },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            optionModel: Object\n        },\n        data() {\n            return {\n                columns: [\n                    {\n                        title: '序号',\n                        dataIndex: 'index',\n                        width: 60,\n                        fixed: 'left',\n                        rowDrag: true,\n                        resizable: true,\n                        customRender: ({ index }) => index + 1\n                    },\n                    {\n                        title: this.i18nt('designer.setting.columnName'),\n                        dataIndex: 'dataIndex',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: this.i18nt('designer.setting.columnLabel'),\n                        dataIndex: 'title',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: this.i18nt('designer.setting.columnWidth'),\n                        dataIndex: 'width',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: this.i18nt('designer.setting.visibleColumn'),\n                        dataIndex: 'show',\n                        resizable: true,\n                        width: 90\n                    },\n                    {\n                        title: this.i18nt('designer.setting.sortableColumn'),\n                        dataIndex: 'sorter',\n                        resizable: true,\n                        width: 90\n                    },\n                    {\n                        title: '可拖动调整宽度',\n                        dataIndex: 'resizable',\n                        width: 150\n                    },\n                    {\n                        title: '超过宽度将自动省略',\n                        dataIndex: 'ellipsis',\n                        resizable: true,\n                        width: 150\n                    },\n                    {\n                        title: this.i18nt('designer.setting.fixedColumn'),\n                        dataIndex: 'fixed',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: this.i18nt('designer.setting.alignTypeOfColumn'),\n                        dataIndex: 'align',\n                        resizable: true,\n                        width: 100\n                    },\n                    {\n                        title: '自定义渲染函数',\n                        dataIndex: 'customRender',\n                        width: 120,\n                        resizable: true,\n                        fixed: 'right'\n                    },\n                    {\n                        title: this.i18nt('designer.setting.actionColumn'),\n                        dataIndex: 'action',\n                        width: 80,\n                        fixed: 'right'\n                    }\n                ],\n                dialogVisible: false,\n                currentRecordIndexs: null,\n                alignOptions: [\n                    { value: 'left', label: 'left' },\n                    { value: 'center', label: 'center' },\n                    { value: 'right', label: 'right' }\n                ]\n            };\n        },\n        methods: {\n            showRenderDialog(recordIndexs, record) {\n                this.currentRecordIndexs = recordIndexs;\n                this.$refs.CodeModalEditorRef.open(record.customRender);\n            },\n            saveColumnRender(value) {\n                this.optionModel.tableColumns[this.currentRecordIndexs].customRender = value;\n            },\n            addCol() {\n                const newRow = {\n                    columnId: new Date().getTime(),\n                    show: true,\n                    width: 150,\n                    sorter: false,\n                    customRender: '',\n                    fixed: '',\n                    align: 'center',\n                    title: '标题名',\n                    dataIndex: '',\n                    resizable: true,\n                    showSorterTooltip: false\n                };\n                this.optionModel.tableColumns.push(newRow);\n                this.designer.emitHistoryChange();\n            },\n            handleDelete(index, row) {\n                if (this.optionModel.tableColumns.length === 1) {\n                    this.$message.warning(\n                        this.i18nt('designer.setting.onlyOneColumnCannotBeDeleted')\n                    );\n                    return false;\n                }\n                this.optionModel.tableColumns.splice(index, 1);\n            },\n            // 确认表格列更改\n            colSubmit() {\n                this.dialogVisible = false;\n            },\n            openSetting() {\n                this.dialogVisible = true;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .table-wrap {\n        font-size: 12px;\n        :deep(.tpf-surely-table, .surely-table) {\n            height: 50vh;\n        }\n\n        :deep(.ant-input) {\n            font-size: 12px;\n        }\n        .add-btn {\n            margin-top: 10px;\n            text-align: center;\n        }\n    }\n</style>\n"],"names":["_createVNode","_createElementVNode","_createBlock"],"mappings":"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"}

package/src/components/form-render/container-item/data-table-item.vue.js

@@ -23,6 +23,10 @@ const _sfc_main = {
     parentWidget: Object,
     parentList: Array,
     indexOfParentList: Number,
+    data: {
+      type: Array,
+      default: () => []
+    },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
       type: Number,
@@ -41,17 +45,7 @@ const _sfc_main = {
   },
   inject: ["refList", "sfRefList", "globalModel", "getFormConfig", "getGlobalDsv"],
   data() {
-    return {
-      // selectAllFlag: false,
-      // selectedIndices: [],
-      // selectedRows: []
-      // pageSize: this.widget.options.pagination.pageSize,
-      // pageSizes: this.widget.options.pagination.pageSizes,
-      // currentPage: this.widget.options.pagination.currentPage,
-      // total: this.widget.options.pagination.total,
-      // 是否跳过selectionChange事件
-      // skipSelectionChangeEvent: false
-    };
+    return {};
   },
   computed: {
     formConfig() {
@@ -123,11 +117,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [
       createVNode(_component_s_table, {
-        class: normalizeClass(["tpf-table", [_ctx.customClass]]),
+        class: normalizeClass(["tpf-surely-table", [_ctx.customClass]]),
         ref: "dataTable2",
         columns: _ctx.columns.columns,
         size: _ctx.widgetSize,
-        dataSource: _ctx.data,
+        dataSource: $props.data,
         rowKey: (record) => record[$props.widget.options.rowKey],
         scroll: { y: parseFloat(_ctx.tableHeight || 0), x: 300 },
         bordered: $props.widget.options.border,
@@ -160,7 +154,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, !_ctx.handleHidden()]
   ]);
 }
-const dataTableItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f5816eff"]]);
+const dataTableItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d31aae35"]]);
 export {
   dataTableItem as default
 };

package/src/components/form-render/container-item/data-table-item.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-item.vue.js","sources":["../../../../../src/components/form-render/container-item/data-table-item.vue"],"sourcesContent":["<template>\n    <container-item-wrapper\n        :style=\"{ display: 'flex', height: parseFloat(tableHeight || 0) + 'px' }\"\n        v-show=\"!handleHidden()\"\n        :widget=\"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\n                        :options=\"widget.options.dataSource\"\n                        :bodyCell=\"columns.bodyCell\"\n                        :scope=\"scope\"\n                    />\n                </template>\n            </template>\n        </s-table>\n    </container-item-wrapper>\n</template>\n\n<script>\n    import ContainerItemWrapper from '@/components/form-render/container-item/container-item-wrapper.vue';\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import refMixin from '@/components/form-render/refMixin';\n    import containerItemMixin from '@/components/form-render/container-item/containerItemMixin';\n    // import TableColumnCustomRender from '@/components/form-render/table-column-custom-render';\n    // import { deepClone, getDSByName, overwriteObj, runDataSourceRequest } from '@/utils/util';\n    import useDataTableMixin from '@/mixins/useDataTableMixin';\n\n    export default {\n        name: 'DataTableItem',\n        componentName: 'ContainerItem', // 必须固定为ContainerItem，用于接收父级组件的broadcast事件\n        mixins: [emitter, i18n, refMixin, containerItemMixin, useDataTableMixin],\n        components: {\n            ContainerItemWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\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        inject: ['refList', 'sfRefList', 'globalModel', 'getFormConfig', 'getGlobalDsv'],\n        data() {\n            return {\n                // selectAllFlag: false,\n                // selectedIndices: [],\n                // selectedRows: []\n                // pageSize: this.widget.options.pagination.pageSize,\n                // pageSizes: this.widget.options.pagination.pageSizes,\n                // currentPage: this.widget.options.pagination.currentPage,\n                // total: this.widget.options.pagination.total,\n                // 是否跳过selectionChange事件\n                // skipSelectionChangeEvent: false\n            };\n        },\n        computed: {\n            formConfig() {\n                return this.getFormConfig();\n            }\n        },\n        created() {\n            this.initRefList();\n            this.handleOnCreated();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n            // if (!!this.widget.options.dsEnabled) {\n            //   this.loadDataFromDS({});\n            // }\n            this.$nextTick(() => {\n                this.handleOnMounted();\n            });\n        },\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n        methods: {\n            getDataTableRef() {\n                return this;\n            },\n\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            },\n\n            handleOnCreated() {\n                if (!!this.widget.options.onCreated) {\n                    const customFunc = new Function(this.widget.options.onCreated);\n                    customFunc.call(this);\n                }\n            },\n\n            handleOnMounted() {\n                if (!!this.widget.options.onMounted) {\n                    const customFunc = new Function(this.widget.options.onMounted);\n                    customFunc.call(this);\n                }\n            },\n\n            // --------------------- 以下为组件支持外部调用的API方法 begin ------------------//\n            /* 提示：用户可自行扩充这些方法！！！ */\n\n            getTableColumns() {\n                return this.widget.options.tableColumns;\n            },\n\n            /**\n             * 获取选中行数据，格式为对象数组\n             * @returns {[]}\n             */\n            getSelectedRow() {\n                // return this.$refs.dataTable.selection\n                return this.selectedRows;\n            },\n\n            /**\n             * 获取选中行索引，格式为数组\n             * @returns {[]}\n             */\n            getSelectedIndex() {\n                return this.selectedIndices;\n            }\n\n            // --------------------- 以上为组件支持外部调用的API方法 end ------------------//\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        margin: 2px;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n    }\n\n    :deep(.el-collapsed__header) {\n        padding: 10px 12px;\n    }\n</style>\n\n<style scoped>\n    .data-table {\n        flex: 1;\n        max-width: 100%;\n        min-width: 0;\n        :deep(.tpf-surely-table) {\n            font-size: 12px;\n            .surely-table-cell-content {\n                font-size: 12px;\n            }\n        }\n    }\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["FieldComponents","_createBlock","_normalizeStyle","_createVNode","_normalizeClass","_withCtx"],"mappings":"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"}
+{"version":3,"file":"data-table-item.vue.js","sources":["../../../../../src/components/form-render/container-item/data-table-item.vue"],"sourcesContent":["<template>\n    <container-item-wrapper\n        :style=\"{ display: 'flex', height: parseFloat(tableHeight || 0) + 'px' }\"\n        v-show=\"!handleHidden()\"\n        :widget=\"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\n                        :options=\"widget.options.dataSource\"\n                        :bodyCell=\"columns.bodyCell\"\n                        :scope=\"scope\"\n                    />\n                </template>\n            </template>\n        </s-table>\n    </container-item-wrapper>\n</template>\n\n<script>\n    import ContainerItemWrapper from '@/components/form-render/container-item/container-item-wrapper.vue';\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import refMixin from '@/components/form-render/refMixin';\n    import containerItemMixin from '@/components/form-render/container-item/containerItemMixin';\n    import useDataTableMixin from '@/mixins/useDataTableMixin';\n\n    export default {\n        name: 'DataTableItem',\n        componentName: 'ContainerItem', // 必须固定为ContainerItem，用于接收父级组件的broadcast事件\n        mixins: [emitter, i18n, refMixin, containerItemMixin, useDataTableMixin],\n        components: {\n            ContainerItemWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            data: {\n                type: Array,\n                default: () => []\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        inject: ['refList', 'sfRefList', 'globalModel', 'getFormConfig', 'getGlobalDsv'],\n        data() {\n            return {};\n        },\n        computed: {\n            formConfig() {\n                return this.getFormConfig();\n            }\n        },\n        created() {\n            this.initRefList();\n            this.handleOnCreated();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n            this.$nextTick(() => {\n                this.handleOnMounted();\n            });\n        },\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n        methods: {\n            getDataTableRef() {\n                return this;\n            },\n\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            },\n\n            handleOnCreated() {\n                if (!!this.widget.options.onCreated) {\n                    const customFunc = new Function(this.widget.options.onCreated);\n                    customFunc.call(this);\n                }\n            },\n\n            handleOnMounted() {\n                if (!!this.widget.options.onMounted) {\n                    const customFunc = new Function(this.widget.options.onMounted);\n                    customFunc.call(this);\n                }\n            },\n\n            // --------------------- 以下为组件支持外部调用的API方法 begin ------------------//\n            /* 提示：用户可自行扩充这些方法！！！ */\n\n            getTableColumns() {\n                return this.widget.options.tableColumns;\n            },\n\n            /**\n             * 获取选中行数据，格式为对象数组\n             * @returns {[]}\n             */\n            getSelectedRow() {\n                // return this.$refs.dataTable.selection\n                return this.selectedRows;\n            },\n\n            /**\n             * 获取选中行索引，格式为数组\n             * @returns {[]}\n             */\n            getSelectedIndex() {\n                return this.selectedIndices;\n            }\n            // --------------------- 以上为组件支持外部调用的API方法 end ------------------//\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        margin: 2px;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n    }\n\n    :deep(.el-collapsed__header) {\n        padding: 10px 12px;\n    }\n</style>\n\n<style scoped>\n    .data-table {\n        flex: 1;\n        max-width: 100%;\n        min-width: 0;\n        :deep(.tpf-surely-table) {\n            font-size: 12px;\n            .surely-table-cell-content {\n                font-size: 12px;\n            }\n        }\n    }\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["FieldComponents","_createBlock","_normalizeStyle","_createVNode","_normalizeClass","_withCtx"],"mappings":";;;;;;;;;;;AAoDI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,MAAM,UAAU,oBAAoB,iBAAiB;AAAA,EACvE,YAAY;AAAA,IACR;AAAA,IACA,GAAGA;AAAAA,EACN;AAAA,EACD,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAClB;AAAA,IACD,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,QAAQ,CAAC,WAAW,aAAa,eAAe,iBAAiB,cAAc;AAAA,EAC/E,OAAO;AACH,WAAO,CAAE;AAAA,EACZ;AAAA,EACD,UAAU;AAAA,IACN,aAAa;AACT,aAAO,KAAK,cAAe;AAAA,IAC/B;AAAA,EACH;AAAA,EACD,UAAU;AACN,SAAK,YAAa;AAClB,SAAK,gBAAiB;AAAA,EACzB;AAAA,EACD,UAAU;AACN,SAAK,wBAAyB;AAC9B,SAAK,UAAU,MAAM;AACjB,WAAK,gBAAiB;AAAA,IAC1B,CAAC;AAAA,EACJ;AAAA,EACD,gBAAgB;AACZ,SAAK,sBAAuB;AAAA,EAC/B;AAAA,EACD,SAAS;AAAA,IACL,kBAAkB;AACd,aAAO;AAAA,IACV;AAAA,IAED,aAAa,QAAQ;AACjB,WAAK,SAAS,YAAY,MAAM;AAAA,IACnC;AAAA,IAED,kBAAkB;AACd,UAAI,CAAC,CAAC,KAAK,OAAO,QAAQ,WAAW;AACjC,cAAM,aAAa,IAAI,SAAS,KAAK,OAAO,QAAQ,SAAS;AAC7D,mBAAW,KAAK,IAAI;AAAA,MACxB;AAAA,IACH;AAAA,IAED,kBAAkB;AACd,UAAI,CAAC,CAAC,KAAK,OAAO,QAAQ,WAAW;AACjC,cAAM,aAAa,IAAI,SAAS,KAAK,OAAO,QAAQ,SAAS;AAC7D,mBAAW,KAAK,IAAI;AAAA,MACxB;AAAA,IACH;AAAA;AAAA;AAAA,IAKD,kBAAkB;AACd,aAAO,KAAK,OAAO,QAAQ;AAAA,IAC9B;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,iBAAiB;AAEb,aAAO,KAAK;AAAA,IACf;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,mBAAmB;AACf,aAAO,KAAK;AAAA,IAChB;AAAA;AAAA,EAEJ;AACH;;;;;;sCAvJDC,YAsCyB,mCAAA;AAAA,IArCpB,OAAKC,eAAA,EAAA,SAAA,QAAA,QAA6B,WAAW,KAAW,eAAA,CAAA,IAAA,KAAA,CAAA;AAAA,IAExD,QAAQ,OAAM;AAAA;qBAEf,MAgCU;AAAA,MAhCVC,YAgCU,oBAAA;AAAA,QA/BN,OAAKC,eAAA,CAAC,oBAAkB,CAGf,KAAW,WAAA,CAAA,CAAA;AAAA,QAFpB,KAAI;AAAA,QACH,SAAS,KAAO,QAAC;AAAA,QAEjB,MAAM,KAAU;AAAA,QAChB,YAAY,OAAI;AAAA,QAChB,QAAQ,YAAU,OAAO,OAAM,OAAC,QAAQ,MAAM;AAAA,QAC9C,QAAM,EAAA,GAAO,WAAW,KAAW,eAAA,CAAA,GAAA,GAAA,IAAA;AAAA,QACnC,UAAU,OAAA,OAAO,QAAQ;AAAA,QACzB,OAAgBF,eAAA,EAAA,OAAA,OAAA,OAAO,QAAQ,YAAU;AAAA,QACzC,kBAAgB,KAAY;AAAA,QAC5B,cAAc,KAAkB,mBAAA;AAAA,QAChC,YAAY,KAAa;AAAA,QACzB,WAAW,KAAe;AAAA,QAC1B,cAAc,KAAY;AAAA,QAC1B,UAAQ,KAAqB;AAAA,QAC7B,gBAAc,KAAkB;AAAA,QAChC,SAAS,KAAO;AAAA;QAEN,mBACP,MAAW;AAAA,UAAXC,YAAW,kBAAA;AAAA;QAEJ,UAAQE,QACf,CAMW,UAPW;AAAA,UACN,KAAA,eAAe,MAAM,OAAO,SAAS,kBACjDJ,YAIE,2BAAA;AAAA;YAHG,SAAS,OAAA,OAAO,QAAQ;AAAA,YACxB,UAAU,KAAO,QAAC;AAAA,YAClB;AAAA;;;;;;;aA/BR,KAAY,aAAA,CAAA;AAAA;;;"}

package/src/components/public/ActionButtonListDialog.vue.js

@@ -0,0 +1,189 @@
+import _sfc_main from "./ActionButtonListDialog.vue2.js";
+import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, createElementVNode, withCtx, createBlock, createCommentVNode, createTextVNode, normalizeClass, toDisplayString } from "vue";
+/* empty css                            */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "add-btn" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_input = resolveComponent("a-input");
+  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_a_button = resolveComponent("a-button");
+  const _component_STable = resolveComponent("STable");
+  const _component_CodeModalEditor = resolveComponent("CodeModalEditor");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_STable, {
+      deepWatchDataSource: "",
+      "data-source": _ctx.buttonList,
+      pagination: false,
+      resizable: true,
+      columns: _ctx.columns,
+      "row-key": (record) => record.name
+    }, {
+      bodyCell: withCtx(({ column, recordIndexs, record }) => [
+        column.dataIndex === "label" ? (openBlock(), createBlock(_component_a_input, {
+          key: 0,
+          value: _ctx.buttonList[recordIndexs[0]].label,
+          "onUpdate:value": ($event) => _ctx.buttonList[recordIndexs[0]].label = $event,
+          placeholder: _ctx.i18nt("designer.setting.operationButtonLabel")
+        }, null, 8, ["value", "onUpdate:value", "placeholder"])) : createCommentVNode("", true),
+        column.dataIndex === "type" ? (openBlock(), createBlock(_component_a_select, {
+          key: 1,
+          value: _ctx.buttonList[recordIndexs[0]].type,
+          "onUpdate:value": ($event) => _ctx.buttonList[recordIndexs[0]].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"])) : createCommentVNode("", true),
+        column.dataIndex === "size" ? (openBlock(), createBlock(_component_a_select, {
+          key: 2,
+          value: _ctx.buttonList[recordIndexs[0]].size,
+          "onUpdate:value": ($event) => _ctx.buttonList[recordIndexs[0]].size = $event,
+          placeholder: _ctx.i18nt("designer.setting.size"),
+          style: { "width": "100%" }
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_a_select_option, { value: "default" }, {
+              default: withCtx(() => [
+                createTextVNode("default")
+              ]),
+              _: 1
+            }),
+            createVNode(_component_a_select_option, { value: "small" }, {
+              default: withCtx(() => [
+                createTextVNode("small")
+              ]),
+              _: 1
+            }),
+            createVNode(_component_a_select_option, { value: "large" }, {
+              default: withCtx(() => [
+                createTextVNode("large")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1032, ["value", "onUpdate:value", "placeholder"])) : createCommentVNode("", true),
+        column.dataIndex === "icon" ? (openBlock(), createBlock(_component_a_input, {
+          key: 3,
+          value: _ctx.buttonList[recordIndexs[0]].icon,
+          "onUpdate:value": ($event) => _ctx.buttonList[recordIndexs[0]].icon = $event,
+          placeholder: _ctx.i18nt("designer.setting.operationButtonLabel")
+        }, null, 8, ["value", "onUpdate:value", "placeholder"])) : createCommentVNode("", true),
+        column.dataIndex === "danger" ? (openBlock(), createBlock(_component_a_switch, {
+          key: 4,
+          checkedValue: 1,
+          unCheckedValue: 0,
+          checked: _ctx.buttonList[recordIndexs[0]].danger,
+          "onUpdate:checked": ($event) => _ctx.buttonList[recordIndexs[0]].danger = $event
+        }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
+        column.dataIndex === "onHidden" ? (openBlock(), createBlock(_component_a_button, {
+          key: 5,
+          class: normalizeClass([{ "button-text-highlight": !!record.onHidden }]),
+          onClick: ($event) => _ctx.editClickEvent("onHidden", record, recordIndexs),
+          size: "small"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.operationButtonHidden")), 1)
+          ]),
+          _: 2
+        }, 1032, ["class", "onClick"])) : createCommentVNode("", true),
+        column.dataIndex === "onDisabled" ? (openBlock(), createBlock(_component_a_button, {
+          key: 6,
+          class: normalizeClass([{ "button-text-highlight": !!record.onDisabled }]),
+          onClick: ($event) => _ctx.editClickEvent("onDisabled", record, recordIndexs),
+          size: "small"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.operationButtonDisabled")), 1)
+          ]),
+          _: 2
+        }, 1032, ["class", "onClick"])) : createCommentVNode("", true),
+        column.dataIndex === "onClick" ? (openBlock(), createBlock(_component_a_button, {
+          key: 7,
+          class: normalizeClass([{ "button-text-highlight": !!record.onClick }]),
+          onClick: ($event) => _ctx.editClickEvent("onClick", record, recordIndexs),
+          size: "small"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(" 点击事件 ")
+          ]),
+          _: 2
+        }, 1032, ["class", "onClick"])) : createCommentVNode("", true),
+        column.dataIndex === "action" ? (openBlock(), createBlock(_component_a_button, {
+          key: 8,
+          type: "link",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.deleteOperationButton(_ctx.index)),
+          size: "small"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(" 删除 ")
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }, 8, ["data-source", "columns", "row-key"]),
+    createElementVNode("div", _hoisted_1, [
+      createVNode(_component_a_button, {
+        type: "primary",
+        size: "default",
+        onClick: _ctx.addOperationButton
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addOperationButton")), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick"])
+    ]),
+    createVNode(_component_CodeModalEditor, {
+      ref: "codeModalEditorRef",
+      onSave: _ctx.saveColumnRender,
+      "event-header": `${_ctx.currentEditBtn}(${_ctx.parmas}){`
+    }, null, 8, ["onSave", "event-header"])
+  ], 64);
+}
+const ActionButtonListDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1b8a2fff"]]);
+export {
+  ActionButtonListDialog as default
+};
+//# sourceMappingURL=ActionButtonListDialog.vue.js.map

package/src/components/public/ActionButtonListDialog.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButtonListDialog.vue.js","sources":["../../../../src/components/public/ActionButtonListDialog.vue"],"sourcesContent":["<template>\n    <STable\n        deepWatchDataSource\n        :data-source=\"buttonList\"\n        :pagination=\"false\"\n        :resizable=\"true\"\n        :columns=\"columns\"\n        :row-key=\"record => record.name\"\n    >\n        <template #bodyCell=\"{ column, recordIndexs, record }\">\n            <template v-if=\"column.dataIndex === 'label'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].label\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'type'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].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            <template v-if=\"column.dataIndex === 'size'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].size\"\n                    :placeholder=\"i18nt('designer.setting.size')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"default\">default</a-select-option>\n                    <a-select-option value=\"small\">small</a-select-option>\n                    <a-select-option value=\"large\">large</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'icon'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].icon\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'danger'\">\n                <a-switch\n                    :checkedValue=\"1\"\n                    :unCheckedValue=\"0\"\n                    v-model:checked=\"buttonList[recordIndexs[0]].danger\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'onHidden'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onHidden }]\"\n                    @click=\"editClickEvent('onHidden', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonHidden') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onDisabled'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onDisabled }]\"\n                    @click=\"editClickEvent('onDisabled', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonDisabled') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onClick'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onClick }]\"\n                    @click=\"editClickEvent('onClick', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    点击事件\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'action'\">\n                <a-button type=\"link\" @click=\"deleteOperationButton(index)\" size=\"small\">\n                    删除\n                </a-button>\n            </template>\n        </template>\n    </STable>\n    <div class=\"add-btn\">\n        <a-button type=\"primary\" size=\"default\" @click=\"addOperationButton\">\n            {{ i18nt('designer.setting.addOperationButton') }}\n        </a-button>\n    </div>\n\n    <CodeModalEditor\n        ref=\"codeModalEditorRef\"\n        @save=\"saveColumnRender\"\n        :event-header=\"`${currentEditBtn}(${parmas}){`\"\n    />\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, getCurrentInstance, ref, watch, watchEffect } from 'vue';\n    import i18n, { useI18n } from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { generateId } from '@/utils/util';\n    export default defineComponent({\n        name: 'ActionButtonList',\n        props: {\n            parmas: {\n                type: String,\n                default: ''\n            },\n            data: {\n                type: Array,\n                required: true\n            }\n        },\n        components: { CodeModalEditor },\n        mixins: [i18n],\n        emits: ['update:data'],\n        setup(props, { emit }) {\n            const { i18nt } = useI18n();\n            const currentEditBtn = ref();\n            const codeModalEditorRef = ref(null);\n            const currentRecordIndexs = ref();\n            const columns = [\n                {\n                    dataIndex: 'label',\n                    title: i18nt('designer.setting.operationButtonLabel'),\n                    width: 60\n                },\n                {\n                    dataIndex: 'type',\n                    title: i18nt('designer.setting.operationButtonType'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'size',\n                    title: i18nt('designer.setting.operationButtonType'),\n                    width: 80\n                },\n                {\n                    dataIndex: 'danger',\n                    title: i18nt('designer.setting.danger'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'icon',\n                    title: i18nt('designer.setting.buttonIcon'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'onHidden',\n                    title: i18nt('designer.setting.operationButtonHidden'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'onDisabled',\n                    title: i18nt('designer.setting.operationButtonDisabled'),\n                    width: 100\n                },\n                { dataIndex: 'onClick', title: '点击事件', width: 100 },\n                { dataIndex: 'action', title: '操作', width: 80 }\n            ];\n\n            const buttonList = computed(() => props.data as any[]);\n\n            watch(\n                () => buttonList.value,\n                () => {\n                    emit('update:data', buttonList.value);\n                },\n                {\n                    deep: true\n                }\n            );\n\n            const deleteOperationButton = (index: number) => {\n                buttonList.value.splice(index, 1);\n                emit('update:data', buttonList.value);\n            };\n\n            const editClickEvent = (name, row, recordIndexs) => {\n                currentRecordIndexs.value = recordIndexs[0];\n                currentEditBtn.value = name;\n                codeModalEditorRef.value?.open(row[name]);\n            };\n\n            const saveColumnRender = value => {\n                console.log(buttonList.value, currentRecordIndexs.value, currentEditBtn.value);\n                buttonList.value[currentRecordIndexs.value][currentEditBtn.value] = value;\n            };\n\n            const addOperationButton = () => {\n                buttonList.value.push({\n                    name: 'btn' + generateId(),\n                    label: 'new btn',\n                    type: 'primary',\n                    size: 'small',\n                    shape: 'default',\n                    hidden: false,\n                    disabled: false,\n                    onClick: ''\n                });\n            };\n\n            return {\n                addOperationButton,\n                saveColumnRender,\n                columns,\n                buttonList,\n                editClickEvent,\n                codeModalEditorRef,\n                currentEditBtn,\n                deleteOperationButton\n            };\n        }\n    });\n</script>\n<style lang=\"less\" scoped>\n    .add-btn {\n        margin-top: 10px;\n        text-align: center;\n    }\n</style>\n"],"names":["_createVNode","_withCtx","_openBlock","_createBlock","_createCommentVNode","_createTextVNode","_normalizeClass","_toDisplayString","_createElementVNode"],"mappings":"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"}

package/src/components/public/ActionButtonListDialog.vue2.js

@@ -0,0 +1,115 @@
+import { defineComponent, ref, computed, watch } from "vue";
+import i18n, { useI18n } from "../../utils/i18n.js";
+import CodeModalEditor from "../code-editor/code-modal-editor.vue.js";
+import { generateId } from "../../utils/util.js";
+const _sfc_main = defineComponent({
+  name: "ActionButtonList",
+  props: {
+    parmas: {
+      type: String,
+      default: ""
+    },
+    data: {
+      type: Array,
+      required: true
+    }
+  },
+  components: { CodeModalEditor },
+  mixins: [i18n],
+  emits: ["update:data"],
+  setup(props, { emit }) {
+    const { i18nt } = useI18n();
+    const currentEditBtn = ref();
+    const codeModalEditorRef = ref(null);
+    const currentRecordIndexs = ref();
+    const columns = [
+      {
+        dataIndex: "label",
+        title: i18nt("designer.setting.operationButtonLabel"),
+        width: 60
+      },
+      {
+        dataIndex: "type",
+        title: i18nt("designer.setting.operationButtonType"),
+        width: 120
+      },
+      {
+        dataIndex: "size",
+        title: i18nt("designer.setting.operationButtonType"),
+        width: 80
+      },
+      {
+        dataIndex: "danger",
+        title: i18nt("designer.setting.danger"),
+        width: 120
+      },
+      {
+        dataIndex: "icon",
+        title: i18nt("designer.setting.buttonIcon"),
+        width: 120
+      },
+      {
+        dataIndex: "onHidden",
+        title: i18nt("designer.setting.operationButtonHidden"),
+        width: 100
+      },
+      {
+        dataIndex: "onDisabled",
+        title: i18nt("designer.setting.operationButtonDisabled"),
+        width: 100
+      },
+      { dataIndex: "onClick", title: "点击事件", width: 100 },
+      { dataIndex: "action", title: "操作", width: 80 }
+    ];
+    const buttonList = computed(() => props.data);
+    watch(
+      () => buttonList.value,
+      () => {
+        emit("update:data", buttonList.value);
+      },
+      {
+        deep: true
+      }
+    );
+    const deleteOperationButton = (index) => {
+      buttonList.value.splice(index, 1);
+      emit("update:data", buttonList.value);
+    };
+    const editClickEvent = (name, row, recordIndexs) => {
+      var _a;
+      currentRecordIndexs.value = recordIndexs[0];
+      currentEditBtn.value = name;
+      (_a = codeModalEditorRef.value) == null ? void 0 : _a.open(row[name]);
+    };
+    const saveColumnRender = (value) => {
+      console.log(buttonList.value, currentRecordIndexs.value, currentEditBtn.value);
+      buttonList.value[currentRecordIndexs.value][currentEditBtn.value] = value;
+    };
+    const addOperationButton = () => {
+      buttonList.value.push({
+        name: "btn" + generateId(),
+        label: "new btn",
+        type: "primary",
+        size: "small",
+        shape: "default",
+        hidden: false,
+        disabled: false,
+        onClick: ""
+      });
+    };
+    return {
+      addOperationButton,
+      saveColumnRender,
+      columns,
+      buttonList,
+      editClickEvent,
+      codeModalEditorRef,
+      currentEditBtn,
+      deleteOperationButton
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ActionButtonListDialog.vue2.js.map

package/src/components/public/ActionButtonListDialog.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButtonListDialog.vue2.js","sources":["../../../../src/components/public/ActionButtonListDialog.vue"],"sourcesContent":["<template>\n    <STable\n        deepWatchDataSource\n        :data-source=\"buttonList\"\n        :pagination=\"false\"\n        :resizable=\"true\"\n        :columns=\"columns\"\n        :row-key=\"record => record.name\"\n    >\n        <template #bodyCell=\"{ column, recordIndexs, record }\">\n            <template v-if=\"column.dataIndex === 'label'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].label\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'type'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].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            <template v-if=\"column.dataIndex === 'size'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].size\"\n                    :placeholder=\"i18nt('designer.setting.size')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"default\">default</a-select-option>\n                    <a-select-option value=\"small\">small</a-select-option>\n                    <a-select-option value=\"large\">large</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'icon'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].icon\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'danger'\">\n                <a-switch\n                    :checkedValue=\"1\"\n                    :unCheckedValue=\"0\"\n                    v-model:checked=\"buttonList[recordIndexs[0]].danger\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'onHidden'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onHidden }]\"\n                    @click=\"editClickEvent('onHidden', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonHidden') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onDisabled'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onDisabled }]\"\n                    @click=\"editClickEvent('onDisabled', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonDisabled') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onClick'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onClick }]\"\n                    @click=\"editClickEvent('onClick', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    点击事件\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'action'\">\n                <a-button type=\"link\" @click=\"deleteOperationButton(index)\" size=\"small\">\n                    删除\n                </a-button>\n            </template>\n        </template>\n    </STable>\n    <div class=\"add-btn\">\n        <a-button type=\"primary\" size=\"default\" @click=\"addOperationButton\">\n            {{ i18nt('designer.setting.addOperationButton') }}\n        </a-button>\n    </div>\n\n    <CodeModalEditor\n        ref=\"codeModalEditorRef\"\n        @save=\"saveColumnRender\"\n        :event-header=\"`${currentEditBtn}(${parmas}){`\"\n    />\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, getCurrentInstance, ref, watch, watchEffect } from 'vue';\n    import i18n, { useI18n } from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { generateId } from '@/utils/util';\n    export default defineComponent({\n        name: 'ActionButtonList',\n        props: {\n            parmas: {\n                type: String,\n                default: ''\n            },\n            data: {\n                type: Array,\n                required: true\n            }\n        },\n        components: { CodeModalEditor },\n        mixins: [i18n],\n        emits: ['update:data'],\n        setup(props, { emit }) {\n            const { i18nt } = useI18n();\n            const currentEditBtn = ref();\n            const codeModalEditorRef = ref(null);\n            const currentRecordIndexs = ref();\n            const columns = [\n                {\n                    dataIndex: 'label',\n                    title: i18nt('designer.setting.operationButtonLabel'),\n                    width: 60\n                },\n                {\n                    dataIndex: 'type',\n                    title: i18nt('designer.setting.operationButtonType'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'size',\n                    title: i18nt('designer.setting.operationButtonType'),\n                    width: 80\n                },\n                {\n                    dataIndex: 'danger',\n                    title: i18nt('designer.setting.danger'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'icon',\n                    title: i18nt('designer.setting.buttonIcon'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'onHidden',\n                    title: i18nt('designer.setting.operationButtonHidden'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'onDisabled',\n                    title: i18nt('designer.setting.operationButtonDisabled'),\n                    width: 100\n                },\n                { dataIndex: 'onClick', title: '点击事件', width: 100 },\n                { dataIndex: 'action', title: '操作', width: 80 }\n            ];\n\n            const buttonList = computed(() => props.data as any[]);\n\n            watch(\n                () => buttonList.value,\n                () => {\n                    emit('update:data', buttonList.value);\n                },\n                {\n                    deep: true\n                }\n            );\n\n            const deleteOperationButton = (index: number) => {\n                buttonList.value.splice(index, 1);\n                emit('update:data', buttonList.value);\n            };\n\n            const editClickEvent = (name, row, recordIndexs) => {\n                currentRecordIndexs.value = recordIndexs[0];\n                currentEditBtn.value = name;\n                codeModalEditorRef.value?.open(row[name]);\n            };\n\n            const saveColumnRender = value => {\n                console.log(buttonList.value, currentRecordIndexs.value, currentEditBtn.value);\n                buttonList.value[currentRecordIndexs.value][currentEditBtn.value] = value;\n            };\n\n            const addOperationButton = () => {\n                buttonList.value.push({\n                    name: 'btn' + generateId(),\n                    label: 'new btn',\n                    type: 'primary',\n                    size: 'small',\n                    shape: 'default',\n                    hidden: false,\n                    disabled: false,\n                    onClick: ''\n                });\n            };\n\n            return {\n                addOperationButton,\n                saveColumnRender,\n                columns,\n                buttonList,\n                editClickEvent,\n                codeModalEditorRef,\n                currentEditBtn,\n                deleteOperationButton\n            };\n        }\n    });\n</script>\n<style lang=\"less\" scoped>\n    .add-btn {\n        margin-top: 10px;\n        text-align: center;\n    }\n</style>\n"],"names":[],"mappings":";;;;AA0GI,MAAA,YAAe,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,IACH,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EAElB;AAAA,EACA,YAAY,EAAE,gBAAgB;AAAA,EAC9B,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO,CAAC,aAAa;AAAA,EACrB,MAAM,OAAO,EAAE,QAAQ;AACb,UAAA,EAAE,MAAM,IAAI,QAAQ;AAC1B,UAAM,iBAAiB,IAAI;AACrB,UAAA,qBAAqB,IAAI,IAAI;AACnC,UAAM,sBAAsB,IAAI;AAChC,UAAM,UAAU;AAAA,MACZ;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,uCAAuC;AAAA,QACpD,OAAO;AAAA,MACX;AAAA,MACA;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,sCAAsC;AAAA,QACnD,OAAO;AAAA,MACX;AAAA,MACA;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,sCAAsC;AAAA,QACnD,OAAO;AAAA,MACX;AAAA,MACA;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,yBAAyB;AAAA,QACtC,OAAO;AAAA,MACX;AAAA,MACA;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,6BAA6B;AAAA,QAC1C,OAAO;AAAA,MACX;AAAA,MACA;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,wCAAwC;AAAA,QACrD,OAAO;AAAA,MACX;AAAA,MACA;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,0CAA0C;AAAA,QACvD,OAAO;AAAA,MACX;AAAA,MACA,EAAE,WAAW,WAAW,OAAO,QAAQ,OAAO,IAAI;AAAA,MAClD,EAAE,WAAW,UAAU,OAAO,MAAM,OAAO,GAAG;AAAA,IAClD;AAEA,UAAM,aAAa,SAAS,MAAM,MAAM,IAAa;AAErD;AAAA,MACI,MAAM,WAAW;AAAA,MACjB,MAAM;AACG,aAAA,eAAe,WAAW,KAAK;AAAA,MACxC;AAAA,MACA;AAAA,QACI,MAAM;AAAA,MAAA;AAAA,IAEd;AAEM,UAAA,wBAAwB,CAAC,UAAkB;AAClC,iBAAA,MAAM,OAAO,OAAO,CAAC;AAC3B,WAAA,eAAe,WAAW,KAAK;AAAA,IACxC;AAEA,UAAM,iBAAiB,CAAC,MAAM,KAAK,iBAAiB;;AAC5B,0BAAA,QAAQ,aAAa,CAAC;AAC1C,qBAAe,QAAQ;AACvB,+BAAmB,UAAnB,mBAA0B,KAAK,IAAI,IAAI;AAAA,IAC3C;AAEA,UAAM,mBAAmB,CAAS,UAAA;AAC9B,cAAQ,IAAI,WAAW,OAAO,oBAAoB,OAAO,eAAe,KAAK;AAC7E,iBAAW,MAAM,oBAAoB,KAAK,EAAE,eAAe,KAAK,IAAI;AAAA,IACxE;AAEA,UAAM,qBAAqB,MAAM;AAC7B,iBAAW,MAAM,KAAK;AAAA,QAClB,MAAM,QAAQ,WAAW;AAAA,QACzB,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,MAAA,CACZ;AAAA,IACL;AAEO,WAAA;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAAA,EAAA;AAER,CAAC;"}