@are-visual/virtual-table 0.1.2 → 0.2.0

package/README.md

@@ -111,6 +111,7 @@ function App() {
 | overscanRows         | 额外在首尾渲染数据条数                                  | number                                  | 5                             |        |
 | overscanColumns      | 横向虚拟化时，在头和尾额外渲染多少列                    | number                                  | 3                             |        |
 | stickyHeader         | 表头吸顶<br />为 true 时 top 为 0，为 number 则是偏移量 | number \| boolean                       |                               |        |
+| defaultColumnWidth   | 缺失宽度设置时的默认值（与虚拟化无关）                  | number                                  | 100                           | >=0.2  |
 | pipeline             | 插件实例                                                | TablePipeline                           |                               |        |
 | rowClassName         | 表格行样式类名                                          | (*record*, *index*) => string           |                               |        |
 | onRow                | 设置行属性                                              | (*record*, *index*) => TdHTMLAttributes |                               |        |

package/index.d.ts

@@ -12,9 +12,9 @@ type AnyObject = Record<string, any>;
 type OnRowType<T = any> = (record: T, index: number) => Omit<DetailedHTMLProps<HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, 'children' | 'ref'>;
 
 type AlignType = 'left' | 'right' | 'center';
-interface ColumnExtra {
+interface ColumnExtra<T = any> {
 }
-interface ColumnTypeCommon<T> extends ColumnExtra {
+interface ColumnTypeCommon<T> extends ColumnExtra<T> {
     className?: string;
     /** 表头列合并，设置为 0 时，不渲染 */
     colSpan?: number;
@@ -301,6 +301,11 @@ interface VirtualTableCoreProps<T> extends NecessaryProps<T>, Pick<TableBodyProp
     overscanColumns?: number;
     /** 开启表头虚拟滚动 @default true */
     virtualHeader?: boolean;
+    /**
+     * 缺失宽度设置时的默认值（与虚拟化无关）
+     * @default 100
+     */
+    defaultColumnWidth?: number;
     pipeline?: TablePipeline<T>;
     getOffsetTop?: () => number;
 }

package/index.esm.js

@@ -1341,6 +1341,7 @@ function findLastFixedLeftIndex(columns) {
 }
 function useColumnVirtualize(options) {
   var estimateSize = options.estimateSize,
+    defaultColumnWidth = options.defaultColumnWidth,
     overscan = options.overscan,
     rawColumns = options.columns,
     bodyWrapper = options.bodyWrapper,
@@ -1461,8 +1462,14 @@ function useColumnVirtualize(options) {
     });
   }, [disabled, rawColumns, startIndex, endIndex, lastFixedLeftIndex, firstFixedRightIndex]);
   var descriptor = useMemo(function () {
-    return columnSlice.reduce(function (result, column, index) {
-      var key = getKey(column);
+    return columnSlice.reduce(function (result, rawColumn, index) {
+      var key = getKey(rawColumn);
+      var column = rawColumn;
+      if (column.width == null && column.minWidth == null) {
+        column = _extends({}, column, {
+          width: defaultColumnWidth
+        });
+      }
       if (key === leftKey) {
         result.push({
           type: 'normal',
@@ -1516,7 +1523,7 @@ function useColumnVirtualize(options) {
       }
       return result;
     }, []);
-  }, [columnSlice, leftKey, rightKey, leftBlank, rightBlank]);
+  }, [columnSlice, leftKey, rightKey, leftBlank, rightBlank, defaultColumnWidth]);
   var columns = useMemo(function () {
     return {
       columns: columnSlice,
@@ -1599,6 +1606,8 @@ function VirtualTableCore(props, ref) {
     _props$overscanColumn = props.overscanColumns,
     overscanColumns = _props$overscanColumn === undefined ? 3 : _props$overscanColumn,
     stickyHeader = props.stickyHeader,
+    _props$defaultColumnW = props.defaultColumnWidth,
+    defaultColumnWidth = _props$defaultColumnW === undefined ? 100 : _props$defaultColumnW,
     _props$pipeline = props.pipeline,
     pipeline = _props$pipeline === undefined ? TablePipeline.defaultPipeline : _props$pipeline,
     rawRowClassName = props.rowClassName,
@@ -1681,7 +1690,8 @@ function VirtualTableCore(props, ref) {
     };
   }, [columnWidths, updateColumnWidths]);
   var _useColumnVirtualize = useColumnVirtualize({
-      estimateSize: estimatedColumnWidth != null ? estimatedColumnWidth : 100,
+      estimateSize: estimatedColumnWidth != null ? estimatedColumnWidth : defaultColumnWidth,
+      defaultColumnWidth: defaultColumnWidth,
       overscan: overscanColumns,
       columns: pipelineColumns,
       bodyWrapper: bodyWrapperRef,
@@ -1689,17 +1699,6 @@ function VirtualTableCore(props, ref) {
       disabled: estimatedColumnWidth == null
     }),
     columns = _useColumnVirtualize.columns;
-  if (process.env.NODE_ENV === 'development') {
-    pipelineColumns.forEach(function (column) {
-      if (column.width == null && column.minWidth == null) {
-        console.warn('Missing `width` in column', column);
-      }
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      if (getKey(column) == null) {
-        console.error('Missing `dataIndex` or `key` in column', column);
-      }
-    });
-  }
   var onRowClassName = useCallback(function (record, index) {
     return clsx(rawRowClassName == null ? undefined : rawRowClassName(record, index), rowClassName == null ? undefined : rowClassName(record, index));
   }, [rawRowClassName, rowClassName]);