@kp-ui/lowcode 1.0.90 → 1.0.91

package/src/components/form-designer/setting-panel/option-items-setting.vue2.js

@@ -0,0 +1,257 @@
+import { defineComponent, ref, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, withCtx, unref, mergeProps, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.js";
+import { useI18n } from "../../../utils/i18n.js";
+import { TpfCodeEditor } from "tmgc2-share";
+import { DragOutlined, DeleteOutlined, ImportOutlined, ReloadOutlined } from "@ant-design/icons-vue";
+const _hoisted_1 = { class: "option-items-pane" };
+const _hoisted_2 = {
+  class: "drag-option",
+  title: "拖动排序"
+};
+const _hoisted_3 = {
+  class: "drag-option",
+  title: "拖动排序"
+};
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 2,
+  class: "full-width-input"
+};
+const _hoisted_6 = {
+  key: 3,
+  class: "full-width-input"
+};
+const _hoisted_7 = {
+  key: 4,
+  class: "action-buttons"
+};
+const _hoisted_8 = {
+  key: 5,
+  class: "action-buttons"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "option-items-setting",
+  props: {
+    designer: {},
+    selectedWidget: {}
+  },
+  setup(__props) {
+    const codeEditorRef = ref();
+    const props = __props;
+    const { i18nt } = useI18n();
+    const emitDefaultValueChange = () => {
+      var _a;
+      if ((_a = props.designer) == null ? void 0 : _a.formWidget) {
+        const fieldWidget = props.designer.formWidget.getWidgetRef(
+          props.selectedWidget.options.name
+        );
+        if (fieldWidget == null ? void 0 : fieldWidget.refreshDefaultValue) {
+          fieldWidget.refreshDefaultValue();
+        }
+      }
+    };
+    const deleteOption = (option, index) => {
+      props.selectedWidget.options.optionItems.splice(index, 1);
+    };
+    const addOption = () => {
+      const newValue = props.selectedWidget.options.optionItems.length + 1;
+      props.selectedWidget.options.optionItems.push({
+        value: newValue,
+        label: "new option"
+      });
+    };
+    const resetDefault = () => {
+      if (props.selectedWidget.type === "checkbox" || props.selectedWidget.type === "select" && props.selectedWidget.options.multiple) {
+        props.selectedWidget.options.defaultValue = [];
+      } else {
+        props.selectedWidget.options.defaultValue = "";
+      }
+      emitDefaultValueChange();
+    };
+    const importCascaderOptions = () => {
+      codeEditorRef.value.open(props.selectedWidget.options.optionItems);
+    };
+    const saveCascaderOptions = (value) => {
+      props.selectedWidget.options.optionItems = JSON.parse(value);
+    };
+    return (_ctx, _cache) => {
+      const _component_a_input = resolveComponent("a-input");
+      const _component_a_button = resolveComponent("a-button");
+      const _component_a_radio = resolveComponent("a-radio");
+      const _component_a_radio_group = resolveComponent("a-radio-group");
+      const _component_a_checkbox = resolveComponent("a-checkbox");
+      const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
+      const _component_a_cascader = resolveComponent("a-cascader");
+      const _component_a_tree_select = resolveComponent("a-tree-select");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.selectedWidget.type === "radio" || _ctx.selectedWidget.type === "select" && ["combobox"].includes(_ctx.selectedWidget.options.mode || "") ? (openBlock(), createBlock(_component_a_radio_group, {
+          key: 0,
+          value: _ctx.selectedWidget.options.defaultValue,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.selectedWidget.options.defaultValue = $event),
+          onChange: emitDefaultValueChange,
+          class: "option-group"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(draggableComponent), mergeProps({
+              tag: "ul",
+              list: _ctx.selectedWidget.options.optionItems,
+              "item-key": "id"
+            }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
+              item: withCtx(({ element: option, index: idx }) => [
+                createElementVNode("li", null, [
+                  createVNode(_component_a_radio, {
+                    value: option.value
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("span", _hoisted_2, [
+                        createVNode(unref(DragOutlined))
+                      ]),
+                      createVNode(_component_a_input, {
+                        value: option.value,
+                        "onUpdate:value": ($event) => option.value = $event,
+                        size: "small",
+                        style: { "width": "80px" },
+                        placeholder: "值"
+                      }, null, 8, ["value", "onUpdate:value"]),
+                      createVNode(_component_a_input, {
+                        value: option.label,
+                        "onUpdate:value": ($event) => option.label = $event,
+                        size: "small",
+                        style: { "width": "80px" },
+                        placeholder: "文本"
+                      }, null, 8, ["value", "onUpdate:value"]),
+                      createVNode(_component_a_button, {
+                        size: "small",
+                        onClick: ($event) => deleteOption(option, idx)
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(DeleteOutlined))
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1032, ["value"])
+                ])
+              ]),
+              _: 1
+            }, 16, ["list"])
+          ]),
+          _: 1
+        }, 8, ["value"])) : _ctx.selectedWidget.type === "checkbox" || _ctx.selectedWidget.type === "select" && ["multiple", "tags"].includes(_ctx.selectedWidget.options.mode || "") ? (openBlock(), createBlock(_component_a_checkbox_group, {
+          key: 1,
+          value: _ctx.selectedWidget.options.defaultValue,
+          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.selectedWidget.options.defaultValue = $event),
+          onChange: emitDefaultValueChange,
+          style: { "width": "100%" },
+          class: "option-group"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(draggableComponent), mergeProps({
+              tag: "ul",
+              list: _ctx.selectedWidget.options.optionItems,
+              "item-key": "id"
+            }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
+              item: withCtx(({ element: option, index: idx }) => [
+                createElementVNode("li", null, [
+                  createElementVNode("span", _hoisted_3, [
+                    createVNode(unref(DragOutlined))
+                  ]),
+                  createVNode(_component_a_checkbox, {
+                    value: option.value
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_a_input, {
+                        value: option.value,
+                        "onUpdate:value": ($event) => option.value = $event,
+                        size: "small",
+                        style: { "width": "85px" },
+                        placeholder: "值"
+                      }, null, 8, ["value", "onUpdate:value"]),
+                      createVNode(_component_a_input, {
+                        value: option.label,
+                        "onUpdate:value": ($event) => option.label = $event,
+                        size: "small",
+                        style: { "width": "95px" },
+                        placeholder: "文本"
+                      }, null, 8, ["value", "onUpdate:value"])
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]),
+                  createElementVNode("div", {
+                    size: "small",
+                    onClick: ($event) => deleteOption(option, idx)
+                  }, [
+                    createVNode(unref(DeleteOutlined))
+                  ], 8, _hoisted_4)
+                ])
+              ]),
+              _: 1
+            }, 16, ["list"])
+          ]),
+          _: 1
+        }, 8, ["value"])) : _ctx.selectedWidget.type === "cascader" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createVNode(_component_a_cascader, {
+            value: _ctx.selectedWidget.options.defaultValue,
+            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.selectedWidget.options.defaultValue = $event),
+            multiple: _ctx.selectedWidget.options.multiple,
+            options: _ctx.selectedWidget.options.optionItems,
+            onChange: emitDefaultValueChange,
+            placeholder: unref(i18nt)("render.hint.selectPlaceholder")
+          }, null, 8, ["value", "multiple", "options", "placeholder"])
+        ])) : _ctx.selectedWidget.type === "treeSelect" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createVNode(_component_a_tree_select, {
+            value: _ctx.selectedWidget.options.defaultValue,
+            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => _ctx.selectedWidget.options.defaultValue = $event),
+            treeData: _ctx.selectedWidget.options.optionItems,
+            onChange: emitDefaultValueChange,
+            placeholder: unref(i18nt)("render.hint.selectPlaceholder")
+          }, null, 8, ["value", "treeData", "placeholder"])
+        ])) : createCommentVNode("", true),
+        ["cascader", "treeSelect"].includes(_ctx.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createVNode(_component_a_button, { onClick: importCascaderOptions }, {
+            default: withCtx(() => [
+              createVNode(unref(ImportOutlined)),
+              createTextVNode(" " + toDisplayString(unref(i18nt)("designer.setting.importOptions")), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_a_button, { onClick: resetDefault }, {
+            default: withCtx(() => [
+              createVNode(unref(ReloadOutlined)),
+              createTextVNode(" " + toDisplayString(unref(i18nt)("designer.setting.resetDefault")), 1)
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true),
+        ["radio", "checkbox", "select"].includes(_ctx.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          createVNode(_component_a_button, { onClick: addOption }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18nt)("designer.setting.addOption")), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_a_button, { onClick: resetDefault }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18nt)("designer.setting.resetDefault")), 1)
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true),
+        createVNode(unref(TpfCodeEditor), {
+          isShowEventHeader: false,
+          title: unref(i18nt)("designer.setting.importOptions"),
+          mode: "javascript",
+          readonly: false,
+          ref_key: "codeEditorRef",
+          ref: codeEditorRef,
+          onSetCode: saveCascaderOptions
+        }, null, 8, ["title"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=option-items-setting.vue2.js.map

package/src/components/form-designer/setting-panel/option-items-setting.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-items-setting.vue2.js","sources":["../../../../../src/components/form-designer/setting-panel/option-items-setting.vue"],"sourcesContent":["<template>\n    <div class=\"option-items-pane\">\n        <a-radio-group\n            v-if=\"\n                selectedWidget.type === 'radio' ||\n                (selectedWidget.type === 'select' &&\n                    ['combobox'].includes(selectedWidget.options.mode || ''))\n            \"\n            v-model:value=\"selectedWidget.options.defaultValue\"\n            @change=\"emitDefaultValueChange\"\n            class=\"option-group\"\n        >\n            <draggable\n                tag=\"ul\"\n                :list=\"selectedWidget.options.optionItems\"\n                item-key=\"id\"\n                v-bind=\"{ group: 'optionsGroup', ghostClass: 'ghost', handle: '.drag-option' }\"\n            >\n                <template #item=\"{ element: option, index: idx }\">\n                    <li>\n                        <a-radio :value=\"option.value\">\n                            <span class=\"drag-option\" title=\"拖动排序\">\n                                <DragOutlined />\n                            </span>\n                            <a-input\n                                v-model:value=\"option.value\"\n                                size=\"small\"\n                                style=\"width: 80px\"\n                                placeholder=\"值\"\n                            />\n                            <a-input\n                                v-model:value=\"option.label\"\n                                size=\"small\"\n                                style=\"width: 80px\"\n                                placeholder=\"文本\"\n                            />\n                            <a-button size=\"small\" @click=\"deleteOption(option, idx)\">\n                                <DeleteOutlined />\n                            </a-button>\n                        </a-radio>\n                    </li>\n                </template>\n            </draggable>\n        </a-radio-group>\n        <a-checkbox-group\n            v-else-if=\"\n                selectedWidget.type === 'checkbox' ||\n                (selectedWidget.type === 'select' &&\n                    ['multiple', 'tags'].includes(selectedWidget.options.mode || ''))\n            \"\n            v-model:value=\"selectedWidget.options.defaultValue\"\n            @change=\"emitDefaultValueChange\"\n            style=\"width: 100%\"\n            class=\"option-group\"\n        >\n            <draggable\n                tag=\"ul\"\n                :list=\"selectedWidget.options.optionItems\"\n                item-key=\"id\"\n                v-bind=\"{ group: 'optionsGroup', ghostClass: 'ghost', handle: '.drag-option' }\"\n            >\n                <template #item=\"{ element: option, index: idx }\">\n                    <li>\n                        <span class=\"drag-option\" title=\"拖动排序\">\n                            <DragOutlined />\n                        </span>\n                        <a-checkbox :value=\"option.value\">\n                            <a-input\n                                v-model:value=\"option.value\"\n                                size=\"small\"\n                                style=\"width: 85px\"\n                                placeholder=\"值\"\n                            />\n                            <a-input\n                                v-model:value=\"option.label\"\n                                size=\"small\"\n                                style=\"width: 95px\"\n                                placeholder=\"文本\"\n                            />\n                        </a-checkbox>\n                        <div size=\"small\" @click=\"deleteOption(option, idx)\">\n                            <DeleteOutlined />\n                        </div>\n                    </li>\n                </template>\n            </draggable>\n        </a-checkbox-group>\n        <!-- 设置联级选择默认值 -->\n        <div v-else-if=\"selectedWidget.type === 'cascader'\" class=\"full-width-input\">\n            <a-cascader\n                v-model:value=\"selectedWidget.options.defaultValue\"\n                :multiple=\"selectedWidget.options.multiple\"\n                :options=\"selectedWidget.options.optionItems\"\n                @change=\"emitDefaultValueChange\"\n                :placeholder=\"i18nt('render.hint.selectPlaceholder')\"\n            />\n        </div>\n        <!-- 设置树的默认值 -->\n        <div v-else-if=\"selectedWidget.type === 'treeSelect'\" class=\"full-width-input\">\n            <a-tree-select\n                v-model:value=\"selectedWidget.options.defaultValue\"\n                :treeData=\"selectedWidget.options.optionItems\"\n                @change=\"emitDefaultValueChange\"\n                :placeholder=\"i18nt('render.hint.selectPlaceholder')\"\n            />\n        </div>\n        <div v-if=\"['cascader', 'treeSelect'].includes(selectedWidget.type)\" class=\"action-buttons\">\n            <a-button @click=\"importCascaderOptions\">\n                <ImportOutlined />\n                {{ i18nt('designer.setting.importOptions') }}\n            </a-button>\n            <a-button @click=\"resetDefault\">\n                <ReloadOutlined />\n                {{ i18nt('designer.setting.resetDefault') }}\n            </a-button>\n        </div>\n\n        <div\n            v-if=\"['radio', 'checkbox', 'select'].includes(selectedWidget.type)\"\n            class=\"action-buttons\"\n        >\n            <a-button @click=\"addOption\">\n                {{ i18nt('designer.setting.addOption') }}\n            </a-button>\n            <a-button @click=\"resetDefault\">\n                {{ i18nt('designer.setting.resetDefault') }}\n            </a-button>\n        </div>\n\n        <TpfCodeEditor\n            :isShowEventHeader=\"false\"\n            :title=\"i18nt('designer.setting.importOptions')\"\n            mode=\"javascript\"\n            :readonly=\"false\"\n            ref=\"codeEditorRef\"\n            @set-code=\"saveCascaderOptions\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref } from 'vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import { useI18n } from '@/utils/i18n';\n    import { TpfCodeEditor } from 'tmgc2-share';\n    import {\n        DragOutlined,\n        ImportOutlined,\n        ReloadOutlined,\n        DeleteOutlined\n    } from '@ant-design/icons-vue';\n\n    const codeEditorRef = ref();\n\n    interface OptionItem {\n        value: string | number;\n        label: string;\n        [key: string]: any;\n    }\n\n    interface WidgetOptions {\n        name: string;\n        defaultValue: string | string[] | number[];\n        optionItems: OptionItem[];\n        multiple?: boolean;\n        mode?: string;\n        [key: string]: any;\n    }\n\n    interface Widget {\n        type: string;\n        options: WidgetOptions;\n        [key: string]: any;\n    }\n\n    interface FormWidget {\n        getWidgetRef: (name: string) => any;\n        [key: string]: any;\n    }\n\n    interface Designer {\n        formWidget?: FormWidget;\n        [key: string]: any;\n    }\n\n    interface Props {\n        designer?: Designer;\n        selectedWidget: Widget;\n    }\n\n    const props = defineProps<Props>();\n\n    const { i18nt } = useI18n();\n\n    const emitDefaultValueChange = () => {\n        if (props.designer?.formWidget) {\n            const fieldWidget = props.designer.formWidget.getWidgetRef(\n                props.selectedWidget.options.name\n            );\n            if (fieldWidget?.refreshDefaultValue) {\n                fieldWidget.refreshDefaultValue();\n            }\n        }\n    };\n\n    const deleteOption = (option: OptionItem, index: number) => {\n        props.selectedWidget.options.optionItems.splice(index, 1);\n    };\n\n    const addOption = () => {\n        const newValue = props.selectedWidget.options.optionItems.length + 1;\n        props.selectedWidget.options.optionItems.push({\n            value: newValue,\n            label: 'new option'\n        });\n    };\n\n    const importOptions = () => {\n        codeEditorRef.value.open(\n            JSON.stringify(props.selectedWidget.options.optionItems, null, '')\n        );\n    };\n\n    const resetDefault = () => {\n        if (\n            props.selectedWidget.type === 'checkbox' ||\n            (props.selectedWidget.type === 'select' && props.selectedWidget.options.multiple)\n        ) {\n            props.selectedWidget.options.defaultValue = [];\n        } else {\n            props.selectedWidget.options.defaultValue = '';\n        }\n\n        emitDefaultValueChange();\n    };\n\n    const importCascaderOptions = () => {\n        codeEditorRef.value.open(props.selectedWidget.options.optionItems);\n    };\n\n    const saveCascaderOptions = (value: any) => {\n        props.selectedWidget.options.optionItems = JSON.parse(value);\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .option-items-pane {\n        width: 100%;\n\n        ul {\n            width: 100%;\n            margin-bottom: 0;\n            > li {\n                margin-bottom: 5px;\n                display: flex;\n                align-items: center;\n\n                .ant-radio-wrapper,\n                .ant-checkbox-wrapper {\n                    display: flex;\n                    align-items: center;\n                    width: 100%;\n                    margin-right: 0;\n                }\n\n                .ant-input {\n                    margin: 0 4px;\n                }\n\n                .drag-option {\n                    display: inline-flex;\n                    align-items: center;\n                    margin: 0 6px;\n                    cursor: move;\n                    color: #999;\n\n                    &:hover {\n                        color: var(--ant-primary-color);\n                    }\n                }\n\n                .ant-btn {\n                    margin-left: 4px;\n                }\n            }\n        }\n\n        .option-header {\n            display: flex;\n            margin-bottom: 8px;\n            padding-left: 28px;\n\n            .value-label {\n                width: 64px;\n                margin-right: 4px;\n                color: rgba(0, 0, 0, 0.85);\n                font-size: 12px;\n            }\n\n            .text-label {\n                width: 74px;\n                color: rgba(0, 0, 0, 0.85);\n                font-size: 12px;\n            }\n        }\n\n        .option-group {\n            width: 100%;\n            margin-bottom: 2px;\n        }\n\n        .ant-btn {\n            margin-right: 8px;\n\n            &:last-child {\n                margin-right: 0;\n            }\n\n            .anticon {\n                margin-right: 0;\n            }\n        }\n    }\n\n    li.ghost {\n        background: #f5f5f5;\n        border: 1px dashed var(--ant-primary-color);\n        border-radius: 4px;\n        padding: 4px;\n    }\n\n    .dialog-footer {\n        display: flex;\n        justify-content: flex-end;\n        margin-top: 16px;\n\n        .ant-btn {\n            min-width: 80px;\n            margin-left: 8px;\n        }\n    }\n\n    .full-width-input {\n        width: 100% !important;\n        margin-bottom: 5px;\n\n        :deep(.ant-cascader),\n        :deep(.ant-tree-select) {\n            width: 100% !important;\n        }\n    }\n\n    /* Button action group styles */\n    .action-buttons {\n        display: flex;\n        flex-wrap: wrap;\n        margin-bottom: 5px;\n        justify-content: center;\n    }\n</style>\n"],"names":["_openBlock","_createElementBlock","selectedWidget","_createBlock","_createVNode","_unref","_mergeProps","_withCtx","_createElementVNode","_createTextVNode"],"mappings":"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"}

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

@@ -31,7 +31,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [
         createVNode(_component_a_button, {
-          type: "info",
           shape: "round",
           class: normalizeClass([!!$props.optionModel.customRow.onClick ? "button-text-highlight" : ""]),
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.editEventHandler("customRow.onClick", $data.eventParams))
@@ -51,7 +50,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [
         createVNode(_component_a_button, {
-          type: "info",
           shape: "round",
           class: normalizeClass([!!$props.optionModel.customRow.onDblclick ? "button-text-highlight" : ""]),
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.editEventHandler("customRow.onDblclick", $data.eventParams))
@@ -71,7 +69,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [
         createVNode(_component_a_button, {
-          type: "info",
           shape: "round",
           class: normalizeClass([!!$props.optionModel.customRow.onMouseenter ? "button-text-highlight" : ""]),
           onClick: _cache[2] || (_cache[2] = ($event) => _ctx.editEventHandler("customRow.onMouseenter", $data.eventParams))
@@ -91,7 +88,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [
         createVNode(_component_a_button, {
-          type: "info",
           shape: "round",
           class: normalizeClass([!!$props.optionModel.customRow.onMouseleave ? "button-text-highlight" : ""]),
           onClick: _cache[3] || (_cache[3] = ($event) => _ctx.editEventHandler("customRow.onMouseleave", $data.eventParams))

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-customRow-editor.vue.js","sources":["../../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/customRowEvent/data-table-customRow-editor.vue"],"sourcesContent":["<template>\n  <a-form-item label=\"customRow.onClick\" labelAlign=\"left\" label-width=\"150px\">\n    <a-button\n      type=\"info\"\n      shape=\"round\"\n      :class=\"[!!optionModel.customRow.onClick ? 'button-text-highlight' : '']\"\n      @click=\"editEventHandler('customRow.onClick', eventParams)\"\n    >\n      {{ i18nt('designer.setting.addEventHandler') }}\n    </a-button>\n  </a-form-item>\n  <a-form-item label=\"customRow.onDblclick\" labelAlign=\"left\" label-width=\"150px\">\n    <a-button\n      type=\"info\"\n      shape=\"round\"\n      :class=\"[!!optionModel.customRow.onDblclick ? 'button-text-highlight' : '']\"\n      @click=\"editEventHandler('customRow.onDblclick', eventParams)\"\n    >\n      {{ i18nt('designer.setting.addEventHandler') }}\n    </a-button>\n  </a-form-item>\n  <a-form-item label=\"customRow.onMouseenter\" labelAlign=\"left\" label-width=\"150px\">\n    <a-button\n      type=\"info\"\n      shape=\"round\"\n      :class=\"[!!optionModel.customRow.onMouseenter ? 'button-text-highlight' : '']\"\n      @click=\"editEventHandler('customRow.onMouseenter', eventParams)\"\n    >\n      {{ i18nt('designer.setting.addEventHandler') }}\n    </a-button>\n  </a-form-item>\n  <a-form-item label=\"customRow.onMouseleave\" labelAlign=\"left\" label-width=\"150px\">\n    <a-button\n      type=\"info\"\n      shape=\"round\"\n      :class=\"[!!optionModel.customRow.onMouseleave ? 'button-text-highlight' : '']\"\n      @click=\"editEventHandler('customRow.onMouseleave', eventParams)\"\n    >\n      {{ i18nt('designer.setting.addEventHandler') }}\n    </a-button>\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import eventMixin from '@/components/form-designer/setting-panel/property-editor/event-handler/eventMixin';\n\n  export default {\n    name: 'data-table-customRow-editor',\n    mixins: [i18n, eventMixin],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object,\n      eventHandled: {\n        type: Boolean,\n        default: false\n      }\n    },\n    data() {\n      return {\n        eventParams: ['record', 'event']\n      };\n    }\n  };\n</script>\n"],"names":["_createVNode","_normalizeClass"],"mappings":";;;;AA+CE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,MAAM,UAAU;AAAA,EACzB,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA;EAEF,OAAO;AACL,WAAO;AAAA,MACL,aAAa,CAAC,UAAU,OAAO;AAAA;EAEnC;;;;;;IA9DFA,YASc,wBAAA;AAAA,MATD,OAAM;AAAA,MAAoB,YAAW;AAAA,MAAO,eAAY;AAAA;uBACnE,MAOW;AAAA,QAPXA,YAOW,qBAAA;AAAA,UANT,MAAK;AAAA,UACL,OAAM;AAAA,UACL,OAAKC,eAAA,CAAA,CAAA,CAAK,OAAA,YAAY,UAAU,UAAO,0BAAA,EAAA,CAAA;AAAA,UACvC,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAA,iBAAgB,qBAAsB,MAAA,WAAW;AAAA;2BAEzD,MAA+C;AAAA,4CAA5C,KAAA,MAAK,kCAAA,CAAA,GAAA,CAAA;AAAA;;;;;;IAGZD,YASc,wBAAA;AAAA,MATD,OAAM;AAAA,MAAuB,YAAW;AAAA,MAAO,eAAY;AAAA;uBACtE,MAOW;AAAA,QAPXA,YAOW,qBAAA;AAAA,UANT,MAAK;AAAA,UACL,OAAM;AAAA,UACL,OAAKC,eAAA,CAAA,CAAA,CAAK,OAAA,YAAY,UAAU,aAAU,0BAAA,EAAA,CAAA;AAAA,UAC1C,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAA,iBAAgB,wBAAyB,MAAA,WAAW;AAAA;2BAE5D,MAA+C;AAAA,4CAA5C,KAAA,MAAK,kCAAA,CAAA,GAAA,CAAA;AAAA;;;;;;IAGZD,YASc,wBAAA;AAAA,MATD,OAAM;AAAA,MAAyB,YAAW;AAAA,MAAO,eAAY;AAAA;uBACxE,MAOW;AAAA,QAPXA,YAOW,qBAAA;AAAA,UANT,MAAK;AAAA,UACL,OAAM;AAAA,UACL,OAAKC,eAAA,CAAA,CAAA,CAAK,OAAA,YAAY,UAAU,eAAY,0BAAA,EAAA,CAAA;AAAA,UAC5C,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAA,iBAAgB,0BAA2B,MAAA,WAAW;AAAA;2BAE9D,MAA+C;AAAA,4CAA5C,KAAA,MAAK,kCAAA,CAAA,GAAA,CAAA;AAAA;;;;;;IAGZD,YASc,wBAAA;AAAA,MATD,OAAM;AAAA,MAAyB,YAAW;AAAA,MAAO,eAAY;AAAA;uBACxE,MAOW;AAAA,QAPXA,YAOW,qBAAA;AAAA,UANT,MAAK;AAAA,UACL,OAAM;AAAA,UACL,OAAKC,eAAA,CAAA,CAAA,CAAK,OAAA,YAAY,UAAU,eAAY,0BAAA,EAAA,CAAA;AAAA,UAC5C,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAA,iBAAgB,0BAA2B,MAAA,WAAW;AAAA;2BAE9D,MAA+C;AAAA,4CAA5C,KAAA,MAAK,kCAAA,CAAA,GAAA,CAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"data-table-customRow-editor.vue.js","sources":["../../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/customRowEvent/data-table-customRow-editor.vue"],"sourcesContent":["<template>\n    <a-form-item label=\"customRow.onClick\" labelAlign=\"left\" label-width=\"150px\">\n        <a-button\n            shape=\"round\"\n            :class=\"[!!optionModel.customRow.onClick ? 'button-text-highlight' : '']\"\n            @click=\"editEventHandler('customRow.onClick', eventParams)\"\n        >\n            {{ i18nt('designer.setting.addEventHandler') }}\n        </a-button>\n    </a-form-item>\n    <a-form-item label=\"customRow.onDblclick\" labelAlign=\"left\" label-width=\"150px\">\n        <a-button\n            shape=\"round\"\n            :class=\"[!!optionModel.customRow.onDblclick ? 'button-text-highlight' : '']\"\n            @click=\"editEventHandler('customRow.onDblclick', eventParams)\"\n        >\n            {{ i18nt('designer.setting.addEventHandler') }}\n        </a-button>\n    </a-form-item>\n    <a-form-item label=\"customRow.onMouseenter\" labelAlign=\"left\" label-width=\"150px\">\n        <a-button\n            shape=\"round\"\n            :class=\"[!!optionModel.customRow.onMouseenter ? 'button-text-highlight' : '']\"\n            @click=\"editEventHandler('customRow.onMouseenter', eventParams)\"\n        >\n            {{ i18nt('designer.setting.addEventHandler') }}\n        </a-button>\n    </a-form-item>\n    <a-form-item label=\"customRow.onMouseleave\" labelAlign=\"left\" label-width=\"150px\">\n        <a-button\n            shape=\"round\"\n            :class=\"[!!optionModel.customRow.onMouseleave ? 'button-text-highlight' : '']\"\n            @click=\"editEventHandler('customRow.onMouseleave', eventParams)\"\n        >\n            {{ i18nt('designer.setting.addEventHandler') }}\n        </a-button>\n    </a-form-item>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import eventMixin from '@/components/form-designer/setting-panel/property-editor/event-handler/eventMixin';\n\n    export default {\n        name: 'data-table-customRow-editor',\n        mixins: [i18n, eventMixin],\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            optionModel: Object,\n            eventHandled: {\n                type: Boolean,\n                default: false\n            }\n        },\n        data() {\n            return {\n                eventParams: ['record', 'event']\n            };\n        }\n    };\n</script>\n"],"names":["_createVNode","_normalizeClass"],"mappings":";;;;AA2CI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,QAAQ,CAAC,MAAM,UAAU;AAAA,EACzB,OAAO;AAAA,IACH,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,cAAc;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,aAAa,CAAC,UAAU,OAAO;AAAA;EAEvC;;;;;;IA1DJA,YAQc,wBAAA;AAAA,MARD,OAAM;AAAA,MAAoB,YAAW;AAAA,MAAO,eAAY;AAAA;uBACjE,MAMW;AAAA,QANXA,YAMW,qBAAA;AAAA,UALP,OAAM;AAAA,UACL,OAAKC,eAAA,CAAA,CAAA,CAAK,OAAA,YAAY,UAAU,UAAO,0BAAA,EAAA,CAAA;AAAA,UACvC,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAA,iBAAgB,qBAAsB,MAAA,WAAW;AAAA;2BAEzD,MAA+C;AAAA,4CAA5C,KAAA,MAAK,kCAAA,CAAA,GAAA,CAAA;AAAA;;;;;;IAGhBD,YAQc,wBAAA;AAAA,MARD,OAAM;AAAA,MAAuB,YAAW;AAAA,MAAO,eAAY;AAAA;uBACpE,MAMW;AAAA,QANXA,YAMW,qBAAA;AAAA,UALP,OAAM;AAAA,UACL,OAAKC,eAAA,CAAA,CAAA,CAAK,OAAA,YAAY,UAAU,aAAU,0BAAA,EAAA,CAAA;AAAA,UAC1C,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAA,iBAAgB,wBAAyB,MAAA,WAAW;AAAA;2BAE5D,MAA+C;AAAA,4CAA5C,KAAA,MAAK,kCAAA,CAAA,GAAA,CAAA;AAAA;;;;;;IAGhBD,YAQc,wBAAA;AAAA,MARD,OAAM;AAAA,MAAyB,YAAW;AAAA,MAAO,eAAY;AAAA;uBACtE,MAMW;AAAA,QANXA,YAMW,qBAAA;AAAA,UALP,OAAM;AAAA,UACL,OAAKC,eAAA,CAAA,CAAA,CAAK,OAAA,YAAY,UAAU,eAAY,0BAAA,EAAA,CAAA;AAAA,UAC5C,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAA,iBAAgB,0BAA2B,MAAA,WAAW;AAAA;2BAE9D,MAA+C;AAAA,4CAA5C,KAAA,MAAK,kCAAA,CAAA,GAAA,CAAA;AAAA;;;;;;IAGhBD,YAQc,wBAAA;AAAA,MARD,OAAM;AAAA,MAAyB,YAAW;AAAA,MAAO,eAAY;AAAA;uBACtE,MAMW;AAAA,QANXA,YAMW,qBAAA;AAAA,UALP,OAAM;AAAA,UACL,OAAKC,eAAA,CAAA,CAAA,CAAK,OAAA,YAAY,UAAU,eAAY,0BAAA,EAAA,CAAA;AAAA,UAC5C,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAA,iBAAgB,0BAA2B,MAAA,WAAW;AAAA;2BAE9D,MAA+C;AAAA,4CAA5C,KAAA,MAAK,kCAAA,CAAA,GAAA,CAAA;AAAA;;;;;;;;;"}

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

@@ -1,12 +1,12 @@
 import i18n from "../../../../../utils/i18n.js";
-import HttpEditor from "../../../../http-editor/index.vue.js";
+import _sfc_main$2 from "../../../../http-editor/index.vue.js";
 import _sfc_main$1 from "../../../../code-editor/code-modal-editor.vue.js";
 import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, createBlock, createCommentVNode, withCtx, createTextVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "data-table-dsEnabled-editor",
   mixins: [i18n],
-  components: { HttpEditor, CodeModalEditor: _sfc_main$1 },
+  components: { HttpEditor: _sfc_main$2, CodeModalEditor: _sfc_main$1 },
   props: {
     designer: Object,
     selectedWidget: Object,

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-dsEnabled-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.dsEnabled')\">\n        <a-switch v-model:checked=\"optionModel.dsEnabled\" />\n    </a-form-item>\n    <a-form-item v-if=\"!optionModel.dsEnabled\" :label=\"i18nt('designer.setting.tableDataEdit')\">\n        <a-button type=\"primary\" shape=\"round\" @click=\"openTableDataEdit\">\n            {{ i18nt('designer.setting.editAction') }}\n        </a-button>\n    </a-form-item>\n\n    <CodeModalEditor\n        ref=\"CodeModalEditorRef\"\n        mode=\"json\"\n        :readonly=\"false\"\n        :isShowEventHeader=\"false\"\n        :title=\"i18nt('designer.setting.tableDataEdit')\"\n        @save=\"handleUpdate\"\n    />\n    <HttpEditor\n        v-if=\"!!optionModel.dsEnabled\"\n        :designer=\"designer\"\n        :selected-widget=\"selectedWidget\"\n        :optionModel=\"optionModel\"\n    />\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import HttpEditor from '@/components/http-editor/index.vue';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n\n    export default {\n        name: 'data-table-dsEnabled-editor',\n        mixins: [i18n],\n        components: { HttpEditor, CodeModalEditor },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            optionModel: Object\n        },\n        data() {\n            return {\n                tableDataOptions: ''\n            };\n        },\n        methods: {\n            handleUpdate(value) {\n                try {\n                    this.optionModel.dataSource = JSON.parse(value);\n                } catch (ex) {\n                    this.$message.error(\n                        this.i18nt('designer.hint.invalidOptionsData') + ex.message\n                    );\n                }\n            },\n            openTableDataEdit() {\n                this.tableDataOptions = JSON.stringify(this.optionModel.dataSource, null, '  ');\n                console.log(this.tableDataOptions);\n                this.$refs.CodeModalEditorRef.open(this.tableDataOptions);\n            }\n        }\n    };\n</script>\n"],"names":["CodeModalEditor","_createVNode","_createBlock"],"mappings":";;;;;AA+BI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,YAAY,EAAE,YAAU,iBAAEA;EAC1B,OAAO;AAAA,IACH,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA;EAEjB,OAAO;AACH,WAAO;AAAA,MACH,kBAAkB;AAAA;;EAG1B,SAAS;AAAA,IACL,aAAa,OAAO;AAChB,UAAI;AACA,aAAK,YAAY,aAAa,KAAK,MAAM,KAAK;AAAA,eACzC,IAAI;AACT,aAAK,SAAS;AAAA,UACV,KAAK,MAAM,kCAAkC,IAAI,GAAG;AAAA;MAE5D;AAAA;IAEJ,oBAAoB;AAChB,WAAK,mBAAmB,KAAK,UAAU,KAAK,YAAY,YAAY,MAAM,IAAI;AAC9E,cAAQ,IAAI,KAAK,gBAAgB;AACjC,WAAK,MAAM,mBAAmB,KAAK,KAAK,gBAAgB;AAAA,IAC5D;AAAA,EACJ;;;;;;;;;IA3DJC,YAEc,wBAAA;AAAA,MAFA,OAAO,KAAA,MAAK,4BAAA;AAAA;uBACtB,MAAoD;AAAA,QAApDA,YAAoD,qBAAA;AAAA,UAAlC,SAAS,OAAA,YAAY;AAAA,UAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,YAAS;AAAA;;;;IAEhC,CAAA,OAAA,YAAY,0BAAhCC,YAIc,wBAAA;AAAA;MAJ8B,OAAO,KAAA,MAAK,gCAAA;AAAA;uBACpD,MAEW;AAAA,QAFXD,YAEW,qBAAA;AAAA,UAFD,MAAK;AAAA,UAAU,OAAM;AAAA,UAAS,SAAO,SAAA;AAAA;2BAC3C,MAA0C;AAAA,4CAAvC,KAAA,MAAK,6BAAA,CAAA,GAAA,CAAA;AAAA;;;;;;IAIhBA,YAOE,4BAAA;AAAA,MANE,KAAI;AAAA,MACJ,MAAK;AAAA,MACJ,UAAU;AAAA,MACV,mBAAmB;AAAA,MACnB,OAAO,KAAA,MAAK,gCAAA;AAAA,MACZ,QAAM,SAAA;AAAA;IAGC,CAAA,CAAA,OAAA,YAAY,0BADxBC,YAKE,uBAAA;AAAA;MAHG,UAAU,OAAA;AAAA,MACV,mBAAiB,OAAA;AAAA,MACjB,aAAa,OAAA;AAAA;;;;"}
+{"version":3,"file":"data-table-dsEnabled-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.dsEnabled')\">\n        <a-switch v-model:checked=\"optionModel.dsEnabled\" />\n    </a-form-item>\n    <a-form-item v-if=\"!optionModel.dsEnabled\" :label=\"i18nt('designer.setting.tableDataEdit')\">\n        <a-button type=\"primary\" shape=\"round\" @click=\"openTableDataEdit\">\n            {{ i18nt('designer.setting.editAction') }}\n        </a-button>\n    </a-form-item>\n\n    <CodeModalEditor\n        ref=\"CodeModalEditorRef\"\n        mode=\"json\"\n        :readonly=\"false\"\n        :isShowEventHeader=\"false\"\n        :title=\"i18nt('designer.setting.tableDataEdit')\"\n        @save=\"handleUpdate\"\n    />\n    <HttpEditor\n        v-if=\"!!optionModel.dsEnabled\"\n        :designer=\"designer\"\n        :selected-widget=\"selectedWidget\"\n        :optionModel=\"optionModel\"\n    />\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import HttpEditor from '@/components/http-editor/index.vue';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n\n    export default {\n        name: 'data-table-dsEnabled-editor',\n        mixins: [i18n],\n        components: { HttpEditor, CodeModalEditor },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            optionModel: Object\n        },\n        data() {\n            return {\n                tableDataOptions: ''\n            };\n        },\n        methods: {\n            handleUpdate(value) {\n                try {\n                    this.optionModel.dataSource = JSON.parse(value);\n                } catch (ex) {\n                    this.$message.error(\n                        this.i18nt('designer.hint.invalidOptionsData') + ex.message\n                    );\n                }\n            },\n            openTableDataEdit() {\n                this.tableDataOptions = JSON.stringify(this.optionModel.dataSource, null, '  ');\n                console.log(this.tableDataOptions);\n                this.$refs.CodeModalEditorRef.open(this.tableDataOptions);\n            }\n        }\n    };\n</script>\n"],"names":["HttpEditor","CodeModalEditor","_createVNode","_createBlock"],"mappings":";;;;;AA+BI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,YAAY,EAAA,YAAEA,aAAU,iBAAEC;EAC1B,OAAO;AAAA,IACH,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA;EAEjB,OAAO;AACH,WAAO;AAAA,MACH,kBAAkB;AAAA;;EAG1B,SAAS;AAAA,IACL,aAAa,OAAO;AAChB,UAAI;AACA,aAAK,YAAY,aAAa,KAAK,MAAM,KAAK;AAAA,eACzC,IAAI;AACT,aAAK,SAAS;AAAA,UACV,KAAK,MAAM,kCAAkC,IAAI,GAAG;AAAA;MAE5D;AAAA;IAEJ,oBAAoB;AAChB,WAAK,mBAAmB,KAAK,UAAU,KAAK,YAAY,YAAY,MAAM,IAAI;AAC9E,cAAQ,IAAI,KAAK,gBAAgB;AACjC,WAAK,MAAM,mBAAmB,KAAK,KAAK,gBAAgB;AAAA,IAC5D;AAAA,EACJ;;;;;;;;;IA3DJC,YAEc,wBAAA;AAAA,MAFA,OAAO,KAAA,MAAK,4BAAA;AAAA;uBACtB,MAAoD;AAAA,QAApDA,YAAoD,qBAAA;AAAA,UAAlC,SAAS,OAAA,YAAY;AAAA,UAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,YAAS;AAAA;;;;IAEhC,CAAA,OAAA,YAAY,0BAAhCC,YAIc,wBAAA;AAAA;MAJ8B,OAAO,KAAA,MAAK,gCAAA;AAAA;uBACpD,MAEW;AAAA,QAFXD,YAEW,qBAAA;AAAA,UAFD,MAAK;AAAA,UAAU,OAAM;AAAA,UAAS,SAAO,SAAA;AAAA;2BAC3C,MAA0C;AAAA,4CAAvC,KAAA,MAAK,6BAAA,CAAA,GAAA,CAAA;AAAA;;;;;;IAIhBA,YAOE,4BAAA;AAAA,MANE,KAAI;AAAA,MACJ,MAAK;AAAA,MACJ,UAAU;AAAA,MACV,mBAAmB;AAAA,MACnB,OAAO,KAAA,MAAK,gCAAA;AAAA,MACZ,QAAM,SAAA;AAAA;IAGC,CAAA,CAAA,OAAA,YAAY,0BADxBC,YAKE,uBAAA;AAAA;MAHG,UAAU,OAAA;AAAA,MACV,mBAAiB,OAAA;AAAA,MACjB,aAAa,OAAA;AAAA;;;;"}

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

@@ -93,8 +93,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["label"]),
     createVNode(_component_a_drawer, {
       class: "editor-Selection-drawer",
-      visible: $data.visible,
-      "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => $data.visible = $event),
+      open: $data.visible,
+      "onUpdate:open": _cache[7] || (_cache[7] = ($event) => $data.visible = $event),
       title: "分页配置",
       placement: "right"
     }, {
@@ -197,7 +197,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["model"])
       ]),
       _: 1
-    }, 8, ["visible"])
+    }, 8, ["open"])
   ], 64);
 }
 const dataTablePaginationEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-pagination-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-pagination-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.showPagination')\">\n    <a-space>\n      <a-switch v-model:checked=\"optionModel.showPagination\" />\n      <a-button\n        v-if=\"optionModel.showPagination\"\n        type=\"primary\"\n        shape=\"round\"\n        size=\"small\"\n        @click=\"editPagination\"\n      >\n        编辑\n      </a-button>\n    </a-space>\n  </a-form-item>\n\n  <a-drawer\n    class=\"editor-Selection-drawer\"\n    v-model:visible=\"visible\"\n    title=\"分页配置\"\n    placement=\"right\"\n  >\n    <a-form class=\"editor-Selection-form\" :model=\"optionModel.pagination\" layout=\"horizontal\">\n      <a-form-item label=\"默认的每页条数\">\n        <a-select v-model:value=\"optionModel.pagination.pageSize\">\n          <a-select-option v-for=\"item in pageSizeList\" :key=\"item\" :value=\"item\">\n            {{ item }}\n          </a-select-option>\n        </a-select>\n      </a-form-item>\n      <a-form-item label=\"指定每页可以显示多少条\">\n        <a-select\n          mode=\"tags\"\n          v-model:value=\"optionModel.pagination.pageSizeOptions\"\n          @change=\"pageSizeOptionsChange\"\n        >\n          <a-select-option v-for=\"item in pageSizeOptionsList\" :key=\"item\" :value=\"item\">\n            {{ item }}\n          </a-select-option>\n        </a-select>\n      </a-form-item>\n      <a-form-item label=\"只有一页时是否隐藏分页器\">\n        <a-switch v-model:checked=\"optionModel.pagination.hideOnSinglePage\" />\n      </a-form-item>\n      <a-form-item label=\"是否可以快速跳转至某页\">\n        <a-switch v-model:checked=\"optionModel.pagination.showQuickJumper\" />\n      </a-form-item>\n      <a-form-item label=\"是否展示 pageSize 切换器\">\n        <a-switch v-model:checked=\"optionModel.pagination.showSizeChanger\" />\n      </a-form-item>\n      <a-form-item label=\"分页器位置\">\n        <a-select v-model:value=\"selectPosition\" :options=\"positionList\" />\n      </a-form-item>\n    </a-form>\n  </a-drawer>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'pagination-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    },\n    data() {\n      return {\n        visible: false,\n        pageSizeOptionsList: ['10', '20', '50', '100'],\n        positionList: [\n          { value: 'topLeft ', label: 'topLeft ' },\n          { value: 'topCenter', label: 'topCenter' },\n          { value: 'topRight', label: 'topRight' },\n          { value: 'bottomLeft', label: 'bottomLeft' },\n          { value: 'bottomCenter', label: 'bottomCenter' },\n          { value: 'bottomRight', label: 'bottomRight' }\n        ]\n      };\n    },\n    computed: {\n      pageSizeList() {\n        const pageSizeOptions = this.optionModel.pagination.pageSizeOptions.map(item =>\n          Number(item)\n        );\n        if (pageSizeOptions.length === 0) {\n          return [];\n        }\n        return pageSizeOptions.sort((a, b) => a - b);\n      },\n      selectPosition: {\n        get() {\n          return this.optionModel.pagination.position[0];\n        },\n        set(value) {\n          this.optionModel.pagination.position[0] = value;\n        }\n      }\n    },\n    methods: {\n      pageSizeOptionsChange() {\n        this.optionModel.pagination.pageSize = this.pageSizeList[0] || 20;\n      },\n      editPagination() {\n        this.visible = true;\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\">\n  .editor-Selection-drawer {\n    .ant-drawer-body {\n      padding: 10px;\n    }\n\n    .editor-Selection-form {\n      .ant-form-item {\n        margin-bottom: 12px;\n      }\n    }\n  }\n</style>\n"],"names":["_createVNode","_createBlock","_createElementBlock","_Fragment","_renderList"],"mappings":"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"}
+{"version":3,"file":"data-table-pagination-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-pagination-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.showPagination')\">\n        <a-space>\n            <a-switch v-model:checked=\"optionModel.showPagination\" />\n            <a-button\n                v-if=\"optionModel.showPagination\"\n                type=\"primary\"\n                shape=\"round\"\n                size=\"small\"\n                @click=\"editPagination\"\n            >\n                编辑\n            </a-button>\n        </a-space>\n    </a-form-item>\n\n    <a-drawer\n        class=\"editor-Selection-drawer\"\n        v-model:open=\"visible\"\n        title=\"分页配置\"\n        placement=\"right\"\n    >\n        <a-form class=\"editor-Selection-form\" :model=\"optionModel.pagination\" layout=\"horizontal\">\n            <a-form-item label=\"默认的每页条数\">\n                <a-select v-model:value=\"optionModel.pagination.pageSize\">\n                    <a-select-option v-for=\"item in pageSizeList\" :key=\"item\" :value=\"item\">\n                        {{ item }}\n                    </a-select-option>\n                </a-select>\n            </a-form-item>\n            <a-form-item label=\"指定每页可以显示多少条\">\n                <a-select\n                    mode=\"tags\"\n                    v-model:value=\"optionModel.pagination.pageSizeOptions\"\n                    @change=\"pageSizeOptionsChange\"\n                >\n                    <a-select-option v-for=\"item in pageSizeOptionsList\" :key=\"item\" :value=\"item\">\n                        {{ item }}\n                    </a-select-option>\n                </a-select>\n            </a-form-item>\n            <a-form-item label=\"只有一页时是否隐藏分页器\">\n                <a-switch v-model:checked=\"optionModel.pagination.hideOnSinglePage\" />\n            </a-form-item>\n            <a-form-item label=\"是否可以快速跳转至某页\">\n                <a-switch v-model:checked=\"optionModel.pagination.showQuickJumper\" />\n            </a-form-item>\n            <a-form-item label=\"是否展示 pageSize 切换器\">\n                <a-switch v-model:checked=\"optionModel.pagination.showSizeChanger\" />\n            </a-form-item>\n            <a-form-item label=\"分页器位置\">\n                <a-select v-model:value=\"selectPosition\" :options=\"positionList\" />\n            </a-form-item>\n        </a-form>\n    </a-drawer>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n\n    export default {\n        name: 'pagination-editor',\n        mixins: [i18n],\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            optionModel: Object\n        },\n        data() {\n            return {\n                visible: false,\n                pageSizeOptionsList: ['10', '20', '50', '100'],\n                positionList: [\n                    { value: 'topLeft ', label: 'topLeft ' },\n                    { value: 'topCenter', label: 'topCenter' },\n                    { value: 'topRight', label: 'topRight' },\n                    { value: 'bottomLeft', label: 'bottomLeft' },\n                    { value: 'bottomCenter', label: 'bottomCenter' },\n                    { value: 'bottomRight', label: 'bottomRight' }\n                ]\n            };\n        },\n        computed: {\n            pageSizeList() {\n                const pageSizeOptions = this.optionModel.pagination.pageSizeOptions.map(item =>\n                    Number(item)\n                );\n                if (pageSizeOptions.length === 0) {\n                    return [];\n                }\n                return pageSizeOptions.sort((a, b) => a - b);\n            },\n            selectPosition: {\n                get() {\n                    return this.optionModel.pagination.position[0];\n                },\n                set(value) {\n                    this.optionModel.pagination.position[0] = value;\n                }\n            }\n        },\n        methods: {\n            pageSizeOptionsChange() {\n                this.optionModel.pagination.pageSize = this.pageSizeList[0] || 20;\n            },\n            editPagination() {\n                this.visible = true;\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\">\n    .editor-Selection-drawer {\n        .ant-drawer-body {\n            padding: 10px;\n        }\n\n        .editor-Selection-form {\n            .ant-form-item {\n                margin-bottom: 12px;\n            }\n        }\n    }\n</style>\n"],"names":["_createVNode","_createBlock","_createElementBlock","_Fragment","_renderList"],"mappings":"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"}

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

@@ -67,8 +67,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     createVNode(_component_a_drawer, {
       class: "editor-Selection-drawer",
-      visible: $data.visible,
-      "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => $data.visible = $event),
+      open: $data.visible,
+      "onUpdate:open": _cache[5] || (_cache[5] = ($event) => $data.visible = $event),
       title: "左侧勾选设置",
       placement: "right"
     }, {
@@ -120,7 +120,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_a_form_item, { label: "onChange" }, {
               default: withCtx(() => [
                 createVNode(_component_a_button, {
-                  type: "info",
                   plain: "",
                   shape: "round",
                   class: normalizeClass([!!$props.optionModel.rowSelection.onChange ? "button-text-highlight" : ""]),
@@ -139,7 +138,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["model"])
       ]),
       _: 1
-    }, 8, ["visible"]),
+    }, 8, ["open"]),
     createVNode(_component_CodeModalEditor, {
       modelValue: $props.optionModel.rowSelection.onChange,
       "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $props.optionModel.rowSelection.onChange = $event),

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-selections-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-selections-editor.vue"],"sourcesContent":["<template>\n    <a-form-item label=\"启用左侧勾选设置\">\n        <a-space>\n            <a-switch v-model:checked=\"optionModel.rowSelection.hasRowSelection\" />\n            <a-button\n                type=\"primary\"\n                plain\n                shape=\"round\"\n                @click=\"editSelections\"\n                v-if=\"optionModel.rowSelection.hasRowSelection\"\n            >\n                编辑\n            </a-button>\n        </a-space>\n    </a-form-item>\n    <a-drawer\n        class=\"editor-Selection-drawer\"\n        v-model:visible=\"visible\"\n        title=\"左侧勾选设置\"\n        placement=\"right\"\n    >\n        <a-form class=\"editor-Selection-form\" :model=\"optionModel.rowSelection\" layout=\"horizontal\">\n            <a-form-item label=\"固定在左边\">\n                <a-switch v-model:checked=\"optionModel.rowSelection.fixed\" />\n            </a-form-item>\n            <a-form-item label=\"当数据被删除时仍然保留选项的 key\">\n                <a-switch v-model:checked=\"optionModel.rowSelection.preserveSelectedRowKeys\" />\n            </a-form-item>\n            <a-form-item label=\"自定义列表选择框宽度\">\n                <a-input-number\n                    :min=\"20\"\n                    :max=\"200\"\n                    v-model:value=\"optionModel.rowSelection.columnWidth\"\n                />\n            </a-form-item>\n            <a-form-item label=\"自定义列表选择框标题\">\n                <a-input v-model:value=\"optionModel.rowSelection.columnTitle\" />\n            </a-form-item>\n            <a-form-item label=\"onChange\">\n                <a-button\n                    type=\"info\"\n                    plain\n                    shape=\"round\"\n                    :class=\"[!!optionModel.rowSelection.onChange ? 'button-text-highlight' : '']\"\n                    @click=\"editOnChange\"\n                >\n                    {{ i18nt('designer.setting.addEventHandler') }}\n                </a-button>\n            </a-form-item>\n        </a-form>\n    </a-drawer>\n    <CodeModalEditor\n        v-model=\"optionModel.rowSelection.onChange\"\n        ref=\"CodeModalEditorRef\"\n        :title=\"`onChange事件`\"\n        :isShowEventHeader=\"true\"\n        :event-header=\"`function onChange(selectedRowKeys, selectedRows) {`\"\n    />\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n\n    export default {\n        name: 'rowSelection-editor',\n        mixins: [i18n],\n        components: { CodeModalEditor },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            optionModel: Object\n        },\n        data() {\n            return {\n                visible: false,\n                eventParams: []\n            };\n        },\n        methods: {\n            editSelections() {\n                this.visible = true;\n            },\n            editOnChange() {\n                this.$refs.CodeModalEditorRef.open(this.optionModel.rowSelection.onChange);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\">\n    .editor-Selection-drawer {\n        .ant-drawer-body {\n            padding: 10px;\n        }\n\n        .editor-Selection-form {\n            .ant-form-item {\n                margin-bottom: 12px;\n            }\n        }\n    }\n</style>\n"],"names":["CodeModalEditor","_createVNode","_createBlock","_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"data-table-selections-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-selections-editor.vue"],"sourcesContent":["<template>\n    <a-form-item label=\"启用左侧勾选设置\">\n        <a-space>\n            <a-switch v-model:checked=\"optionModel.rowSelection.hasRowSelection\" />\n            <a-button\n                type=\"primary\"\n                plain\n                shape=\"round\"\n                @click=\"editSelections\"\n                v-if=\"optionModel.rowSelection.hasRowSelection\"\n            >\n                编辑\n            </a-button>\n        </a-space>\n    </a-form-item>\n    <a-drawer\n        class=\"editor-Selection-drawer\"\n        v-model:open=\"visible\"\n        title=\"左侧勾选设置\"\n        placement=\"right\"\n    >\n        <a-form class=\"editor-Selection-form\" :model=\"optionModel.rowSelection\" layout=\"horizontal\">\n            <a-form-item label=\"固定在左边\">\n                <a-switch v-model:checked=\"optionModel.rowSelection.fixed\" />\n            </a-form-item>\n            <a-form-item label=\"当数据被删除时仍然保留选项的 key\">\n                <a-switch v-model:checked=\"optionModel.rowSelection.preserveSelectedRowKeys\" />\n            </a-form-item>\n            <a-form-item label=\"自定义列表选择框宽度\">\n                <a-input-number\n                    :min=\"20\"\n                    :max=\"200\"\n                    v-model:value=\"optionModel.rowSelection.columnWidth\"\n                />\n            </a-form-item>\n            <a-form-item label=\"自定义列表选择框标题\">\n                <a-input v-model:value=\"optionModel.rowSelection.columnTitle\" />\n            </a-form-item>\n            <a-form-item label=\"onChange\">\n                <a-button\n                    plain\n                    shape=\"round\"\n                    :class=\"[!!optionModel.rowSelection.onChange ? 'button-text-highlight' : '']\"\n                    @click=\"editOnChange\"\n                >\n                    {{ i18nt('designer.setting.addEventHandler') }}\n                </a-button>\n            </a-form-item>\n        </a-form>\n    </a-drawer>\n    <CodeModalEditor\n        v-model=\"optionModel.rowSelection.onChange\"\n        ref=\"CodeModalEditorRef\"\n        :title=\"`onChange事件`\"\n        :isShowEventHeader=\"true\"\n        :event-header=\"`function onChange(selectedRowKeys, selectedRows) {`\"\n    />\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n\n    export default {\n        name: 'rowSelection-editor',\n        mixins: [i18n],\n        components: { CodeModalEditor },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            optionModel: Object\n        },\n        data() {\n            return {\n                visible: false,\n                eventParams: []\n            };\n        },\n        methods: {\n            editSelections() {\n                this.visible = true;\n            },\n            editOnChange() {\n                this.$refs.CodeModalEditorRef.open(this.optionModel.rowSelection.onChange);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\">\n    .editor-Selection-drawer {\n        .ant-drawer-body {\n            padding: 10px;\n        }\n\n        .editor-Selection-form {\n            .ant-form-item {\n                margin-bottom: 12px;\n            }\n        }\n    }\n</style>\n"],"names":["CodeModalEditor","_createVNode","_createBlock","_normalizeClass"],"mappings":";;;;;AA+DI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,YAAY,EAAA,iBAAEA,YAAc;AAAA,EAC5B,OAAO;AAAA,IACH,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA;EAEjB,OAAO;AACH,WAAO;AAAA,MACH,SAAS;AAAA,MACT,aAAa,CAAA;AAAA;;EAGrB,SAAS;AAAA,IACL,iBAAiB;AACb,WAAK,UAAU;AAAA;IAEnB,eAAe;AACX,WAAK,MAAM,mBAAmB,KAAK,KAAK,YAAY,aAAa,QAAQ;AAAA,IAC7E;AAAA,EACJ;;;;;;;;;;;;;IApFJC,YAac,wBAAA,EAbD,OAAM,WAAU,GAAA;AAAA,uBACzB,MAWU;AAAA,QAXVA,YAWU,oBAAA,MAAA;AAAA,2BAVN,MAAuE;AAAA,YAAvEA,YAAuE,qBAAA;AAAA,cAArD,SAAS,OAAA,YAAY,aAAa;AAAA,wEAAzB,OAAA,YAAY,aAAa,kBAAe;AAAA;YAMzD,OAAA,YAAY,aAAa,gCALnCC,YAQW,qBAAA;AAAA;cAPP,MAAK;AAAA,cACL,OAAA;AAAA,cACA,OAAM;AAAA,cACL,SAAO,SAAA;AAAA;+BAEX,MAED,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,gCAFC,MAED;AAAA;;;;;;;;;;IAGRD,YAkCW,qBAAA;AAAA,MAjCP,OAAM;AAAA,MACE,MAAM,MAAA;AAAA,6DAAA,MAAA,UAAO;AAAA,MACrB,OAAM;AAAA,MACN,WAAU;AAAA;uBAEV,MA2BS;AAAA,QA3BTA,YA2BS,mBAAA;AAAA,UA3BD,OAAM;AAAA,UAAyB,OAAO,OAAA,YAAY;AAAA,UAAc,QAAO;AAAA;2BAC3E,MAEc;AAAA,YAFdA,YAEc,wBAAA,EAFD,OAAM,QAAO,GAAA;AAAA,+BACtB,MAA6D;AAAA,gBAA7DA,YAA6D,qBAAA;AAAA,kBAA3C,SAAS,OAAA,YAAY,aAAa;AAAA,4EAAzB,OAAA,YAAY,aAAa,QAAK;AAAA;;;;YAE7DA,YAEc,wBAAA,EAFD,OAAM,qBAAoB,GAAA;AAAA,+BACnC,MAA+E;AAAA,gBAA/EA,YAA+E,qBAAA;AAAA,kBAA7D,SAAS,OAAA,YAAY,aAAa;AAAA,4EAAzB,OAAA,YAAY,aAAa,0BAAuB;AAAA;;;;YAE/EA,YAMc,wBAAA,EAND,OAAM,aAAY,GAAA;AAAA,+BAC3B,MAIE;AAAA,gBAJFA,YAIE,2BAAA;AAAA,kBAHG,KAAK;AAAA,kBACL,KAAK;AAAA,kBACE,OAAO,OAAA,YAAY,aAAa;AAAA,0EAAzB,OAAA,YAAY,aAAa,cAAW;AAAA;;;;YAG3DA,YAEc,wBAAA,EAFD,OAAM,aAAY,GAAA;AAAA,+BAC3B,MAAgE;AAAA,gBAAhEA,YAAgE,oBAAA;AAAA,kBAA/C,OAAO,OAAA,YAAY,aAAa;AAAA,0EAAzB,OAAA,YAAY,aAAa,cAAW;AAAA;;;;YAEhEA,YASc,wBAAA,EATD,OAAM,WAAU,GAAA;AAAA,+BACzB,MAOW;AAAA,gBAPXA,YAOW,qBAAA;AAAA,kBANP,OAAA;AAAA,kBACA,OAAM;AAAA,kBACL,OAAKE,eAAA,CAAA,CAAA,CAAK,OAAA,YAAY,aAAa,WAAQ,0BAAA,EAAA,CAAA;AAAA,kBAC3C,SAAO,SAAA;AAAA;mCAER,MAA+C;AAAA,oDAA5C,KAAA,MAAK,kCAAA,CAAA,GAAA,CAAA;AAAA;;;;;;;;;;;;IAKxBF,YAME,4BAAA;AAAA,kBALW,OAAA,YAAY,aAAa;AAAA,mEAAzB,OAAA,YAAY,aAAa,WAAQ;AAAA,MAC1C,KAAI;AAAA,MACH,OAAO;AAAA,MACP,mBAAmB;AAAA,MACnB,gBAAc;AAAA;;;;"}

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./data-table-tableColumns-editor.vue2.js";
 /* empty css                                    */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-de5b5376"]]);
+const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-76f971c7"]]);
 export {
   dataTableTableColumnsEditor as default
 };

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

@@ -3,6 +3,7 @@ import { useI18n } from "../../../../../utils/i18n.js";
 import _sfc_main$1 from "../../../../code-editor/code-modal-editor.vue.js";
 import { cloneDeep } from "lodash-es";
 import { TpfModal } from "tmgc2-share";
+import STable, { setLicenseKey } from "@surely-vue/table";
 const _hoisted_1 = { class: "table-wrap" };
 const _hoisted_2 = {
   key: 2,
@@ -20,6 +21,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     optionModel: {}
   },
   setup(__props, { expose: __expose }) {
+    setLicenseKey(
+      "45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=="
+    );
     const { i18nt } = useI18n();
     const props = __props;
     const CodeModalEditorRef = ref(null);
@@ -163,7 +167,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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_s_table = resolveComponent("s-table");
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_component_a_form_item, {
           label: unref(i18nt)("designer.setting.tableColEdit")
@@ -211,7 +214,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           default: withCtx(() => [
             createElementVNode("div", _hoisted_1, [
-              createVNode(_component_s_table, {
+              createVNode(unref(STable), {
                 class: "tpf-surely-table",
                 "aria-hidden": "false",
                 dataSource: tableColumns.value,