@aloudata/aloudata-design 0.4.0-beta.1 → 0.4.0-beta.11

package/lib/Table/Table.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _classnames4 = _interopRequireDefault(require("classnames"));
+var _classnames3 = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -31,10 +31,6 @@ var _TableHead = _interopRequireDefault(require("./components/TableHead"));
 
 var _TableBodyRowList = _interopRequireDefault(require("./components/TableBodyRowList"));
 
-var _useFrame = require("./hooks/useFrame");
-
-var _variable = _interopRequireDefault(require("./style/variable.less"));
-
 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; }
@@ -59,13 +55,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var SCROLLBAR_SIZE = 15;
+var tableHeadRowHeight = 44;
 var ZERO = 0;
 
 function Table(props, ref) {
-  var _classnames3;
+  var _classnames2;
 
-  var columns = props.columns,
+  var outerKey = props.key,
+      columns = props.columns,
       data = props.data,
       onRowSelected = props.onRowSelected,
       loadMore = props.loadMore,
@@ -88,21 +85,19 @@ function Table(props, ref) {
       rowKey = props.rowKey,
       height = props.height;
 
-  var _useState = (0, _react.useState)(ZERO),
+  var _useState = (0, _react.useState)(undefined),
       _useState2 = _slicedToArray(_useState, 2),
       tableClientWidth = _useState2[0],
       setTableClientWidth = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(ZERO),
+  var _useState3 = (0, _react.useState)(undefined),
       _useState4 = _slicedToArray(_useState3, 2),
       tableClientHeight = _useState4[0],
       setTableClientHeight = _useState4[1];
 
   var prefixCls = (0, _usePrefixCls.default)('', 'ald-table');
   var tableRef = (0, _react.useRef)(null);
-  var tableHeadRef = (0, _react.useRef)(null);
   var tableBodyRef = (0, _react.useRef)(null);
-  var columnsRef = (0, _react.useRef)([]);
   var columnsWidthMapRef = (0, _react.useRef)();
   var columnsTotalWidthRef = (0, _react.useRef)(ZERO);
 
@@ -111,19 +106,23 @@ function Table(props, ref) {
       loadMoreLoading = _useState6[0],
       setLoadMoreLoading = _useState6[1];
 
-  var lastOffsetLeftRef = (0, _react.useRef)(ZERO);
   var lastOffsetTopRef = (0, _react.useRef)(ZERO);
 
-  var _useTimeoutLock = (0, _useFrame.useTimeoutLock)(),
-      _useTimeoutLock2 = _slicedToArray(_useTimeoutLock, 2),
-      setScrollTarget = _useTimeoutLock2[0],
-      getScrollTarget = _useTimeoutLock2[1]; // 记录初始columns, 后续更改不响应
+  var _useState7 = (0, _react.useState)(ZERO),
+      _useState8 = _slicedToArray(_useState7, 2),
+      tableBodyContentHeight = _useState8[0],
+      setTableBodyContentHeight = _useState8[1]; // 如果列长度存在变化时，触发重新计算页面的宽度，否则需要用户手动更改key
+
 
+  var tableKey = (0, _react.useMemo)(function () {
+    var columnLength = (columns === null || columns === void 0 ? void 0 : columns.length) || ZERO;
 
-  if (columns && columnsRef.current.length === ZERO) {
-    columnsRef.current = columns;
-  } // 初始化进入时 渲染表格容器宽度
+    if (outerKey) {
+      return "".concat(outerKey, "-").concat(columnLength);
+    }
 
+    return "".concat(columnLength);
+  }, [columns === null || columns === void 0 ? void 0 : columns.length, outerKey]); // 初始化进入时 渲染表格容器宽度
 
   (0, _react.useEffect)(function () {
     if (tableRef.current) {
@@ -132,18 +131,22 @@ function Table(props, ref) {
   }, []); // 转换外部传入的columns
 
   var newColumns = (0, _react.useMemo)(function () {
-    var _getColumnsWidthMap = (0, _utils.getColumnsWidthMap)(columnsRef.current, tableClientWidth, columnsWidthMapRef.current),
+    if (!tableClientWidth) {
+      return [];
+    }
+
+    var _getColumnsWidthMap = (0, _utils.getColumnsWidthMap)(columns, tableClientWidth, columnsWidthMapRef.current),
         columnsWidthMap = _getColumnsWidthMap.columnsWidthMap,
         totalColumnWidth = _getColumnsWidthMap.totalColumnWidth;
 
     columnsWidthMapRef.current = columnsWidthMap;
     columnsTotalWidthRef.current = totalColumnWidth;
-    return columnsRef.current.map(function (column, index) {
+    return columns.map(function (column, index) {
       var _columnsWidthMapRef$c, _columnsWidthMapRef$c2;
 
       var key = index.toString(); // 不设置dataIndex同时进行排序 则报错
 
-      if (!column.dataIndex === undefined && sortable) {
+      if (column.dataIndex === undefined && sortable) {
         _message.default.error('不支持未设置dataIndex时进行排序设置');
       }
 
@@ -161,7 +164,7 @@ function Table(props, ref) {
         }
       });
     });
-  }, [sortable, tableClientWidth]); // 将rowId转为React Table支持的值
+  }, [columns, sortable, tableClientWidth]); // 将rowId转为React Table支持的值
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
   var transformRowId = function transformRowId(row, relativeIndex, parent) {
@@ -176,10 +179,23 @@ function Table(props, ref) {
     }
 
     return relativeIndex.toString();
-  }; // 计算初始传递给 React Table的排序字段
+  };
+  /**
+   * 计算初始传递给 React Table的排序字段
+   * 1. 不存在 sortable 或者存在loadMore（内部滚动时），不进行排序操作防止内部滚动时冲突;
+   * 2. 存在默认排序以及默认排序规则，以默认为准
+   * 3. 如果给了排序但没有默认，则按第一行排序
+   * @returns
+   */
 
 
   var getTableInitSort = function getTableInitSort() {
+    var EMPTY_SIZE = 0;
+
+    if (!sortable || loadMore || newColumns.length === EMPTY_SIZE) {
+      return [];
+    }
+
     if (defaultSort && defaultSort.id) {
       return [defaultSort];
     }
@@ -232,7 +248,6 @@ function Table(props, ref) {
   var tableHeadNode = /*#__PURE__*/_react.default.createElement(_TableHead.default, {
     canResizeColumn: resizeColumn,
     headerGroups: headerGroups,
-    tableContentWidth: columnsTotalWidthRef.current,
     defaultSort: defaultSort,
     sortable: sortable,
     columns: newColumns,
@@ -270,33 +285,32 @@ function Table(props, ref) {
     };
 
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames4.default)("".concat(prefixCls, "-inner-wrap"))
+      className: (0, _classnames3.default)("".concat(prefixCls, "-inner-wrap"))
     }, tableHeadNode, /*#__PURE__*/_react.default.createElement("div", Object.assign({}, getTableBodyProps(), {
-      className: (0, _classnames4.default)("".concat(prefixCls, "-tbody")),
+      className: (0, _classnames3.default)("".concat(prefixCls, "-tbody")),
       style: {
         width: columnsTotalWidthRef.current
       }
     }), renderNoHeightTableBody()));
-  };
+  }; // 存在高度时，内部的纵向的滚动
 
-  var forceScroll = (0, _react.useCallback)(function (scrollLeftNum, target) {
-    if (!target) {
+
+  var onBodyVerticalScroll = (0, _react.useCallback)(function (e) {
+    if (!tableClientHeight) {
       return;
     }
 
-    if (typeof target === 'function') {
-      target(scrollLeftNum);
-    } else if (target.scrollLeft !== scrollLeftNum) {
-      // eslint-disable-next-line no-param-reassign
-      target.scrollLeft = scrollLeftNum;
+    var _e$target = e.target,
+        scrollHeight = _e$target.scrollHeight,
+        clientHeight = _e$target.clientHeight,
+        currentTargetScrollTop = _e$target.scrollTop; // 说明是横向滚动
+
+    if (lastOffsetTopRef.current === currentTargetScrollTop) {
+      return;
     }
-  }, []); // 内部滚动时 纵向的滚动
 
-  var onBodyVerticalScroll = (0, _react.useCallback)(function (target) {
-    var scrollHeight = target.scrollHeight,
-        clientHeight = target.clientHeight,
-        scrollTop = target.scrollTop;
-    var currentPosToBottomGap = scrollHeight - clientHeight - scrollTop;
+    var currentPosToBottomGap = scrollHeight - clientHeight - currentTargetScrollTop + tableHeadRowHeight; // 当前滚动条到底部的距离
+
     var scrollThresholdValue = (0, _utils.getValidScrollThreshold)(scrollThreshold, tableClientHeight);
 
     if (currentPosToBottomGap < scrollThresholdValue && hasNextPage && !loadMoreLoading) {
@@ -308,36 +322,8 @@ function Table(props, ref) {
       });
     }
 
-    lastOffsetTopRef.current = scrollTop;
-  }, [hasNextPage, loadMore, loadMoreLoading, scrollThreshold, tableClientHeight]); // 内部滚动 对于滚动的处理
-
-  var onBodyScroll = (0, _react.useCallback)(function (e) {
-    var currentTarget = e.target;
-
-    if (!currentTarget) {
-      return;
-    }
-
-    var scrollLeftNum = currentTarget.scrollLeft;
-    var scrollTopNum = currentTarget.scrollTop; // 纵向滚动
-
-    if (scrollTopNum !== lastOffsetLeftRef.current) {
-      onBodyVerticalScroll(currentTarget);
-    }
-
-    if (scrollLeftNum === lastOffsetLeftRef.current) {
-      return;
-    }
-
-    var compareTarget = currentTarget; // 横向滚动
-
-    if (!getScrollTarget() || getScrollTarget() === compareTarget) {
-      setScrollTarget(compareTarget);
-      forceScroll(scrollLeftNum, tableBodyRef.current);
-      forceScroll(scrollLeftNum, tableHeadRef.current);
-      lastOffsetLeftRef.current = scrollLeftNum;
-    }
-  }, [forceScroll, getScrollTarget, onBodyVerticalScroll, setScrollTarget]);
+    lastOffsetTopRef.current = currentTargetScrollTop;
+  }, [hasNextPage, loadMore, loadMoreLoading, scrollThreshold, tableClientHeight]);
   (0, _react.useEffect)(function () {
     if (!hasNextPage) {
       setLoadMoreLoading(false);
@@ -345,7 +331,11 @@ function Table(props, ref) {
   }, [hasNextPage]); // 渲染有设置高度的表格
 
   var renderTableWithHeight = function renderTableWithHeight() {
-    var renderNoHeightTableBody = function renderNoHeightTableBody() {
+    if (!tableClientWidth || !tableClientHeight) {
+      return null;
+    }
+
+    var renderTableBody = function renderTableBody() {
       if (loading && !rows.length) {
         return /*#__PURE__*/_react.default.createElement(_Loading.default, null);
       }
@@ -354,42 +344,46 @@ function Table(props, ref) {
         return /*#__PURE__*/_react.default.createElement(_Empty.default, null);
       }
 
-      return /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          overflow: 'overlay',
-          overflowX: tableClientWidth + SCROLLBAR_SIZE > columnsTotalWidthRef.current ? 'hidden' : 'unset',
-          height: tableClientHeight - _variable.default.TableHeadRowHeight
-        },
-        ref: tableBodyRef,
-        onScroll: onBodyScroll
-      }, tableRowListNode, loadMoreLoading && /*#__PURE__*/_react.default.createElement(_Loading.default, null));
+      return /*#__PURE__*/_react.default.createElement(_rcResizeObserver.default, {
+        onResize: function onResize(_ref2) {
+          var clientHeight = _ref2.height;
+          setTableBodyContentHeight(clientHeight);
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", null, tableRowListNode, loadMoreLoading && /*#__PURE__*/_react.default.createElement(_Loading.default, null)));
     };
 
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames4.default)("".concat(prefixCls, "-inner-wrap"), _defineProperty({}, "".concat(prefixCls, "-innerScroll"), height))
+      className: (0, _classnames3.default)("".concat(prefixCls, "-inner-wrap"), _defineProperty({}, "".concat(prefixCls, "-innerScroll"), !!height)),
+      ref: tableBodyRef,
+      onScroll: onBodyVerticalScroll
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: columnsTotalWidthRef.current,
+        height: tableBodyContentHeight
+      }
     }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: tableHeadRef,
       className: "".concat(prefixCls, "-tableHeadScrollWrap")
     }, tableHeadNode), /*#__PURE__*/_react.default.createElement("div", Object.assign({}, getTableBodyProps(), {
-      className: (0, _classnames4.default)("".concat(prefixCls, "-tbody"), _defineProperty({}, "".concat(prefixCls, "-tbody-innerScroll"), height))
-    }), renderNoHeightTableBody()));
+      className: (0, _classnames3.default)("".concat(prefixCls, "-tbody"))
+    }), renderTableBody())));
   };
 
-  return /*#__PURE__*/_react.default.createElement(_rcResizeObserver.default, {
-    onResize: function onResize(_ref2) {
-      var clientWidth = _ref2.width,
-          clientHeight = _ref2.height;
-      setTableClientWidth(clientWidth);
-      setTableClientHeight(clientHeight);
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    key: tableKey,
     className: prefixCls,
     ref: tableRef,
     style: {
       height: !height ? 'unset' : height
     }
-  }, /*#__PURE__*/_react.default.createElement("div", Object.assign({}, getTableProps(), {
-    className: (0, _classnames4.default)("".concat(prefixCls, "-table-wrap"), (_classnames3 = {}, _defineProperty(_classnames3, "".concat(prefixCls, "-init-loading"), data.length === ZERO && loading), _defineProperty(_classnames3, "".concat(prefixCls, "-empty"), data.length === ZERO && loading), _classnames3))
+  }, /*#__PURE__*/_react.default.createElement(_rcResizeObserver.default, {
+    onResize: function onResize(_ref3) {
+      var clientWidth = _ref3.width,
+          clientHeight = _ref3.height;
+      setTableClientWidth(clientWidth);
+      setTableClientHeight(clientHeight);
+    }
+  }, !tableClientWidth ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null)) : /*#__PURE__*/_react.default.createElement("div", Object.assign({}, getTableProps(), {
+    className: (0, _classnames3.default)("".concat(prefixCls, "-table-wrap"), (_classnames2 = {}, _defineProperty(_classnames2, "".concat(prefixCls, "-init-loading"), data.length === ZERO && loading), _defineProperty(_classnames2, "".concat(prefixCls, "-empty"), data.length === ZERO && loading), _classnames2))
   }), height ? renderTableWithHeight() : renderTableWithoutHeight())));
 }
 

package/lib/Table/components/TableHead/index.d.ts

@@ -4,7 +4,6 @@ import { ISort, TSortOrder } from '../../interface';
 import { IWidthDetail } from '../../utils';
 interface ITableWithoutHeightProps<T extends object = {}> {
     headerGroups: HeaderGroup<T>[];
-    tableContentWidth: number;
     canResizeColumn?: boolean;
     defaultSort?: ISort<T>;
     sortable?: boolean;

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

@@ -59,7 +59,6 @@ var ARRAY_FIRST_INDEX = 0;
 
 function TableHead(props) {
   var headerGroups = props.headerGroups,
-      tableContentWidth = props.tableContentWidth,
       canResizeColumn = props.canResizeColumn,
       defaultSort = props.defaultSort,
       _props$sortable = props.sortable,
@@ -251,7 +250,7 @@ function TableHead(props) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(prefixCls, "-thead"),
     style: {
-      width: tableContentWidth
+      width: columnsTotalWidthRef.current
     }
   }, headerGroups.map(function (headerGroup) {
     var _headerGroup$getHeade = headerGroup.getHeaderGroupProps(),

package/lib/Table/interface.d.ts

@@ -11,12 +11,14 @@ export interface IColumn<RecordType> {
     render?: (value: any, row: RecordType, index: number) => React.ReactNode;
     width?: number | string;
     minWidth?: number;
+    widthFlex?: boolean;
     sorter?: boolean | 'string' | 'number' | 'basic' | 'datetime' | 'alphanumeric';
     sortOrder?: TSortOrder;
     sortDirections?: Array<'ascend' | 'descend'>;
     selected?: boolean;
 }
 export interface ITableProps<RecordType> {
+    key?: React.Key;
     columns: IColumn<RecordType>[];
     data: RecordType[];
     onRowSelected?: (row: RecordType) => void;

package/lib/Table/style/index.less

@@ -24,20 +24,25 @@
   }
 
   &-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 {
     flex-grow: 1;
     height: unset;
-    color: @NL0;
+    color: inherit;
     text-align: left;
     word-break: break-all;
     border-bottom: 1px solid @NL95;
@@ -66,6 +71,7 @@
     .ald-table-row {
       min-width: 9999px; // 防止拖动时的闪动
       height: @table-head-row-height;
+      background-color: @BG95;
     }
 
     .ald-table-cell {
@@ -73,7 +79,6 @@
       padding: 14px 24px;
       color: @NL50;
       line-height: 20px;
-      background-color: @BG95;
 
       .ald-table-cell-content {
         overflow: hidden;
@@ -125,6 +130,10 @@
         display: flex;
         align-items: center;
         padding-left: 24px;
+
+        .ald-table-cell-container {
+          width: 100%;
+        }
       }
 
       &:hover {
@@ -141,8 +150,8 @@
     }
   }
 
-  &-tbody&-tbody-innerScroll {
-    overflow: hidden;
+  &-innerScroll {
+    overflow-y: overlay;
   }
 
   &-row-list-wrap {

package/lib/Table/style/variable.less

@@ -2,9 +2,4 @@
 
 @ald-iconfont-css-prefix: anticon;
 @table-head-row-height: 44px;
-@table-head-row-height-num: 44;
 @table-body-row-height: 72px;
-
-:export {
-  TableHeadRowHeight: @table-head-row-height-num;
-}

package/lib/Table/style/variable.less.d.ts

@@ -1,7 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
-  'TableHeadRowHeight': string;
+
 }
 export const cssExports: CssExports;
 export default cssExports;

package/lib/Table/utils.js

@@ -12,7 +12,7 @@ exports.isPercentageWidth = isPercentageWidth;
 exports.isSpecificPxWidth = isSpecificPxWidth;
 var ZERO = 0;
 var NOT_SET = -1;
-var COLUMN_MIN_WIDTH = 72;
+var COLUMN_MIN_WIDTH = 80;
 var HUNDRED = 100; // TODO: 添加单侧
 
 function getColumnsWidthMap(columns, clientWidth, lastWidthMap) {
@@ -21,12 +21,19 @@ function getColumnsWidthMap(columns, clientWidth, lastWidthMap) {
   var widthMap = new Map();
   var totalColumnWidth = ZERO;
   columns.forEach(function (item, index) {
-    var _lastWidthMap$get;
-
     var key = index.toString();
-    var width = getWidthByColumnsWidth(clientWidth, item.width); // 首先判断是否是否是容器宽度的变化
+    var widthFlex = item.widthFlex;
+    var width = getWidthByColumnsWidth(clientWidth, item.width, widthFlex); // 首先判断是否是否是容器宽度的变化
+
+    var isSpecific;
 
-    var isSpecific = lastWidthMap ? (_lastWidthMap$get = lastWidthMap.get(key)) === null || _lastWidthMap$get === void 0 ? void 0 : _lastWidthMap$get.isSpecific : isSpecificWidth(item.width);
+    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;
@@ -52,7 +59,7 @@ function getColumnsWidthMap(columns, clientWidth, lastWidthMap) {
 
       return widthMap.set(item, {
         isSpecific: (_widthMap$get = widthMap.get(item)) === null || _widthMap$get === void 0 ? void 0 : _widthMap$get.isSpecific,
-        width: 72
+        width: COLUMN_MIN_WIDTH
       });
     });
   } // 设定宽度小于容器宽度时
@@ -84,8 +91,8 @@ function getColumnsWidthMap(columns, clientWidth, lastWidthMap) {
   };
 }
 
-function getWidthByColumnsWidth(clientWidth, width) {
-  if (width === undefined) {
+function getWidthByColumnsWidth(clientWidth, width, widthFlex) {
+  if (width === undefined || widthFlex) {
     return NOT_SET;
   }
 
@@ -138,7 +145,7 @@ function getValidScrollThreshold(height, clientHeight) {
 }
 
 function getPercentageValue(percentage, containerNum) {
-  var percent = Math.floor(Number(percentage.replace('%', '')) / HUNDRED);
+  var percent = Number(percentage.replace('%', '')) / HUNDRED;
   return getValidWidthByNumber(containerNum * percent);
 }
 

package/lib/Tabs/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 import { TabsProps } from 'antd';
 export declare type TabsSize = 'default' | 'large';
 export interface ITabsProps extends Omit<TabsProps, 'size'> {
@@ -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/lib/Tabs/index.js

@@ -7,7 +7,7 @@ exports.default = Tabs;
 
 require("@aloudata/icons-react/styles/index.less");
 
-var _More2 = _interopRequireDefault(require("@aloudata/icons-react/es/icons/More"));
+var _MoreFill2 = _interopRequireDefault(require("@aloudata/icons-react/es/icons/MoreFill"));
 
 require("antd/es/tabs/style");
 
@@ -15,8 +15,6 @@ var _tabs = _interopRequireDefault(require("antd/es/tabs"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _TabPane = _interopRequireDefault(require("./TabPane"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _excluded = ["size", "className", "popupClassName", "adaptHeight"];
@@ -49,7 +47,7 @@ function Tabs(props) {
   return /*#__PURE__*/_react.default.createElement(_tabs.default, Object.assign({
     moreIcon: /*#__PURE__*/_react.default.createElement("div", {
       className: "ald-tabs-moreIcon"
-    }, /*#__PURE__*/_react.default.createElement(_More2.default, {
+    }, /*#__PURE__*/_react.default.createElement(_MoreFill2.default, {
       color: "currentColor"
     })),
     tabBarGutter: 24,
@@ -59,6 +57,4 @@ function Tabs(props) {
       'ald-tabs-default': size !== 'large'
     })
   }, tabsProps));
-}
-
-Tabs.TabPane = _TabPane.default;
+}

package/lib/Tabs/style/index.less

@@ -5,7 +5,7 @@
 @tabs-color: @NL30;
 @tabs-fontWeight: 400;
 //active
-@tabs-color-active: @B60;
+@tabs-color-active: @B30;
 @tabs-fontWeight-active: 600;
 
 //middle - default

package/lib/Tooltip/index.d.ts

@@ -46,12 +46,12 @@ export interface ITooltipProps {
      * @description 用于手动控制浮层显隐
      * @default -
      */
-    visible?: boolean;
+    open?: boolean;
     /**
      * @description 显示隐藏的回调
      * @default -
      */
-    onVisibleChange?: (visible: boolean) => void;
+    onOpenChange?: (open: boolean) => void;
     /**
      * @description 卡片类名
      * @default -

package/lib/Tooltip/index.js

@@ -16,8 +16,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function Tooltip(props) {
   var children = props.children,
       title = props.title,
-      visible = props.visible,
-      onVisibleChange = props.onVisibleChange,
+      open = props.open,
+      onOpenChange = props.onOpenChange,
       trigger = props.trigger,
       zIndex = props.zIndex,
       placement = props.placement,
@@ -30,8 +30,8 @@ function Tooltip(props) {
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     title: title,
     overlayClassName: (0, _classnames.default)('ald-tooltip-overlay', overlayClassName),
-    visible: visible,
-    onVisibleChange: onVisibleChange,
+    open: open,
+    onOpenChange: onOpenChange,
     trigger: trigger,
     zIndex: zIndex,
     placement: placement,