@hi-ui/table 4.3.1 → 4.3.2

package/lib/cjs/utils/index.js

@@ -9,19 +9,12 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
 var setColumnsDefaultWidth = function setColumnsDefaultWidth(columns, defaultWidth) {
   var _columns = columns.concat();
-
   var setWidth = function setWidth(_columns) {
     _columns.forEach(function (item) {
       var children = item.children;
-
       if (children) {
         setWidth(children);
       } else if (item.dataKey) {
@@ -29,7 +22,6 @@ var setColumnsDefaultWidth = function setColumnsDefaultWidth(columns, defaultWid
       }
     });
   };
-
   setWidth(_columns);
   return _columns;
 };
@@ -37,36 +29,28 @@ var setColumnsDefaultWidth = function setColumnsDefaultWidth(columns, defaultWid
  * 获取每个 Column 的真实列宽度（排除合并列头）
  * 如果是多级表头，将会递归 children 得到叶子结点层每项的宽度
  */
-
-
 var getGroupItemWidth = function getGroupItemWidth(columns) {
   var baseColWidths = [];
-
   var dig = function dig(column) {
     column.forEach(function (_ref) {
       var children = _ref.children,
-          width = _ref.width;
-
+        width = _ref.width;
       if (Array.isArray(children)) {
         dig(children);
         return;
-      } // 如果没有设置列宽度，css 宽度默认是 `auto`，这里对于非数字 width 均设置为 0
-
-
+      }
+      // 如果没有设置列宽度，css 宽度默认是 `auto`，这里对于非数字 width 均设置为 0
       var colWidth = typeAssertion.isNumeric(width) ? Number(width) : 0;
       baseColWidths.push(colWidth);
     });
   };
-
   dig(columns);
   return baseColWidths;
 };
-
 var parseFixedColumns = function parseFixedColumns(item, index, columns, arr, key, parentStickyWidth) {
   if (parentStickyWidth === void 0) {
     parentStickyWidth = 0;
   }
-
   var width = (arr[index - 1] || {
     width: 0
   }).width || 0;
@@ -75,11 +59,10 @@ var parseFixedColumns = function parseFixedColumns(item, index, columns, arr, ke
   })[key] || 0;
   item = Object.assign({}, item);
   item[key] = width + stickyWidth + parentStickyWidth;
-
   if (item.children) {
     var _parentStickyWidth = item[key];
     var _item = item,
-        children = _item.children;
+      children = _item.children;
     item.children = [];
     children.forEach(function (childrenItem, idx) {
       var child = parseFixedColumns(childrenItem, idx, columns, children, key, index === 0 ? 0 : _parentStickyWidth);
@@ -87,9 +70,9 @@ var parseFixedColumns = function parseFixedColumns(item, index, columns, arr, ke
       columns[child.index] = child;
     });
   }
-
   return item;
-}; // export const parseFixedColumnsByRoot = ({
+};
+// export const parseFixedColumnsByRoot = ({
 //   column,
 //   prevColumn,
 //   key,
@@ -116,73 +99,56 @@ var parseFixedColumns = function parseFixedColumns(item, index, columns, arr, ke
 //     })
 //   }
 // }
-
 /**
  * 生成 uuid
  */
-
-
 var uuid = function uuid() {
   return Math.random().toString(36).substring(5).split('').join('.');
 };
-
 var parseLocalArray = function parseLocalArray(_ref3) {
   var key = _ref3.key,
-      defaultValue = _ref3.defaultValue;
-
+    defaultValue = _ref3.defaultValue;
   if (key) {
     try {
       var localArr = window.localStorage.getItem(key);
-
       if (localArr) {
         localArr = JSON.parse(localArr);
-
         if (Array.isArray(localArr)) {
           return localArr;
         }
       }
     } catch (error) {}
   }
-
   return defaultValue;
-}; // 检查是否需要展示Total或average
-
-
+};
+// 检查是否需要展示Total或average
 var checkNeedTotalOrEvg = function checkNeedTotalOrEvg(_data, item, calcKey) {
   if (item[calcKey]) {
     // 当每一项都为数字类型字符串时，才进行求和计算
     var isDataKeyValueAllNumber = _data.every(function (dataItem) {
       return typeAssertion.isNumeric(dataItem[item.dataKey]);
     });
-
     return isDataKeyValueAllNumber;
   }
-
   return false;
-}; // 获取总和或取平均值
-
-
+};
+// 获取总和或取平均值
 var getTotalOrEvgRowData = function getTotalOrEvgRowData(_data, c, isAvg) {
   var dataPointCountList = _data.map(function (dataItem) {
     var strNum = dataItem[c.dataKey] + '';
     var afterPonterStr = strNum.split('.')[1];
     return afterPonterStr ? afterPonterStr.length : 0;
   });
-
   var maxPointCount = dataPointCountList && dataPointCountList.length ? Math.max.apply(Math, dataPointCountList) : 0;
-
   var columnSumData = _data.reduce(function (acc, cur) {
     return acc += Number(cur[c.dataKey]);
   }, 0);
-
   if (isAvg) {
     var avgData = columnSumData / _data.length;
     return maxPointCount > 0 ? avgData.toFixed(maxPointCount) : avgData;
   }
-
   return maxPointCount > 0 ? columnSumData.toFixed(maxPointCount) : columnSumData;
 };
-
 exports.checkNeedTotalOrEvg = checkNeedTotalOrEvg;
 exports.getGroupItemWidth = getGroupItemWidth;
 exports.getTotalOrEvgRowData = getTotalOrEvgRowData;

package/lib/esm/BaseTable.js

@@ -26,63 +26,58 @@ import { TheadContent } from './TheadContent.js';
 import { ColGroupContent } from './ColGroupContent.js';
 import { TbodyContent } from './TbodyContent.js';
 var _role = 'table';
-
 var _prefix = getPrefixCls('table');
-
 var EMBED_DATA_KEY = "TABLE_EMBED_DATA_KEY_" + uuid();
 var DEFAULT_COLUMNS = [];
 var DEFAULT_DATA = [];
 var BaseTable = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      _a$columns = _a.columns,
-      columns = _a$columns === void 0 ? DEFAULT_COLUMNS : _a$columns,
-      _a$data = _a.data,
-      data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
-      _a$striped = _a.striped,
-      striped = _a$striped === void 0 ? false : _a$striped,
-      borderedProp = _a.bordered,
-      rowExpandable = _a.rowExpandable,
-      defaultExpandedEmbedRowKeys = _a.defaultExpandedEmbedRowKeys,
-      expandedEmbedRowKeys = _a.expandedEmbedRowKeys,
-      onEmbedExpand = _a.onEmbedExpand,
-      expandedRender = _a.expandedRender,
-      _a$size = _a.size,
-      size = _a$size === void 0 ? 'md' : _a$size,
-      extra = _a.extra,
-      onRow = _a.onRow,
-      stickyFooter = _a.stickyFooter,
-      _a$stickyFooterBottom = _a.stickyFooterBottom,
-      stickyFooterBottom = _a$stickyFooterBottom === void 0 ? 0 : _a$stickyFooterBottom,
-      _a$fixedColumnTrigger = _a.fixedColumnTrigger,
-      fixedColumnTrigger = _a$fixedColumnTrigger === void 0 ? 'auto' : _a$fixedColumnTrigger,
-      emptyContent = _a.emptyContent,
-      virtual = _a.virtual,
-      needDoubleTable = _a.needDoubleTable,
-      rest = __rest(_a, ["prefixCls", "role", "className", "columns", "data", "striped", "bordered", "rowExpandable", "defaultExpandedEmbedRowKeys", "expandedEmbedRowKeys", "onEmbedExpand", "expandedRender", "size", "extra", "onRow", "onHeaderRow", "stickyFooter", "stickyFooterBottom", "fixedColumnTrigger", "emptyContent", "virtual", "needDoubleTable"]); // ********************** 内嵌式面板 *********************** //
-
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    _a$columns = _a.columns,
+    columns = _a$columns === void 0 ? DEFAULT_COLUMNS : _a$columns,
+    _a$data = _a.data,
+    data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
+    _a$striped = _a.striped,
+    striped = _a$striped === void 0 ? false : _a$striped,
+    borderedProp = _a.bordered,
+    rowExpandable = _a.rowExpandable,
+    defaultExpandedEmbedRowKeys = _a.defaultExpandedEmbedRowKeys,
+    expandedEmbedRowKeys = _a.expandedEmbedRowKeys,
+    onEmbedExpand = _a.onEmbedExpand,
+    expandedRender = _a.expandedRender,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'md' : _a$size,
+    extra = _a.extra,
+    onRow = _a.onRow,
+    stickyFooter = _a.stickyFooter,
+    _a$stickyFooterBottom = _a.stickyFooterBottom,
+    stickyFooterBottom = _a$stickyFooterBottom === void 0 ? 0 : _a$stickyFooterBottom,
+    _a$fixedColumnTrigger = _a.fixedColumnTrigger,
+    fixedColumnTrigger = _a$fixedColumnTrigger === void 0 ? 'auto' : _a$fixedColumnTrigger,
+    emptyContent = _a.emptyContent,
+    virtual = _a.virtual,
+    needDoubleTable = _a.needDoubleTable,
+    rest = __rest(_a, ["prefixCls", "role", "className", "columns", "data", "striped", "bordered", "rowExpandable", "defaultExpandedEmbedRowKeys", "expandedEmbedRowKeys", "onEmbedExpand", "expandedRender", "size", "extra", "onRow", "onHeaderRow", "stickyFooter", "stickyFooterBottom", "fixedColumnTrigger", "emptyContent", "virtual", "needDoubleTable"]);
+  // ********************** 内嵌式面板 *********************** //
   var _useEmbedExpand = useEmbedExpand({
-    defaultExpandedEmbedRowKeys: defaultExpandedEmbedRowKeys,
-    rowExpandable: rowExpandable,
-    expandedEmbedRowKeys: expandedEmbedRowKeys,
-    onEmbedExpand: onEmbedExpand,
-    expandedRender: expandedRender
-  }),
-      embedExpandable = _useEmbedExpand.embedExpandable,
-      onEmbedSwitch = _useEmbedExpand.onEmbedSwitch,
-      isEmbedLoadingId = _useEmbedExpand.isEmbedLoadingId,
-      getEmbedPanelById = _useEmbedExpand.getEmbedPanelById,
-      isExpandEmbedRows = _useEmbedExpand.isExpandEmbedRows,
-      onExpandEmbedRowsChange = _useEmbedExpand.onExpandEmbedRowsChange;
+      defaultExpandedEmbedRowKeys: defaultExpandedEmbedRowKeys,
+      rowExpandable: rowExpandable,
+      expandedEmbedRowKeys: expandedEmbedRowKeys,
+      onEmbedExpand: onEmbedExpand,
+      expandedRender: expandedRender
+    }),
+    embedExpandable = _useEmbedExpand.embedExpandable,
+    onEmbedSwitch = _useEmbedExpand.onEmbedSwitch,
+    isEmbedLoadingId = _useEmbedExpand.isEmbedLoadingId,
+    getEmbedPanelById = _useEmbedExpand.getEmbedPanelById,
+    isExpandEmbedRows = _useEmbedExpand.isExpandEmbedRows,
+    onExpandEmbedRowsChange = _useEmbedExpand.onExpandEmbedRowsChange;
   /**
    * 表格列展开折叠操作区
    */
-
-
   var getEmbedPanelColumn = React__default.useCallback(function (embedExpandable) {
     var embedPanelColumn = {
       dataKey: EMBED_DATA_KEY,
@@ -116,97 +111,90 @@ var BaseTable = /*#__PURE__*/forwardRef(function (_a, ref) {
       var embedColumn = getEmbedPanelColumn(embedExpandable);
       return [embedColumn].concat(columns);
     }
-
     return columns;
   }, [embedExpandable, getEmbedPanelColumn, columns]);
   var i18n = useLocaleContext();
-
   var _useMemo = useMemo(function () {
-    // 确保包含 avg 属性，且值为数字类型的字符串
-    var avgRow = {
-      id: 'avg',
-      raw: {
-        key: 'avg'
-      }
-    };
-    var hasAvgColumn = false;
-    columns.forEach(function (column, index) {
-      if (index === 0) {
-        // @ts-ignore
-        avgRow.raw[column.dataKey] = i18n.get('table.average');
-      }
-
-      if (checkNeedTotalOrEvg(data, column, 'avg')) {
-        hasAvgColumn = true; // @ts-ignore
-        // @ts-ignore
-
-        avgRow.raw[column.dataKey] = getTotalOrEvgRowData(data, column, true);
-      }
-    });
-    return {
-      avgRow: avgRow,
-      hasAvgColumn: hasAvgColumn
-    };
-  }, [columns, data, i18n]),
-      avgRow = _useMemo.avgRow,
-      hasAvgColumn = _useMemo.hasAvgColumn;
-
+      // 确保包含 avg 属性，且值为数字类型的字符串
+      var avgRow = {
+        id: 'avg',
+        raw: {
+          key: 'avg'
+        }
+      };
+      var hasAvgColumn = false;
+      columns.forEach(function (column, index) {
+        if (index === 0) {
+          // @ts-ignore
+          avgRow.raw[column.dataKey] = i18n.get('table.average');
+        }
+        if (checkNeedTotalOrEvg(data, column, 'avg')) {
+          hasAvgColumn = true;
+          // @ts-ignore
+          // @ts-ignore
+          avgRow.raw[column.dataKey] = getTotalOrEvgRowData(data, column, true);
+        }
+      });
+      return {
+        avgRow: avgRow,
+        hasAvgColumn: hasAvgColumn
+      };
+    }, [columns, data, i18n]),
+    avgRow = _useMemo.avgRow,
+    hasAvgColumn = _useMemo.hasAvgColumn;
   var _useMemo2 = useMemo(function () {
-    // 确保包含total属性，且值为数字类型的字符串
-    var sumRow = {
-      id: 'sum',
-      raw: {
-        key: 'sum'
-      }
-    };
-    var hasSumColumn = false;
-    columns.forEach(function (column, index) {
-      if (index === 0) {
-        // @ts-ignore
-        sumRow.raw[column.dataKey] = i18n.get('table.total');
-      }
-
-      if (checkNeedTotalOrEvg(data, column, 'total')) {
-        hasSumColumn = true; // 获取当前数据最大小数点个数，并设置最后总和值小数点
-        // @ts-ignore
-        // 获取当前数据最大小数点个数，并设置最后总和值小数点
-        // @ts-ignore
-
-        sumRow.raw[column.dataKey] = getTotalOrEvgRowData(data, column, false);
-      }
-    });
-    return {
-      sumRow: sumRow,
-      hasSumColumn: hasSumColumn
-    };
-  }, [columns, data, i18n]),
-      sumRow = _useMemo2.sumRow,
-      hasSumColumn = _useMemo2.hasSumColumn;
-
+      // 确保包含total属性，且值为数字类型的字符串
+      var sumRow = {
+        id: 'sum',
+        raw: {
+          key: 'sum'
+        }
+      };
+      var hasSumColumn = false;
+      columns.forEach(function (column, index) {
+        if (index === 0) {
+          // @ts-ignore
+          sumRow.raw[column.dataKey] = i18n.get('table.total');
+        }
+        if (checkNeedTotalOrEvg(data, column, 'total')) {
+          hasSumColumn = true;
+          // 获取当前数据最大小数点个数，并设置最后总和值小数点
+          // @ts-ignore
+          // 获取当前数据最大小数点个数，并设置最后总和值小数点
+          // @ts-ignore
+          sumRow.raw[column.dataKey] = getTotalOrEvgRowData(data, column, false);
+        }
+      });
+      return {
+        sumRow: sumRow,
+        hasSumColumn: hasSumColumn
+      };
+    }, [columns, data, i18n]),
+    sumRow = _useMemo2.sumRow,
+    hasSumColumn = _useMemo2.hasSumColumn;
   var providedValue = useTable(Object.assign(Object.assign({}, rest), {
     columns: mergedColumns,
     data: data,
     virtual: virtual
   }));
   var rootProps = providedValue.rootProps,
-      bordered = providedValue.bordered,
-      leftFrozenColKeys = providedValue.leftFrozenColKeys,
-      rightFrozenColKeys = providedValue.rightFrozenColKeys,
-      leftFixedColumnsWidth = providedValue.leftFixedColumnsWidth,
-      rightFixedColumnsWidth = providedValue.rightFixedColumnsWidth,
-      scrollSize = providedValue.scrollSize,
-      getTableHeaderProps = providedValue.getTableHeaderProps,
-      scrollBodyElementRef = providedValue.scrollBodyElementRef,
-      onTableBodyScroll = providedValue.onTableBodyScroll,
-      canScroll = providedValue.canScroll,
-      bodyTableRef = providedValue.bodyTableRef,
-      scrollWidth = providedValue.scrollWidth,
-      footerRender = providedValue.footerRender;
+    bordered = providedValue.bordered,
+    leftFrozenColKeys = providedValue.leftFrozenColKeys,
+    rightFrozenColKeys = providedValue.rightFrozenColKeys,
+    leftFixedColumnsWidth = providedValue.leftFixedColumnsWidth,
+    rightFixedColumnsWidth = providedValue.rightFixedColumnsWidth,
+    scrollSize = providedValue.scrollSize,
+    getTableHeaderProps = providedValue.getTableHeaderProps,
+    scrollBodyElementRef = providedValue.scrollBodyElementRef,
+    onTableBodyScroll = providedValue.onTableBodyScroll,
+    canScroll = providedValue.canScroll,
+    bodyTableRef = providedValue.bodyTableRef,
+    scrollWidth = providedValue.scrollWidth,
+    footerRender = providedValue.footerRender;
   var hasBorder = borderedProp !== null && borderedProp !== void 0 ? borderedProp : bordered;
   var extraHeader = extra && extra.header;
   var extraFooter = extra && extra.footer;
   var alwaysFixedColumn = fixedColumnTrigger === 'always';
-
   var renderTable = function renderTable() {
     return needDoubleTable ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", Object.assign({}, getTableHeaderProps()), /*#__PURE__*/React__default.createElement(TableHeader, null), extraHeader ? /*#__PURE__*/React__default.createElement("div", {
       style: {
@@ -235,7 +223,6 @@ var BaseTable = /*#__PURE__*/forwardRef(function (_a, ref) {
       emptyContent: emptyContent
     })));
   };
-
   var renderFreezeShadow = function renderFreezeShadow() {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (alwaysFixedColumn || scrollSize.scrollLeft > 0) && leftFrozenColKeys.length > 0 ? /*#__PURE__*/React__default.createElement("div", {
       className: prefixCls + "-freeze-shadow  " + prefixCls + "-freeze-shadow--left",
@@ -249,7 +236,6 @@ var BaseTable = /*#__PURE__*/forwardRef(function (_a, ref) {
       }
     }) : null);
   };
-
   var tableFooter = /*#__PURE__*/React__default.createElement("div", {
     className: prefixCls + "-footer",
     style: stickyFooter ? {
@@ -282,24 +268,20 @@ var BaseTable = /*#__PURE__*/forwardRef(function (_a, ref) {
     })
   }, renderTable()), renderFreezeShadow()), tableFooter);
 });
-
 if (__DEV__) {
   BaseTable.displayName = 'BaseTable';
 }
-
 var renderSwitcher = function renderSwitcher(_ref) {
   var prefixCls = _ref.prefixCls,
-      rowExpand = _ref.rowExpand,
-      loading = _ref.loading,
-      expanded = _ref.expanded,
-      onSwitch = _ref.onSwitch,
-      expandedIcon = _ref.expandedIcon,
-      collapsedIcon = _ref.collapsedIcon;
-
+    rowExpand = _ref.rowExpand,
+    loading = _ref.loading,
+    expanded = _ref.expanded,
+    onSwitch = _ref.onSwitch,
+    expandedIcon = _ref.expandedIcon,
+    collapsedIcon = _ref.collapsedIcon;
   if ( /*#__PURE__*/React__default.isValidElement(rowExpand)) {
     return rowExpand;
   }
-
   if (rowExpand === true) {
     if (loading) {
       return /*#__PURE__*/React__default.createElement(IconButton, {
@@ -307,7 +289,6 @@ var renderSwitcher = function renderSwitcher(_ref) {
         icon: defaultLoadingIcon
       });
     }
-
     return /*#__PURE__*/React__default.createElement(IconButton, {
       tabIndex: -1,
       className: cx(prefixCls + "__switcher", prefixCls + "__switcher--" + (expanded ? 'expanded' : 'collapse')),
@@ -319,8 +300,6 @@ var renderSwitcher = function renderSwitcher(_ref) {
       }
     });
   }
-
   return null;
 };
-
 export { BaseTable, EMBED_DATA_KEY };

package/lib/esm/ColGroupContent.js

@@ -11,17 +11,13 @@ import React__default, { forwardRef } from 'react';
 import { getPrefixCls } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
 import { useTableContext } from './context.js';
-
 var _prefix = getPrefixCls('table-colgroup');
-
 var ColGroupContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls;
-
+    prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls;
   var _useTableContext = useTableContext(),
-      getColgroupProps = _useTableContext.getColgroupProps,
-      leafColumns = _useTableContext.leafColumns;
-
+    getColgroupProps = _useTableContext.getColgroupProps,
+    leafColumns = _useTableContext.leafColumns;
   return /*#__PURE__*/React__default.createElement("colgroup", null, leafColumns.map(function (col, idx) {
     return /*#__PURE__*/React__default.createElement("col", Object.assign({
       key: idx,
@@ -29,9 +25,7 @@ var ColGroupContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, getColgroupProps(col, idx)));
   }));
 });
-
 if (__DEV__) {
   ColGroupContent.displayName = 'ColGroupContent';
 }
-
 export { ColGroupContent };