@aloudata/aloudata-design 0.4.0-beta.10 → 0.4.0-beta.12

package/es/Table/components/TableHead/index.js

@@ -1,31 +1,22 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 import "@aloudata/icons-react/styles/index.less";
 import _SortAscendingLine from "@aloudata/icons-react/es/icons/SortAscendingLine";
 import "@aloudata/icons-react/styles/index.less";
 import _SortDescendingLine from "@aloudata/icons-react/es/icons/SortDescendingLine";
 var _excluded = ["style"];
-
 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; }
-
 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) { _defineProperty(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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useState } from 'react';
 import usePrefixCls from '../../../_utils/hooks/usePrefixCls';
 import classnames from 'classnames';
@@ -33,125 +24,112 @@ import _ from 'lodash';
 import { getValidWidthByNumber } from '../../utils';
 import message from '../../../message';
 var ARRAY_FIRST_INDEX = 0;
-
 function TableHead(props) {
   var headerGroups = props.headerGroups,
-      canResizeColumn = props.canResizeColumn,
-      defaultSort = props.defaultSort,
-      _props$sortable = props.sortable,
-      sortable = _props$sortable === void 0 ? false : _props$sortable,
-      _props$columns = props.columns,
-      columns = _props$columns === void 0 ? [{
-    accessor: '',
-    sortOrder: 'descend'
-  }] : _props$columns,
-      allSortDirections = props.sortDirections,
-      setSortBy = props.setSortBy,
-      _props$onChange = props.onChange,
-      onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-      columnsWidthMapRef = props.columnsWidthMapRef,
-      columnsTotalWidthRef = props.columnsTotalWidthRef;
-  var prefixCls = usePrefixCls('', 'ald-table'); // 第一列的情况 默认或者恢复是需要用到
-
+    canResizeColumn = props.canResizeColumn,
+    defaultSort = props.defaultSort,
+    _props$sortable = props.sortable,
+    sortable = _props$sortable === void 0 ? false : _props$sortable,
+    _props$columns = props.columns,
+    columns = _props$columns === void 0 ? [{
+      accessor: '',
+      sortOrder: 'descend'
+    }] : _props$columns,
+    allSortDirections = props.sortDirections,
+    setSortBy = props.setSortBy,
+    _props$onChange = props.onChange,
+    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    columnsWidthMapRef = props.columnsWidthMapRef,
+    columnsTotalWidthRef = props.columnsTotalWidthRef;
+  var prefixCls = usePrefixCls('', 'ald-table');
+  // 第一列的情况 默认或者恢复是需要用到
   var defaultSortObject = {
     id: columns[ARRAY_FIRST_INDEX].accessor,
     desc: !!(columns[ARRAY_FIRST_INDEX].sortOrder && columns[ARRAY_FIRST_INDEX].sortOrder === 'descend')
-  }; // 如果支持排序
+  };
+  // 如果支持排序
   // 1. 有默认排序 则按照默认排序
   // 2. 如果没有默认排序，再判断第一列是否符合排序条件，若满足 => 则按第一列排序
-
   var getInitialSortDirection = function getInitialSortDirection() {
     if (defaultSort && defaultSort.id) {
       return defaultSort;
     }
-
     if (!defaultSortObject.id) {
       message.error('开启了排序，但是没有给予默认排序列，并且第一列不支持排序');
     }
-
     return defaultSortObject;
   };
-
   var _useState = useState(getInitialSortDirection()),
-      _useState2 = _slicedToArray(_useState, 2),
-      sortDirection = _useState2[0],
-      setSortDirection = _useState2[1]; // 排序的方向 倒叙{ id: 'xx', desc: true }、正序{ id: 'xx', desc: false }、无序 { id: '', desc: undefined }
+    _useState2 = _slicedToArray(_useState, 2),
+    sortDirection = _useState2[0],
+    setSortDirection = _useState2[1];
+  // 排序的方向 倒叙{ id: 'xx', desc: true }、正序{ id: 'xx', desc: false }、无序 { id: '', desc: undefined }
   // 获取排序方向以及排序的id
-
-
   var getSortBy = function getSortBy(id) {
     var sortDirections = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['ascend', 'descend'];
-    var // 如果传了sortDirections，则使用传入的，否则使用默认的
+    var
+    // 如果传了sortDirections，则使用传入的，否则使用默认的
     sortOrder = arguments.length > 2 ? arguments[2] : undefined;
     var res = {
       id: id,
-      desc: undefined
+      desc: undefined // 给个默认的排序
     };
+
     var isSameCol = sortDirection.id === id;
     var descMap = new Map([['ascend', false], ['descend', true]]);
-    var directions = allSortDirections || sortDirections; // 如果不是同一列 则返回默认排序 或者排序顺序的第一个
-
+    var directions = allSortDirections || sortDirections;
+    // 如果不是同一列 则返回默认排序 或者排序顺序的第一个
     if (!isSameCol) {
       if (sortOrder === 'ascend' || sortOrder === 'descend') {
         res.desc = descMap.get(sortOrder);
       } else {
         res.desc = sortOrder || descMap.get(directions[ARRAY_FIRST_INDEX]);
       }
-
       return res;
-    } // 如果是同一列
+    }
+    // 如果是同一列
     // 如果列给了默认的sortOrder则不在变化
-
-
     if (sortOrder === 'ascend' || sortOrder === 'descend') {
       res.desc = descMap.get(sortOrder);
       return res;
-    } // 在所有方向上 往后取一个
-
-
+    }
+    // 在所有方向上 往后取一个
     var lastSortDirection = sortDirection.desc ? 'descend' : 'ascend';
-
     var index = _.findIndex(directions, function (item) {
       return item === lastSortDirection;
     });
-
     var nextIndex = index + 1;
-    res.desc = descMap.get(directions[nextIndex]); // 如果没有排序方向，则返回默认排序对象
-
+    res.desc = descMap.get(directions[nextIndex]);
+    // 如果没有排序方向，则返回默认排序对象
     if (res.desc === undefined) {
       res.id = '';
     }
-
     return res;
   };
-
   var getHeaderProps = function getHeaderProps(column) {
     // @ts-ignore
     var id = column.id,
-        canSort = column.canSort,
-        sorter = column.sorter,
-        sortOrder = column.sortOrder,
-        sortDirections = column.sortDirections;
-    var toggleProps = column.getSortByToggleProps(); // 仅在Table设置sortable时,所有列的canSort为true,此时为前端排序
-
+      canSort = column.canSort,
+      sorter = column.sorter,
+      sortOrder = column.sortOrder,
+      sortDirections = column.sortDirections;
+    var toggleProps = column.getSortByToggleProps();
+    // 仅在Table设置sortable时,所有列的canSort为true,此时为前端排序
     if (canSort) {
       // client sort
       return _objectSpread(_objectSpread({}, column.getHeaderProps(_objectSpread({}, toggleProps))), {}, {
         onClick: function onClick(e) {
           e.stopPropagation();
-
           if (typeof toggleProps.onClick === 'function') {
             var sortBy = getSortBy(id, sortDirections, sortOrder);
             setSortBy(sortBy.desc === undefined ? [defaultSortObject] : [sortBy]); // 客户端排序时 需要重新设置排序
-
             setSortDirection(sortBy);
             onChange(sortBy);
           }
         }
       });
-    } // 当列设置sorter属性时，则为服务端排序
-
-
+    }
+    // 当列设置sorter属性时，则为服务端排序
     if (sorter) {
       // server sort
       return _objectSpread(_objectSpread({}, column.getHeaderProps({
@@ -167,19 +145,15 @@ function TableHead(props) {
         }
       });
     }
-
     return column.getHeaderProps();
   };
-
   var SortIcons = function SortIcons(_ref) {
     var id = _ref.id;
     var currentSortId = sortDirection.id,
-        desc = sortDirection.desc;
-
+      desc = sortDirection.desc;
     if (id !== currentSortId || !sortable) {
       return null;
     }
-
     return desc ? /*#__PURE__*/React.createElement(_SortDescendingLine, {
       className: "".concat(prefixCls, "-sortIcon"),
       fill: "currentColor",
@@ -189,14 +163,11 @@ function TableHead(props) {
       fill: "currentColor",
       size: 12
     });
-  }; // 在页面拖拽完成之后 更新表格整体宽度以及每个列对应的列宽map
-
-
+  };
+  // 在页面拖拽完成之后 更新表格整体宽度以及每个列对应的列宽map
   var adjustColumnsMapAfterDrag = function adjustColumnsMapAfterDrag(key, width) {
     var _columnsWidthMapRef$c, _columnsWidthMapRef$c2;
-
     var newMap = _.cloneDeep(columnsWidthMapRef.current);
-
     var originWidth = (_columnsWidthMapRef$c = columnsWidthMapRef.current) === null || _columnsWidthMapRef$c === void 0 ? void 0 : (_columnsWidthMapRef$c2 = _columnsWidthMapRef$c.get(key)) === null || _columnsWidthMapRef$c2 === void 0 ? void 0 : _columnsWidthMapRef$c2.width;
     var newWidth = getValidWidthByNumber(width);
     newMap.set(key, {
@@ -206,24 +177,18 @@ function TableHead(props) {
     columnsWidthMapRef.current = newMap;
     columnsTotalWidthRef.current = columnsTotalWidthRef.current - originWidth + newWidth;
   };
-
   var handleStyleAndReturn = function handleStyleAndReturn(column, index) {
     var _columnsWidthMapRef$c3, _getHeaderProps$style, _getHeaderProps$style2;
-
     var key = index.toString();
     var lastColumnsMapWidth = (_columnsWidthMapRef$c3 = columnsWidthMapRef.current.get(key)) === null || _columnsWidthMapRef$c3 === void 0 ? void 0 : _columnsWidthMapRef$c3.width; // 在拖动之前记录宽度map
-
     var currentRenderWidth = Number((_getHeaderProps$style = getHeaderProps(column).style) === null || _getHeaderProps$style === void 0 ? void 0 : (_getHeaderProps$style2 = _getHeaderProps$style.width) === null || _getHeaderProps$style2 === void 0 ? void 0 : _getHeaderProps$style2.toString().replace('px', '')); // 表格内置计算的宽度 'px'
-
     if (currentRenderWidth !== lastColumnsMapWidth) {
       adjustColumnsMapAfterDrag(key, currentRenderWidth);
     }
-
     return _objectSpread(_objectSpread({}, getHeaderProps(column).style), {}, {
       width: getValidWidthByNumber(currentRenderWidth)
     });
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-thead"),
     style: {
@@ -231,10 +196,9 @@ function TableHead(props) {
     }
   }, headerGroups.map(function (headerGroup) {
     var _headerGroup$getHeade = headerGroup.getHeaderGroupProps(),
-        style = _headerGroup$getHeade.style,
-        headerGroupProps = _objectWithoutProperties(_headerGroup$getHeade, _excluded);
-
-    return /*#__PURE__*/React.createElement("div", Object.assign({}, headerGroupProps, {
+      style = _headerGroup$getHeade.style,
+      headerGroupProps = _objectWithoutProperties(_headerGroup$getHeade, _excluded);
+    return /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({}, headerGroupProps), {}, {
       className: "".concat(prefixCls, "-row")
     }), headerGroup.headers.map(function (column, index) {
       var barProps = canResizeColumn ? column.getResizerProps() : {};
@@ -243,19 +207,18 @@ function TableHead(props) {
         className: classnames(_defineProperty({}, "".concat(prefixCls, "-cell-sorting"), column.id === sortDirection.id), "".concat(prefixCls, "-cell")),
         style: headCellStyle,
         key: column.id
-      }, /*#__PURE__*/React.createElement("div", Object.assign({
+      }, /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({
         className: "".concat(prefixCls, "-cell-content")
-      }, getHeaderProps(column), {
+      }, getHeaderProps(column)), {}, {
         style: {
           width: '100%'
         }
       }), /*#__PURE__*/React.createElement(React.Fragment, null, column.render('Header'), /*#__PURE__*/React.createElement(SortIcons, {
         id: column.id
-      }))), /*#__PURE__*/React.createElement("div", Object.assign({}, barProps, {
+      }))), /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({}, barProps), {}, {
         className: classnames(_defineProperty({}, "".concat(prefixCls, "-dragBar"), canResizeColumn), "".concat(prefixCls, "-bar"))
       })));
     }));
   }));
 }
-
 export default TableHead;

package/es/Table/interface.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { IdType } from 'react-table';
-export declare type TSortOrder = 'ascend' | 'descend' | false;
+export type TSortOrder = 'ascend' | 'descend' | false;
 export interface ISort<T> {
     id: IdType<T>;
     desc?: boolean;

package/es/Table/style/index.less

@@ -24,15 +24,19 @@
   }
 
   &-inner-wrap {
+    position: relative;
     width: 100%;
     height: 100%;
     overflow-x: overlay;
   }
 
   &-tableHeadScrollWrap {
+    position: sticky;
+    top: 0;
+    z-index: 1;
     display: flex;
     width: 100%;
-    overflow-x: hidden;
+    overflow: hidden;
   }
 
   &-cell {
@@ -67,6 +71,7 @@
     .ald-table-row {
       min-width: 9999px; // 防止拖动时的闪动
       height: @table-head-row-height;
+      background-color: @BG95;
     }
 
     .ald-table-cell {
@@ -74,7 +79,6 @@
       padding: 14px 24px;
       color: @NL50;
       line-height: 20px;
-      background-color: @BG95;
 
       .ald-table-cell-content {
         overflow: hidden;
@@ -146,8 +150,8 @@
     }
   }
 
-  &-tbody&-tbody-innerScroll {
-    overflow: hidden;
+  &-innerScroll {
+    overflow-y: overlay;
   }
 
   &-row-list-wrap {

package/es/Table/utils.js

@@ -1,8 +1,8 @@
 var ZERO = 0;
 var NOT_SET = -1;
 var COLUMN_MIN_WIDTH = 80;
-var HUNDRED = 100; // TODO: 添加单侧
-
+var HUNDRED = 100;
+// TODO: 添加单侧
 export function getColumnsWidthMap(columns, clientWidth, lastWidthMap) {
   var settedTotalWidth = ZERO;
   var unsetWidthIndex = [];
@@ -11,64 +11,53 @@ export function getColumnsWidthMap(columns, clientWidth, lastWidthMap) {
   columns.forEach(function (item, index) {
     var key = index.toString();
     var widthFlex = item.widthFlex;
-    var width = getWidthByColumnsWidth(clientWidth, item.width, widthFlex); // 首先判断是否是否是容器宽度的变化
-
+    var width = getWidthByColumnsWidth(clientWidth, item.width, widthFlex);
+    // 首先判断是否是否是容器宽度的变化
     var isSpecific;
-
     if (widthFlex) {
       isSpecific = false;
     } else {
       var _lastWidthMap$get;
-
       isSpecific = lastWidthMap ? (_lastWidthMap$get = lastWidthMap.get(key)) === null || _lastWidthMap$get === void 0 ? void 0 : _lastWidthMap$get.isSpecific : isSpecificWidth(item.width);
     }
-
     if (lastWidthMap && isSpecific) {
       var _lastWidthMap$get2;
-
       width = (_lastWidthMap$get2 = lastWidthMap.get(key)) === null || _lastWidthMap$get2 === void 0 ? void 0 : _lastWidthMap$get2.width;
     }
-
     if (width === NOT_SET) {
       unsetWidthIndex.push(key);
     } else {
       settedTotalWidth += width;
     }
-
     widthMap.set(key, {
       width: width,
       isSpecific: isSpecific
     });
-  }); // 设定宽度大于容器宽度时
-
+  });
+  // 设定宽度大于容器宽度时
   if (settedTotalWidth < clientWidth) {
     unsetWidthIndex.map(function (item) {
       var _widthMap$get;
-
       return widthMap.set(item, {
         isSpecific: (_widthMap$get = widthMap.get(item)) === null || _widthMap$get === void 0 ? void 0 : _widthMap$get.isSpecific,
         width: COLUMN_MIN_WIDTH
       });
     });
-  } // 设定宽度小于容器宽度时
-
-
+  }
+  // 设定宽度小于容器宽度时
   if (unsetWidthIndex.length > ZERO) {
     var leftWidth = clientWidth - settedTotalWidth;
     var average = getValidWidthByNumber(leftWidth / unsetWidthIndex.length);
     unsetWidthIndex.map(function (item) {
       var _widthMap$get2;
-
       return widthMap.set(item, {
         isSpecific: (_widthMap$get2 = widthMap.get(item)) === null || _widthMap$get2 === void 0 ? void 0 : _widthMap$get2.isSpecific,
         width: average
       });
     });
   }
-
   columns.forEach(function (item, index) {
     var _widthMap$get3;
-
     var key = index.toString();
     var width = (_widthMap$get3 = widthMap.get(key)) === null || _widthMap$get3 === void 0 ? void 0 : _widthMap$get3.width;
     totalColumnWidth += width;
@@ -78,45 +67,36 @@ export function getColumnsWidthMap(columns, clientWidth, lastWidthMap) {
     totalColumnWidth: totalColumnWidth
   };
 }
-
 function getWidthByColumnsWidth(clientWidth, width, widthFlex) {
   if (width === undefined || widthFlex) {
     return NOT_SET;
   }
-
   if (typeof width === 'number') {
     return getValidWidthByNumber(width);
   }
-
   if (isPercentageWidth(width)) {
     return getPercentageValue(width, clientWidth);
   }
-
   if (isSpecificPxWidth(width)) {
     var specificNum = getPxValue(width);
     return getValidWidthByNumber(specificNum);
   }
-
   return NOT_SET;
 }
-
 export function isPercentageWidth(width) {
   return /[0-9]{1,}%$/.test(width);
 }
 export function isSpecificPxWidth(width) {
   return /[0-9]{1,}(px)$/.test(width);
 }
-
 function isSpecificWidth(width) {
   return typeof width === 'number' || !!(width && isSpecificPxWidth(width));
 }
-
 export function getValidWidthByNumber(width) {
   return width < COLUMN_MIN_WIDTH ? COLUMN_MIN_WIDTH : width;
 }
 export function getValidScrollThreshold(height, clientHeight) {
   var scrollThreshold = ZERO;
-
   if (typeof height === 'string') {
     if (isPercentageWidth(height)) {
       scrollThreshold = getPercentageValue(height, clientHeight);
@@ -126,7 +106,6 @@ export function getValidScrollThreshold(height, clientHeight) {
   } else {
     scrollThreshold = height;
   }
-
   return scrollThreshold;
 }
 export function getPercentageValue(percentage, containerNum) {

package/es/Tabs/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import { ReactNode } from 'react';
 import { TabsProps } from 'antd';
-export declare type TabsSize = 'default' | 'large';
+export type TabsSize = 'default' | 'large';
 export interface ITabsProps extends Omit<TabsProps, 'size'> {
     /**
      * @description 大小
@@ -38,10 +38,25 @@ export interface ITabsProps extends Omit<TabsProps, 'size'> {
      */
     tabPosition?: 'left' | 'right' | 'top' | 'bottom';
     className?: string;
-    children?: React.ReactNode;
+    items: ITabItem[];
 }
-declare function Tabs(props: ITabsProps): JSX.Element;
-declare namespace Tabs {
-    var TabPane: typeof import("./TabPane").default;
+export default function Tabs(props: ITabsProps): JSX.Element;
+export interface ITabItem {
+    /**
+     * @description 被隐藏时是否渲染 DOM 结构
+     * @default false
+     */
+    forceRender?: boolean;
+    /**
+     * @description 对应 activeKey
+     * @default -
+     */
+    key: string;
+    /**
+     * @description 选项卡头显示的内容
+     * @default -
+     */
+    label: ReactNode;
+    className?: string;
+    children?: ReactNode;
 }
-export default Tabs;

package/es/Tabs/index.js

@@ -1,37 +1,31 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 import "@aloudata/icons-react/styles/index.less";
 import _MoreFill from "@aloudata/icons-react/es/icons/MoreFill";
 import "antd/es/tabs/style";
 import _Tabs from "antd/es/tabs";
 var _excluded = ["size", "className", "popupClassName", "adaptHeight"];
-
 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) { _defineProperty(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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
 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 React from 'react';
+// import AntdTabs, { TabsProps } from 'antd/lib/tabs';
 
-import React from 'react'; // import AntdTabs, { TabsProps } from 'antd/lib/tabs';
-
-import TabPane from './TabPane';
 import classNames from 'classnames';
 export default function Tabs(props) {
   var size = props.size,
-      className = props.className,
-      popupClassName = props.popupClassName,
-      adaptHeight = props.adaptHeight,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    popupClassName = props.popupClassName,
+    adaptHeight = props.adaptHeight,
+    otherProps = _objectWithoutProperties(props, _excluded);
   var tabsProps = _objectSpread({}, otherProps);
-
   if (size === 'large') {
     tabsProps.size = size;
   }
-
-  return /*#__PURE__*/React.createElement(_Tabs, Object.assign({
+  return /*#__PURE__*/React.createElement(_Tabs, _objectSpread({
     moreIcon: /*#__PURE__*/React.createElement("div", {
       className: "ald-tabs-moreIcon"
     }, /*#__PURE__*/React.createElement(_MoreFill, {
@@ -44,5 +38,4 @@ export default function Tabs(props) {
       'ald-tabs-default': size !== 'large'
     })
   }, tabsProps));
-}
-Tabs.TabPane = TabPane;
+}

package/es/Tooltip/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';
+export type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';
 export interface ITooltipProps {
     /**
      * @description 提示文字

package/es/Tooltip/index.js

@@ -3,18 +3,18 @@ import AntdTooltip from 'antd/lib/tooltip';
 import classNames from 'classnames';
 export default function Tooltip(props) {
   var children = props.children,
-      title = props.title,
-      open = props.open,
-      onOpenChange = props.onOpenChange,
-      trigger = props.trigger,
-      zIndex = props.zIndex,
-      placement = props.placement,
-      mouseEnterDelay = props.mouseEnterDelay,
-      mouseLeaveDelay = props.mouseLeaveDelay,
-      getPopupContainer = props.getPopupContainer,
-      destroyTooltipOnHide = props.destroyTooltipOnHide,
-      getTooltipContainer = props.getTooltipContainer,
-      overlayClassName = props.overlayClassName;
+    title = props.title,
+    open = props.open,
+    onOpenChange = props.onOpenChange,
+    trigger = props.trigger,
+    zIndex = props.zIndex,
+    placement = props.placement,
+    mouseEnterDelay = props.mouseEnterDelay,
+    mouseLeaveDelay = props.mouseLeaveDelay,
+    getPopupContainer = props.getPopupContainer,
+    destroyTooltipOnHide = props.destroyTooltipOnHide,
+    getTooltipContainer = props.getTooltipContainer,
+    overlayClassName = props.overlayClassName;
   return /*#__PURE__*/React.createElement(AntdTooltip, {
     title: title,
     overlayClassName: classNames('ald-tooltip-overlay', overlayClassName),

package/es/_utils/hooks/useControlledState.d.ts

@@ -1,2 +1,2 @@
-declare const useControlledState: <T>(outerState: T | (() => T) | undefined, defaultOuterState: T, callback?: ((state: T | (() => T)) => void) | undefined) => [T, (state: T | (() => T), force?: boolean | undefined) => void];
+declare const useControlledState: <T>(outerState: T | (() => T) | undefined, defaultOuterState: T, callback?: ((state: T | (() => T)) => void) | undefined) => [T, (state: T | (() => T), force?: boolean) => void];
 export default useControlledState;