ele-admin-plus 1.2.1-beta.2 → 1.2.1-beta.4

package/es/ele-pro-table/index.js

@@ -9,7 +9,7 @@ import EleDataTable from "../ele-data-table/index";
 import EleVirtualTable from "../ele-virtual-table/index";
 import EleToolbar from "../ele-toolbar/index";
 import TableTools from "./components/table-tools";
-import { getDefaultFilter, getTablePage, getTableLimit, getTableSize, getRowKey, getPaginationProps, mergeProps, getInitCacheColumns, reloadData, getRequestOrders, getRequestPages, getRequestFilters, getResponseResult, getResponseName, isAutoAmend, sortData } from "./util";
+import { getDefaultFilter, getTablePage, getTableLimit, getTableSize, getRowKey, getPaginationProps, mergeProps, cacheColWidth, getInitCacheColumns, reloadData, getRequestOrders, getRequestPages, getRequestFilters, getResponseResult, getResponseName, isAutoAmend, sortData } from "./util";
 import { proTableProps, proTableEmits } from "./props";
 const ownSlots = ["default", "toolbar", "tools", "footer"];
 const toolsSlotExcludes = [...ownSlots, "empty", "append"];
@@ -36,6 +36,7 @@ const _sfc_main = defineComponent({
       filter: getDefaultFilter(props.columns),
       where: props.where ?? {}
     };
+    const tableToolsRef = ref(null);
     const tableViewRef = ref(null);
     const tableData = ref([]);
     const tablePage = ref(
@@ -102,7 +103,8 @@ const _sfc_main = defineComponent({
         onSelectionChange: handleSelectionChange,
         onSortChange: handleSortChange,
         onFilterChange: handleFilterChange,
-        onCurrentChange: handleCurrentChange
+        onCurrentChange: handleCurrentChange,
+        onHeaderDragend: handleHeaderDragend
       };
     });
     const toolNames = computed(() => {
@@ -112,6 +114,12 @@ const _sfc_main = defineComponent({
       }
       return tools || [];
     });
+    const tableToolbarProps = computed(() => {
+      return mergeProps(
+        props.toolbar,
+        globalProps.value.toolbar
+      );
+    });
     const toolExportConfig = computed(() => {
       const globalExportConfig = globalProps.value.exportConfig || {};
       const userExportConfig = props.exportConfig || {};
@@ -308,21 +316,31 @@ const _sfc_main = defineComponent({
       tableSize.value = size;
       emit("sizeChange", size);
     };
-    const handleColumnsChange = (columns, tableColumns) => {
+    const handleColumnsChange = (columns, tableColumns, isReset) => {
       tableCols.value = columns;
-      emit("columnsChange", columns, tableColumns);
+      emit("columnsChange", columns, tableColumns, isReset);
     };
     const handleMaximizedChange = (maximized) => {
       tableMaximized.value = maximized;
       emit("maximizedChange", maximized);
     };
     const handlePageSizeChange = (limit) => {
-      tableLimit.value = limit;
-      reload();
+      if (tableLimit.value !== limit) {
+        tableLimit.value = limit;
+        if (tableTotal.value !== "*") {
+          const maxPage = Math.ceil(tableTotal.value / limit);
+          if (maxPage && tablePage.value > maxPage) {
+            tablePage.value = maxPage;
+          }
+        }
+        reload();
+      }
     };
     const handlePageCurrentChange = (page) => {
-      tablePage.value = page;
-      reload();
+      if (tablePage.value !== page) {
+        tablePage.value = page;
+        reload();
+      }
     };
     const handleSortChange = (sorter) => {
       if (props.loadOnChanged) {
@@ -338,6 +356,10 @@ const _sfc_main = defineComponent({
       }
       events.onFilterChange(filter);
     };
+    const handleHeaderDragend = (newWidth, oldWidth, column, event) => {
+      cacheColWidth(newWidth, column, props.cacheKey);
+      events.onHeaderDragend(newWidth, oldWidth, column, event);
+    };
     const handleCurrentChange = (currentRow, oldCurrentRow) => {
       updateCurrent(currentRow);
       events.onCurrentChange(currentRow, oldCurrentRow);
@@ -403,6 +425,26 @@ const _sfc_main = defineComponent({
         filter
       });
     };
+    const openPrintModal = () => {
+      if (tableToolsRef.value) {
+        tableToolsRef.value.openPrintModal();
+      }
+    };
+    const printData = (params) => {
+      if (tableToolsRef.value) {
+        tableToolsRef.value.printData(params);
+      }
+    };
+    const openExportModal = () => {
+      if (tableToolsRef.value) {
+        tableToolsRef.value.openExportModal();
+      }
+    };
+    const exportData = (params) => {
+      if (tableToolsRef.value) {
+        tableToolsRef.value.exportData(params);
+      }
+    };
     watch(
       () => props.columns,
       (columns) => {
@@ -416,10 +458,7 @@ const _sfc_main = defineComponent({
           tableCols.value = [];
         }
       },
-      {
-        immediate: true,
-        deep: true
-      }
+      { immediate: true, deep: true }
     );
     watch(
       () => props.datasource,
@@ -479,6 +518,7 @@ const _sfc_main = defineComponent({
       tableSlotExcludes,
       pageSlotExcludes,
       ...methods,
+      tableToolsRef,
       tableViewRef,
       tableData,
       tableSize,
@@ -487,6 +527,7 @@ const _sfc_main = defineComponent({
       paginationProps,
       tableProps,
       toolNames,
+      tableToolbarProps,
       toolExportConfig,
       toolPrintConfig,
       loadingProps,
@@ -502,7 +543,11 @@ const _sfc_main = defineComponent({
       getData,
       setData,
       goPageByRowKey,
-      fetch
+      fetch,
+      openPrintModal,
+      printData,
+      openExportModal,
+      exportData
     };
   }
 });
@@ -522,11 +567,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EleLoading = resolveComponent("EleLoading");
   return openBlock(), createBlock(_component_EleLoading, normalizeProps(guardReactiveProps(_ctx.loadingProps)), {
     default: withCtx(() => [
-      _ctx.toolbar ? (openBlock(), createBlock(_component_EleToolbar, normalizeProps(mergeProps$1({ key: 0 }, _ctx.toolbar === true ? {} : _ctx.toolbar)), {
+      _ctx.tableToolbarProps ? (openBlock(), createBlock(_component_EleToolbar, normalizeProps(mergeProps$1({ key: 0 }, _ctx.tableToolbarProps === true ? {} : _ctx.tableToolbarProps)), {
         tools: withCtx(() => [
           renderSlot(_ctx.$slots, "tools"),
           _ctx.toolNames && _ctx.toolNames.length ? (openBlock(), createBlock(_component_TableTools, {
             key: 0,
+            ref: "tableToolsRef",
             tools: _ctx.toolNames,
             size: _ctx.tableSize,
             columns: _ctx.columns,

package/es/ele-pro-table/props.d.ts

@@ -1,14 +1,15 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { EleLoadingProps, EleToolbarProps } from '../ele-app/plus';
-import { DataItem, Columns, TableSize } from '../ele-data-table/types';
-import { Where, Datasource, RequestOption, ResponseOption, ParseData, DoneParams, TablePagination, TableLocale, ExportConfig, PrintConfig } from './types';
+import { DataItem, Columns, TableSize, RowKey } from '../ele-data-table/types';
+import { Where, Datasource, RequestOption, ResponseOption, ParseData, DoneParams, TablePagination, TableTool, TableLocale, ExportConfig, PrintConfig } from './types';
 
 /**
  * 属性
  */
 export declare const proTableProps: {
     rowKey: {
-        type: PropType<string | ((row: DataItem) => string) | undefined>;
+        type: PropType<RowKey>;
         required: boolean;
     };
     /** 数据请求状态 */
@@ -43,11 +44,11 @@ export declare const proTableProps: {
     /** 是否开启顶部工具栏 */
     toolbar: {
         type: PropType<boolean | EleToolbarProps>;
-        default: boolean;
+        default: () => null;
     };
     /** 表头工具按钮布局 */
     tools: {
-        type: PropType<boolean | string[]>;
+        type: PropType<TableTool[] | boolean>;
         default: () => null;
     };
     /** 列配置是否可拖拽排序 */
@@ -65,9 +66,9 @@ export declare const proTableProps: {
     /** 表格全屏状态的高度 */
     maximizedHeight: (StringConstructor | NumberConstructor)[];
     /** 自定义表格样式 */
-    tableStyle: PropType<Partial<import('vue').CSSProperties>>;
+    tableStyle: PropType<StyleValue>;
     /** 自定义底部样式 */
-    footerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    footerStyle: PropType<StyleValue>;
     /** 分页组件 */
     pagination: {
         type: PropType<boolean | TablePagination>;
@@ -89,7 +90,7 @@ export declare const proTableProps: {
     printConfig: PropType<PrintConfig>;
     load: PropType<((row: any, treeNode: import('element-plus').TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
     size: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -98,14 +99,14 @@ export declare const proTableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    width: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
+    width: (NumberConstructor | StringConstructor)[];
+    maxHeight: (NumberConstructor | StringConstructor)[];
     lazy: BooleanConstructor;
     className: {
         type: StringConstructor;
         default: string;
     };
-    height: (StringConstructor | NumberConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
     stripe: {
         type: BooleanConstructor;
         default: null;
@@ -130,13 +131,13 @@ export declare const proTableProps: {
     headerCellClassName: PropType<import('element-plus').CellCls<any> | undefined>;
     headerCellStyle: PropType<import('element-plus').CellStyle<any> | undefined>;
     highlightCurrentRow: BooleanConstructor;
-    currentRowKey: (StringConstructor | NumberConstructor)[];
+    currentRowKey: (NumberConstructor | StringConstructor)[];
     emptyText: StringConstructor;
-    expandRowKeys: PropType<any[] | undefined>;
+    expandRowKeys: PropType<string[] | undefined>;
     defaultExpandAll: BooleanConstructor;
     defaultSort: PropType<import('element-plus').Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: PropType<Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
+    tooltipOptions: PropType<Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "transition" | "placement" | "effect" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "popperClass" | "appendTo" | "showArrow">> | undefined>;
     spanMethod: PropType<((data: {
         row: any;
         rowIndex: number;
@@ -155,13 +156,11 @@ export declare const proTableProps: {
         default: number;
     };
     treeProps: {
-        type: PropType<{
-            hasChildren?: string | undefined;
-            children?: string | undefined;
-        } | undefined>;
+        type: PropType<import('element-plus/es/components/table/src/table/defaults').TreeProps | undefined>;
         default: () => {
             hasChildren: string;
             children: string;
+            checkStrictly: boolean;
         };
     };
     tableLayout: {
@@ -170,23 +169,22 @@ export declare const proTableProps: {
     };
     scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
-    showOverflowTooltip: PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
+    showOverflowTooltip: PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "transition" | "placement" | "effect" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "popperClass" | "appendTo" | "showArrow">> | undefined>;
     columns: {
         type: PropType<Columns>;
         required: boolean;
     };
     sticky: BooleanConstructor;
-    headerEllipsis: {
+    slotNormalize: {
         type: BooleanConstructor;
         default: boolean;
     };
-    slotNormalize: {
+    headerEllipsis: {
         type: BooleanConstructor;
         default: boolean;
     };
     bottomLine: {
         type: BooleanConstructor;
-        /** 自定义响应参数名称 */
         default: boolean;
     };
     emptyProps: {
@@ -209,7 +207,7 @@ export declare const proTableEmits: {
     /** 更新单选选中数据 */
     'update:current': (_current?: DataItem | null) => boolean;
     /** 列配置改变事件 */
-    columnsChange: (_columns: Columns, _tableColumns: Columns) => boolean;
+    columnsChange: (_columns: Columns, _tableColumns: Columns, _isReset: boolean) => boolean;
     /** 表格尺寸改变事件 */
     sizeChange: (_size: TableSize) => boolean;
     /** 表格最大化切换事件 */
@@ -226,15 +224,14 @@ export declare const proTableEmits: {
     cellContextmenu: (_row: DataItem, _column: import('./types').Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
     rowClick: (_row: DataItem, _column: import('./types').Column, _e: MouseEvent) => boolean;
     rowContextmenu: (_row: DataItem, _column: import('./types').Column, _e: MouseEvent) => boolean;
-    /** 导出配置 */
     rowDblclick: (_row: DataItem, _column: import('./types').Column, _e: MouseEvent) => boolean;
     headerClick: (_column: import('./types').Column, _e: MouseEvent) => boolean;
     headerContextmenu: (_column: import('./types').Column, _e: MouseEvent) => boolean;
     sortChange: (_sorter: import('./types').Sorter) => boolean;
     filterChange: (_filter: import('./types').Filter) => boolean;
-    currentChange: (_current?: DataItem | null | undefined, _old?: DataItem | null | undefined) => boolean;
+    currentChange: (_current?: DataItem | null, _old?: DataItem | null) => boolean;
     headerDragend: (_width: number, _old: number, _column: import('./types').Column, _e: MouseEvent) => boolean;
     expandChange: (_row: DataItem, _expanded: boolean) => boolean;
-    'update:currentRowKey': (_currentRowKey?: import('../ele-data-table/types').DataKey | undefined) => boolean;
-    'update:selectedRowKeys': (_selectedRowKeys?: import('../ele-data-table/types').DataKey[] | undefined) => boolean;
+    'update:currentRowKey': (_currentRowKey?: import('../ele-data-table/types').DataKey) => boolean;
+    'update:selectedRowKeys': (_selectedRowKeys?: import('../ele-data-table/types').DataKey[]) => boolean;
 };

package/es/ele-pro-table/props.js

@@ -38,7 +38,9 @@ const proTableProps = {
   /** 是否开启顶部工具栏 */
   toolbar: {
     type: [Boolean, Object],
-    default: true
+    default: () => {
+      return null;
+    }
   },
   /** 表头工具按钮布局 */
   tools: {
@@ -96,7 +98,7 @@ const proTableEmits = {
   /** 更新单选选中数据 */
   "update:current": (_current) => true,
   /** 列配置改变事件 */
-  columnsChange: (_columns, _tableColumns) => true,
+  columnsChange: (_columns, _tableColumns, _isReset) => true,
   /** 表格尺寸改变事件 */
   sizeChange: (_size) => true,
   /** 表格最大化切换事件 */

package/es/ele-pro-table/style/index.scss

@@ -119,6 +119,10 @@
 /* 密度设置 */
 .ele-tool-size-popper {
   min-width: 88px;
+
+  &.ele-dropdown .el-dropdown-menu__item > .el-icon {
+    font-size: elVar('font-size', 'base');
+  }
 }
 
 /* 列配置 */
@@ -144,6 +148,7 @@
 .ele-tool-column-link {
   color: elVar('color-primary');
   transition: color $transition-base;
+  user-select: none;
   cursor: pointer;
 
   &:hover {
@@ -199,6 +204,7 @@
 }
 
 .ele-tool-column-item {
+  user-select: none;
   border-radius: eleVar('tool-column', 'item-radius');
 
   &.sortable-chosen {
@@ -220,25 +226,53 @@
 }
 
 .ele-tool-column-handle {
+  flex-shrink: 0;
   display: flex;
-  font-size: 12px;
+  align-items: center;
+  justify-content: center;
+  width: eleVar('tool-column', 'btn-size');
+  height: eleVar('tool-column', 'btn-size');
+  margin-right: eleVar('tool-column', 'btn-space');
+  margin-left: eleVar('tool-column', 'btn-offset');
   color: elVar('text-color', 'placeholder');
-  margin-right: 4px;
+  font-size: 12px;
   cursor: move;
 }
 
+.ele-tool-column-input {
+  flex-shrink: 0;
+  width: 60px;
+  background: elVar('bg-color', 'overlay');
+  border-radius: elVar('border-radius', 'base');
+  margin-left: eleVar('tool-column', 'btn-space');
+  margin-right: eleVar('tool-column', 'btn-offset');
+
+  .el-input__inner {
+    height: 20px;
+    line-height: 20px;
+  }
+}
+
 .ele-tool-column-fixed {
+  flex-shrink: 0;
   display: flex;
   align-items: center;
+
+  &:last-child {
+    margin-right: eleVar('tool-column', 'btn-offset');
+  }
 }
 
 .ele-tool-column-fixed-item {
   display: flex;
+  align-items: center;
+  justify-content: center;
+  width: eleVar('tool-column', 'btn-size');
+  height: eleVar('tool-column', 'btn-size');
+  border-radius: eleVar('tool-column', 'btn-radius');
   font-size: 12px;
   color: eleVar('tool-column', 'btn-color');
-  padding: eleVar('tool-column', 'btn-padding');
   margin-left: eleVar('tool-column', 'btn-space');
-  border-radius: eleVar('tool-column', 'btn-radius');
   transition: (color $transition-base, background-color $transition-base);
   box-sizing: border-box;
   cursor: pointer;
@@ -258,14 +292,11 @@
   }
 }
 
-.ele-tool-column.is-sortable {
-  .ele-tool-column-item-body {
-    padding-left: 6px;
-  }
-
-  .ele-tool-column-header .ele-tool-column-label {
-    padding-left: calc(22px - #{eleVar('tool-column', 'item-padding')});
-  }
+.ele-tool-column.is-sortable .ele-tool-column-header .ele-tool-column-label {
+  $size: eleVar('tool-column', 'btn-size');
+  $space: eleVar('tool-column', 'btn-space');
+  $offset: eleVar('tool-column', 'btn-offset');
+  padding-left: calc(#{$size} + #{$space} + #{$offset});
 }
 
 /* 导出和打印的列选择 */

package/es/ele-pro-table/types.d.ts

@@ -229,6 +229,8 @@ export interface ColItem {
   children?: ColItem[];
   /** 列类型 */
   type?: string;
+  /** 列宽 */
+  width?: number | string;
 }
 
 /**
@@ -361,6 +363,8 @@ export interface ExportDataResult {
 export interface BeforeExportParams {
   /** 导出的数据 */
   data: DataItem[];
+  /** 导出的数据来源类型 */
+  dataType: ExportDataType;
   /** 导出的列配置 */
   columns?: Columns;
   /** 导出的表头数据封装 */
@@ -377,6 +381,14 @@ export interface BeforeExportParams {
   hideLoading: () => void;
   /** 关闭弹窗 */
   closeModal: () => void;
+  /** 导出的列配置(含未勾选的列) */
+  tableColumns?: Columns;
+  /** 是否导出表头 */
+  showHeader?: boolean;
+  /** 是否导出表尾 */
+  showFooter?: boolean;
+  /** 是否展示层级序号 */
+  showTreeIndex?: boolean;
 }
 
 /**
@@ -398,6 +410,14 @@ export interface ExportConfig {
   dataType?: ExportDataType;
   /** 默认文件名 */
   fileName?: string;
+  /** 重设导出的列 */
+  columns?: Columns;
+  /** 默认是否导出表头 */
+  showHeader?: boolean;
+  /** 默认是否导出表尾 */
+  showFooter?: boolean;
+  /** 默认是否展示层级序号 */
+  showTreeIndex?: boolean;
 }
 
 /**
@@ -416,6 +436,14 @@ export interface PrintConfig {
   beforePrint?: BeforeExport;
   /** 默认数据类型 */
   dataType?: ExportDataType;
+  /** 重设打印的列 */
+  columns?: Columns;
+  /** 默认是否打印表头 */
+  showHeader?: boolean;
+  /** 默认是否打印表尾 */
+  showFooter?: boolean;
+  /** 默认是否展示层级序号 */
+  showTreeIndex?: boolean;
 }
 
 /**
@@ -432,6 +460,31 @@ export interface TablePrintOptions extends ExportDataResult {
   data: DataItem[];
 }
 
+/**
+ * 导出方法参数
+ */
+export interface TableExportParams {
+  /** 打印的数据 */
+  data?: DataItem[];
+  /** 打印的列 */
+  columns?: Columns;
+  /** 是否打印表头 */
+  showHeader?: boolean;
+  /** 是否打印表尾 */
+  showFooter?: boolean;
+  /** 是否展示层级序号 */
+  showTreeIndex?: boolean;
+  /** 数据的来源类型 */
+  dataType?: ExportDataType;
+  /** 导出的文件名 */
+  fileName?: string;
+}
+
+/**
+ * 缓存的名称
+ */
+export type CacheKey = string | undefined;
+
 /**
  * 国际化
  */
@@ -452,6 +505,7 @@ export interface TableLocale {
   columnExpand: string;
   columnFixedLeft: string;
   columnFixedRight: string;
+  columnWidth: string;
   exportOk: string;
   exportCancel: string;
   exportFileName: string;

package/es/ele-pro-table/util.d.ts

@@ -1,6 +1,6 @@
 import { ElePaginationProps } from '../ele-app/plus';
 import { DataItem, Column, Columns, Sorter, Filter, TableSize, TreeProps, RowKey, SpanMethod, SummaryMethod } from '../ele-data-table/types';
-import { Pages, Orders, Filters, OrderItem, RequestOption, ResponseOption, TablePagination, DatasourceResult, ResponseResult, ReloadDataResult, ColItem, ProProps, ExportBodyNode, ExportDataItem, ExportDataResult, TableLocale } from './types';
+import { Pages, Orders, Filters, OrderItem, RequestOption, ResponseOption, TablePagination, DatasourceResult, ResponseResult, ReloadDataResult, ColItem, ProProps, ExportBodyNode, ExportDataItem, ExportDataResult, CacheKey, TableLocale } from './types';
 
 /**
  * 合并复合属性
@@ -121,8 +121,9 @@ export declare function getColId(column: Column): string | undefined;
 /**
  * 获取初始显示的列数据
  * @param columns 列数据
+ * @param cacheColsWidth 缓存的列宽
  */
-export declare function getInitColumns(columns: Columns): Columns;
+export declare function getInitColumns(columns: Columns, cacheColsWidth?: ColItem[]): Columns;
 /**
  * 获取初始显示的列数据
  * @param columns 列数据
@@ -138,8 +139,9 @@ export declare function getInitCacheColumns(columns: Columns, cacheKey?: string,
  * @param isHideInCol 用于排序时计算不显示在配置中的列
  * @param filter 强制过滤的列
  * @param reserveUnchecked 是否保留未选中的列
+ * @param cacheColsWidth 缓存的列宽
  */
-export declare function getCheckedColumns(columns: Columns | undefined, cols: ColItem[], sortable: boolean | undefined, isHideInCol: (item: Column) => boolean | undefined, filter?: (item: Column) => boolean, reserveUnchecked?: boolean): Columns;
+export declare function getCheckedColumns(columns: Columns | undefined, cols: ColItem[], sortable: boolean | undefined, isHideInCol?: (item: Column) => boolean | undefined, filter?: (item: Column) => boolean, reserveUnchecked?: boolean, cacheColsWidth?: ColItem[]): Columns;
 /**
  * 获取列展示列表数据
  * @param columns 列配置
@@ -148,32 +150,72 @@ export declare function getCheckedColumns(columns: Columns | undefined, cols: Co
  * @param cacheCols 缓存的列展示列表数据
  * @param sortFixed 是否对固定列排序
  * @param cancelFixed 是否取消固定列
+ * @param cacheColsWidth 缓存的列宽
  */
-export declare function getColItems(columns: Columns | undefined, locale: TableLocale, filter?: (item: Column) => boolean, cacheCols?: ColItem[], sortFixed?: boolean, cancelFixed?: boolean): {
+export declare function getColItems(columns: Columns | undefined, locale: TableLocale, filter?: (item: Column) => boolean, cacheCols?: ColItem[], sortFixed?: boolean, cancelFixed?: boolean, cacheColsWidth?: ColItem[]): {
     cols: ColItem[];
     checkAll: boolean;
     indeterminate: boolean;
 };
 /**
- * 获取缓存的列配置下拉列表数据
+ * 获取表格密度缓存的名称
  * @param cacheKey 缓存的名称
  */
-export declare function getCacheCols(cacheKey?: string): ColItem[] | undefined;
+export declare function getSizeCacheKey(cacheKey: string): string;
 /**
  * 获取列配置缓存的名称
  * @param cacheKey 缓存的名称
  */
-export declare function getColsCacheKey(cacheKey: string): string;
+export declare function getColsCacheKey<T extends CacheKey>(cacheKey: T): T;
 /**
- * 获取表格密度缓存的名称
+ * 获取表格列宽缓存的名称
+ * @param cacheKey 缓存的名称
+ */
+export declare function getColsWidthCacheKey(cacheKey: string): string;
+/**
+ * 获取导出的列配置缓存的名称
  * @param cacheKey 缓存的名称
  */
-export declare function getSizeCacheKey(cacheKey: string): string;
+/**
+ * 获取导出的列宽缓存的名称
+ * @param cacheKey 缓存的名称
+ */
+/**
+ * 获取打印的列配置缓存的名称
+ * @param cacheKey 缓存的名称
+ */
+/**
+ * 获取打印的列宽缓存的名称
+ * @param cacheKey 缓存的名称
+ */
+/**
+ * 获取缓存的列配置下拉列表数据
+ * @param cacheKey 缓存的名称
+ */
+export declare function getCacheCols(cacheKey?: string): ColItem[] | undefined;
 /**
  * 获取缓存的表格密度
  * @param cacheKey 缓存的名称
  */
 export declare function getCacheSize(cacheKey?: string): TableSize;
+/**
+ * 获取缓存的列宽
+ * @param cacheKey 缓存的名称
+ */
+export declare function getCacheColsWidth(cacheKey?: string): ColItem[] | undefined;
+/**
+ * 获取列对应的缓存的列宽
+ * @param cacheColsWidth 缓存的列宽
+ * @param column 列配置
+ */
+export declare function getCacheColWidth(cacheColsWidth?: ColItem[], column?: Column): number | string | undefined;
+/**
+ * 缓存列宽
+ * @param width 列宽
+ * @param column 列配置
+ * @param cacheKey 缓存的名称
+ */
+export declare function cacheColWidth(width: number, column?: Column, cacheKey?: string): void;
 /**
  * 获取 rowKey
  * @param rowKey 自定义 rowKey