@sheinx/hooks 3.0.0-alpha.1

package/esm/components/use-table/use-table-group.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _react = require("react");
+var _uid = require("../../utils/uid");
+var cacheGroup = new Map();
+var useTableGroup = function useTableGroup(props) {
+  var _useRef = (0, _react.useRef)({
+      columns: [],
+      rightBorderRecord: {},
+      columnLevel: 0
+    }),
+    context = _useRef.current;
+  var setColumns = function setColumns(columns, col, level, index) {
+    if (!col.group) {
+      columns.push(col);
+      return 1;
+    }
+    var col2 = col;
+    var g = Array.isArray(col2.group) ? col2.group : [col2.group];
+    var last = columns[columns.length - 1];
+    if (level > context.columnLevel) context.columnLevel = level;
+    if (!g[level]) {
+      columns.push(col);
+      return 1;
+    }
+    var colSpan = 0;
+    if (last && last.name === g[level]) {
+      colSpan = setColumns(last.columns, col, level + 1, index);
+      last.colSpan += colSpan;
+      if (col.fixed) last.fixed = col.fixed;
+      if (col.lastFixed) last.lastFixed = true;
+    } else {
+      var sub = [];
+      colSpan = setColumns(sub, col, level + 1, index);
+      var group = g[level];
+      var groupCol = {
+        name: g[level],
+        key: typeof g[level] === 'string' ? "".concat(index, "-").concat(g[level]) : cacheGroup.get(group) || cacheGroup.set(group, (0, _uid.getUidStr)()).get(group),
+        colSpan: colSpan,
+        level: level,
+        fixed: col.fixed,
+        firstFixed: col.firstFixed,
+        index: index,
+        columns: sub
+      };
+      columns.push(groupCol);
+    }
+    return colSpan;
+  };
+  var formatColumns = function formatColumns() {
+    context.columnLevel = 0;
+    var columns = [];
+    props.columns.forEach(function (col, index) {
+      setColumns(columns, col, 0, index);
+    });
+    return columns;
+  };
+  return {
+    groupColumns: formatColumns(),
+    columnLevel: context.columnLevel
+  };
+};
+var _default = useTableGroup;
+exports.default = _default;

package/esm/components/use-table/use-table-layout.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { TableFormatColumn, BaseTableProps } from './use-table.type';
+export interface UseTableLayoutProps extends Pick<BaseTableProps<any>, 'data' | 'dataChangeResize' | 'columnResizable' | 'onColumnResize' | 'width'> {
+    columns: TableFormatColumn<any>[];
+    theadRef: React.RefObject<HTMLElement>;
+    tbodyRef: React.RefObject<HTMLElement>;
+    scrollRef: React.RefObject<HTMLElement>;
+}
+declare const useTableLayout: (props: UseTableLayoutProps) => {
+    isScrollX: boolean;
+    isScrollY: boolean;
+    floatLeft: boolean;
+    floatRight: boolean;
+    scrollBarWidth: number;
+    colgroup: (number | undefined)[];
+    func: {
+        scrollCheck: () => void;
+        resetColGroup: () => void;
+        resizeCol: (index: any) => void;
+        dragCol: (index: number, deltaX: number) => void;
+        checkFloat: () => void;
+    };
+    width: number | undefined;
+    shouldLastColAuto: boolean | undefined;
+    scrollWidth: number;
+    maxScrollLeft: number;
+};
+export default useTableLayout;
+//# sourceMappingURL=use-table-layout.d.ts.map

package/esm/components/use-table/use-table-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAcrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA6CX,MAAM,UAAU,MAAM;;;;;;;CAsL5D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/components/use-table/use-table-layout.js

@@ -0,0 +1,300 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.weak-map.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _useLatestObj = _interopRequireDefault(require("../../common/use-latest-obj"));
+var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+var _usePrevious = _interopRequireDefault(require("../../common/use-previous"));
+var _element = require("../../utils/dom/element");
+var _is = require("../../utils/is");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var MIN_RESIZABLE_WIDTH = 20;
+function compareColumnWidth(curCols, preCols) {
+  if (curCols.length !== preCols.length) return false;
+  for (var i = 0, count = curCols.length; i < count; i++) {
+    if (curCols[i].width !== preCols[i].width) return false;
+  }
+  return true;
+}
+var useTableLayout = function useTableLayout(props) {
+  var theadRef = props.theadRef,
+    tbodyRef = props.tbodyRef,
+    scrollRef = props.scrollRef;
+  var preColumns = (0, _usePrevious.default)(props.columns);
+  var preData = (0, _usePrevious.default)(props.data);
+  var _useRef = (0, _react.useRef)({
+      checkNum: 0,
+      cachedWidth: null,
+      dragWidth: 0,
+      clientWidth: 0
+    }),
+    context = _useRef.current;
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    isScrollX = _React$useState2[0],
+    setIsScrollX = _React$useState2[1];
+  var _React$useState3 = _react.default.useState(0),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    deltaXSum = _React$useState4[0],
+    setDeltaXSum = _React$useState4[1];
+  var _React$useState5 = _react.default.useState(false),
+    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    isScrollY = _React$useState6[0],
+    setIsScrollY = _React$useState6[1];
+  var _React$useState7 = _react.default.useState(false),
+    _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
+    floatLeft = _React$useState8[0],
+    setFloatLeft = _React$useState8[1];
+  var _React$useState9 = _react.default.useState(false),
+    _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
+    floatRight = _React$useState10[0],
+    setFloatRight = _React$useState10[1];
+  var _React$useState11 = _react.default.useState(0),
+    _React$useState12 = (0, _slicedToArray2.default)(_React$useState11, 2),
+    scrollBarWidth = _React$useState12[0],
+    setScrollBarWidth = _React$useState12[1];
+  var _React$useState13 = _react.default.useState(0),
+    _React$useState14 = (0, _slicedToArray2.default)(_React$useState13, 2),
+    scrollWidth = _React$useState14[0],
+    setScrollWidth = _React$useState14[1];
+  var _React$useState15 = _react.default.useState(props.columns.map(function (v) {
+      return v.width;
+    })),
+    _React$useState16 = (0, _slicedToArray2.default)(_React$useState15, 2),
+    colgroup = _React$useState16[0],
+    setColgroup = _React$useState16[1];
+  var _React$useState17 = _react.default.useState(true),
+    _React$useState18 = (0, _slicedToArray2.default)(_React$useState17, 2),
+    adjust = _React$useState18[0],
+    setAdjust = _React$useState18[1];
+
+  // 检查滚动状态
+  var checkScroll = (0, _usePersistFn.default)(function () {
+    var scrollEl = scrollRef.current;
+    if (!scrollEl) return;
+    if (context.checkNum > 10) {
+      // 防止死循环
+      setIsScrollY(true);
+      return;
+    }
+    context.clientWidth = scrollEl.clientWidth;
+    var overHeight = scrollEl.scrollHeight > scrollEl.clientHeight;
+    var overWidth = scrollEl.scrollWidth > context.clientWidth;
+    var newScrollBarWidth = overHeight ? scrollEl.offsetWidth - scrollEl.clientWidth : 0;
+    if (newScrollBarWidth !== scrollBarWidth) setScrollBarWidth(newScrollBarWidth);
+    if (overWidth !== isScrollX) setIsScrollX(overWidth);
+    if (overHeight !== isScrollY) setIsScrollY(overHeight);
+    context.checkNum += 1;
+    setTimeout(function () {
+      context.checkNum = 0;
+    });
+  });
+
+  // 拖拽列
+  var dragCol = (0, _usePersistFn.default)(function (index, deltaX) {
+    var col = props.columns[index];
+    if (!colgroup) return;
+    var table = theadRef.current || tbodyRef.current;
+    if (!table) return;
+    var colEl = table.querySelector("colgroup col:nth-child(".concat(col.index + 1, ")"));
+    if (!colEl) return;
+    var oWidth = parseInt(colEl.style.width, 10);
+    if (Number.isNaN(oWidth) || oWidth === 0) {
+      oWidth = colEl.getBoundingClientRect().width;
+    }
+    var w = oWidth + deltaX;
+    if ((0, _is.isNumber)(col.minWidth)) {
+      w = Math.max(w, col.minWidth);
+    } else {
+      w = Math.max(w, MIN_RESIZABLE_WIDTH);
+    }
+    if ((0, _is.isNumber)(col.maxWidth)) {
+      w = Math.min(w, col.maxWidth);
+    }
+    colEl.style.width = "".concat(w, "px");
+    context.dragWidth = w;
+  });
+  var changeColGroup = function changeColGroup(cols, adjust) {
+    setColgroup(cols);
+    setAdjust(adjust);
+  };
+
+  // 完成拖拽
+  var resizeCol = (0, _usePersistFn.default)(function (index) {
+    if (!props.columnResizable) return;
+    if (!colgroup) return;
+    var deltaX = context.dragWidth - colgroup[index];
+    var newColgroup = (0, _toConsumableArray2.default)(colgroup);
+    newColgroup[index] = context.dragWidth;
+    if ((0, _is.isFunc)(props.onColumnResize)) {
+      var newColumns = props.columns.map(function (item) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          width: newColgroup[index]
+        });
+      });
+      props.onColumnResize(newColumns);
+      return;
+    }
+    setDeltaXSum(function (x) {
+      return x + deltaX;
+    });
+    changeColGroup(newColgroup, 'drag');
+  });
+
+  // 根据column的宽度计算colgroup
+  var resetColGroup = (0, _usePersistFn.default)(function () {
+    var columnLengthChange = preColumns && preColumns.length !== props.columns.length;
+    // 当支持拖拽列 并且有缓存 并且 column 的数量没有发生变化的时候， 从缓存中获取宽度
+    var useCache = props.columnResizable && context.cachedWidth && !columnLengthChange;
+    var newColgroup = props.columns.map(function (v) {
+      if (useCache && context.cachedWidth && context.cachedWidth.has(v.key)) {
+        return context.cachedWidth.get(v.key);
+      }
+      return v.width;
+    });
+    changeColGroup(newColgroup, true);
+  });
+
+  // 根据渲染内容计算colgroup
+  var getColgroup = (0, _usePersistFn.default)(function (fromDrag) {
+    var _props$data, _target$current;
+    var target = props !== null && props !== void 0 && (_props$data = props.data) !== null && _props$data !== void 0 && _props$data.length ? tbodyRef : theadRef;
+    var group = (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.querySelector('colgroup');
+    if (!group) return;
+    var cols = group.querySelectorAll('col');
+    var newCols = [];
+    var sum = 0;
+    for (var i = 0, count = cols.length; i < count; i++) {
+      var _cols$i$getBoundingCl = cols[i].getBoundingClientRect(),
+        width = _cols$i$getBoundingCl.width;
+      sum += width;
+      newCols.push(width);
+    }
+    if (fromDrag && props.columnResizable) {
+      var widthArr = [].concat(newCols);
+      if (typeof props.width === 'number') {
+        var maxWidth = Math.max(context.clientWidth, props.width + deltaXSum);
+
+        // 当宽带超过的时候会出现滚动条
+        if (sum > maxWidth) {
+          newCols.forEach(function (v, i) {
+            newCols[i] = v * maxWidth / sum;
+          });
+        }
+        var rate = (props.width + deltaXSum) / sum;
+        widthArr.forEach(function (v, i) {
+          widthArr[i] = v * rate;
+        });
+      }
+      context.cachedWidth = new Map();
+      for (var _i2 = 0; _i2 < props.columns.length; _i2++) {
+        context.cachedWidth.set(props.columns[_i2].key, widthArr[_i2] || 0);
+      }
+    }
+    changeColGroup(newCols, false);
+  });
+  var checkFloat = (0, _usePersistFn.default)(function () {
+    var scrollEl = scrollRef.current;
+    var max = scrollEl.scrollWidth - scrollEl.clientWidth;
+    var min = 0;
+    var left = scrollEl.scrollLeft;
+    var l = left !== min;
+    var r = left !== max;
+    if (l !== floatLeft) setFloatLeft(l);
+    if (r !== floatRight) setFloatRight(r);
+  });
+  var syncScrollWidth = (0, _usePersistFn.default)(function () {
+    if (!scrollRef.current) return;
+    var scrollEl = scrollRef.current;
+    var w = scrollEl.scrollWidth;
+    if (w !== scrollWidth) setScrollWidth(w);
+  });
+
+  // 页面resize
+  var handleResize = (0, _usePersistFn.default)(function (_, dir) {
+    checkScroll();
+    syncScrollWidth();
+    if (dir.x) {
+      //table 宽度发生变化的时候, 需要同步 colgroup 宽度 给拖拽列或者固定列使用
+      resetColGroup();
+    }
+  });
+  var func = (0, _useLatestObj.default)({
+    scrollCheck: checkScroll,
+    resetColGroup: resetColGroup,
+    resizeCol: resizeCol,
+    dragCol: dragCol,
+    checkFloat: checkFloat
+  });
+  (0, _react.useEffect)(function () {
+    if (!colgroup) return;
+    // columns 增加或者减少列， 或者宽度发生变化且和colgroup的宽度不一致时
+    if (preColumns && !compareColumnWidth(props.columns, preColumns)) {
+      resetColGroup();
+    }
+    //  当存在某列没有设置宽度的时候， 宽度会跟随内容的变化而变化， 这个时候当 data 改变需要重新计算宽度
+    var hasNoWith = props.columns.find(function (v) {
+      return v.width === undefined;
+    });
+    if (hasNoWith && preData && props.data && props.data.length !== preData.length) {
+      if (preData.length === 0 || props.dataChangeResize) resetColGroup();
+    }
+  }, [props.columns, props.data, props.dataChangeResize]);
+  (0, _react.useEffect)(function () {
+    var cancelFunc;
+    syncScrollWidth();
+    if (scrollRef.current) {
+      cancelFunc = (0, _element.addResizeObserver)(scrollRef.current, handleResize, {
+        direction: true
+      });
+    }
+    return function () {
+      var _cancelFunc;
+      (_cancelFunc = cancelFunc) === null || _cancelFunc === void 0 ? void 0 : _cancelFunc();
+    };
+  }, [scrollRef.current]);
+  (0, _react.useLayoutEffect)(function () {
+    if (adjust) {
+      getColgroup(adjust === 'drag');
+      setAdjust(false);
+    } else {
+      checkFloat();
+      checkScroll();
+    }
+  }, [colgroup]);
+  return {
+    isScrollX: isScrollX,
+    isScrollY: isScrollY,
+    floatLeft: floatLeft,
+    floatRight: floatRight,
+    scrollBarWidth: scrollBarWidth,
+    colgroup: colgroup ? colgroup : [],
+    func: func,
+    width: typeof props.width === 'number' ? props.width + deltaXSum : props.width,
+    shouldLastColAuto: props.columnResizable && !adjust,
+    scrollWidth: scrollWidth,
+    maxScrollLeft: scrollWidth - context.clientWidth
+  };
+};
+var _default = useTableLayout;
+exports.default = _default;

package/esm/components/use-table/use-table-row.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { TableFormatColumn, BaseTableProps } from './use-table.type';
+import { KeygenResult } from '../../common/type';
+export interface TableRowProps extends Pick<BaseTableProps<any>, 'data'> {
+    columns: TableFormatColumn<any>[];
+    currentIndex: number;
+    hover: boolean;
+}
+export interface Row {
+    index: number;
+    data: any;
+    expandKeys?: KeygenResult[];
+    colSpan: number;
+    rowSpan: number;
+    content?: React.ReactNode;
+    isLastFixed?: boolean;
+    isFirstFixed?: boolean;
+}
+/**
+ * - 处理合并行 合并列
+ * - 处理合并行和列的 hover 状态
+ * - 记录选择行的数据 rowSelectMergeStartData
+ */
+declare const useTableRow: (props: TableRowProps) => {
+    rowData: Row[][];
+    handleCellHover: (rowIndex: number, colSpan?: any) => void;
+    isCellHover: (rowIndex: number, colSpan?: any) => boolean;
+    hoverIndex: Set<number>;
+    rowSelectMergeStartData: any[];
+};
+export default useTableRow;
+//# sourceMappingURL=use-table-row.d.ts.map

package/esm/components/use-table/use-table-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-row.d.ts","sourceRoot":"","sources":["use-table-row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKjD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtE,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA4CD;;;;GAIG;AACH,QAAA,MAAM,WAAW,UAAW,aAAa;;gCASS,MAAM;4BASV,MAAM;;;CA2CnD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/components/use-table/use-table-row.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _is = require("../../utils/is");
+var _react = require("react");
+var _usePersistFn = require("../../common/use-persist-fn");
+// handle rowSpan colSpan
+function format(columns, data, nextRow, index) {
+  var row = columns.map(function (col, i) {
+    var cell = {
+      index: index,
+      data: data
+    };
+    cell.colSpan = typeof col.colSpan === 'function' ? col.colSpan(data, index) : 1;
+    if (cell.colSpan < 1) cell.colSpan = 1;
+    var rowSpan = col.rowSpan;
+    if (rowSpan && nextRow && nextRow[i]) {
+      if (col.type !== 'checkbox') {
+        if (typeof col.render === 'string' && (0, _is.isObject)(data)) {
+          cell.content = data[col.render];
+        } else if ((0, _is.isFunc)(col.render)) {
+          cell.content = col.render(data, index);
+        }
+      }
+      var isEqual = nextRow[i] && typeof rowSpan === 'function' && rowSpan(data, nextRow[i].data);
+      var nextTd = nextRow[i];
+      if (isEqual && nextTd && nextTd.colSpan === cell.colSpan) {
+        cell.rowSpan = (nextTd.rowSpan || 1) + 1;
+        var j = cell.colSpan || 1;
+        while (j) {
+          j -= 1;
+          nextRow[i + j] = null;
+        }
+      }
+    }
+    return cell;
+  });
+  return row;
+}
+
+/**
+ * - 处理合并行 合并列
+ * - 处理合并行和列的 hover 状态
+ * - 记录选择行的数据 rowSelectMergeStartData
+ */
+var useTableRow = function useTableRow(props) {
+  var currentIndex = props.currentIndex;
+  var _useRef = (0, _react.useRef)({
+      rowSelectMergeStartData: []
+    }),
+    context = _useRef.current;
+  var _useState = (0, _react.useState)(new Set()),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    hoverIndex = _useState2[0],
+    setHoverIndex = _useState2[1];
+  var handleCellHover = (0, _usePersistFn.usePersistFn)(function (rowIndex) {
+    var colSpan = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    if (!props.hover) return;
+    var hoverIndex = new Set();
+    for (var i = 0; i < colSpan; i++) {
+      hoverIndex.add(rowIndex + i);
+    }
+    setHoverIndex(hoverIndex);
+  });
+  var isCellHover = (0, _usePersistFn.usePersistFn)(function (rowIndex) {
+    var colSpan = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    if (!props.hover) return false;
+    var isHover = false;
+    for (var i = 0; i < colSpan; i++) {
+      isHover = hoverIndex.has(rowIndex + i);
+      if (isHover) break;
+    }
+    return isHover;
+  });
+  var rowData = (0, _react.useMemo)(function () {
+    var rows = [];
+    context.rowSelectMergeStartData = [];
+    var data = props.data || [];
+    var columns = props.columns || [];
+    var checkCol = columns.find(function (col) {
+      return col.type === 'checkbox';
+    });
+    for (var i = data.length - 1; i >= 0; i--) {
+      var d = data[i];
+      rows.unshift(format(columns, d, rows[0], currentIndex + i).map(function (col) {
+        delete col.content;
+        return col;
+      }));
+      context.rowSelectMergeStartData[i] = data[i];
+      if (checkCol && typeof checkCol.rowSpan === 'function') {
+        var nextData = data[i + 1];
+        if (nextData && checkCol.rowSpan(data[i], nextData)) {
+          context.rowSelectMergeStartData[i + 1] = data[i];
+        }
+      }
+    }
+    return rows;
+  }, [props.columns, props.data]);
+  return {
+    rowData: rowData,
+    handleCellHover: handleCellHover,
+    isCellHover: isCellHover,
+    hoverIndex: hoverIndex,
+    rowSelectMergeStartData: context.rowSelectMergeStartData
+  };
+};
+var _default = useTableRow;
+exports.default = _default;

package/esm/components/use-table/use-table-sort.d.ts

@@ -0,0 +1,20 @@
+import { TableColumnItem, TableFormatColumn, BaseTableProps } from './use-table.type';
+import { KeygenResult } from '../../common/type';
+export interface UseTableSorterProps<Item = any> extends Pick<BaseTableProps<Item>, 'onSortCancel' | 'sorter' | 'data'> {
+    columns: TableFormatColumn<Item>[];
+}
+export interface SortInfo {
+    order: 'desc' | 'asc' | null;
+    weight?: number;
+    sort?: ((a: any, b: any) => number) | undefined | void;
+    manual: boolean;
+    multiple?: boolean;
+}
+export declare type SortMap = Map<string | number, SortInfo>;
+declare const useTableSort: <Item = any>(props: UseTableSorterProps<Item>) => {
+    sortInfo: SortMap;
+    onSorterChange: (columnKey: KeygenResult, direction: 'desc' | 'asc' | null, manual: boolean | undefined, columnSorter: string | import("./use-table.type").TableColumnSorter | ((order: import("./use-table.type").TableColumnOrder) => void | ((prevRowData: Item, nextRowData: Item) => number)) | undefined) => void;
+    sortedData: Item[];
+};
+export default useTableSort;
+//# sourceMappingURL=use-table-sort.d.ts.map

package/esm/components/use-table/use-table-sort.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-sort.d.ts","sourceRoot":"","sources":["use-table-sort.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,WAAW,mBAAmB,CAAC,IAAI,GAAG,GAAG,CAC7C,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtE,OAAO,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC;CACpC;AACD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;IACvD,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,OAAO,GAAG,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrD,QAAA,MAAM,YAAY;;gCAoCD,YAAY,aAIZ,MAAM,GAAG,KAAK,GAAG,IAAI;;CAoGrC,CAAC;AAEF,eAAe,YAAY,CAAC"}