@aloudata/aloudata-design 2.7.2 → 2.7.3

package/dist/Icon/components/SortAscendingOrderColor.d.ts

@@ -0,0 +1,11 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+interface SVGRProps {
+    size?: number | string;
+    title?: string;
+    titleId?: string;
+    desc?: string;
+    descId?: string;
+}
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+export default Memo;

package/dist/Icon/components/SortAscendingOrderColor.js

@@ -0,0 +1,36 @@
+var _excluded = ["title", "titleId", "desc", "descId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
+var SortAscendingOrderColor = function SortAscendingOrderColor(_ref, ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.width || props.size || 16,
+    height: props.height || props.size || 16,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: "#2986F4",
+    d: "M15.293 10a.713.713 0 0 0 .64-.38.624.624 0 0 0-.097-.701l-3.293-3.682A.73.73 0 0 0 12 5a.73.73 0 0 0-.543.237L8.163 8.92a.624.624 0 0 0-.097.701c.116.232.366.38.64.38h6.585Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#6B7280",
+    d: "M15.293 14c.274 0 .524.148.64.38a.624.624 0 0 1-.097.701l-3.293 3.682A.73.73 0 0 1 12 19a.73.73 0 0 1-.543-.237L8.163 15.08a.624.624 0 0 1-.097-.701.713.713 0 0 1 .64-.38h6.585Z"
+  }));
+};
+var ForwardRef = /*#__PURE__*/forwardRef(SortAscendingOrderColor);
+var Memo = /*#__PURE__*/memo(ForwardRef);
+export default Memo;

package/dist/Icon/components/SortColor.d.ts

@@ -0,0 +1,11 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+interface SVGRProps {
+    size?: number | string;
+    title?: string;
+    titleId?: string;
+    desc?: string;
+    descId?: string;
+}
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+export default Memo;

package/dist/Icon/components/SortColor.js

@@ -0,0 +1,33 @@
+var _excluded = ["title", "titleId", "desc", "descId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
+var SortColor = function SortColor(_ref, ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.width || props.size || 16,
+    height: props.height || props.size || 16,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: "#6B7280",
+    d: "M15.293 10a.713.713 0 0 0 .64-.38.624.624 0 0 0-.097-.701l-3.293-3.682A.73.73 0 0 0 12 5a.73.73 0 0 0-.543.237L8.163 8.92a.624.624 0 0 0-.097.701c.116.232.366.38.64.38h6.585ZM15.293 14c.274 0 .524.148.64.38a.624.624 0 0 1-.097.701l-3.293 3.682A.73.73 0 0 1 12 19a.73.73 0 0 1-.543-.237L8.163 15.08a.624.624 0 0 1-.097-.701.713.713 0 0 1 .64-.38h6.585Z"
+  }));
+};
+var ForwardRef = /*#__PURE__*/forwardRef(SortColor);
+var Memo = /*#__PURE__*/memo(ForwardRef);
+export default Memo;

package/dist/Icon/components/SortDescendingOrderColor.d.ts

@@ -0,0 +1,11 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+interface SVGRProps {
+    size?: number | string;
+    title?: string;
+    titleId?: string;
+    desc?: string;
+    descId?: string;
+}
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+export default Memo;

package/dist/Icon/components/SortDescendingOrderColor.js

@@ -0,0 +1,36 @@
+var _excluded = ["title", "titleId", "desc", "descId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
+var SortDescendingOrderColor = function SortDescendingOrderColor(_ref, ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.width || props.size || 16,
+    height: props.height || props.size || 16,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: "#6B7280",
+    d: "M15.293 10a.713.713 0 0 0 .64-.38.624.624 0 0 0-.097-.701l-3.293-3.682A.73.73 0 0 0 12 5a.73.73 0 0 0-.543.237L8.163 8.92a.624.624 0 0 0-.097.701c.116.232.366.38.64.38h6.585Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#2986F4",
+    d: "M15.293 14c.274 0 .524.148.64.38a.624.624 0 0 1-.097.701l-3.293 3.682A.73.73 0 0 1 12 19a.73.73 0 0 1-.543-.237L8.163 15.08a.624.624 0 0 1-.097-.701.713.713 0 0 1 .64-.38h6.585Z"
+  }));
+};
+var ForwardRef = /*#__PURE__*/forwardRef(SortDescendingOrderColor);
+var Memo = /*#__PURE__*/memo(ForwardRef);
+export default Memo;

package/dist/Icon/index.d.ts

@@ -37,6 +37,9 @@ export { default as LoadingDuotone } from './components/LoadingDuotone';
 export { default as LoadingLine } from './components/LoadingLine';
 export { default as MoreVerticalLine } from './components/MoreVerticalLine';
 export { default as SearchLine } from './components/SearchLine';
+export { default as SortAscendingOrderColor } from './components/SortAscendingOrderColor';
+export { default as SortColor } from './components/SortColor';
+export { default as SortDescendingOrderColor } from './components/SortDescendingOrderColor';
 export { default as TimesLightLine } from './components/TimesLightLine';
 export { default as TriangleLightLine } from './components/TriangleLightLine';
 export { default as User } from './components/User';

package/dist/Icon/index.js

@@ -37,6 +37,9 @@ export { default as LoadingDuotone } from "./components/LoadingDuotone";
 export { default as LoadingLine } from "./components/LoadingLine";
 export { default as MoreVerticalLine } from "./components/MoreVerticalLine";
 export { default as SearchLine } from "./components/SearchLine";
+export { default as SortAscendingOrderColor } from "./components/SortAscendingOrderColor";
+export { default as SortColor } from "./components/SortColor";
+export { default as SortDescendingOrderColor } from "./components/SortDescendingOrderColor";
 export { default as TimesLightLine } from "./components/TimesLightLine";
 export { default as TriangleLightLine } from "./components/TriangleLightLine";
 export { default as User } from "./components/User";

package/dist/Icon/svg/Sort-Ascending-order-Color.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.2925 10C15.567 10 15.8168 9.85199 15.9332 9.62029C16.0496 9.3886 16.0117 9.11505 15.836 8.91852L12.5435 5.23719C12.409 5.08689 12.2099 5 12 5C11.7901 5 11.591 5.08689 11.4565 5.23719L8.16404 8.91851C7.98826 9.11504 7.95036 9.3886 8.06679 9.62029C8.18322 9.85199 8.43297 10 8.7075 10L15.2925 10Z" fill="#2986F4"/>
+<path d="M15.2925 14C15.567 14 15.8168 14.148 15.9332 14.3797C16.0496 14.6114 16.0117 14.885 15.836 15.0815L12.5435 18.7628C12.409 18.9131 12.2099 19 12 19C11.7901 19 11.591 18.9131 11.4565 18.7628L8.16404 15.0815C7.98826 14.885 7.95036 14.6114 8.06679 14.3797C8.18322 14.148 8.43296 14 8.70749 14H15.2925Z" fill="#6B7280"/>
+</svg>

package/dist/Icon/svg/Sort-Color.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.2925 10C15.567 10 15.8168 9.85199 15.9332 9.62029C16.0496 9.3886 16.0117 9.11505 15.836 8.91852L12.5435 5.23719C12.409 5.08689 12.2099 5 12 5C11.7901 5 11.591 5.08689 11.4565 5.23719L8.16404 8.91851C7.98826 9.11504 7.95036 9.3886 8.06679 9.62029C8.18322 9.85199 8.43297 10 8.7075 10L15.2925 10Z" fill="#6B7280"/>
+<path d="M15.2925 14C15.567 14 15.8168 14.148 15.9332 14.3797C16.0496 14.6114 16.0117 14.885 15.836 15.0815L12.5435 18.7628C12.409 18.9131 12.2099 19 12 19C11.7901 19 11.591 18.9131 11.4565 18.7628L8.16404 15.0815C7.98826 14.885 7.95036 14.6114 8.06679 14.3797C8.18322 14.148 8.43296 14 8.70749 14H15.2925Z" fill="#6B7280"/>
+</svg>

package/dist/Icon/svg/Sort-Descending-order-Color.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.2925 10C15.567 10 15.8168 9.85199 15.9332 9.62029C16.0496 9.3886 16.0117 9.11505 15.836 8.91852L12.5435 5.23719C12.409 5.08689 12.2099 5 12 5C11.7901 5 11.591 5.08689 11.4565 5.23719L8.16404 8.91851C7.98826 9.11504 7.95036 9.3886 8.06679 9.62029C8.18322 9.85199 8.43297 10 8.7075 10L15.2925 10Z" fill="#6B7280"/>
+<path d="M15.2925 14C15.567 14 15.8168 14.148 15.9332 14.3797C16.0496 14.6114 16.0117 14.885 15.836 15.0815L12.5435 18.7628C12.409 18.9131 12.2099 19 12 19C11.7901 19 11.591 18.9131 11.4565 18.7628L8.16404 15.0815C7.98826 14.885 7.95036 14.6114 8.06679 14.3797C8.18322 14.148 8.43296 14 8.70749 14H15.2925Z" fill="#2986F4"/>
+</svg>

package/dist/Select/index.js

@@ -240,7 +240,8 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       "data-id": "list",
       height: getListHeight(),
       itemHeight: listItemHeight,
-      itemKey: "value"
+      itemKey: "value",
+      fullHeight: false
     }, function (option) {
       var isSelected = false;
       if (option.__IS_INNER_ALL_OPTION) {
@@ -281,7 +282,8 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       "data-id": "list",
       height: getListHeight(),
       itemHeight: listItemHeight,
-      itemKey: "value"
+      itemKey: "value",
+      fullHeight: false
     }, function (option) {
       var isSelected = selectedOptions.some(function (selectedOption) {
         return selectedOption.value === option.value;

package/dist/Table/components/ExpandCell.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { IExpandableInfo } from '../hooks/useExpandable';
-import { TRowKey } from '../types';
+import { ITableExpandable, TRowKey } from '../types';
 export default function ExpandCell<TDataItem extends object>(props: IProps<TDataItem>): React.JSX.Element;
 interface IProps<TDataItem extends object> {
     expandableInfo: IExpandableInfo<TDataItem>;
     data: TDataItem;
     children: React.ReactNode;
     rowKey?: TRowKey<TDataItem>;
+    expandable?: ITableExpandable<TDataItem> | boolean;
 }
 export {};

package/dist/Table/components/ExpandCell.js

@@ -2,11 +2,13 @@ import _ from 'lodash';
 import React from 'react';
 import { ArrowDownLightLine, ArrowRightLightLine } from "../../Icon";
 import { getRowKey, prefixCls } from "../helper";
+import { getExpandableConfig } from "../hooks/useExpandable";
 export default function ExpandCell(props) {
   var children = props.children,
     expandableInfo = props.expandableInfo,
     data = props.data,
-    rowKey = props.rowKey;
+    rowKey = props.rowKey,
+    propsExpandable = props.expandable;
   if (!expandableInfo.isExpandable || !rowKey) {
     // 配置了折叠展开时，会在前面的流程中强制检查 rowKey 字段是否存在
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
@@ -22,7 +24,27 @@ export default function ExpandCell(props) {
   var level = expandItem.level,
     isExpanded = expandItem.isExpanded,
     isLeaf = expandItem.isLeaf;
-  var expandBtn = isLeaf ? null : isExpanded ? /*#__PURE__*/React.createElement(ArrowDownLightLine, null) : /*#__PURE__*/React.createElement(ArrowRightLightLine, null);
+  var expandable = getExpandableConfig(propsExpandable);
+  var defaultExpandIconRender = function defaultExpandIconRender(params) {
+    var record = params.record,
+      onExpand = params.onExpand,
+      isExpandedIcon = params.isExpanded;
+    return /*#__PURE__*/React.createElement("span", {
+      className: prefixCls('expand-btn-inner'),
+      onClick: function onClick() {
+        if (isLeaf) {
+          return;
+        }
+        onExpand(record, !isExpanded);
+      }
+    }, isExpandedIcon ? /*#__PURE__*/React.createElement(ArrowDownLightLine, null) : /*#__PURE__*/React.createElement(ArrowRightLightLine, null));
+  };
+  var expandIcon = expandable.expandIcon || defaultExpandIconRender;
+  var iconNode = isLeaf ? null : expandIcon({
+    record: data,
+    onExpand: onExpand,
+    isExpanded: !!isExpanded
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls('expandable-td')
   }, /*#__PURE__*/React.createElement("div", {
@@ -33,14 +55,8 @@ export default function ExpandCell(props) {
       key: i
     });
   })), /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('expand-btn'),
-    onClick: function onClick() {
-      if (isLeaf) {
-        return;
-      }
-      onExpand(data, !!isExpanded);
-    }
-  }, expandBtn), /*#__PURE__*/React.createElement("div", {
+    className: prefixCls('expand-btn')
+  }, iconNode), /*#__PURE__*/React.createElement("div", {
     className: prefixCls('expand-content')
   }, children));
 }

package/dist/Table/components/Footer/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IPaginationProps } from '../../../Pagination/types';
+import { IRowSelectionInfo } from '../../hooks/useRowSelection';
+import { ITableProps } from '../../types';
+export default function TableFooter<TDataItem extends object>(props: IProps<TDataItem>): React.JSX.Element | null;
+interface IProps<TDataItem extends object> {
+    isShowPagination: boolean;
+    rowSelectionInfo: IRowSelectionInfo<TDataItem>;
+    pagination?: IPaginationProps;
+    scroll?: ITableProps<TDataItem>['scroll'];
+    scrollToFirstRow: () => void;
+}
+export {};

package/dist/Table/components/Footer/index.js

@@ -0,0 +1,77 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import React, { useCallback } from 'react';
+import { Pagination } from "../../..";
+import TextLink from "../../../TextLink";
+import { prefixCls } from "../../helper";
+export default function TableFooter(props) {
+  var pagination = props.pagination,
+    _props$scroll = props.scroll,
+    scroll = _props$scroll === void 0 ? {} : _props$scroll,
+    scrollToFirstRow = props.scrollToFirstRow,
+    isShowPagination = props.isShowPagination,
+    rowSelectionInfo = props.rowSelectionInfo;
+
+  // 选择行
+  var getCheckboxAllNode = rowSelectionInfo.getCheckboxAllNode,
+    selectedRowKeys = rowSelectionInfo.selectedRowKeys,
+    items = rowSelectionInfo.items,
+    isShowRowSelectionInFooter = rowSelectionInfo.isShowRowSelectionInFooter,
+    changeSelectedRowKeys = rowSelectionInfo.onChange;
+  var btnItems = [{
+    key: '$UN_SELECT_ALL$',
+    label: '取消选择',
+    onClick: function onClick(e) {
+      return rowSelectionInfo.unSelectAll(e);
+    }
+  }].concat(_toConsumableArray(items));
+  var rowSelectionNode = isShowRowSelectionInFooter && /*#__PURE__*/React.createElement("div", {
+    className: prefixCls('footer-row-selection')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: prefixCls('footer-row-selection-btn')
+  }, getCheckboxAllNode === null || getCheckboxAllNode === void 0 ? void 0 : getCheckboxAllNode('全选')), /*#__PURE__*/React.createElement("div", {
+    className: prefixCls('footer-row-selection-selected')
+  }, "\u5DF2\u9009", ' ', /*#__PURE__*/React.createElement(TextLink, {
+    className: prefixCls('footer-row-selection-selected-num')
+  }, selectedRowKeys.length), ' ', "\u4E2A"), btnItems.map(function (btnItem) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: btnItem.key,
+      className: prefixCls('footer-row-selection-item'),
+      onClick: function onClick(e) {
+        btnItem.onClick(e);
+      }
+    }, /*#__PURE__*/React.createElement(TextLink, null, btnItem.label));
+  }));
+
+  // 翻页器
+  var onChangePage = useCallback(function (page) {
+    var _ref = pagination || {},
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
+    var _scroll$scrollToFirst = scroll.scrollToFirstRowOnChange,
+      scrollToFirstRowOnChange = _scroll$scrollToFirst === void 0 ? true : _scroll$scrollToFirst;
+    if (scrollToFirstRowOnChange) {
+      scrollToFirstRow();
+    }
+    onChange(page);
+    // 翻页后，清空已选行
+    changeSelectedRowKeys([]);
+  }, [scrollToFirstRow, scroll, pagination, changeSelectedRowKeys]);
+  var pager = isShowPagination && pagination && /*#__PURE__*/React.createElement("div", {
+    className: prefixCls('pager')
+  }, /*#__PURE__*/React.createElement(Pagination, _extends({
+    hideOnSinglePage: true
+  }, pagination, {
+    onChange: onChangePage
+  })));
+  var isShowRowSelection = rowSelectionInfo.isRowSelectionEnabled && selectedRowKeys.length > 0;
+  var isShowFooter = isShowPagination || isShowRowSelection;
+  return isShowFooter ? /*#__PURE__*/React.createElement("div", {
+    className: prefixCls('footer')
+  }, rowSelectionNode, pager) : null;
+}

package/dist/Table/components/Header.d.ts

@@ -1,6 +1,6 @@
 import { Column } from '@tanstack/react-table';
 import React from 'react';
-export default function Header<T>(props: IProps<T>): React.JSX.Element;
+export default function Header<T extends object>(props: IProps<T>): React.JSX.Element;
 export interface IProps<T> {
     column: Column<T>;
 }

package/dist/Table/components/Header.js

@@ -3,17 +3,63 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import classnames from 'classnames';
-import React from 'react';
+import React, { useCallback } from 'react';
+import SortAscIcon from "../../Icon/components/SortAscendingOrderColor";
+import SortIcon from "../../Icon/components/SortColor";
+import SortDescIcon from "../../Icon/components/SortDescendingOrderColor";
 import { prefixCls } from "../helper";
 export default function Header(props) {
+  var _classnames;
   var column = props.column;
   var _ref = column.columnDef.meta,
     title = _ref.title,
     dataIndex = _ref.dataIndex,
     align = _ref.align,
-    ellipsis = _ref.ellipsis;
+    ellipsis = _ref.ellipsis,
+    sortOrder = _ref.sortOrder,
+    onSort = _ref.onSort;
+  var sortIcon = /*#__PURE__*/React.createElement(SortIcon, {
+    size: 20
+  });
+  if (sortOrder === 'ascend') {
+    sortIcon = /*#__PURE__*/React.createElement(SortAscIcon, {
+      size: 20
+    });
+  } else if (sortOrder === 'descend') {
+    sortIcon = /*#__PURE__*/React.createElement(SortDescIcon, {
+      size: 20
+    });
+  }
+  var onClickTh = useCallback(function (e) {
+    if (sortOrder === undefined || !dataIndex || typeof onSort !== 'function') {
+      return;
+    }
+    e.stopPropagation();
+    var newSortOrder;
+    if (sortOrder === 'ascend') {
+      newSortOrder = 'descend';
+    } else if (sortOrder === 'descend') {
+      newSortOrder = null;
+    } else {
+      newSortOrder = 'ascend';
+    }
+    onSort(dataIndex, newSortOrder);
+  }, [dataIndex, onSort, sortOrder]);
+  var content = title;
+  if (typeof content === 'string') {
+    if (sortOrder !== undefined) {
+      content = /*#__PURE__*/React.createElement("span", {
+        className: prefixCls('sort-th-inner')
+      }, /*#__PURE__*/React.createElement("span", {
+        className: prefixCls('sort-title')
+      }, title), /*#__PURE__*/React.createElement("span", {
+        className: prefixCls('sort-btn')
+      }, sortIcon));
+    }
+  }
   return typeof title === 'string' ? /*#__PURE__*/React.createElement("div", {
     key: dataIndex,
-    className: classnames(prefixCls('th-default'), prefixCls("align-".concat(align)), _defineProperty({}, prefixCls('td-ellipsis-content'), ellipsis))
-  }, title) : /*#__PURE__*/React.createElement(React.Fragment, null, title);
+    className: classnames(prefixCls('th-default'), prefixCls("align-".concat(align)), (_classnames = {}, _defineProperty(_classnames, prefixCls('td-ellipsis-content'), ellipsis), _defineProperty(_classnames, prefixCls('th-sortable'), sortOrder !== undefined), _classnames)),
+    onClick: onClickTh
+  }, content) : /*#__PURE__*/React.createElement(React.Fragment, null, title);
 }

package/dist/Table/helper.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { ITableColumn, ITableProps } from './types';
-export declare function getTableColumns<TDataItem extends object>({ columns, totalWidth, onError, }: {
+export declare function getTableColumns<TDataItem extends object>({ columns, totalWidth, onError, onSort, }: {
     columns: ITableColumn<TDataItem>[];
     totalWidth: number;
     onError: ITableProps<TDataItem>['onError'];
+    onSort: ITableProps<TDataItem>['onSort'];
 }): {
     accessorKey: string;
     header: (props: import("./components/Header").IProps<TDataItem>) => import("react").JSX.Element;
@@ -13,6 +14,7 @@ export declare function getTableColumns<TDataItem extends object>({ columns, tot
         onError: ((errorInfo: import("./types").ITableCellErrorInfo) => void) | undefined;
         columnWidths: number[];
         index: number;
+        onSort: ((columnKey: string, order: "ascend" | "descend" | null) => void) | undefined;
         title: import("react").ReactNode;
         dataIndex?: string | undefined;
         width?: string | number | undefined;
@@ -21,6 +23,7 @@ export declare function getTableColumns<TDataItem extends object>({ columns, tot
         noPadding?: boolean | undefined;
         align?: "left" | "center" | "right" | undefined;
         fixed?: "left" | "right" | undefined;
+        sortOrder?: "ascend" | "descend" | null | undefined;
     };
 }[];
 /**

package/dist/Table/helper.js

@@ -11,7 +11,8 @@ import Header from "./components/Header";
 export function getTableColumns(_ref) {
   var columns = _ref.columns,
     totalWidth = _ref.totalWidth,
-    onError = _ref.onError;
+    onError = _ref.onError,
+    onSort = _ref.onSort;
   var columnWidths = getColumnWidths(columns, totalWidth);
   // 根据固定列的位置重排列顺序，将 left 的列放到最前面，right 的列放到最后面
   var leftColumns = [];
@@ -37,7 +38,8 @@ export function getTableColumns(_ref) {
       meta: _objectSpread(_objectSpread({}, col), {}, {
         onError: onError,
         columnWidths: columnWidths,
-        index: index
+        index: index,
+        onSort: onSort
       })
     };
   });

package/dist/Table/hooks/useExpandable.d.ts

@@ -1,5 +1,6 @@
 import { ITableProps } from '../types';
 export default function useExpandable<TDataItem extends object>(props: IProps<TDataItem>): IExpandableInfo<TDataItem>;
+export declare function getExpandableConfig<TDataItem extends object>(expandable: ITableProps<TDataItem>['expandable']): import("../types").ITableExpandable<TDataItem>;
 export interface IExpandableInfo<TDataItem extends object> {
     expandItemMap: IExpandItemMap;
     onExpand: (record: TDataItem, isExpanded: boolean) => void;

package/dist/Table/hooks/useExpandable.js

@@ -57,13 +57,13 @@ export default function useExpandable(props) {
     if (!expandedRowKeys) {
       setExpandedKeys(function (prev) {
         if (isExpanded) {
+          // 展开
+          return [].concat(_toConsumableArray(prev), [key]);
+        } else {
           // 折叠
           return prev.filter(function (expandedKey) {
             return expandedKey !== key;
           });
-        } else {
-          // 展开
-          return [].concat(_toConsumableArray(prev), [key]);
         }
       });
     }
@@ -121,7 +121,7 @@ function getListItemsByTree(currNode, expandedKeys, getKey, childrenColumnName)
   })) || [];
   return [curr].concat(_toConsumableArray(_.flatten(subItems)));
 }
-function getExpandableConfig(expandable) {
+export function getExpandableConfig(expandable) {
   if (typeof expandable === 'boolean') {
     return {};
   }

package/dist/Table/hooks/useRowSelection.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ITableProps } from '../types';
+export default function useRowSelection<TDataItem extends object>(props: ITableProps<TDataItem>): IRowSelectionInfo<TDataItem>;
+export interface IRowSelectionInfo<TDataItem extends object> {
+    columns: ITableProps<TDataItem>['columns'];
+    isRowSelectionEnabled: boolean;
+    getCheckboxAllNode: ((children?: React.ReactNode) => React.ReactNode) | null;
+    selectedRowKeys: string[];
+    unSelectAll: (e: React.MouseEvent) => void;
+    isShowRowSelectionInFooter: boolean;
+    items: {
+        key: string;
+        label: string;
+        onClick: (e: React.MouseEvent) => void;
+    }[];
+    onChange: (selectedRowKeys: string[]) => void;
+}