@dt-frames/ui 1.0.28 → 1.0.29

package/es/components/table/index.d.ts

@@ -1,3 +1,4 @@
+import { renderEditCell } from './src/components/editable';
 import { useTable } from './src/hooks/useTable';
 import DtTable from "./src/index";
-export { DtTable, useTable, };
+export { DtTable, useTable, renderEditCell };

package/es/components/table/src/components/editable/EditTableCell.d.ts

@@ -19,13 +19,11 @@ declare const _default: import("vue").DefineComponent<{
             editValueRefs: Recordable<import("vue").Ref<any>>;
         } & Recordable<any>>>;
     };
-    row: ObjectConstructor;
     column: {
         type: PropType<BasicColumn>;
         default: () => BasicColumn;
     };
     index: NumberConstructor;
-    dataSource: PropType<Recordable<any>[]>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         value: {
@@ -45,13 +43,11 @@ declare const _default: import("vue").DefineComponent<{
                 editValueRefs: Recordable<import("vue").Ref<any>>;
             } & Recordable<any>>>;
         };
-        row: ObjectConstructor;
         column: {
             type: PropType<BasicColumn>;
             default: () => BasicColumn;
         };
         index: NumberConstructor;
-        dataSource: PropType<Recordable<any>[]>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
     }>>;
@@ -80,13 +76,11 @@ declare const _default: import("vue").DefineComponent<{
             editValueRefs: Recordable<import("vue").Ref<any>>;
         } & Recordable<any>>>;
     };
-    row: ObjectConstructor;
     column: {
         type: PropType<BasicColumn>;
         default: () => BasicColumn;
     };
     index: NumberConstructor;
-    dataSource: PropType<Recordable<any>[]>;
 }>>, {
     value: string;
     column: BasicColumn;

package/es/components/table/src/components/editable/index.d.ts

@@ -1,5 +1,5 @@
 import { BasicColumn } from "../../types/table.type";
-declare function renderEditCell(column: BasicColumn, dataSource: any): ({ text: value, record, index }: {
+declare function renderEditCell(column: BasicColumn): ({ text: value, record, index }: {
     text: any;
     record: any;
     index: any;

package/es/components/table/src/index.d.ts

@@ -81,6 +81,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    canResize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     pagination: {
         type: import("vue").PropType<boolean | Partial<ExtractPropTypes<{
             total: NumberConstructor;
@@ -386,6 +390,7 @@ declare const _default: import("vue").DefineComponent<{
         filterFn: (data: Partial<Recordable<string[]>>) => any;
         templates: {};
         ellipsis: boolean;
+        canResize: boolean;
         onTableChange: Function;
         showIndexColumn: boolean;
         indexColumnProps: import("./types/table.type").BasicColumn[];
@@ -538,6 +543,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    canResize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     pagination: {
         type: import("vue").PropType<boolean | Partial<ExtractPropTypes<{
             total: NumberConstructor;
@@ -696,6 +705,7 @@ declare const _default: import("vue").DefineComponent<{
     defSort: any;
     templates: {};
     ellipsis: boolean;
+    canResize: boolean;
     onTableChange: Function;
     showIndexColumn: boolean;
     indexColumnProps: import("./types/table.type").BasicColumn[];

package/es/components/table/src/props.d.ts

@@ -83,6 +83,10 @@ export declare const TableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    canResize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     pagination: {
         type: PropType<boolean | Partial<import("vue").ExtractPropTypes<{
             total: NumberConstructor;

package/es/components/upload/src/upload.d.ts

@@ -1105,6 +1105,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        canResize: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         pagination: {
             type: import("vue").PropType<boolean | Partial<import("vue").ExtractPropTypes<{
                 total: NumberConstructor;
@@ -1410,6 +1414,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             filterFn: (data: Partial<import("@dt-frames/core").Recordable<string[]>>) => any;
             templates: {};
             ellipsis: boolean;
+            canResize: boolean;
             onTableChange: Function;
             showIndexColumn: boolean;
             indexColumnProps: import("../../table/src/types/table.type").BasicColumn[];
@@ -1562,6 +1567,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        canResize: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         pagination: {
             type: import("vue").PropType<boolean | Partial<import("vue").ExtractPropTypes<{
                 total: NumberConstructor;
@@ -1720,6 +1729,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         defSort: any;
         templates: {};
         ellipsis: boolean;
+        canResize: boolean;
         onTableChange: Function;
         showIndexColumn: boolean;
         indexColumnProps: import("../../table/src/types/table.type").BasicColumn[];

package/es/index.js

@@ -4498,6 +4498,248 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const componentMap = /* @__PURE__ */ new Map();
+componentMap.set("Input", Input);
+componentMap.set("InputNumber", InputNumber);
+componentMap.set("Select", Select);
+componentMap.set("TreeSelect", TreeSelect);
+componentMap.set("Switch", Switch);
+componentMap.set("Checkbox", Checkbox);
+componentMap.set("DatePicker", DatePicker);
+componentMap.set("TimePicker", TimePicker);
+const CellComponent = ({
+  component = "Input",
+  rule = true,
+  ruleMessage,
+  popoverVisible,
+  getPopupContainer: getPopupContainer2
+}, { attrs }) => {
+  const Comp = componentMap.get(component);
+  const DefaultComp = h(Comp, attrs);
+  if (!rule)
+    return DefaultComp;
+  return h(Popover, {
+    overlayClassName: "edit-cell-rule-popover",
+    visible: !!popoverVisible,
+    ...getPopupContainer2 ? { getPopupContainer: getPopupContainer2 } : {}
+  }, {
+    default: () => DefaultComp,
+    content: () => ruleMessage
+  });
+};
+const tableKey = Symbol("dt-page");
+function createTableInstance(instance) {
+  provide(tableKey, instance);
+}
+function getTableInstance() {
+  return inject(tableKey);
+}
+var _sfc_main$K = defineComponent({
+  name: "EditableCell",
+  components: {
+    Spin,
+    CellComponent
+  },
+  props: {
+    value: {
+      type: [String, Number, Boolean, Object],
+      default: ""
+    },
+    record: {
+      type: Object
+    },
+    column: {
+      type: Object,
+      default: () => ({})
+    },
+    index: Number
+  },
+  setup(props) {
+    const table = getTableInstance();
+    ref();
+    const {
+      editRule,
+      align = "left"
+    } = props.column;
+    const ruleMessage = ref("");
+    const ruleVisible = ref(false);
+    const optionsRef = ref([]);
+    const currentValueRef = ref(props.value);
+    const getComponent = computed(() => {
+      var _a;
+      return ((_a = props.column) == null ? void 0 : _a.editComponent) || "Input";
+    });
+    const getRuleVisible = computed(() => {
+      return unref(ruleMessage) && unref(ruleVisible);
+    });
+    const getWrapperClass = computed(() => {
+      return `edit-cell-align-${align}`;
+    });
+    const getIsCheckComp = computed(() => {
+      const component = unref(getComponent);
+      return ["Checkbox", "Switch"].includes(component);
+    });
+    const createPlaceholderMessage = (component) => {
+      if (component.includes("Input")) {
+        return "\u8BF7\u8F93\u5165";
+      }
+      return "\u8BF7\u9009\u62E9";
+    };
+    const setTableValue = () => {
+      props.record[props.column.dataIndex] = unref(currentValueRef);
+    };
+    const getComponentProps = computed(() => {
+      var _a, _b, _c;
+      const isCheckValue = unref(getIsCheckComp);
+      const valueField = isCheckValue ? "checked" : "value";
+      const val = unref(currentValueRef);
+      const value = isCheckValue ? isNumber(val) && isBoolean(val) ? val : !!val : val;
+      let compProps = (_b = (_a = props.column) == null ? void 0 : _a.editComponentProps) != null ? _b : {};
+      const {
+        record,
+        column,
+        index
+      } = props;
+      if (isFunction$1(compProps)) {
+        compProps = (_c = compProps({
+          text: val,
+          record,
+          column,
+          index
+        })) != null ? _c : {};
+      }
+      return {
+        size: "small",
+        getPopupContainer: () => document.body,
+        placeholder: createPlaceholderMessage(unref(getComponent)),
+        ...omit(compProps, "onChange"),
+        [valueField]: value
+      };
+    });
+    async function handleChange(e) {
+      var _a, _b;
+      const component = unref(getComponent);
+      if (!e) {
+        currentValueRef.value = e;
+      } else if (component === "Checkbox") {
+        currentValueRef.value = e.target.checked;
+      } else if (component === "Switch") {
+        currentValueRef.value = e;
+      } else if ((e == null ? void 0 : e.target) && Reflect.has(e.target, "value")) {
+        currentValueRef.value = e.target.value;
+      } else if (isString(e) || isBoolean(e) || isNumber(e)) {
+        currentValueRef.value = e;
+      }
+      const onChange = (_a = unref(getComponentProps)) == null ? void 0 : _a.onChange;
+      if (onChange && isFunction$1(onChange))
+        onChange(...arguments);
+      setTableValue();
+      (_b = table.emit) == null ? void 0 : _b.call(table, "edit-change", {
+        column: props.column,
+        value: unref(currentValueRef),
+        record: toRaw(props.record),
+        index: props.index
+      });
+      handleSubmitRule();
+    }
+    async function handleSubmitRule() {
+      const {
+        column,
+        record
+      } = props;
+      const {
+        editRule: editRule2
+      } = column;
+      const currentValue = unref(currentValueRef);
+      if (editRule2) {
+        if (isBoolean(editRule2) && !currentValue && !isNumber(currentValue)) {
+          ruleVisible.value = true;
+          const component = unref(getComponent);
+          ruleMessage.value = createPlaceholderMessage(component);
+          return false;
+        }
+        if (isFunction$1(editRule2)) {
+          const res = await editRule2(currentValue, record);
+          if (!!res) {
+            ruleMessage.value = res;
+            ruleVisible.value = true;
+            return false;
+          }
+        }
+      }
+      ruleMessage.value = "";
+      return true;
+    }
+    function handleOptionsChange(options) {
+      optionsRef.value = options;
+    }
+    return {
+      props,
+      getComponentProps,
+      getRuleVisible,
+      editRule,
+      ruleMessage,
+      getWrapperClass,
+      handleChange,
+      handleOptionsChange
+    };
+  }
+});
+const _hoisted_1$t = { class: "editable-cell" };
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
+  const _component_CellComponent = resolveComponent("CellComponent");
+  return openBlock(), createElementBlock("div", _hoisted_1$t, [
+    createVNode(_component_CellComponent, mergeProps({ ref: "elRef" }, _ctx.getComponentProps, {
+      component: (_a = _ctx.column) == null ? void 0 : _a.editComponent,
+      popoverVisible: _ctx.getRuleVisible,
+      rule: _ctx.editRule,
+      ruleMessage: _ctx.ruleMessage,
+      class: _ctx.getWrapperClass,
+      onChange: _ctx.handleChange,
+      onOptionsChange: _ctx.handleOptionsChange
+    }), null, 16, ["component", "popoverVisible", "rule", "ruleMessage", "class", "onChange", "onOptionsChange"])
+  ]);
+}
+var EditableCell = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$3]]);
+function renderEditCell(column) {
+  return ({ text: value, record, index }) => {
+    record.onValid = async () => {
+      if (isArray$1(record == null ? void 0 : record.validCbs)) {
+        const validFns = ((record == null ? void 0 : record.validCbs) || []).map((fn) => fn());
+        const res = await Promise.all(validFns);
+        return res.every((item) => !!item);
+      }
+      return false;
+    };
+    record.onEdit = async (edit, submit = false) => {
+      var _a, _b;
+      if (!submit) {
+        record.editable = edit;
+      }
+      if (!edit && submit) {
+        if (!await record.onValid())
+          return false;
+        const res = await ((_a = record.onSubmitEdit) == null ? void 0 : _a.call(record));
+        if (res) {
+          record.editable = false;
+          return true;
+        }
+        return false;
+      }
+      if (!edit && !submit) {
+        (_b = record.onCancelEdit) == null ? void 0 : _b.call(record);
+      }
+      return true;
+    };
+    return h(EditableCell, {
+      value,
+      record,
+      column,
+      index
+    });
+  };
+}
 const codeMap = /* @__PURE__ */ new Map();
 function useHeaderCode(code, templates = {}, changeColumns) {
   const { appConf } = useAppStore();
@@ -4663,6 +4905,7 @@ const TableProps = {
   ellipsis: { type: Boolean, default: true },
   dataSource: { type: Array, default: null },
   bordered: { type: Boolean, default: true },
+  canResize: { type: Boolean, default: false },
   pagination: {
     type: [Object, Boolean],
     default: {}
@@ -4975,7 +5218,7 @@ function useRowSelection(propsRef, emit) {
     setSelectedRowKeys
   };
 }
-var _sfc_main$K = defineComponent({
+var _sfc_main$J = defineComponent({
   name: "TableFormat",
   props: {
     column: {
@@ -4991,6 +5234,7 @@ var _sfc_main$K = defineComponent({
   setup(props) {
     let renderText = ref();
     function renderCell() {
+      var _a;
       const {
         column,
         record,
@@ -5024,7 +5268,7 @@ var _sfc_main$K = defineComponent({
           renderText = getDictValueByCode(text, dict);
         }
         if (date) {
-          renderText.value = dayjs(text).format(date || "YYYY-MM-DD");
+          renderText.value = (_a = text && dayjs(text).format(date || "YYYY-MM-DD")) != null ? _a : "";
         }
         if (number) {
           renderText.value = formatNumber(text, number);
@@ -5056,253 +5300,10 @@ var _sfc_main$K = defineComponent({
     return () => createVNode("span", null, [unref(renderText)]);
   }
 });
-const tableKey = Symbol("dt-page");
-function createTableInstance(instance) {
-  provide(tableKey, instance);
-}
-function getTableInstance() {
-  return inject(tableKey);
-}
-const componentMap = /* @__PURE__ */ new Map();
-componentMap.set("Input", Input);
-componentMap.set("InputNumber", InputNumber);
-componentMap.set("Select", Select);
-componentMap.set("TreeSelect", TreeSelect);
-componentMap.set("Switch", Switch);
-componentMap.set("Checkbox", Checkbox);
-componentMap.set("DatePicker", DatePicker);
-componentMap.set("TimePicker", TimePicker);
-const CellComponent = ({
-  component = "Input",
-  rule = true,
-  ruleMessage,
-  popoverVisible,
-  getPopupContainer: getPopupContainer2
-}, { attrs }) => {
-  const Comp = componentMap.get(component);
-  const DefaultComp = h(Comp, attrs);
-  if (!rule)
-    return DefaultComp;
-  return h(Popover, {
-    overlayClassName: "edit-cell-rule-popover",
-    visible: !!popoverVisible,
-    ...getPopupContainer2 ? { getPopupContainer: getPopupContainer2 } : {}
-  }, {
-    default: () => DefaultComp,
-    content: () => ruleMessage
-  });
+const _hoisted_1$s = {
+  key: 0,
+  class: "dt-table-action-btn"
 };
-var _sfc_main$J = defineComponent({
-  name: "EditableCell",
-  components: {
-    Spin,
-    CellComponent
-  },
-  props: {
-    value: {
-      type: [String, Number, Boolean, Object],
-      default: ""
-    },
-    record: {
-      type: Object
-    },
-    row: Object,
-    column: {
-      type: Object,
-      default: () => ({})
-    },
-    index: Number,
-    dataSource: Array
-  },
-  setup(props) {
-    const table = getTableInstance();
-    ref();
-    const {
-      editRule,
-      align = "left"
-    } = props.column;
-    const ruleMessage = ref("");
-    const ruleVisible = ref(false);
-    const optionsRef = ref([]);
-    const currentValueRef = ref(props.value);
-    const getComponent = computed(() => {
-      var _a;
-      return ((_a = props.column) == null ? void 0 : _a.editComponent) || "Input";
-    });
-    const getRuleVisible = computed(() => {
-      return unref(ruleMessage) && unref(ruleVisible);
-    });
-    const getWrapperClass = computed(() => {
-      return `edit-cell-align-${align}`;
-    });
-    const getIsCheckComp = computed(() => {
-      const component = unref(getComponent);
-      return ["Checkbox", "Switch"].includes(component);
-    });
-    const createPlaceholderMessage = (component) => {
-      if (component.includes("Input")) {
-        return "\u8BF7\u8F93\u5165";
-      }
-      return "\u8BF7\u9009\u62E9";
-    };
-    const setTableValue = () => {
-      props.row[props.column.dataIndex] = unref(currentValueRef);
-    };
-    const getComponentProps = computed(() => {
-      var _a, _b, _c;
-      const isCheckValue = unref(getIsCheckComp);
-      const valueField = isCheckValue ? "checked" : "value";
-      const val = unref(currentValueRef);
-      const value = isCheckValue ? isNumber(val) && isBoolean(val) ? val : !!val : val;
-      let compProps = (_b = (_a = props.column) == null ? void 0 : _a.editComponentProps) != null ? _b : {};
-      const {
-        record,
-        column,
-        index
-      } = props;
-      if (isFunction$1(compProps)) {
-        compProps = (_c = compProps({
-          text: val,
-          record,
-          column,
-          index
-        })) != null ? _c : {};
-      }
-      return {
-        size: "small",
-        getPopupContainer: () => document.body,
-        placeholder: createPlaceholderMessage(unref(getComponent)),
-        ...omit(compProps, "onChange"),
-        [valueField]: value
-      };
-    });
-    async function handleChange(e) {
-      var _a, _b;
-      const component = unref(getComponent);
-      if (!e) {
-        currentValueRef.value = e;
-      } else if (component === "Checkbox") {
-        currentValueRef.value = e.target.checked;
-      } else if (component === "Switch") {
-        currentValueRef.value = e;
-      } else if ((e == null ? void 0 : e.target) && Reflect.has(e.target, "value")) {
-        currentValueRef.value = e.target.value;
-      } else if (isString(e) || isBoolean(e) || isNumber(e)) {
-        currentValueRef.value = e;
-      }
-      const onChange = (_a = unref(getComponentProps)) == null ? void 0 : _a.onChange;
-      if (onChange && isFunction$1(onChange))
-        onChange(...arguments);
-      setTableValue();
-      (_b = table.emit) == null ? void 0 : _b.call(table, "edit-change", {
-        column: props.column,
-        value: unref(currentValueRef),
-        record: toRaw(props.record),
-        index: props.index
-      });
-      handleSubmitRule();
-    }
-    async function handleSubmitRule() {
-      const {
-        column,
-        record
-      } = props;
-      const {
-        editRule: editRule2
-      } = column;
-      const currentValue = unref(currentValueRef);
-      if (editRule2) {
-        if (isBoolean(editRule2) && !currentValue && !isNumber(currentValue)) {
-          ruleVisible.value = true;
-          const component = unref(getComponent);
-          ruleMessage.value = createPlaceholderMessage(component);
-          return false;
-        }
-        if (isFunction$1(editRule2)) {
-          const res = await editRule2(currentValue, record);
-          if (!!res) {
-            ruleMessage.value = res;
-            ruleVisible.value = true;
-            return false;
-          }
-        }
-      }
-      ruleMessage.value = "";
-      return true;
-    }
-    function handleOptionsChange(options) {
-      optionsRef.value = options;
-    }
-    return {
-      props,
-      getComponentProps,
-      getRuleVisible,
-      editRule,
-      ruleMessage,
-      getWrapperClass,
-      handleChange,
-      handleOptionsChange
-    };
-  }
-});
-const _hoisted_1$t = { class: "editable-cell" };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  var _a;
-  const _component_CellComponent = resolveComponent("CellComponent");
-  return openBlock(), createElementBlock("div", _hoisted_1$t, [
-    createVNode(_component_CellComponent, mergeProps({ ref: "elRef" }, _ctx.getComponentProps, {
-      component: (_a = _ctx.column) == null ? void 0 : _a.editComponent,
-      popoverVisible: _ctx.getRuleVisible,
-      rule: _ctx.editRule,
-      ruleMessage: _ctx.ruleMessage,
-      class: _ctx.getWrapperClass,
-      onChange: _ctx.handleChange,
-      onOptionsChange: _ctx.handleOptionsChange
-    }), null, 16, ["component", "popoverVisible", "rule", "ruleMessage", "class", "onChange", "onOptionsChange"])
-  ]);
-}
-var EditableCell = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$3]]);
-function renderEditCell(column, dataSource) {
-  return ({ text: value, record, index }) => {
-    record.onValid = async () => {
-      if (isArray$1(record == null ? void 0 : record.validCbs)) {
-        const validFns = ((record == null ? void 0 : record.validCbs) || []).map((fn) => fn());
-        const res = await Promise.all(validFns);
-        return res.every((item) => !!item);
-      }
-      return false;
-    };
-    record.onEdit = async (edit, submit = false) => {
-      var _a, _b;
-      if (!submit) {
-        record.editable = edit;
-      }
-      if (!edit && submit) {
-        if (!await record.onValid())
-          return false;
-        const res = await ((_a = record.onSubmitEdit) == null ? void 0 : _a.call(record));
-        if (res) {
-          record.editable = false;
-          return true;
-        }
-        return false;
-      }
-      if (!edit && !submit) {
-        (_b = record.onCancelEdit) == null ? void 0 : _b.call(record);
-      }
-      return true;
-    };
-    return h(EditableCell, {
-      value,
-      record,
-      column,
-      row: dataSource[index],
-      index,
-      dataSource
-    });
-  };
-}
-const _hoisted_1$s = { class: "dt-table-action-btn" };
 const _hoisted_2$j = ["color", "onClick"];
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "TableActions",
@@ -5364,26 +5365,27 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _directive_icon = resolveDirective("icon");
       const _directive_auth = resolveDirective("auth");
-      return props.expand ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.btns, (item) => {
-        return openBlock(), createElementBlock("span", _hoisted_1$s, [
-          item.ifShow ? (openBlock(), createBlock(unref(Tooltip), {
-            key: 0,
-            placement: "bottom"
-          }, {
-            title: withCtx(() => [
-              createTextVNode(toDisplayString(item.title), 1)
-            ]),
-            default: withCtx(() => [
-              withDirectives(createElementVNode("span", {
-                color: item.color,
-                onClick: ($event) => handleAction(item)
-              }, null, 8, _hoisted_2$j), [
-                [_directive_icon, item.icon]
-              ])
-            ]),
-            _: 2
-          }, 1024)) : createCommentVNode("", true)
-        ]);
+      return props.expand ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(actionBtns.value, (item) => {
+        return openBlock(), createElementBlock(Fragment, null, [
+          item.ifShow ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$s, [
+            createVNode(unref(Tooltip), { placement: "bottom" }, {
+              title: withCtx(() => [
+                createTextVNode(toDisplayString(item.title), 1)
+              ]),
+              default: withCtx(() => [
+                withDirectives(createElementVNode("span", {
+                  color: item.color,
+                  onClick: ($event) => handleAction(item)
+                }, null, 8, _hoisted_2$j), [
+                  [_directive_icon, item.icon]
+                ])
+              ]),
+              _: 2
+            }, 1024)
+          ])), [
+            [_directive_auth, item.auth]
+          ]) : createCommentVNode("", true)
+        ], 64);
       }), 256)) : (openBlock(), createBlock(unref(Dropdown), {
         key: 1,
         getPopupContainer: getPopupContainer$1,
@@ -5574,7 +5576,7 @@ function useColumns(propsRef, getPaginationRef, tableElRef) {
     const columns = cloneDeep(viewColumns);
     return columns.filter((column) => isIfShow(column)).map((column) => {
       if (column.edit) {
-        column.customRender = renderEditCell(column, unref(propsRef).dataSource);
+        column.customRender = renderEditCell(column);
       }
       return column;
     });
@@ -6459,6 +6461,7 @@ function useTableHeader(propsRef, slots, handlers) {
 function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
   const tableHeightRef = ref(0);
   const filterSource = ref([]);
+  const tableScrollTopRef = ref(null);
   const debounceRedoHeight = useDebounceFn(redoHeight, 100);
   watch(() => propsRef.value.dataSource, (v) => {
     debounceRedoHeight();
@@ -6466,7 +6469,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     deep: true,
     flush: "post"
   });
-  windowResizeFn(calcTableHeight, 10);
+  windowResizeFn(calcTableHeight, 280);
   function redoHeight() {
     nextTick(() => {
       calcTableHeight();
@@ -6502,7 +6505,6 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
       !tableEl.classList.contains("hide-scrollbar-x") && tableEl.classList.add("hide-scrollbar-x");
     }
     bodyEl.style.height = "unset";
-    filterSource.value = [];
     await nextTick();
     let headerHeight = 0, paginationHeight = 2, footerHeight = 0, titleHeight = (_b = (_a = tableEl.querySelector(".ant-table-title")) == null ? void 0 : _a.offsetHeight) != null ? _b : 0, marginHeight = 15;
     const headEl = tableEl.querySelector(".ant-table-thead ");
@@ -6556,7 +6558,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
   });
   const getScrollRef = computed(() => {
     const tableHeight = unref(tableHeightRef);
-    const { scroll } = unref(propsRef);
+    const { canResize, scroll } = unref(propsRef);
     return {
       x: unref(getScrollX),
       y: tableHeight,
@@ -6597,11 +6599,15 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     const { size } = unref(propsRef);
     const rowHeight = TABLE_SIZE_HEIGHT[size];
     const scrollTop = el.scrollTop;
-    const remainCount = 3;
+    if (tableScrollTopRef.value === scrollTop && scrollTop !== 0) {
+      return;
+    }
+    tableScrollTopRef.value = scrollTop;
+    const remainCount = 6;
     const remainH = remainCount * rowHeight;
     const minItemHeight = scrollTop > remainH ? Math.floor((scrollTop - remainH) / rowHeight) * rowHeight : 0;
-    const minIndex = minItemHeight / rowHeight;
-    const maxIndex = minIndex + Math.ceil(tableHeightRef.value / rowHeight) + (minItemHeight && remainCount) + remainCount * 2;
+    let minIndex = minItemHeight / rowHeight;
+    const maxIndex = minIndex + Math.ceil(tableHeightRef.value / rowHeight) + (minItemHeight && remainCount);
     bodyEl.querySelector("table").style.transform = `translateY(${minItemHeight}px)`;
     filterSource.value = (_a = unref(propsRef)) == null ? void 0 : _a.dataSource.slice(minIndex, maxIndex);
   }
@@ -6680,7 +6686,7 @@ const _sfc_main$A = defineComponent({
   props: TableProps,
   components: {
     Table,
-    TableRender: _sfc_main$K
+    TableRender: _sfc_main$J
   },
   emits: [
     "register",
@@ -7902,7 +7908,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               }
             }
           },
-          { title: "\u5220\u9664", icon: "mdi:delete-outline", action: ({ row }) => {
+          { title: "\u5220\u9664", icon: "mdi:delete-outline", ifShow: true, action: ({ row }) => {
             if (!row.status)
               historyFilesRef.value = historyFilesRef.value.filter((it) => it.fileId !== row.fileId);
             else {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dt-frames/ui",
-	"version": "1.0.28",
+	"version": "1.0.29",
 	"keywords": [
 		"ui",
 		"dt-ui"
@@ -10,7 +10,7 @@
 		"registry": "https://registry.npmjs.org/"
 	},
 	"scripts": {
-		"dev": "vite dev",
+		"dev": "vite build -w",
 		"build": "vite build"
 	},
 	"exports": {