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

package/es/Table/Table.js

@@ -30,15 +30,14 @@ import Loading from './components/Loading';
 import Empty from './components/Empty';
 import TableHead from './components/TableHead';
 import TableBodyRowList from './components/TableBodyRowList';
-import { useTimeoutLock } from './hooks/useFrame';
-import StylesVariable from './style/variable.less';
-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,
@@ -61,21 +60,19 @@ function Table(props, ref) {
       rowKey = props.rowKey,
       height = props.height;
 
-  var _useState = useState(ZERO),
+  var _useState = useState(undefined),
       _useState2 = _slicedToArray(_useState, 2),
       tableClientWidth = _useState2[0],
       setTableClientWidth = _useState2[1];
 
-  var _useState3 = useState(ZERO),
+  var _useState3 = useState(undefined),
       _useState4 = _slicedToArray(_useState3, 2),
       tableClientHeight = _useState4[0],
       setTableClientHeight = _useState4[1];
 
   var prefixCls = usePrefixCls('', 'ald-table');
   var tableRef = useRef(null);
-  var tableHeadRef = useRef(null);
   var tableBodyRef = useRef(null);
-  var columnsRef = useRef([]);
   var columnsWidthMapRef = useRef();
   var columnsTotalWidthRef = useRef(ZERO);
 
@@ -84,19 +81,23 @@ function Table(props, ref) {
       loadMoreLoading = _useState6[0],
       setLoadMoreLoading = _useState6[1];
 
-  var lastOffsetLeftRef = useRef(ZERO);
   var lastOffsetTopRef = useRef(ZERO);
 
-  var _useTimeoutLock = useTimeoutLock(),
-      _useTimeoutLock2 = _slicedToArray(_useTimeoutLock, 2),
-      setScrollTarget = _useTimeoutLock2[0],
-      getScrollTarget = _useTimeoutLock2[1]; // 记录初始columns, 后续更改不响应
+  var _useState7 = useState(ZERO),
+      _useState8 = _slicedToArray(_useState7, 2),
+      tableBodyContentHeight = _useState8[0],
+      setTableBodyContentHeight = _useState8[1]; // 如果列长度存在变化时，触发重新计算页面的宽度，否则需要用户手动更改key
 
 
-  if (columns && columnsRef.current.length === ZERO) {
-    columnsRef.current = columns;
-  } // 初始化进入时 渲染表格容器宽度
+  var tableKey = useMemo(function () {
+    var columnLength = (columns === null || columns === void 0 ? void 0 : columns.length) || ZERO;
 
+    if (outerKey) {
+      return "".concat(outerKey, "-").concat(columnLength);
+    }
+
+    return "".concat(columnLength);
+  }, [columns === null || columns === void 0 ? void 0 : columns.length, outerKey]); // 初始化进入时 渲染表格容器宽度
 
   useEffect(function () {
     if (tableRef.current) {
@@ -105,18 +106,22 @@ function Table(props, ref) {
   }, []); // 转换外部传入的columns
 
   var newColumns = useMemo(function () {
-    var _getColumnsWidthMap = getColumnsWidthMap(columnsRef.current, tableClientWidth, columnsWidthMapRef.current),
+    if (!tableClientWidth) {
+      return [];
+    }
+
+    var _getColumnsWidthMap = 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.error('不支持未设置dataIndex时进行排序设置');
       }
 
@@ -134,7 +139,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) {
@@ -149,10 +154,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];
     }
@@ -204,7 +222,6 @@ function Table(props, ref) {
   var tableHeadNode = /*#__PURE__*/React.createElement(TableHead, {
     canResizeColumn: resizeColumn,
     headerGroups: headerGroups,
-    tableContentWidth: columnsTotalWidthRef.current,
     defaultSort: defaultSort,
     sortable: sortable,
     columns: newColumns,
@@ -247,26 +264,25 @@ function Table(props, ref) {
         width: columnsTotalWidthRef.current
       }
     }), renderNoHeightTableBody()));
-  };
+  }; // 存在高度时，内部的纵向的滚动
 
-  var forceScroll = useCallback(function (scrollLeftNum, target) {
-    if (!target) {
+
+  var onBodyVerticalScroll = 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 = 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 = getValidScrollThreshold(scrollThreshold, tableClientHeight);
 
     if (currentPosToBottomGap < scrollThresholdValue && hasNextPage && !loadMoreLoading) {
@@ -278,36 +294,8 @@ function Table(props, ref) {
       });
     }
 
-    lastOffsetTopRef.current = scrollTop;
-  }, [hasNextPage, loadMore, loadMoreLoading, scrollThreshold, tableClientHeight]); // 内部滚动 对于滚动的处理
-
-  var onBodyScroll = 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]);
   useEffect(function () {
     if (!hasNextPage) {
       setLoadMoreLoading(false);
@@ -315,7 +303,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.createElement(Loading, null);
       }
@@ -324,42 +316,46 @@ function Table(props, ref) {
         return /*#__PURE__*/React.createElement(Empty, null);
       }
 
-      return /*#__PURE__*/React.createElement("div", {
-        style: {
-          overflow: 'overlay',
-          overflowX: tableClientWidth + SCROLLBAR_SIZE > columnsTotalWidthRef.current ? 'hidden' : 'unset',
-          height: tableClientHeight - StylesVariable.TableHeadRowHeight
-        },
-        ref: tableBodyRef,
-        onScroll: onBodyScroll
-      }, tableRowListNode, loadMoreLoading && /*#__PURE__*/React.createElement(Loading, null));
+      return /*#__PURE__*/React.createElement(ResizeObserver, {
+        onResize: function onResize(_ref2) {
+          var clientHeight = _ref2.height;
+          setTableBodyContentHeight(clientHeight);
+        }
+      }, /*#__PURE__*/React.createElement("div", null, tableRowListNode, loadMoreLoading && /*#__PURE__*/React.createElement(Loading, null)));
     };
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames("".concat(prefixCls, "-inner-wrap"), _defineProperty({}, "".concat(prefixCls, "-innerScroll"), height))
+      className: classnames("".concat(prefixCls, "-inner-wrap"), _defineProperty({}, "".concat(prefixCls, "-innerScroll"), !!height)),
+      ref: tableBodyRef,
+      onScroll: onBodyVerticalScroll
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: columnsTotalWidthRef.current,
+        height: tableBodyContentHeight
+      }
     }, /*#__PURE__*/React.createElement("div", {
-      ref: tableHeadRef,
       className: "".concat(prefixCls, "-tableHeadScrollWrap")
     }, tableHeadNode), /*#__PURE__*/React.createElement("div", Object.assign({}, getTableBodyProps(), {
-      className: classnames("".concat(prefixCls, "-tbody"), _defineProperty({}, "".concat(prefixCls, "-tbody-innerScroll"), height))
-    }), renderNoHeightTableBody()));
+      className: classnames("".concat(prefixCls, "-tbody"))
+    }), renderTableBody())));
   };
 
-  return /*#__PURE__*/React.createElement(ResizeObserver, {
-    onResize: function onResize(_ref2) {
-      var clientWidth = _ref2.width,
-          clientHeight = _ref2.height;
-      setTableClientWidth(clientWidth);
-      setTableClientHeight(clientHeight);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
+    key: tableKey,
     className: prefixCls,
     ref: tableRef,
     style: {
       height: !height ? 'unset' : height
     }
-  }, /*#__PURE__*/React.createElement("div", Object.assign({}, getTableProps(), {
-    className: classnames("".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.createElement(ResizeObserver, {
+    onResize: function onResize(_ref3) {
+      var clientWidth = _ref3.width,
+          clientHeight = _ref3.height;
+      setTableClientWidth(clientWidth);
+      setTableClientHeight(clientHeight);
+    }
+  }, !tableClientWidth ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null)) : /*#__PURE__*/React.createElement("div", Object.assign({}, getTableProps(), {
+    className: classnames("".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/es/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/es/Table/components/TableHead/index.js

@@ -36,7 +36,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,
@@ -228,7 +227,7 @@ function TableHead(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-thead"),
     style: {
-      width: tableContentWidth
+      width: columnsTotalWidthRef.current
     }
   }, headerGroups.map(function (headerGroup) {
     var _headerGroup$getHeade = headerGroup.getHeaderGroupProps(),

package/es/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/es/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/es/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/es/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/es/Table/utils.js

@@ -1,6 +1,6 @@
 var ZERO = 0;
 var NOT_SET = -1;
-var COLUMN_MIN_WIDTH = 72;
+var COLUMN_MIN_WIDTH = 80;
 var HUNDRED = 100; // TODO: 添加单侧
 
 export function getColumnsWidthMap(columns, clientWidth, lastWidthMap) {
@@ -9,12 +9,19 @@ export 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;
@@ -40,7 +47,7 @@ export 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
       });
     });
   } // 设定宽度小于容器宽度时
@@ -72,8 +79,8 @@ export function getColumnsWidthMap(columns, clientWidth, lastWidthMap) {
   };
 }
 
-function getWidthByColumnsWidth(clientWidth, width) {
-  if (width === undefined) {
+function getWidthByColumnsWidth(clientWidth, width, widthFlex) {
+  if (width === undefined || widthFlex) {
     return NOT_SET;
   }
 
@@ -123,7 +130,7 @@ export function getValidScrollThreshold(height, clientHeight) {
   return scrollThreshold;
 }
 export function getPercentageValue(percentage, containerNum) {
-  var percent = Math.floor(Number(percentage.replace('%', '')) / HUNDRED);
+  var percent = Number(percentage.replace('%', '')) / HUNDRED;
   return getValidWidthByNumber(containerNum * percent);
 }
 export function getPxValue(px) {

package/es/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/es/Tabs/index.js

@@ -1,5 +1,5 @@
 import "@aloudata/icons-react/styles/index.less";
-import _More from "@aloudata/icons-react/es/icons/More";
+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"];
@@ -16,7 +16,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 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,
@@ -34,7 +33,7 @@ export default function Tabs(props) {
   return /*#__PURE__*/React.createElement(_Tabs, Object.assign({
     moreIcon: /*#__PURE__*/React.createElement("div", {
       className: "ald-tabs-moreIcon"
-    }, /*#__PURE__*/React.createElement(_More, {
+    }, /*#__PURE__*/React.createElement(_MoreFill, {
       color: "currentColor"
     })),
     tabBarGutter: 24,
@@ -44,5 +43,4 @@ export default function Tabs(props) {
       'ald-tabs-default': size !== 'large'
     })
   }, tabsProps));
-}
-Tabs.TabPane = TabPane;
+}

package/es/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/es/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/es/Tooltip/index.js

@@ -4,8 +4,8 @@ import classNames from 'classnames';
 export default 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,
@@ -18,8 +18,8 @@ export default function Tooltip(props) {
   return /*#__PURE__*/React.createElement(AntdTooltip, {
     title: title,
     overlayClassName: classNames('ald-tooltip-overlay', overlayClassName),
-    visible: visible,
-    onVisibleChange: onVisibleChange,
+    open: open,
+    onOpenChange: onOpenChange,
     trigger: trigger,
     zIndex: zIndex,
     placement: placement,

package/es/index.d.ts

@@ -46,6 +46,8 @@ export type { SpaceProps } from './Space';
 export { default as Space } from './Space';
 export type { SpinProps } from './Spin';
 export { default as Spin } from './Spin';
+export type { ProgressProps } from './Progress';
+export { default as Progress } from './Progress';
 export type { ISwitchProps as SwitchProps } from './Switch';
 export { default as Switch } from './Switch';
 export type { IStepProps as StepProps, IStepsProps as StepsProps } from './Steps';
@@ -53,18 +55,18 @@ export { default as Steps } from './Steps';
 export { default as Form } from './Form';
 export type { FormInstance, FormProps, FormItemProps } from './Form';
 export { default as Divider } from './Divider';
-export type { DividerProps } from './Divider';
+export type { IDividerProps as DividerProps } from './Divider';
 export { default as Drawer } from './Drawer';
 export type { DrawerProps } from './Drawer';
 export { default as Radio } from './Radio';
 export type { RadioProps, RadioGroupProps } from './Radio';
 export { default as Checkbox } from './Checkbox';
-export type { CheckboxProps, CheckboxOptionType } from './Checkbox';
+export type { ICheckboxProps as CheckboxProps, CheckboxOptionType } from './Checkbox';
 export { default as Modal } from './Modal';
 export type { ModalProps, ModalFuncProps } from './Modal';
 export { default as Popover } from './Popover';
 export type { PopoverProps } from './Popover';
-export type { InputNumberProps } from './InputNumber';
+export type { IInputNumberProps as InputNumberProps } from './InputNumber';
 export { default as InputNumber } from './InputNumber';
 export { default as Breadcrumb } from './Breadcrumb';
 export type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';
@@ -75,3 +77,5 @@ export type { IAvatarProps as AvatarProps } from './Avatar';
 export { default as Icon } from './Icon';
 export type { PageHeaderProps } from './PageHeader';
 export { default as PageHeader } from './PageHeader';
+export type { IPopconfirmProps as PopconfirmProps } from './Popconfirm';
+export { default as Popconfirm } from './Popconfirm';

package/es/index.js

@@ -23,6 +23,7 @@ export { default as Skeleton } from './Skeleton';
 export { default as Row } from './Row';
 export { default as Space } from './Space';
 export { default as Spin } from './Spin';
+export { default as Progress } from './Progress';
 export { default as Switch } from './Switch';
 export { default as Steps } from './Steps';
 export { default as Form } from './Form';
@@ -37,4 +38,5 @@ export { default as Breadcrumb } from './Breadcrumb';
 export { default as Empty } from './Empty';
 export { default as Avatar } from './Avatar';
 export { default as Icon } from './Icon';
-export { default as PageHeader } from './PageHeader';
+export { default as PageHeader } from './PageHeader';
+export { default as Popconfirm } from './Popconfirm';