@dt-frames/ui 2.0.12 → 2.0.13

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

@@ -16,7 +16,7 @@ export declare const BasicProps: {
         default: () => {};
     };
     layout: {
-        type: PropType<"inline" | "horizontal" | "vertical">;
+        type: PropType<"vertical" | "inline" | "horizontal">;
         default: string;
     };
     labelWidth: {
@@ -41,8 +41,8 @@ export declare const BasicProps: {
     };
     rowProps: {
         type: PropType<Partial<import("vue").ExtractPropTypes<{
-            align: PropType<"bottom" | "top" | "stretch" | "middle">;
-            justify: PropType<"space-around" | "space-between" | "center" | "end" | "start">;
+            align: PropType<"middle" | "top" | "bottom" | "stretch">;
+            justify: PropType<"center" | "space-around" | "space-between" | "end" | "start">;
             prefixCls: StringConstructor;
             gutter: {
                 type: PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
@@ -62,7 +62,7 @@ export declare const BasicProps: {
         type: NumberConstructor;
     };
     size: {
-        type: PropType<"large" | "small" | "middle">;
+        type: PropType<"small" | "large" | "middle">;
     };
     disabled: {
         type: BooleanConstructor;

package/es/components/table/index.js

@@ -1,5 +1,5 @@
 import { useAppStore, useSlots, error, http, useApp, getDynamicProps, isBoolean, isFunction, getPopupContainer, useI18n, isNumber, isArray, isObject, isString, useMessage, isNullAndUnDef, windowResizeFn, off, on, getDictValueByCode, formatNumber, isVnode } from "@dt-frames/core";
-import { useSlots as useSlots$1, unref, ref, watch, onUnmounted, defineComponent, useAttrs, resolveDirective, openBlock, createElementBlock, Fragment, renderList, withDirectives, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode, createBlock, provide, inject, h as h$1, computed as computed$1, mergeProps, nextTick, toRaw as toRaw$1, reactive, watchEffect, normalizeProps, renderSlot, onMounted, createSlots, guardReactiveProps } from "vue";
+import { useSlots as useSlots$1, unref, ref, watch, onUnmounted, defineComponent, useAttrs, resolveDirective, openBlock, createElementBlock, Fragment, renderList, withDirectives, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode, createBlock, provide, inject, h as h$1, computed, mergeProps, nextTick, toRaw as toRaw$1, reactive, watchEffect, normalizeProps, renderSlot, onMounted, createSlots, guardReactiveProps } from "vue";
 import { useHeader } from "../../theme";
 import { Tooltip, MenuItem, Menu, Dropdown, Checkbox as Checkbox$1, Divider, Col, Row, Button, CheckboxGroup, Popover as Popover$1, Table } from "ant-design-vue/es";
 import "ant-design-vue/es/table/style";
@@ -237,7 +237,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               }, 1024)
             ])), [
               [_directive_auth, item.auth]
-            ]) : createCommentVNode("v-if", true)
+            ]) : createCommentVNode("", true)
           ], 64);
         }), 256))
       ])) : (openBlock(), createBlock(_component_ADropdown, {
@@ -264,7 +264,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", _hoisted_5$1, toDisplayString(item.label()), 1)
                     ]),
                     _: 2
-                  }, 1032, ["onClick"])) : createCommentVNode("v-if", true)
+                  }, 1032, ["onClick"])) : createCommentVNode("", true)
                 ])), [
                   [_directive_auth, item.auth]
                 ]);
@@ -281,14 +281,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc = (sfc, props2) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props2) {
-    target[key] = val;
-  }
-  return target;
-};
-const TableAction = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableAction.vue"]]);
 const tableKey = Symbol("dt-page");
 function createTableInstance(instance) {
   provide(tableKey, instance);
@@ -357,14 +349,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const ruleVisible = ref(false);
     const optionsRef = ref([]);
     const currentValueRef = ref(props2.value);
-    const getComponent = computed$1(() => props2.column?.editComponent || "Input");
-    const getRuleVisible = computed$1(() => {
+    const getComponent = computed(() => props2.column?.editComponent || "Input");
+    const getRuleVisible = computed(() => {
       return unref(ruleMessage) && unref(ruleVisible);
     });
-    const getWrapperClass = computed$1(() => {
+    const getWrapperClass = computed(() => {
       return `edit-cell-align-${align}`;
     });
-    const getIsCheckComp = computed$1(() => {
+    const getIsCheckComp = computed(() => {
       const component = unref(getComponent);
       return ["Checkbox", "Switch"].includes(component);
     });
@@ -377,15 +369,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const setTableValue = () => {
       props2.record[props2.column.dataIndex] = unref(currentValueRef);
     };
-    const getComponentProps = computed$1(() => {
+    const getComponentProps = computed(() => {
       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 = props2.column?.editComponentProps ?? {};
-      const { record, column, index: index2 } = props2;
+      const { record, column, index } = props2;
       if (isFunction(compProps)) {
-        compProps = compProps({ text: val, record, column, index: index2 }) ?? {};
+        compProps = compProps({ text: val, record, column, index }) ?? {};
       }
       if (unref(getComponent) === "InputNumber") {
         compProps = {
@@ -465,9 +457,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EditableCell = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/editTable/EditTableCell.vue"]]);
 function renderEditCell(column) {
-  return ({ text: value, record, index: index2 }) => {
+  return ({ text: value, record, index }) => {
     record.onValid = async () => {
       if (isArray(record?.validCbs)) {
         const validFns = (record?.validCbs || []).map((fn) => fn());
@@ -495,11 +486,11 @@ function renderEditCell(column) {
       }
       return true;
     };
-    return h(EditableCell, {
+    return h(_sfc_main$8, {
       value,
       record,
       column,
-      index: index2
+      index
     });
   };
 }
@@ -556,17 +547,17 @@ function handleIndexColumn(propsRef, getPaginationRef, columns) {
     width: unref(getIsZH) ? 50 : 70,
     title: t("NUMBER"),
     align: "center",
-    customRender: ({ index: index2, renderIndex, record }) => {
+    customRender: ({ index, renderIndex, record }) => {
       if (virtual && record?.index)
         return record?.index;
       const getPagination = unref(getPaginationRef);
       const { appConf } = useAppStore();
       const { defaultPageSize } = appConf.ui.table;
       if (isBoolean(getPagination)) {
-        return `${index2 + 1}`;
+        return `${index + 1}`;
       }
       const { current = 1, pageSize = defaultPageSize } = getPagination;
-      return ((current < 1 ? 1 : current) - 1) * pageSize + index2 + 1;
+      return ((current < 1 ? 1 : current) - 1) * pageSize + index + 1;
     },
     ...isFixedLeft ? {
       fixed: "left"
@@ -604,13 +595,13 @@ function handleActionColumn(propsRef, columns) {
     };
     columns.push({
       ...columnObj,
-      customRender: ({ record, index: index2 }) => {
+      customRender: ({ record, index }) => {
         return h$1(
-          TableAction,
+          _sfc_main$9,
           omit({
             ...columnObj,
             record,
-            index: index2
+            index
           }, "align")
         );
       }
@@ -644,10 +635,10 @@ function useColumns(propsRef, getPaginationRef, tableElRef) {
   const columnsRef = ref(unref(propsRef).columns);
   let cacheColumns = unref(propsRef).columns;
   const { appConf } = useAppStore();
-  const getColumnsRef = computed$1(() => {
+  const getColumnsRef = computed(() => {
     const columns = cloneDeep(unref(columnsRef));
     const { ellipsis } = unref(propsRef);
-    columns.forEach((it, index2) => {
+    columns.forEach((it, index) => {
       it.class = it.class ?? "";
       if (!it.class.split(" ").includes("__column")) {
         it.class = `${it.class} __column`;
@@ -667,7 +658,7 @@ function useColumns(propsRef, getPaginationRef, tableElRef) {
     handleActionColumn(propsRef, columns);
     return columns;
   });
-  const getViewColumns = computed$1(() => {
+  const getViewColumns = computed(() => {
     const viewColumns = sortFixedColumn(unref(getColumnsRef));
     const columns = cloneDeep(viewColumns);
     return columns.filter((column) => isIfShow(column)).map((column) => {
@@ -781,7 +772,7 @@ function useColumns(propsRef, getPaginationRef, tableElRef) {
   };
 }
 function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearSelectedRowKeys, emits }) {
-  const customRow = (record, index2) => {
+  const customRow = (record, index) => {
     return {
       onClick: (e) => {
         e?.stopPropagation();
@@ -835,19 +826,19 @@ function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearS
           }
         }
         handleClick();
-        emits("row-click", record, index2, e);
+        emits("row-click", record, index, e);
       },
       onDblclick: (event) => {
-        emits("row-dbClick", record, index2, event);
+        emits("row-dbClick", record, index, event);
       },
       onContextmenu: (event) => {
-        emits("row-contextmenu", record, index2, event);
+        emits("row-contextmenu", record, index, event);
       },
       onMouseenter: (event) => {
-        emits("row-mouseenter", record, index2, event);
+        emits("row-mouseenter", record, index, event);
       },
       onMouseleave: (event) => {
-        emits("row-mouseleave", record, index2, event);
+        emits("row-mouseleave", record, index, event);
       }
     };
   };
@@ -870,7 +861,7 @@ function useDataSource(propsRef, {
       immediate: true
     }
   );
-  const getDataSourceRef = computed$1(() => {
+  const getDataSourceRef = computed(() => {
     return unref(dataSourceRef);
   });
   function handleTableChange(pagination, filters, sorter) {
@@ -969,7 +960,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const _component_ATooltip = Tooltip;
       return openBlock(), createBlock(_component_ATooltip, { placement: "top" }, {
         title: withCtx(() => [
-          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(unref(t)("FULLSCREEN")), 1)) : createCommentVNode("v-if", true)
+          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(unref(t)("FULLSCREEN")), 1)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createElementVNode("span", {
@@ -986,7 +977,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FullscreenSetting = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Fullscreen.vue"]]);
 const _hoisted_1$5 = { class: "column-select" };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "DownloadCtrl",
@@ -1058,7 +1048,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             createVNode(_component_ADivider, { dashed: "" }),
             createVNode(_component_ARow, null, {
               default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(modalData.value, (it, index2) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList(modalData.value, (it, index) => {
                   return openBlock(), createBlock(_component_ACol, { span: 8 }, {
                     default: withCtx(() => [
                       createVNode(_component_ACheckbox, {
@@ -1084,7 +1074,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DownloadCtrl = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/DownloadCtrl.vue"]]);
 const _hoisted_1$4 = /* @__PURE__ */ createElementVNode("span", { class: "flex" }, [
   /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-download w-7 leading-7 text-center cursor-pointer" })
 ], -1);
@@ -1105,9 +1094,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const isInclude = (type) => {
       return isBoolean(props2.download) && props2.download && appConf?.ui?.table?.exportTable.includes(type) || isArray(props2.download) && props2.download.includes(type);
     };
-    const showCurrentDownload = computed$1(() => isInclude("current"));
-    const showSelectedDownload = computed$1(() => isInclude("select"));
-    const showBackDownload = computed$1(() => isInclude("all"));
+    const showCurrentDownload = computed(() => isInclude("current"));
+    const showSelectedDownload = computed(() => isInclude("select"));
+    const showBackDownload = computed(() => isInclude("all"));
     function handleTitleClick({ key }) {
       const { onDownload, columns: allColumns, dataSource } = unref(table.getBind);
       const excludesFlag = ["ACTION", "CHECKBOX", "RADIO"];
@@ -1143,19 +1132,19 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_CURRENT_PAGE")), 1)
                     ]),
                     _: 1
-                  })) : createCommentVNode("v-if", true),
+                  })) : createCommentVNode("", true),
                   unref(showSelectedDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "select" }, {
                     default: withCtx(() => [
                       createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_SELECT_COLUMN")), 1)
                     ]),
                     _: 1
-                  })) : createCommentVNode("v-if", true),
+                  })) : createCommentVNode("", true),
                   unref(showBackDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "all" }, {
                     default: withCtx(() => [
                       createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_ALL")), 1)
                     ]),
                     _: 1
-                  })) : createCommentVNode("v-if", true)
+                  })) : createCommentVNode("", true)
                 ]),
                 _: 1
               })
@@ -1165,14 +1154,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createVNode(DownloadCtrl, { onRegister: unref(registerDialog) }, null, 8, ["onRegister"])
+          createVNode(_sfc_main$6, { onRegister: unref(registerDialog) }, null, 8, ["onRegister"])
         ]),
         _: 1
       });
     };
   }
 });
-const Download = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Download.vue"]]);
 const _hoisted_1$3 = /* @__PURE__ */ createElementVNode("i", { class: "i ant-design:drag-outlined drag-icon cursor-pointer" }, null, -1);
 const _hoisted_2$1 = ["onClick"];
 const _hoisted_3$1 = ["onClick"];
@@ -1195,7 +1183,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const columnListRef = ref(null);
     const checkIndex = ref(false);
     const checkSelect = ref(false);
-    const getValues = computed$1(() => {
+    const getValues = computed(() => {
       return unref(table?.getBind);
     });
     let sortable;
@@ -1205,7 +1193,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       checkedList: [],
       defaultCheckList: []
     });
-    const indeterminate = computed$1(() => {
+    const indeterminate = computed(() => {
       let len = plainOptions.value.length;
       let checkedLen = state.checkedList.length;
       unref(checkIndex) && checkedLen--;
@@ -1315,9 +1303,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         return;
       const columns = getColumns();
       const isFixed = item.fixed === fixed ? false : fixed;
-      const index2 = columns.findIndex((col) => col.dataIndex === item.dataIndex);
-      if (index2 !== -1) {
-        columns[index2].fixed = isFixed;
+      const index = columns.findIndex((col) => col.dataIndex === item.dataIndex);
+      if (index !== -1) {
+        columns[index].fixed = isFixed;
       }
       item.fixed = isFixed;
       if (isFixed && !item.width) {
@@ -1508,7 +1496,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ColumnSetting = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Column.vue"]]);
 const _hoisted_1$2 = { class: "flex dt-table-setting" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -1521,7 +1508,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   emits: ["columns-change"],
   setup(__props, { emit: emits }) {
     const props2 = __props;
-    const getSetting = computed$1(() => {
+    const getSetting = computed(() => {
       return {
         download: true,
         setting: true,
@@ -1534,17 +1521,16 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        unref(getSetting).download ? (openBlock(), createBlock(Download, normalizeProps(mergeProps({ key: 0 }, unref(getSetting))), null, 16)) : createCommentVNode("v-if", true),
-        unref(getSetting).setting ? (openBlock(), createBlock(ColumnSetting, {
+        unref(getSetting).download ? (openBlock(), createBlock(_sfc_main$5, normalizeProps(mergeProps({ key: 0 }, unref(getSetting))), null, 16)) : createCommentVNode("", true),
+        unref(getSetting).setting ? (openBlock(), createBlock(_sfc_main$4, {
           key: 1,
           onColumnsChange: handleColumnChange
-        })) : createCommentVNode("v-if", true),
-        unref(getSetting).fullscreen ? (openBlock(), createBlock(FullscreenSetting, { key: 2 })) : createCommentVNode("v-if", true)
+        })) : createCommentVNode("", true),
+        unref(getSetting).fullscreen ? (openBlock(), createBlock(_sfc_main$7, { key: 2 })) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const DtTableSetting = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/index.vue"]]);
 const _hoisted_1$1 = { class: "dt-table-header" };
 const _hoisted_2 = { class: "flex flex-row justify-between" };
 const _hoisted_3 = { class: "flex flex-row flex-1" };
@@ -1576,24 +1562,23 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            unref(getActionsProps)?.buttonList.length ? (openBlock(), createBlock(unref(DtFormButtons), normalizeProps(mergeProps({ key: 0 }, unref(getActionsProps))), null, 16)) : createCommentVNode("v-if", true),
+            unref(getActionsProps)?.buttonList.length ? (openBlock(), createBlock(unref(DtFormButtons), normalizeProps(mergeProps({ key: 0 }, unref(getActionsProps))), null, 16)) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "toolbar")
           ]),
           __props.tableSetting ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createVNode(DtTableSetting, { setting: __props.tableSetting }, null, 8, ["setting"])
-          ])) : createCommentVNode("v-if", true)
+            createVNode(_sfc_main$3, { setting: __props.tableSetting }, null, 8, ["setting"])
+          ])) : createCommentVNode("", true)
         ]),
         _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5, [
           renderSlot(_ctx.$slots, "headerTop")
-        ])) : createCommentVNode("v-if", true)
+        ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const TableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableHeader.vue"]]);
 function useTableHeader(propsRef, slots, handlers) {
   const { t } = useI18n("UI");
-  const getHeaderProps = computed$1(() => {
+  const getHeaderProps = computed(() => {
     const TABLE_TOOLS = [
       { t: "\u65B0\u589E", label: t("ADD"), preIcon: "mdi:plus", type: "primary", onClick: unref(propsRef).onOPenAddDialog },
       { t: "\u5220\u9664", label: t("DELETE"), preIcon: "mdi:delete-outline", onClick: unref(propsRef).onDeletes }
@@ -1603,7 +1588,7 @@ function useTableHeader(propsRef, slots, handlers) {
     const hideTitle = (!toolbar || !toolbar.filter((it) => it.show ?? true).length) && !slots.toolbar && !slots.headerTop && !tableSetting;
     return {
       title: hideTitle ? null : () => h$1(
-        TableHeader,
+        _sfc_main$2,
         {
           tableSetting,
           toolbar,
@@ -1653,7 +1638,7 @@ function usePagination(props2) {
       }
     }
   );
-  const getPaginationInfo = computed$1(() => {
+  const getPaginationInfo = computed(() => {
     const { appConf } = useAppStore();
     let { pagination } = unref(props2);
     if (isBoolean(pagination) && !pagination) {
@@ -1706,7 +1691,7 @@ const DEFAULT_CONFIG = {
 function useRowSelection(propsRef, emit) {
   const selectedRowKeysRef = ref([]);
   const selectedRowRef = ref([]);
-  const getRowSelectionRef = computed$1(() => {
+  const getRowSelectionRef = computed(() => {
     const { rowSelection, showCheckboxColumn, checkStrictly } = unref(propsRef);
     if (!rowSelection && !showCheckboxColumn)
       return null;
@@ -1806,7 +1791,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
   let oldPageNum = -1;
   const debounceRedoHeight = useDebounceFn(redoHeight, 100);
   windowResizeFn(calcTableHeight, 280);
-  const getCanResize = computed$1(() => {
+  const getCanResize = computed(() => {
     const { canResize, scroll } = unref(propsRef);
     return canResize && !(scroll || {}).y;
   });
@@ -1894,7 +1879,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
       return;
     virtual ? calcTableScroll() : filterSource.value = unref(propsRef)?.dataSource;
   }
-  const getScrollX = computed$1(() => {
+  const getScrollX = computed(() => {
     let width = 0;
     if (unref(rowSelectionRef)) {
       width += 32;
@@ -1908,11 +1893,11 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     const tableWidth = table?.$el?.offsetWidth ?? 0;
     return tableWidth > width ? "100%" : width;
   });
-  const hideScrollX = computed$1(() => {
+  const hideScrollX = computed(() => {
     let operations = unref(propsRef).operations;
     return !operations || isObject(operations) && operations?.btns && !operations?.btns?.length || isArray(operations) && !operations.length;
   });
-  const getScrollRef = computed$1(() => {
+  const getScrollRef = computed(() => {
     const tableHeight = unref(tableHeightRef);
     const { canResize, scroll } = unref(propsRef);
     return {
@@ -1982,14 +1967,14 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
   };
 }
 function useRows(propsRef) {
-  function getRowClassName(record, index2) {
+  function getRowClassName(record, index) {
     const { striped, rowClassName } = unref(propsRef);
     const classNames = [];
     if (striped) {
-      classNames.push(index2 % 2 === 1 ? "table-striped" : "");
+      classNames.push(index % 2 === 1 ? "table-striped" : "");
     }
     if (rowClassName && isFunction(rowClassName)) {
-      classNames.push(rowClassName(record, index2));
+      classNames.push(rowClassName(record, index));
     }
     return classNames.join(" ");
   }
@@ -2019,7 +2004,7 @@ const _sfc_main$1 = {
       const {
         column,
         record,
-        index: index2
+        index
       } = props2;
       const {
         render,
@@ -2061,7 +2046,7 @@ const _sfc_main$1 = {
           });
         }
       } else if (isFunction(render)) {
-        let afterRenderData = render(record, index2, text);
+        let afterRenderData = render(record, index, text);
         if (afterRenderData.__v_isRef) {
           renderText = afterRenderData;
         } else if (afterRenderData["setup"]) {
@@ -2079,7 +2064,6 @@ const _sfc_main$1 = {
     return () => createVNode("span", null, [unref(renderText)]);
   }
 };
-const TableRender = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableRender.vue"]]);
 const DEFAULT_SORT_FN = (sortInfo) => {
   const { field, order } = sortInfo;
   return field && order ? { field, order } : {};
@@ -2181,11 +2165,11 @@ const TableProps = {
   },
   onOpenUpdateDialog: {
     type: Function,
-    default: (row, index2) => ({})
+    default: (row, index) => ({})
   },
   onDelete: {
     type: Function,
-    default: (row, index2) => ({})
+    default: (row, index) => ({})
   },
   onDeletes: {
     type: Function,
@@ -2216,11 +2200,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const slots = useSlots$1();
     const innerPropsRef = ref();
-    const getProps = computed$1(() => {
+    const getProps = computed(() => {
       return { ...props2, ...unref(innerPropsRef) };
     });
     const { getRowClassName } = useRows(getProps);
-    const tableCls = computed$1(() => {
+    const tableCls = computed(() => {
       return [
         "dt-table",
         "box-border",
@@ -2262,7 +2246,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         clearSelectedRowKeys
       }
     );
-    const getBind = computed$1(() => {
+    const getBind = computed(() => {
       return {
         ...attrs,
         ...unref(getProps),
@@ -2333,16 +2317,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         rowClassName: unref(getRowClassName),
         onChange: unref(handleTableChange)
       }), createSlots({
-        bodyCell: withCtx(({ column, record, index: index2 }) => [
-          _ctx.$slots.bodyCell ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({ key: 0 }, { column, record, index: index2 }))) : createCommentVNode("v-if", true),
-          column.slot ? renderSlot(_ctx.$slots, column.slot, normalizeProps(mergeProps({ key: 1 }, { column, record, index: index2 }))) : createCommentVNode("v-if", true),
-          createCommentVNode(" \u9759\u6001\u7684\u6570\u636E\u53EF\u4EE5\u901A\u8FC7customRender, \u4F46\u662F\u54CD\u5E94\u5F0F\u6570\u636E, \u5F02\u6B65\u51FD\u6570,\u7EC4\u4EF6\u7B49\u9700\u8981\u4F7F\u7528bodyCell\u6E32\u67D3 "),
-          column?.render && !column.slot && !_ctx.$slots.bodyCell ? (openBlock(), createBlock(TableRender, {
+        bodyCell: withCtx(({ column, record, index }) => [
+          _ctx.$slots.bodyCell ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({ key: 0 }, { column, record, index }))) : createCommentVNode("", true),
+          column.slot ? renderSlot(_ctx.$slots, column.slot, normalizeProps(mergeProps({ key: 1 }, { column, record, index }))) : createCommentVNode("", true),
+          column?.render && !column.slot && !_ctx.$slots.bodyCell ? (openBlock(), createBlock(_sfc_main$1, {
             key: 2,
             column,
             record,
-            index: index2
-          }, null, 8, ["column", "record", "index"])) : createCommentVNode("v-if", true)
+            index
+          }, null, 8, ["column", "record", "index"])) : createCommentVNode("", true)
         ]),
         emptyText: withCtx(() => [
           _hoisted_1
@@ -2361,8 +2344,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/index.vue"]]);
 export {
-  index as DtTable,
+  _sfc_main as DtTable,
   useTable
 };

package/es/components/table/src/enums/table.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum TABLE_SIZE_HEIGHT {
+    large = 56,
+    middle = 47,
+    small = 32
+}

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

@@ -45,11 +45,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: any;
     };
     filterFn: {
-        type: import("vue").PropType<(data: Partial<import("@dt-frames/core").Recordable<string[]>>) => any>;
-        default: (data: Partial<import("@dt-frames/core").Recordable<string[]>>) => Partial<import("@dt-frames/core").Recordable<string[]>>;
+        type: import("vue").PropType<(data: import("@dt-frames/core").Recordable<string[]>) => any>;
+        default: (data: import("@dt-frames/core").Recordable<string[]>) => import("@dt-frames/core").Recordable<string[]>;
     };
     rowKey: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | number>;
         default: string;
     };
     columnCode: {
@@ -192,7 +192,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         locale?: import("ant-design-vue/es/table/interface").TableLocale;
         prefixCls?: string;
         onChange?: (pagination: import("ant-design-vue/es/table").TablePaginationConfig, filters: Record<string, import("ant-design-vue/es/table/interface").FilterValue>, sorter: import("ant-design-vue/es/table/interface").SorterResult<any> | import("ant-design-vue/es/table/interface").SorterResult<any>[], extra: import("ant-design-vue/es/table/interface").TableCurrentDataSource<any>) => void;
-        rowKey: string | (import("ant-design-vue/es/vc-table/interface").GetRowKey<any> & string);
+        rowKey: (string | import("ant-design-vue/es/vc-table/interface").GetRowKey<any>) & (string | number);
         dataSource: import("@dt-frames/core").Recordable<any>[];
         bordered: boolean;
         loading: (boolean | Partial<import("vue").ExtractPropTypes<{
@@ -302,7 +302,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         resizable: boolean;
         virtual: boolean;
         sortFn: Function;
-        filterFn: (data: Partial<import("@dt-frames/core").Recordable<string[]>>) => any;
+        filterFn: (data: import("@dt-frames/core").Recordable<string[]>) => any;
         columnCode: string;
         columns: import("./types/table.type").BasicColumn[];
         slotsTemplate: {};
@@ -444,11 +444,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: any;
     };
     filterFn: {
-        type: import("vue").PropType<(data: Partial<import("@dt-frames/core").Recordable<string[]>>) => any>;
-        default: (data: Partial<import("@dt-frames/core").Recordable<string[]>>) => Partial<import("@dt-frames/core").Recordable<string[]>>;
+        type: import("vue").PropType<(data: import("@dt-frames/core").Recordable<string[]>) => any>;
+        default: (data: import("@dt-frames/core").Recordable<string[]>) => import("@dt-frames/core").Recordable<string[]>;
     };
     rowKey: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | number>;
         default: string;
     };
     columnCode: {
@@ -593,8 +593,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     virtual: boolean;
     sortFn: Function;
     defSort: any;
-    filterFn: (data: Partial<import("@dt-frames/core").Recordable<string[]>>) => any;
-    rowKey: string;
+    filterFn: (data: import("@dt-frames/core").Recordable<string[]>) => any;
+    rowKey: string | number;
     columnCode: string;
     columns: import("./types/table.type").BasicColumn[];
     slotsTemplate: {};

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

@@ -49,11 +49,11 @@ export declare const TableProps: {
         default: any;
     };
     filterFn: {
-        type: PropType<(data: Partial<Recordable<string[]>>) => any>;
-        default: (data: Partial<Recordable<string[]>>) => Partial<Recordable<string[]>>;
+        type: PropType<(data: Recordable<string[]>) => any>;
+        default: (data: Recordable<string[]>) => Recordable<string[]>;
     };
     rowKey: {
-        type: StringConstructor;
+        type: PropType<string | number>;
         default: string;
     };
     columnCode: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dt-frames/ui",
-	"version": "2.0.12",
+	"version": "2.0.13",
 	"type": "module",
 	"license": "MIT",
 	"main": "./src/index.ts",