@kp-ui/lowcode 1.0.90 → 1.0.92

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

@@ -0,0 +1,256 @@
+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
+};

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

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

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

@@ -53,4 +53,3 @@ const actionColumnPositionEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["ren
 export {
   actionColumnPositionEditor as default
 };
-//# sourceMappingURL=actionColumnPosition-editor.vue.js.map

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

@@ -1,2 +1 @@
 
-//# sourceMappingURL=actionColumnPosition-editor.vue2.js.map

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

@@ -30,4 +30,3 @@ const addonAfterEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc
 export {
   addonAfterEditor as default
 };
-//# sourceMappingURL=addonAfter-editor.vue.js.map

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

@@ -30,4 +30,3 @@ const addonBeforeEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sf
 export {
   addonBeforeEditor as default
 };
-//# sourceMappingURL=addonBefore-editor.vue.js.map

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

@@ -29,4 +29,3 @@ const allowClearEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc
 export {
   allowClearEditor as default
 };
-//# sourceMappingURL=allowClear-editor.vue.js.map

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

@@ -43,4 +43,3 @@ const appendButtonEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _s
 export {
   appendButtonEditor as default
 };
-//# sourceMappingURL=appendButton-editor.vue.js.map

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

@@ -29,4 +29,3 @@ const appendButtonDisabledEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["ren
 export {
   appendButtonDisabledEditor as default
 };
-//# sourceMappingURL=appendButtonDisabled-editor.vue.js.map

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

@@ -29,4 +29,3 @@ const autoFullWidthEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _
 export {
   autoFullWidthEditor as default
 };
-//# sourceMappingURL=autoFullWidth-editor.vue.js.map

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

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

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

@@ -419,4 +419,3 @@ const boxModelEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_r
 export {
   boxModelEditor as default
 };
-//# sourceMappingURL=boxModel-editor.vue.js.map

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

@@ -2,4 +2,3 @@ import _sfc_main from "./button-list-editor.vue2.js";
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=button-list-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js

@@ -1,6 +1,5 @@
 import { defineComponent, ref, watch, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString } from "vue";
 import { useI18n } from "../../../../utils/i18n.js";
-import _sfc_main$1 from "../../../code-editor/code-modal-editor.vue.js";
 import { cloneDeep } from "lodash-es";
 import ActionButtonListDialog from "../../../public/ActionButtonListDialog.vue.js";
 import { TpfModal } from "tmgc2-share";
@@ -17,10 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { i18nt } = useI18n();
     const props = __props;
-    const CodeModalEditorRef = ref(null);
     const buttonList = ref([]);
-    const currentEditEventName = ref("");
-    const currentEditBtn = ref({});
     const btnListConfigDialogVisible = ref(false);
     watch(buttonList, () => {
       props.optionModel.buttonList = buttonList.value;
@@ -41,11 +37,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(_component_a_button, { onClick: handleConfigBtn }, {
-              default: withCtx(() => _cache[3] || (_cache[3] = [
+              default: withCtx(() => _cache[2] || (_cache[2] = [
                 createTextVNode("按钮配置")
               ])),
               _: 1,
-              __: [3]
+              __: [2]
             })
           ]),
           _: 1
@@ -79,14 +75,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["data"])
           ]),
           _: 1
-        }, 8, ["title", "visible"]),
-        createVNode(_sfc_main$1, {
-          modelValue: currentEditBtn.value[currentEditEventName.value],
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => currentEditBtn.value[currentEditEventName.value] = $event),
-          ref_key: "CodeModalEditorRef",
-          ref: CodeModalEditorRef,
-          "event-header": `${currentEditBtn.value.label}.${currentEditEventName.value}(){`
-        }, null, 8, ["modelValue", "event-header"])
+        }, 8, ["title", "visible"])
       ], 64);
     };
   }
@@ -94,4 +83,3 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=button-list-editor.vue2.js.map

package/src/components/form-designer/setting-panel/property-editor/button-position-editor.vue.js

@@ -30,4 +30,3 @@ const buttonPositionEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render",
 export {
   buttonPositionEditor as default
 };
-//# sourceMappingURL=button-position-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/button-position-editor.vue2.js

@@ -14,4 +14,3 @@ const _sfc_main = defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=button-position-editor.vue2.js.map

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

@@ -30,4 +30,3 @@ const buttonIconEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc
 export {
   buttonIconEditor as default
 };
-//# sourceMappingURL=buttonIcon-editor.vue.js.map

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

@@ -29,4 +29,3 @@ const buttonStyleEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sf
 export {
   buttonStyleEditor as default
 };
-//# sourceMappingURL=buttonStyle-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/code-editor/code-editor-mode.vue.js

@@ -47,4 +47,3 @@ const codeEditorMode = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_r
 export {
   codeEditorMode as default
 };
-//# sourceMappingURL=code-editor-mode.vue.js.map

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

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

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))
@@ -110,4 +106,3 @@ const dataTableCustomRowEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["rende
 export {
   dataTableCustomRowEditor as default
 };
-//# sourceMappingURL=data-table-customRow-editor.vue.js.map

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

@@ -27,4 +27,3 @@ const dataTableColorRowEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render
 export {
   dataTableColorRowEditor as default
 };
-//# sourceMappingURL=data-table-colorRow-editor.vue.js.map

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

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

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,
@@ -90,4 +90,3 @@ const dataTableDsEnabledEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["rende
 export {
   dataTableDsEnabledEditor as default
 };
-//# sourceMappingURL=data-table-dsEnabled-editor.vue.js.map

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,11 +197,10 @@ 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]]);
 export {
   dataTablePaginationEditor as default
 };
-//# sourceMappingURL=data-table-pagination-editor.vue.js.map

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

@@ -30,4 +30,3 @@ const dataTableRowKeyEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render",
 export {
   dataTableRowKeyEditor as default
 };
-//# sourceMappingURL=data-table-rowKey-editor.vue.js.map

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),
@@ -154,4 +153,3 @@ const dataTableSelectionsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["rend
 export {
   dataTableSelectionsEditor as default
 };
-//# sourceMappingURL=data-table-selections-editor.vue.js.map

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

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

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

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

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

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

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

@@ -1,8 +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
 };
-//# sourceMappingURL=data-table-tableColumns-editor.vue.js.map

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,
@@ -366,4 +369,3 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=data-table-tableColumns-editor.vue2.js.map

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

@@ -33,4 +33,3 @@ 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-tableSize-editor.vue.js

@@ -40,4 +40,3 @@ 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-tableWidth-editor.vue.js

@@ -33,4 +33,3 @@ 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-treeDataEnabled-editor.vue.js

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