@hi-ui/table 4.3.0 → 4.3.1

package/lib/esm/packages/hooks/use-merge-refs/lib/esm/index.js

@@ -0,0 +1,68 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useMemo } from 'react';
+/** @LICENSE
+ * @hi-ui/use-merge-refs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-merge-refs#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * A hook to merge multiple refs into a single function ref.
+ *
+ * @param refs
+ */
+
+var useMergeRefs = function useMergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+
+  return useMemo(function () {
+    return mergeRefs.apply(void 0, refs);
+  }, refs);
+};
+/**
+ * Merges multiple refs into a single function ref.
+ *
+ * @param refs
+ * @returns
+ */
+
+
+function mergeRefs() {
+  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    refs[_key2] = arguments[_key2];
+  } // Empty check
+
+
+  if (refs.some(function (ref) {
+    return ref;
+  }) === false) return null;
+  return function (value) {
+    refs.forEach(function (ref) {
+      setRef(ref, value);
+    });
+  };
+}
+
+function setRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+
+export { mergeRefs, useMergeRefs };

package/lib/esm/packages/ui/scrollbar/lib/esm/Scrollbar.js

@@ -0,0 +1,162 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React__default, { forwardRef, useState, useRef, useEffect, useImperativeHandle, useMemo } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+import { useMergeRefs } from '../../../../hooks/use-merge-refs/lib/esm/index.js';
+import PerfectScrollbar from '../../../../../node_modules/perfect-scrollbar/dist/perfect-scrollbar.esm.js';
+import { ScrollbarEventToPsMap } from './utils/index.js';
+/** @LICENSE
+ * @hi-ui/scrollbar
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/scrollbar#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var SCROLLBAR_PREFIX = getPrefixCls('scrollbar');
+var Scrollbar = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _cx;
+
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? SCROLLBAR_PREFIX : _a$prefixCls,
+      _a$role = _a.role,
+      role = _a$role === void 0 ? 'scrollbar' : _a$role,
+      _a$position = _a.position,
+      position = _a$position === void 0 ? 'relative' : _a$position,
+      _a$axes = _a.axes,
+      axes = _a$axes === void 0 ? 'both' : _a$axes,
+      _a$keepVisible = _a.keepVisible,
+      keepVisible = _a$keepVisible === void 0 ? false : _a$keepVisible,
+      _a$onlyScrollVisible = _a.onlyScrollVisible,
+      onlyScrollVisible = _a$onlyScrollVisible === void 0 ? false : _a$onlyScrollVisible,
+      className = _a.className,
+      children = _a.children,
+      style = _a.style,
+      innerRef = _a.innerRef,
+      rest = __rest(_a, ["prefixCls", "role", "position", "axes", "keepVisible", "onlyScrollVisible", "className", "children", "style", "innerRef"]);
+
+  var cls = cx(prefixCls, className, 'priority', (_cx = {}, _cx[prefixCls + "--keep-visible"] = keepVisible, _cx[prefixCls + "--only-scroll-visible"] = !keepVisible && onlyScrollVisible, _cx));
+
+  var _useState = useState(undefined),
+      ps = _useState[0],
+      setPs = _useState[1];
+
+  var _useState2 = useState(null),
+      containerElement = _useState2[0],
+      setContainer = _useState2[1];
+
+  var _useState3 = useState(null),
+      wrapperElement = _useState3[0],
+      setWrapperElement = _useState3[1];
+
+  var eventPropsRef = useRef({});
+  useEffect(function () {
+    if (containerElement) {
+      setPs(new PerfectScrollbar(containerElement));
+    }
+  }, [containerElement]); // 轴定制
+
+  useEffect(function () {
+    if (ps) {
+      ps.settings.suppressScrollX = true;
+      ps.settings.suppressScrollY = true;
+
+      if (axes === 'both' || axes === 'x') {
+        ps.settings.suppressScrollX = false;
+      }
+
+      if (axes === 'both' || axes === 'y') {
+        ps.settings.suppressScrollY = false;
+      }
+
+      ps.update();
+    }
+  }, [ps, axes]); // 监听容器以及内容尺寸
+
+  useEffect(function () {
+    if (ps && wrapperElement && containerElement) {
+      var observer = new ResizeObserver(function (entries) {
+        ps.update();
+      });
+      observer.observe(containerElement);
+      observer.observe(wrapperElement);
+      return function () {
+        observer.disconnect();
+      };
+    }
+  }, [ps, wrapperElement, containerElement]);
+  useImperativeHandle(innerRef, function () {
+    return {
+      instance: ps,
+      containerElement: containerElement || undefined
+    };
+  }, [ps, containerElement]);
+
+  var _useMemo = useMemo(function () {
+    var eventProps = {};
+    var injectProps = {};
+    var eventNames = Object.keys(ScrollbarEventToPsMap);
+
+    for (var _i = 0, _Object$keys = Object.keys(rest); _i < _Object$keys.length; _i++) {
+      var propsName = _Object$keys[_i];
+
+      if (eventNames.includes(propsName)) {
+        eventProps[propsName] = rest[propsName];
+      } else {
+        injectProps[propsName] = rest[propsName];
+      }
+    }
+
+    return {
+      eventProps: eventProps,
+      injectProps: injectProps
+    };
+  }, [rest]),
+      eventProps = _useMemo.eventProps,
+      injectProps = _useMemo.injectProps; // 更新event props引用
+
+
+  useEffect(function () {
+    eventPropsRef.current = eventProps;
+  }, [eventProps]); // 注册监听事件
+
+  useEffect(function () {
+    if (containerElement) {
+      Object.keys(ScrollbarEventToPsMap).forEach(function (event) {
+        containerElement.addEventListener(ScrollbarEventToPsMap[event], function (e) {
+          var _a, _b;
+
+          (_b = (_a = eventPropsRef.current)[event]) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+        });
+      });
+    }
+  }, [containerElement]);
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({
+    ref: useMergeRefs(setContainer, ref),
+    role: role,
+    className: cls,
+    style: Object.assign(Object.assign({}, style), {
+      position: position
+    })
+  }, injectProps), /*#__PURE__*/React__default.createElement("div", {
+    className: prefixCls + "__wrapper",
+    ref: setWrapperElement
+  }, children));
+});
+
+if (__DEV__) {
+  Scrollbar.displayName = 'Scrollbar';
+}
+
+export { Scrollbar };

package/lib/esm/packages/ui/scrollbar/lib/esm/styles/index.scss.js

@@ -0,0 +1,25 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import __styleInject__ from 'style-inject';
+/** @LICENSE
+ * @hi-ui/scrollbar
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/scrollbar#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var css_248z = "/** Container style*/.ps {overflow: hidden !important;overflow-anchor: none;-ms-overflow-style: none;touch-action: auto;-ms-touch-action: auto;}/** Scrollbar rail styles*/.ps__rail-x {display: none;opacity: 0;transition: background-color 0.2s linear, opacity 0.2s linear;-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;height: 15px;/* there must be 'bottom' or 'top' for ps__rail-x */bottom: 0px;/* please don't change 'position' */position: absolute;}.ps__rail-y {display: none;opacity: 0;transition: background-color 0.2s linear, opacity 0.2s linear;-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;width: 15px;/* there must be 'right' or 'left' for ps__rail-y */right: 0;/* please don't change 'position' */position: absolute;}.ps--active-x > .ps__rail-x,.ps--active-y > .ps__rail-y {display: block;background-color: transparent;}.ps:hover > .ps__rail-x,.ps:hover > .ps__rail-y,.ps--focus > .ps__rail-x,.ps--focus > .ps__rail-y,.ps--scrolling-x > .ps__rail-x,.ps--scrolling-y > .ps__rail-y {opacity: 0.6;}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking {background-color: #eee;opacity: 0.9;}/** Scrollbar thumb styles*/.ps__thumb-x {background-color: #aaa;border-radius: 6px;transition: background-color 0.2s linear, height 0.2s ease-in-out;-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;height: 6px;/* there must be 'bottom' for ps__thumb-x */bottom: 2px;/* please don't change 'position' */position: absolute;}.ps__thumb-y {background-color: #aaa;border-radius: 6px;transition: background-color 0.2s linear, width 0.2s ease-in-out;-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;width: 6px;/* there must be 'right' for ps__thumb-y */right: 2px;/* please don't change 'position' */position: absolute;}.ps__rail-x:hover > .ps__thumb-x,.ps__rail-x:focus > .ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x {background-color: #999;height: 11px;}.ps__rail-y:hover > .ps__thumb-y,.ps__rail-y:focus > .ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y {background-color: #999;width: 11px;}/* MS supports */@supports (-ms-overflow-style: none) {.ps {overflow: auto !important;}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.ps {overflow: auto !important;}}.hi-v4-scrollbar {overflow: hidden;width: 100%;height: 100%;}.hi-v4-scrollbar__wrapper {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;min-width: 100%;min-height: 100%;}.hi-v4-scrollbar--keep-visible.priority > .ps__rail-y, .hi-v4-scrollbar--keep-visible.priority > .ps__rail-x {opacity: 0.8;}.hi-v4-scrollbar--keep-visible.priority .ps__thumb-y,.hi-v4-scrollbar--keep-visible.priority .ps__thumb-x {background-color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-scrollbar.priority:hover > .ps__rail-y, .hi-v4-scrollbar.priority:hover > .ps__rail-x, .hi-v4-scrollbar.priority:focus > .ps__rail-y, .hi-v4-scrollbar.priority:focus > .ps__rail-x {opacity: 0.8;}.hi-v4-scrollbar.priority > .ps__rail-y,.hi-v4-scrollbar.priority .ps__thumb-y {width: 8px;border-radius: 4px;right: 0;-webkit-transition: opacity var(--hi-v4-motion-duration-normal, 200ms) var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1)), background-color var(--hi-v4-motion-duration-normal, 200ms) var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition: opacity var(--hi-v4-motion-duration-normal, 200ms) var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1)), background-color var(--hi-v4-motion-duration-normal, 200ms) var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v4-scrollbar.priority > .ps__rail-y:hover, .hi-v4-scrollbar.priority > .ps__rail-y:focus, .hi-v4-scrollbar.priority > .ps__rail-y.ps--clicking {width: 8px;background-color: var(--hi-v4-color-gray-200, #ebedf0);opacity: 0.8;}.hi-v4-scrollbar.priority > .ps__rail-y:hover .ps__thumb-y, .hi-v4-scrollbar.priority > .ps__rail-y:focus .ps__thumb-y, .hi-v4-scrollbar.priority > .ps__rail-y.ps--clicking .ps__thumb-y {width: 8px;right: 0;background-color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-scrollbar.priority > .ps__rail-x,.hi-v4-scrollbar.priority .ps__thumb-x {height: 8px;border-radius: 4px;bottom: 0;-webkit-transition: opacity var(--hi-v4-motion-duration-normal, 200ms) var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1)), background-color var(--hi-v4-motion-duration-normal, 200ms) var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition: opacity var(--hi-v4-motion-duration-normal, 200ms) var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1)), background-color var(--hi-v4-motion-duration-normal, 200ms) var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v4-scrollbar.priority > .ps__rail-x:hover, .hi-v4-scrollbar.priority > .ps__rail-x:focus, .hi-v4-scrollbar.priority > .ps__rail-x.ps--clicking {height: 8px;background-color: var(--hi-v4-color-gray-200, #ebedf0);opacity: 0.8;}.hi-v4-scrollbar.priority > .ps__rail-x:hover .ps__thumb-x, .hi-v4-scrollbar.priority > .ps__rail-x:focus .ps__thumb-x, .hi-v4-scrollbar.priority > .ps__rail-x.ps--clicking .ps__thumb-x {height: 8px;bottom: 0;background-color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-scrollbar--only-scroll-visible.priority:not(.ps--scrolling-y) > .ps__rail-y:not(:hover):not(:focus), .hi-v4-scrollbar--only-scroll-visible.priority:not(.ps--scrolling-x) > .ps__rail-x:not(:hover):not(:focus) {opacity: 0;}";
+
+__styleInject__(css_248z);
+
+export { css_248z as default };

package/lib/esm/packages/ui/scrollbar/lib/esm/utils/index.js

@@ -0,0 +1,76 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @LICENSE
+ * @hi-ui/scrollbar
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/scrollbar#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ScrollbarPsToEventMatch = {
+  /**
+   * This event fires when the y-axis is scrolled in either direction
+   */
+  'ps-scroll-y': 'onScrollY',
+
+  /**
+   * This event fires when the x-axis is scrolled in either direction.
+   */
+  'ps-scroll-x': 'onScrollX',
+
+  /**
+   * This event fires when scrolling upwards.
+   */
+  'ps-scroll-up': 'onScrollUp',
+
+  /**
+   * This event fires when scrolling downwards.
+   */
+  'ps-scroll-down': 'onScrollDown',
+
+  /**
+   * This event fires when scrolling to the left.
+   */
+  'ps-scroll-left': 'onScrollLeft',
+
+  /**
+   * This event fires when scrolling to the right.
+   */
+  'ps-scroll-right': 'onScrollRight',
+
+  /**
+   * This event fires when scrolling reaches the start of the y-axis.
+   */
+  'ps-y-reach-start': 'onYReachStart',
+
+  /**
+   * This event fires when scrolling reaches the end of the y-axis (useful for infinite scroll).
+   */
+  'ps-y-reach-end': 'onYReachEnd',
+
+  /**
+   * This event fires when scrolling reaches the start of the x-axis.
+   */
+  'ps-x-reach-start': 'onXReachStart',
+
+  /**
+   * This event fires when scrolling reaches the end of the x-axis.
+   */
+  'ps-x-reach-end': 'onXReachEnd'
+};
+var ScrollbarEventToPsMap = Object.keys(ScrollbarPsToEventMatch).reduce(function (acc, key) {
+  var value = ScrollbarPsToEventMatch[key];
+  acc[value] = key;
+  return acc;
+}, {});
+export { ScrollbarEventToPsMap };

package/lib/esm/use-table.js

@@ -8,21 +8,21 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __rest } from 'tslib';
-import { cloneTree, flattenTree, getLeafChildren, getNodeRootParent, flattedTreeSort } from '@hi-ui/tree-utils';
 import React__default, { useMemo, useState, useRef, useCallback, useEffect } from 'react';
+import { cloneTree, flattenTree, getLeafChildren, getNodeRootParent, flattedTreeSort } from '@hi-ui/tree-utils';
 import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
-import { useColWidth } from './hooks/use-col-width.js';
-import { setColumnsDefaultWidth, parseFixedColumns } from './utils/index.js';
 import { isNullish, isArrayNonEmpty } from '@hi-ui/type-assertion';
 import { useCheck, useSelect } from '@hi-ui/use-check';
 import { invariant } from '@hi-ui/env';
+import { setAttrStatus } from '@hi-ui/dom-utils';
+import { useCache } from '@hi-ui/use-cache';
+import { useLatestCallback } from '@hi-ui/use-latest';
+import { setColumnsDefaultWidth, parseFixedColumns } from './utils/index.js';
 import { useAsyncSwitch } from './hooks/use-async-switch.js';
 import { useExpand } from './hooks/use-expand.js';
+import { useColWidth } from './hooks/use-col-width.js';
 import { useColumns } from './hooks/use-colgroup.js';
-import { setAttrStatus } from '@hi-ui/dom-utils';
-import { useCache } from '@hi-ui/use-cache';
 import { useTableDrag } from './hooks/use-drag.js';
-import { useLatestCallback } from '@hi-ui/use-latest';
 var DEFAULT_COLUMNS = [];
 var DEFAULT_DATA = [];
 var DEFAULT_ERROR_ROW_KEYS = [];
@@ -75,7 +75,8 @@ var useTable = function useTable(_a) {
       _a$fieldKey = _a.fieldKey,
       fieldKey = _a$fieldKey === void 0 ? 'key' : _a$fieldKey,
       virtual = _a.virtual,
-      rootProps = __rest(_a, ["data", "columns", "defaultFixedToColumn", "fixedToColumn", "onFixedToColumn", "scrollWidth", "resizable", "errorRowKeys", "highlightedColKeys", "highlightedRowKeys", "showColHighlight", "showRowHighlight", "highlightRowOnDoubleClick", "defaultExpandedRowKeys", "expandedRowKeys", "onExpand", "defaultExpandAll", "onLoadChildren", "maxHeight", "sticky", "stickyTop", "draggable", "onDragStart", "onDrop", "onDropEnd", "showColMenu", "rowSelection", "cellRender", "footerRender", "fieldKey", "virtual"]);
+      scrollbar = _a.scrollbar,
+      rootProps = __rest(_a, ["data", "columns", "defaultFixedToColumn", "fixedToColumn", "onFixedToColumn", "scrollWidth", "resizable", "errorRowKeys", "highlightedColKeys", "highlightedRowKeys", "showColHighlight", "showRowHighlight", "highlightRowOnDoubleClick", "defaultExpandedRowKeys", "expandedRowKeys", "onExpand", "defaultExpandAll", "onLoadChildren", "maxHeight", "sticky", "stickyTop", "draggable", "onDragStart", "onDrop", "onDropEnd", "showColMenu", "rowSelection", "cellRender", "footerRender", "fieldKey", "virtual", "scrollbar"]);
   /**
    * 获取 key 字段值
    */
@@ -608,7 +609,8 @@ var useTable = function useTable(_a) {
     footerRender: footerRender,
     showColMenu: showColMenu,
     onLoadChildren: onLoadChildren,
-    setHeaderTableElement: setHeaderTableElement
+    setHeaderTableElement: setHeaderTableElement,
+    scrollbar: scrollbar
   });
 };
 

package/lib/types/context.d.ts

@@ -41,6 +41,7 @@ export declare const TableProvider: import("react").Provider<(Omit<{
     showColMenu: boolean | undefined;
     onLoadChildren: ((item: import("./types").TableRowEventData) => void | Promise<void | any[]>) | undefined;
     setHeaderTableElement: import("react").Dispatch<import("react").SetStateAction<HTMLTableRowElement | null>>;
+    scrollbar: boolean | import("packages/ui/scrollbar/lib/types").ScrollbarProps | undefined;
     scrollLeft: number;
     scrollRight: number;
     measureRowElementRef: import("react").MutableRefObject<HTMLTableRowElement | null>;
@@ -148,6 +149,7 @@ export declare const useTableContext: () => Omit<{
     showColMenu: boolean | undefined;
     onLoadChildren: ((item: import("./types").TableRowEventData) => void | Promise<void | any[]>) | undefined;
     setHeaderTableElement: import("react").Dispatch<import("react").SetStateAction<HTMLTableRowElement | null>>;
+    scrollbar: boolean | import("packages/ui/scrollbar/lib/types").ScrollbarProps | undefined;
     scrollLeft: number;
     scrollRight: number;
     measureRowElementRef: import("react").MutableRefObject<HTMLTableRowElement | null>;

package/lib/types/use-table.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { TableColumnItem, TableFrozenColumnOptions, TableRowEventData, TableRowSelection, FlattedTableColumnItemData, FlattedTableRowData } from './types';
 import { PaginationProps } from '@hi-ui/pagination';
-export declare const useTable: ({ data, columns: columnsProp, defaultFixedToColumn, fixedToColumn: fixedToColumnProp, onFixedToColumn, scrollWidth, resizable, errorRowKeys, highlightedColKeys: highlightedColKeysProp, highlightedRowKeys: highlightedRowKeysProp, showColHighlight, showRowHighlight, highlightRowOnDoubleClick, defaultExpandedRowKeys, expandedRowKeys: expandRowKeysProp, onExpand, defaultExpandAll, onLoadChildren, maxHeight, sticky, stickyTop, draggable, onDragStart, onDrop: onDropProp, onDropEnd, showColMenu, rowSelection, cellRender, footerRender, fieldKey, virtual, ...rootProps }: UseTableProps) => {
+import { ScrollbarProps } from '@hi-ui/scrollbar';
+import { TableColumnItem, TableFrozenColumnOptions, TableRowEventData, TableRowSelection, FlattedTableColumnItemData, FlattedTableRowData } from './types';
+export declare const useTable: ({ data, columns: columnsProp, defaultFixedToColumn, fixedToColumn: fixedToColumnProp, onFixedToColumn, scrollWidth, resizable, errorRowKeys, highlightedColKeys: highlightedColKeysProp, highlightedRowKeys: highlightedRowKeysProp, showColHighlight, showRowHighlight, highlightRowOnDoubleClick, defaultExpandedRowKeys, expandedRowKeys: expandRowKeysProp, onExpand, defaultExpandAll, onLoadChildren, maxHeight, sticky, stickyTop, draggable, onDragStart, onDrop: onDropProp, onDropEnd, showColMenu, rowSelection, cellRender, footerRender, fieldKey, virtual, scrollbar, ...rootProps }: UseTableProps) => {
     getColgroupProps: (column: FlattedTableColumnItemData, index: number) => {
         style: {
             width: number | undefined;
@@ -42,6 +43,7 @@ export declare const useTable: ({ data, columns: columnsProp, defaultFixedToColu
     showColMenu: boolean | undefined;
     onLoadChildren: ((item: TableRowEventData) => Promise<any[] | void> | void) | undefined;
     setHeaderTableElement: React.Dispatch<React.SetStateAction<HTMLTableRowElement | null>>;
+    scrollbar: boolean | ScrollbarProps | undefined;
     scrollLeft: number;
     scrollRight: number;
     measureRowElementRef: React.MutableRefObject<HTMLTableRowElement | null>;
@@ -273,5 +275,9 @@ export interface UseTableProps {
      * 自定义渲染页脚
      */
     footerRender?: (...nodes: React.ReactElement[]) => React.ReactNode;
+    /**
+     * 配置滚动条，滚动条样式使用HiUI自带的滚动条风格
+     */
+    scrollbar?: boolean | ScrollbarProps;
 }
 export declare type UseTableReturn = ReturnType<typeof useTable>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/table",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@hi-ui/array-utils": "^4.0.1",
-    "@hi-ui/button": "^4.0.5",
+    "@hi-ui/button": "^4.0.6",
     "@hi-ui/checkbox": "^4.0.5",
     "@hi-ui/classname": "^4.0.1",
     "@hi-ui/dom-utils": "^4.0.4",
@@ -52,11 +52,11 @@
     "@hi-ui/empty-state": "^4.0.4",
     "@hi-ui/env": "^4.0.1",
     "@hi-ui/func-utils": "^4.0.1",
-    "@hi-ui/icon-button": "^4.0.4",
+    "@hi-ui/icon-button": "^4.0.5",
     "@hi-ui/icons": "^4.0.14",
     "@hi-ui/loading": "^4.1.0",
     "@hi-ui/object-utils": "^4.0.1",
-    "@hi-ui/pagination": "^4.0.8",
+    "@hi-ui/pagination": "^4.0.11",
     "@hi-ui/popper": "^4.1.0",
     "@hi-ui/react-utils": "^4.0.1",
     "@hi-ui/select": "^4.2.2",
@@ -82,7 +82,7 @@
   },
   "devDependencies": {
     "@hi-ui/core": "^4.0.4",
-    "@hi-ui/core-css": "^4.1.1",
+    "@hi-ui/core-css": "^4.1.2",
     "@types/react-resizable": "^1.7.4",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"