@kp-ui/lowcode 1.0.44 → 1.0.46

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

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

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

@@ -0,0 +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        append-to-body\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        :destroy-on-close=\"true\"\n        width=\"1200px\"\n    >\n        <div class=\"table-wrap\">\n            <a-table\n                :dataSource=\"optionModel.tableColumns\"\n                style=\"width: 100%\"\n                class=\"tpf-table\"\n                :cell-style=\"{ padding: '0' }\"\n                height=\"600\"\n                bordered\n                :row-key=\"r => r.columnId\"\n                id=\"singleTable\"\n                :scroll=\"{ y: 300, x: 300 }\"\n                :pagination=\"false\"\n            >\n                <a-table-column\n                    title=\"序号\"\n                    :width=\"60\"\n                    fixed=\"left\"\n                    :customRender=\"({ index }) => index + 1\"\n                />\n                <a-table-column\n                    :title=\"i18nt('designer.setting.columnName')\"\n                    :width=\"100\"\n                    dataIndex=\"dataIndex\"\n                >\n                    <template #default=\"scope\">\n                        <a-input v-model:value=\"scope.record.dataIndex\" style=\"width: 90%\" />\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    :title=\"i18nt('designer.setting.columnLabel')\"\n                    :width=\"100\"\n                    dataIndex=\"title\"\n                >\n                    <template #default=\"scope\">\n                        <a-input v-model:value=\"scope.record.title\" style=\"width: 90%\" />\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    :title=\"i18nt('designer.setting.columnWidth')\"\n                    :width=\"100\"\n                    dataIndex=\"width\"\n                >\n                    <template #default=\"scope\">\n                        <a-input-number :min=\"20\" :max=\"500\" v-model:value=\"scope.record.width\" />\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    :title=\"i18nt('designer.setting.visibleColumn')\"\n                    :width=\"90\"\n                    dataIndex=\"show\"\n                >\n                    <template #default=\"scope\">\n                        <a-switch v-model:checked=\"scope.record.show\" />\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    :title=\"i18nt('designer.setting.sortableColumn')\"\n                    :width=\"90\"\n                    dataIndex=\"sorter\"\n                >\n                    <template #default=\"scope\">\n                        <a-switch v-model:checked=\"scope.record.sorter\" />\n                    </template>\n                </a-table-column>\n                <a-table-column :title=\"`可拖动调整宽度`\" :width=\"150\" dataIndex=\"resizable\">\n                    <template #default=\"scope\">\n                        <a-switch v-model:checked=\"scope.record.resizable\" />\n                    </template>\n                </a-table-column>\n                <a-table-column :title=\"'超过宽度将自动省略'\" :width=\"150\" dataIndex=\"ellipsis\">\n                    <template #default=\"scope\">\n                        <a-switch v-model:checked=\"scope.record.ellipsis\" />\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    :title=\"i18nt('designer.setting.fixedColumn')\"\n                    :width=\"100\"\n                    dataIndex=\"fixed\"\n                >\n                    <template #default=\"scope\">\n                        <a-select v-model:value=\"scope.record.fixed\" style=\"width: 90%\" allowClear>\n                            <a-select-option value=\"left\">左固定</a-select-option>\n                            <a-select-option value=\"right\">右固定</a-select-option>\n                        </a-select>\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    :title=\"i18nt('designer.setting.alignTypeOfColumn')\"\n                    :width=\"100\"\n                    dataIndex=\"align\"\n                >\n                    <template #default=\"scope\">\n                        <a-select\n                            v-model:value=\"scope.record.align\"\n                            :options=\"alignOptions\"\n                            style=\"width: 100%\"\n                        />\n                    </template>\n                </a-table-column>\n                <a-table-column align=\"center\" :title=\"'自定义渲染函数'\" :width=\"120\" fixed=\"right\">\n                    <template #default=\"scope\">\n                        <a-button\n                            @click=\"showRenderDialog(scope.record)\"\n                            size=\"small\"\n                            shape=\"round\"\n                        >\n                            edit\n                        </a-button>\n                    </template>\n                </a-table-column>\n                <a-table-column\n                    align=\"center\"\n                    :title=\"i18nt('designer.setting.actionColumn')\"\n                    :width=\"120\"\n                    fixed=\"right\"\n                >\n                    <template #default=\"scope\">\n                        <a-space>\n                            <a-button\n                                :title=\"i18nt('designer.setting.addTableColumn')\"\n                                size=\"small\"\n                                @click=\"addCol\"\n                                type=\"text\"\n                            >\n                                {{ i18nt('designer.setting.addTableColumn') }}\n                            </a-button>\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                                {{ i18nt('designer.setting.deleteTableColumn') }}\n                            </a-button>\n                        </a-space>\n                    </template>\n                </a-table-column>\n            </a-table>\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 Sortable from 'sortablejs';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n\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                dialogVisible: false,\n                currentTableColumn: {},\n                renderJson: '',\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            //表格拖动排序\n            dragSort() {\n                const el = document.querySelectorAll(\n                    '#singleTable .ant-table-body tbody.ant-table-tbody '\n                )[0];\n\n                const tableData = this.optionModel.tableColumns;\n                this.sortable = Sortable.create(el, {\n                    ghostClass: 'sortable-ghost',\n                    setData: function (dataTransfer) {\n                        dataTransfer.setData('Text', '');\n                    },\n                    onEnd: e => {\n                        const { oldIndex, newIndex } = e;\n                        if (oldIndex === newIndex) {\n                            return;\n                        }\n                        //e.oldIndex为拖动一行原来的位置，e.newIndex为拖动后新的位置\n                        const targetRow = tableData.splice(e.oldIndex - 1, 1)[0];\n                        tableData.splice(newIndex - 1, 0, targetRow);\n                    }\n                });\n            },\n            showRenderDialog(tableColumn) {\n                this.currentTableColumn = tableColumn;\n                this.renderJson = tableColumn.customRender || '';\n                // this.showRenderDialogFlag = true;\n                this.$refs.CodeModalEditorRef.open(this.renderJson);\n            },\n            saveColumnRender() {\n                this.currentTableColumn.customRender = this.renderJson;\n                console.log('this.renderJson: ', this.renderJson);\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                    autoHeight: false,\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                this.$nextTick(() => {\n                    this.dragSort();\n                });\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .drag-option {\n        cursor: move;\n    }\n    .table-wrap {\n        display: flex;\n        font-size: 12px;\n        :deep(.ant-table) {\n            .ant-table-body {\n                height: 50vh;\n            }\n        }\n        :deep(.ant-input) {\n            font-size: 12px;\n        }\n    }\n</style>\n"],"names":["_createVNode","_createElementVNode","_withCtx","_createBlock"],"mappings":"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"}

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

@@ -33,3 +33,4 @@ const dataTableTableHeightEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["ren
 export {
   dataTableTableHeightEditor as default
 };
+//# sourceMappingURL=data-table-tableHeight-editor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-tableHeight-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableHeight-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.tableHeight')\">\n    <a-input v-model:value=\"optionModel.tableHeight\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'tableHeight-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    },\n    data() {\n      return {};\n    },\n    methods: {}\n  };\n</script>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACd;AAAA,EACD,OAAO;AACL,WAAO,CAAE;AAAA,EACV;AAAA,EACD,SAAS,CAAA;AACV;;;;sBApBDA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAK,MAAA,8BAAA;AAAA;qBACxB,MAAmD;AAAA,MAAnDC,YAAmD,oBAAA;AAAA,QAAlC,OAAO,OAAW,YAAC;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,cAAW;AAAA;;;;;;"}

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

@@ -40,3 +40,4 @@ const dataTableTableSizeEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["rende
 export {
   dataTableTableSizeEditor as default
 };
+//# sourceMappingURL=data-table-tableSize-editor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-tableSize-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableSize-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.widgetSize')\">\n    <a-select v-model:value=\"optionModel.tableSize\" :options=\"widgetSizes\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'tableSize-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    },\n    data() {\n      return {\n        widgetSizes: [\n          { label: 'default', value: 'default' },\n          { label: 'middle', value: 'middle' },\n          { label: 'small', value: 'small' }\n        ]\n      };\n    },\n    methods: {}\n  };\n</script>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACd;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,aAAa;AAAA,QACX,EAAE,OAAO,WAAW,OAAO,UAAW;AAAA,QACtC,EAAE,OAAO,UAAU,OAAO,SAAU;AAAA,QACpC,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,MACnC;AAAA,IACD;AAAA,EACF;AAAA,EACD,SAAS,CAAA;AACV;;;;sBA1BDA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAK,MAAA,6BAAA;AAAA;qBACxB,MAAyE;AAAA,MAAzEC,YAAyE,qBAAA;AAAA,QAAvD,OAAO,OAAW,YAAC;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,YAAS;AAAA,QAAG,SAAS,MAAW;AAAA;;;;;;"}

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

@@ -33,3 +33,4 @@ const dataTableTableWidthEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["rend
 export {
   dataTableTableWidthEditor as default
 };
+//# sourceMappingURL=data-table-tableWidth-editor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-tableWidth-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableWidth-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.tableWidth')\">\n    <a-input v-model:value=\"optionModel.tableWidth\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'tableWidth-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    },\n    data() {\n      return {};\n    },\n    methods: {}\n  };\n</script>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACd;AAAA,EACD,OAAO;AACL,WAAO,CAAE;AAAA,EACV;AAAA,EACD,SAAS,CAAA;AACV;;;;sBApBDA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAK,MAAA,6BAAA;AAAA;qBACxB,MAAkD;AAAA,MAAlDC,YAAkD,oBAAA;AAAA,QAAjC,OAAO,OAAW,YAAC;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,aAAU;AAAA;;;;;;"}

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

@@ -71,3 +71,4 @@ const dataTableTreeDataEnabledEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [[
 export {
   dataTableTreeDataEnabledEditor as default
 };
+//# sourceMappingURL=data-table-treeDataEnabled-editor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-treeDataEnabled-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-treeDataEnabled-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.treeDataEnabled')\">\n    <a-switch v-model:checked=\"optionModel.treeDataEnabled\" @change=\"handleTDEChange\" />\n  </a-form-item>\n  <a-form-item\n    v-if=\"!!optionModel.treeDataEnabled\"\n    :label=\"i18nt('designer.setting.rowKeyOfTreeData')\"\n  >\n    <a-input v-model:value=\"optionModel.rowKey\" />\n  </a-form-item>\n  <a-form-item\n    v-if=\"!!optionModel.treeDataEnabled\"\n    :label=\"i18nt('designer.setting.childrenKeyOfTreeData')\"\n  >\n    <a-input v-model:value=\"optionModel.childrenKey\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'treeDataEnabled-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    },\n    data() {\n      return {};\n    },\n    methods: {\n      handleTDEChange(val) {\n        if (!!val) {\n          this.optionModel.rowKey = 'id';\n          this.optionModel.childrenKey = 'children';\n        } else {\n          this.optionModel.rowKey = '';\n          this.optionModel.childrenKey = '';\n        }\n      }\n    }\n  };\n</script>\n"],"names":["_createVNode","_createBlock"],"mappings":";;;AAqBE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACd;AAAA,EACD,OAAO;AACL,WAAO,CAAE;AAAA,EACV;AAAA,EACD,SAAS;AAAA,IACP,gBAAgB,KAAK;AACnB,UAAI,CAAC,CAAC,KAAK;AACT,aAAK,YAAY,SAAS;AAC1B,aAAK,YAAY,cAAc;AAAA,aAC1B;AACL,aAAK,YAAY,SAAS;AAC1B,aAAK,YAAY,cAAc;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AACD;;;;;;IA1CDA,YAEc,wBAAA;AAAA,MAFA,OAAO,KAAK,MAAA,kCAAA;AAAA;uBACxB,MAAoF;AAAA,QAApFA,YAAoF,qBAAA;AAAA,UAAlE,SAAS,OAAW,YAAC;AAAA,UAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,kBAAe;AAAA,UAAG,UAAQ,SAAe;AAAA;;;;IAGxE,CAAA,CAAA,OAAA,YAAY,gCADtBC,YAKc,wBAAA;AAAA;MAHX,OAAO,KAAK,MAAA,mCAAA;AAAA;uBAEb,MAA8C;AAAA,QAA9CD,YAA8C,oBAAA;AAAA,UAA7B,OAAO,OAAW,YAAC;AAAA,UAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,SAAM;AAAA;;;;IAGlC,CAAA,CAAA,OAAA,YAAY,gCADtBC,YAKc,wBAAA;AAAA;MAHX,OAAO,KAAK,MAAA,wCAAA;AAAA;uBAEb,MAAmD;AAAA,QAAnDD,YAAmD,oBAAA;AAAA,UAAlC,OAAO,OAAW,YAAC;AAAA,UAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,cAAW;AAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-grid/colHeight-editor.vue.js

@@ -35,3 +35,4 @@ const colHeightEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_
 export {
   colHeightEditor as default
 };
+//# sourceMappingURL=colHeight-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-grid/colHeight-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colHeight-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-grid/colHeight-editor.vue"],"sourcesContent":["<template>\n  <div>\n    <a-form-item :label=\"i18nt('designer.setting.gridColHeight')\">\n      <a-input-number\n        v-model:value=\"optionModel.colHeight\"\n        @input=\"inputNumberHandler\"\n        :min=\"0\"\n        class=\"hide-spin-button\"\n      />\n    </a-form-item>\n  </div>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import propertyMixin from '@/components/form-designer/setting-panel/property-editor/propertyMixin';\n\n  export default {\n    name: 'colHeight-editor',\n    mixins: [i18n, propertyMixin],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_createElementBlock","_createVNode"],"mappings":";;;;AAiBE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,MAAM,aAAa;AAAA,EAC5B,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;AACD;;;;sBAxBDA,mBASM,OAAA,MAAA;AAAA,IARJC,YAOc,wBAAA;AAAA,MAPA,OAAO,KAAK,MAAA,gCAAA;AAAA;uBACxB,MAKE;AAAA,QALFA,YAKE,2BAAA;AAAA,UAJQ,OAAO,OAAW,YAAC;AAAA,UAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,YAAS;AAAA,UACnC,SAAO,KAAkB;AAAA,UACzB,KAAK;AAAA,UACN,OAAM;AAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js

@@ -139,3 +139,4 @@ const gutterEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_ren
 export {
   gutterEditor as default
 };
+//# sourceMappingURL=gutter-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gutter-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue"],"sourcesContent":["<template>\n  <div>\n    <a-form-item label-width=\"0\">\n      <a-divider class=\"custom-divider\">{{ i18nt('designer.setting.columnSetting') }}</a-divider>\n    </a-form-item>\n    <a-form-item :label=\"i18nt('designer.setting.gutter')\">\n      <a-input-number v-model:value=\"optionModel.gutter\" style=\"width: 100%\" />\n    </a-form-item>\n    <a-form-item :label=\"i18nt('designer.setting.colsOfGrid')\" />\n    <a-form-item label-width=\"0\">\n      <draggable\n        :list=\"selectedWidget.cols\"\n        item-key=\"id\"\n        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 300 }\"\n        tag=\"transition-group\"\n        :component-data=\"{ name: 'fade' }\"\n        handle=\".drag-handler\"\n      >\n        <template #item=\"{ element: colItem, index: colIdx }\">\n          <li class=\"col-item\">\n            <span class=\"col-span-title\">\n              {{ i18nt('designer.setting.colSpanTitle') }}{{ colIdx + 1 }}\n            </span>\n            <a-input-number\n              v-model:value=\"colItem.options.span\"\n              :min=\"1\"\n              :max=\"24\"\n              @change=\"\n                (newValue, oldValue) =>\n                  spanChanged(selectedWidget, colItem, colIdx, newValue, oldValue)\n              \"\n              class=\"cell-span-input\"\n            />\n            <a-button\n              circle\n              shape=\"plain\"\n              size=\"small\"\n              type=\"danger\"\n              @click=\"deleteCol(selectedWidget, colIdx)\"\n              class=\"col-delete-button\"\n            >\n              删除\n            </a-button>\n\n            <a-button circle shape=\"plain\" size=\"small\" class=\"col-delete-button drag-handler\">\n              <svg-icon icon-class=\"move1\" />\n            </a-button>\n          </li>\n        </template>\n      </draggable>\n      <div>\n        <a-button type=\"primary\" @click=\"addNewCol(selectedWidget)\">\n          {{ i18nt('designer.setting.addColumn') }}\n        </a-button>\n      </div>\n    </a-form-item>\n  </div>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import SvgIcon from '@/components/svg-icon';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n  export default {\n    name: 'gutter-editor',\n    components: { SvgIcon, Draggable },\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    },\n    methods: {\n      spanChanged(curGrid) {\n        let spanSum = 0;\n        curGrid.cols.forEach(colItem => {\n          spanSum += colItem.options.span;\n        });\n        if (spanSum > 24) {\n          //this.$message.info('列栅格之和超出24')\n          console.log('列栅格之和超出24', this.$message1);\n          //TODO: 语言字符串资源化\n        }\n\n        this.designer.saveCurrentHistoryStep();\n      },\n\n      deleteCol(curGrid, colIdx) {\n        this.designer.deleteColOfGrid(curGrid, colIdx);\n        this.designer.emitHistoryChange();\n      },\n\n      addNewCol(curGrid) {\n        this.designer.addNewColOfGrid(curGrid);\n        this.designer.emitHistoryChange();\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  li.col-item {\n    list-style: none;\n    margin-bottom: 5px;\n    display: flex;\n    span.col-span-title {\n      display: inline-block;\n      font-size: 13px;\n      width: 80px;\n    }\n\n    .col-delete-button {\n      margin-left: 6px;\n    }\n  }\n</style>\n"],"names":["Draggable","_createElementBlock","_createVNode","_mergeProps","_withCtx","_createElementVNode","_toDisplayString"],"mappings":"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"}

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue.js

@@ -32,3 +32,4 @@ const gridColOffsetEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _
 export {
   gridColOffsetEditor as default
 };
+//# sourceMappingURL=grid-col-offset-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-col-offset-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.colOffsetTitle')\">\n    <a-input-number v-model:value=\"optionModel.offset\" :min=\"0\" :max=\"24\" style=\"width: 100%\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'grid-col-offset-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;AACD;;;;sBAhBDA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAK,MAAA,iCAAA;AAAA;qBACxB,MAA4F;AAAA,MAA5FC,YAA4F,2BAAA;AAAA,QAApE,OAAO,OAAW,YAAC;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,SAAM;AAAA,QAAG,KAAK;AAAA,QAAI,KAAK;AAAA,QAAI,OAAA,EAAmB,SAAA,OAAA;AAAA;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-pull-editor.vue.js

@@ -32,3 +32,4 @@ const gridColPullEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sf
 export {
   gridColPullEditor as default
 };
+//# sourceMappingURL=grid-col-pull-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-pull-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-col-pull-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-pull-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.colPullTitle')\">\n    <a-input-number v-model:value=\"optionModel.pull\" :min=\"0\" :max=\"24\" style=\"width: 100%\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'grid-col-pull-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;AACD;;;;sBAhBDA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAK,MAAA,+BAAA;AAAA;qBACxB,MAA0F;AAAA,MAA1FC,YAA0F,2BAAA;AAAA,QAAlE,OAAO,OAAW,YAAC;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,OAAI;AAAA,QAAG,KAAK;AAAA,QAAI,KAAK;AAAA,QAAI,OAAA,EAAmB,SAAA,OAAA;AAAA;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-push-editor.vue.js

@@ -32,3 +32,4 @@ const gridColPushEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sf
 export {
   gridColPushEditor as default
 };
+//# sourceMappingURL=grid-col-push-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-push-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-col-push-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-push-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.colPushTitle')\">\n    <a-input-number v-model:value=\"optionModel.push\" :min=\"0\" :max=\"24\" style=\"width: 100%\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'grid-col-push-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;AACD;;;;sBAhBDA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAK,MAAA,+BAAA;AAAA;qBACxB,MAA0F;AAAA,MAA1FC,YAA0F,2BAAA;AAAA,QAAlE,OAAO,OAAW,YAAC;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,OAAI;AAAA,QAAG,KAAK;AAAA,QAAI,KAAK;AAAA,QAAI,OAAA,EAAmB,SAAA,OAAA;AAAA;;;;;;"}