@douyinfe/semi-ui 2.8.2 → 2.9.0

package/lib/es/divider/index.js

@@ -0,0 +1,68 @@
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
+    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React from 'react';
+import cls from 'classnames';
+import { cssClasses } from '@douyinfe/semi-foundation/lib/es/divider/constants';
+import '@douyinfe/semi-foundation/lib/es/divider/divider.css';
+const prefixCls = cssClasses.PREFIX;
+
+const Divider = props => {
+  var _context;
+
+  const {
+    layout = 'horizontal',
+    dashed,
+    align = 'center',
+    className,
+    margin,
+    style,
+    children
+  } = props,
+        rest = __rest(props, ["layout", "dashed", "align", "className", "margin", "style", "children"]);
+
+  const dividerClassNames = cls("".concat(prefixCls, "-divider"), className, {
+    ["".concat(prefixCls, "-divider-horizontal")]: layout === 'horizontal',
+    ["".concat(prefixCls, "-divider-vertical")]: layout === 'vertical',
+    ["".concat(prefixCls, "-divider-dashed")]: !!dashed,
+    ["".concat(prefixCls, "-divider-with-text")]: children && layout === 'horizontal',
+    [_concatInstanceProperty(_context = "".concat(prefixCls, "-divider-with-text-")).call(_context, align)]: children && layout === 'horizontal'
+  });
+  let overrideDefaultStyle = {};
+
+  if (margin !== undefined) {
+    if (layout === 'vertical') {
+      overrideDefaultStyle = {
+        'marginLeft': margin,
+        'marginRight': margin
+      };
+    } else if (layout === 'horizontal') {
+      overrideDefaultStyle = {
+        'marginTop': margin,
+        'marginBottom': margin
+      };
+    }
+  }
+
+  return /*#__PURE__*/React.createElement("div", _Object$assign({}, rest, {
+    className: dividerClassNames,
+    style: _Object$assign(_Object$assign({}, overrideDefaultStyle), style)
+  }), children && layout === 'horizontal' ? typeof children === 'string' ? /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-divider_inner-text")
+  }, children) : children : null);
+};
+
+export default Divider;

package/lib/es/form/baseForm.d.ts

@@ -21,7 +21,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
         initValues: PropTypes.Requireable<object>;
         getFormApi: PropTypes.Requireable<(...args: any[]) => any>;
-        component: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        component: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         render: PropTypes.Requireable<(...args: any[]) => any>;
         validateFields: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;

package/lib/es/form/errorMessage.d.ts

@@ -14,7 +14,7 @@ export interface ErrorMessageProps {
 }
 export default class ErrorMessage extends PureComponent<ErrorMessageProps> {
     static propTypes: {
-        error: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        error: PropTypes.Requireable<any[] | PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         validateStatus: PropTypes.Requireable<string>;

package/lib/es/iconButton/index.d.ts

@@ -31,7 +31,7 @@ declare class IconButton extends PureComponent<IconButtonProps> {
         style: PropTypes.Requireable<object>;
         loading: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        icon: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
         iconSize: PropTypes.Requireable<string>;
         noHorizontalPadding: PropTypes.Requireable<string | boolean | any[]>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/es/index.d.ts

@@ -20,6 +20,7 @@ export { default as Collapsible } from './collapsible';
 export { default as ConfigProvider } from './configProvider';
 export { default as DatePicker } from './datePicker';
 export { default as Descriptions } from './descriptions';
+export { default as Divider } from './divider';
 export { default as Empty } from './empty';
 export { default as Modal } from './modal';
 export { default as Dropdown } from './dropdown';

package/lib/es/index.js

@@ -20,6 +20,7 @@ export { default as Collapsible } from './collapsible';
 export { default as ConfigProvider } from './configProvider';
 export { default as DatePicker } from './datePicker';
 export { default as Descriptions } from './descriptions';
+export { default as Divider } from './divider';
 export { default as Empty } from './empty';
 export { default as Modal } from './modal';
 export { default as Dropdown } from './dropdown';

package/lib/es/modal/Modal.js

@@ -214,6 +214,9 @@ class Modal extends BaseComponent {
         this.props.onOk(e);
       },
       notifyClose: () => {
+        var _a, _b;
+
+        (_b = (_a = this.props.motion) === null || _a === void 0 ? void 0 : _a.didLeave) === null || _b === void 0 ? void 0 : _b.call(_a);
         this.props.afterClose();
       },
       toggleHidden: (hidden, callback) => {

package/lib/es/modal/confirm.d.ts

@@ -15,7 +15,7 @@ export declare function withInfo(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -57,7 +57,7 @@ export declare function withSuccess(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -99,7 +99,7 @@ export declare function withWarning(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -141,7 +141,7 @@ export declare function withError(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -183,7 +183,7 @@ export declare function withConfirm(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;

package/lib/es/navigation/Header.d.ts

@@ -15,7 +15,7 @@ export default class NavHeader extends PureComponent<NavHeaderProps> {
     static contextType: React.Context<NavContextType>;
     static propTypes: {
         prefixCls: PropTypes.Requireable<string>;
-        logo: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        logo: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
         text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         style: PropTypes.Requireable<object>;

package/lib/es/navigation/index.d.ts

@@ -107,8 +107,8 @@ declare class Nav extends BaseComponent<NavProps, NavState> {
         className: PropTypes.Requireable<string>;
         toggleIconPosition: PropTypes.Requireable<string>;
         prefixCls: PropTypes.Requireable<string>;
-        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        header: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
+        footer: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
         limitIndent: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {

package/lib/es/popover/index.d.ts

@@ -46,7 +46,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
     static contextType: React.Context<ContextValue>;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         visible: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         motion: PropTypes.Requireable<boolean | object>;

package/lib/es/progress/index.d.ts

@@ -33,7 +33,7 @@ declare class Progress extends Component<ProgressProps, ProgressState> {
         'aria-valuetext': PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         direction: PropTypes.Requireable<string>;
-        format: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        format: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         id: PropTypes.Requireable<string>;
         motion: PropTypes.Requireable<boolean | object>;
         orbitStroke: PropTypes.Requireable<string>;

package/lib/es/scrollList/scrollItem.js

@@ -39,6 +39,8 @@ export default class ScrollItem extends BaseComponent {
     this._cacheSelectorNode = selector => this._cacheNode('selector', selector);
 
     this._cacheWrapperNode = wrapper => this._cacheNode('wrapper', wrapper);
+    /* istanbul ignore next */
+
 
     this._isFirst = node => {
       const {
@@ -55,6 +57,8 @@ export default class ScrollItem extends BaseComponent {
 
       return false;
     };
+    /* istanbul ignore next */
+
 
     this._isLast = node => {
       const {

package/lib/es/select/optionGroup.d.ts

@@ -10,7 +10,7 @@ export interface OptionGroupProps {
 declare class OptionGroup extends BaseComponent<OptionGroupProps> {
     static isSelectOptionGroup: boolean;
     static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Requireable<any[] | PropTypes.ReactNodeLike>;
         label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;

package/lib/es/slider/index.js

@@ -266,7 +266,10 @@ export default class Slider extends BaseComponent {
           ["".concat(prefixCls, "-dot-active")]: this.foundation.isMarkActive(Number(mark)) === 'active'
         });
         const markPercent = (Number(mark) - min) / (max - min);
-        return activeResult ? /*#__PURE__*/React.createElement("span", {
+        return activeResult ?
+        /*#__PURE__*/
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        React.createElement("span", {
           key: mark,
           onClick: e => this.foundation.handleWrapClick(e),
           className: markClass,
@@ -448,6 +451,7 @@ export default class Slider extends BaseComponent {
       onHandleMove: function (mousePos, isMin) {
         let stateChangeCallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _noop;
         let clickTrack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+        let outPutValue = arguments.length > 4 ? arguments[4] : undefined;
 
         const sliderDOMIsInRenderTree = _this.foundation.checkAndUpdateIsInRenderTreeState();
 
@@ -456,32 +460,32 @@ export default class Slider extends BaseComponent {
         }
 
         const {
-          value,
-          onChange
+          value
         } = _this.props;
+        let finalOutPutValue = outPutValue;
 
-        const moveValue = _this.foundation.transPosToValue(mousePos, isMin);
+        if (finalOutPutValue === undefined) {
+          const moveValue = _this.foundation.transPosToValue(mousePos, isMin);
 
-        if (moveValue === false) {
-          return;
-        }
+          if (moveValue === false) {
+            return;
+          }
 
-        const outPutValue = _this.foundation.outPutValue(moveValue);
+          finalOutPutValue = _this.foundation.outPutValue(moveValue);
+        }
 
         const {
           currentValue
         } = _this.state;
 
-        if (!_isEqual(_this.foundation.outPutValue(currentValue), outPutValue)) {
-          onChange(outPutValue);
-
+        if (!_isEqual(_this.foundation.outPutValue(currentValue), finalOutPutValue)) {
           if (!clickTrack && _this.foundation.valueFormatIsCorrect(value)) {
             // still require afterChangeCallback when click on the track directly, need skip here
             return false;
           }
 
           _this.setState({
-            currentValue: outPutValue
+            currentValue: finalOutPutValue
           }, stateChangeCallback);
         }
       },

package/lib/es/table/Body/BaseRow.d.ts

@@ -52,7 +52,7 @@ export default class TableRow extends BaseComponent<BaseRowProps, Record<string,
         columns: PropTypes.Validator<any[]>;
         components: PropTypes.Validator<object>;
         disabled: PropTypes.Requireable<boolean>;
-        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         expandableRow: PropTypes.Requireable<boolean>;
         expanded: PropTypes.Requireable<boolean>;
         expandedRow: PropTypes.Requireable<boolean>;

package/lib/es/table/Body/ExpandedRow.d.ts

@@ -36,7 +36,7 @@ export default class TableExpandedRow extends PureComponent<TableExpandedRowProp
         components: PropTypes.Requireable<object>;
         defaultExpandAllRows: PropTypes.Requireable<boolean>;
         defaultExpandedRowKeys: PropTypes.Requireable<any[]>;
-        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        expandIcon: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
         expandRowByClick: PropTypes.Requireable<boolean>;
         expanded: PropTypes.Requireable<boolean>;
         expandedRowKeys: PropTypes.Requireable<any[]>;

package/lib/es/table/Column.d.ts

@@ -27,7 +27,7 @@ export default class Column extends React.PureComponent<ColumnProps> {
         sortDirections: import("prop-types").Requireable<string[]>;
         sortOrder: import("prop-types").Requireable<string | boolean>;
         sorter: import("prop-types").Requireable<boolean | ((...args: any[]) => any)>;
-        title: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        title: import("prop-types").Requireable<import("prop-types").ReactNodeLike | ((...args: any[]) => any)>;
         useFullRender: import("prop-types").Requireable<boolean>;
         width: import("prop-types").Requireable<string | number>;
     };

package/lib/es/table/ColumnShape.d.ts

@@ -25,7 +25,7 @@ declare const _default: {
     sortDirections: PropTypes.Requireable<string[]>;
     sortOrder: PropTypes.Requireable<string | boolean>;
     sorter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
-    title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
     useFullRender: PropTypes.Requireable<boolean>;
     width: PropTypes.Requireable<string | number>;
 };

package/lib/es/table/CustomExpandIcon.d.ts

@@ -21,7 +21,7 @@ declare namespace CustomExpandIcon {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         prefixCls: PropTypes.Requireable<string>;
         motion: PropTypes.Requireable<boolean>;
     };

package/lib/es/table/Table.d.ts

@@ -80,15 +80,15 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
             sortDirections: PropTypes.Requireable<string[]>;
             sortOrder: PropTypes.Requireable<string | boolean>;
             sorter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
-            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
             useFullRender: PropTypes.Requireable<boolean>;
             width: PropTypes.Requireable<string | number>;
         }>[]>;
         hideExpandedColumn: PropTypes.Requireable<boolean>;
         id: PropTypes.Requireable<string>;
-        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         expandCellFixed: PropTypes.Requireable<boolean | "left" | "right">;
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         onHeaderRow: PropTypes.Requireable<(...args: any[]) => any>;
         showHeader: PropTypes.Requireable<boolean>;
         indentSize: PropTypes.Requireable<number>;
@@ -106,7 +106,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         defaultExpandedRowKeys: PropTypes.Requireable<any[]>;
         pagination: PropTypes.Requireable<boolean | object>;
         renderPagination: PropTypes.Requireable<(...args: any[]) => any>;
-        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        footer: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         empty: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         dataSource: PropTypes.Requireable<any[]>;
         childrenRecordName: PropTypes.Requireable<string>;
@@ -294,7 +294,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         defaultCurrentPage?: number;
         onPageChange?: (currentPage: number) => void;
         onPageSizeChange?: (newPageSize: number) => void;
-        onChange: ((currentPage: number, pageSize: number) => void) | ((currentPage: number, currentPageSize: number) => void);
+        onChange: (currentPage: number, pageSize: number) => void;
         prevText?: React.ReactNode;
         nextText?: React.ReactNode;
         showSizeChanger?: boolean;

package/lib/es/table/index.d.ts

@@ -43,15 +43,15 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
             sortDirections: PropTypes.Requireable<string[]>;
             sortOrder: PropTypes.Requireable<string | boolean>;
             sorter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
-            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
             useFullRender: PropTypes.Requireable<boolean>;
             width: PropTypes.Requireable<string | number>;
         }>[]>;
         hideExpandedColumn: PropTypes.Requireable<boolean>;
         id: PropTypes.Requireable<string>;
-        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         expandCellFixed: PropTypes.Requireable<boolean | "left" | "right">;
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         onHeaderRow: PropTypes.Requireable<(...args: any[]) => any>;
         showHeader: PropTypes.Requireable<boolean>;
         indentSize: PropTypes.Requireable<number>;
@@ -69,7 +69,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
         defaultExpandedRowKeys: PropTypes.Requireable<any[]>;
         pagination: PropTypes.Requireable<boolean | object>;
         renderPagination: PropTypes.Requireable<(...args: any[]) => any>;
-        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        footer: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         empty: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         dataSource: PropTypes.Requireable<any[]>;
         childrenRecordName: PropTypes.Requireable<string>;

package/lib/es/tabs/TabPane.js

@@ -48,6 +48,8 @@ class TabPane extends PureComponent {
 
       return false;
     };
+    /* istanbul ignore next */
+
 
     this.hideScroll = () => {
       if (this.ref && this.ref.current) {
@@ -55,6 +57,8 @@ class TabPane extends PureComponent {
         this.isAnimating = true;
       }
     };
+    /* istanbul ignore next */
+
 
     this.autoScroll = () => {
       if (this.ref && this.ref.current) {

package/lib/es/tabs/index.js

@@ -49,6 +49,8 @@ class Tabs extends BaseComponent {
     this.onTabClick = (activeKey, event) => {
       this.foundation.handleTabClick(activeKey, event);
     };
+    /* istanbul ignore next */
+
 
     this.rePosChildren = (children, activeKey) => {
       const newChildren = [];

package/lib/es/tagInput/index.d.ts

@@ -82,7 +82,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onRemove: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
-        validateStatus: PropTypes.Requireable<"default" | "error" | "warning">;
+        validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         'aria-label': PropTypes.Requireable<string>;

package/lib/es/tooltip/index.d.ts

@@ -87,7 +87,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         clickTriggerToHide: PropTypes.Requireable<boolean>;
         visible: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<object>;
-        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         prefixCls: PropTypes.Requireable<string>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/transfer/index.d.ts

@@ -39,6 +39,7 @@ export interface SourcePanelProps {
     noMatch: boolean;
     filterData: Array<DataItem>;
     sourceData: Array<DataItem>;
+    propsDataSource: DataSource;
     allChecked: boolean;
     showNumber: number;
     inputValue: string;

package/lib/es/transfer/index.js

@@ -254,7 +254,8 @@ class Transfer extends BaseComponent {
       loading,
       type,
       emptyContent,
-      renderSourcePanel
+      renderSourcePanel,
+      dataSource
     } = this.props;
     const totalToken = locale.total;
     const inSearchMode = inputValue !== '';
@@ -312,6 +313,7 @@ class Transfer extends BaseComponent {
       noMatch,
       filterData,
       sourceData: data,
+      propsDataSource: dataSource,
       allChecked: !leftContainesNotInSelected,
       showNumber,
       inputValue,

package/modal/Modal.tsx

@@ -15,6 +15,7 @@ import confirm, { withConfirm, withError, withInfo, withSuccess, withWarning } f
 import { Locale } from '../locale/interface';
 import useModal from './useModal';
 import { ButtonProps } from '../button/Button';
+import { MotionObject } from "@douyinfe/semi-foundation/utils/type";
 
 export const destroyFns: any[] = [];
 export type ConfirmType = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
@@ -156,6 +157,7 @@ class Modal extends BaseComponent<ModalReactProps, ModalState> {
                 this.props.onOk(e);
             },
             notifyClose: () => {
+                (this.props.motion as MotionObject)?.didLeave?.();
                 this.props.afterClose();
             },
             toggleHidden: (hidden: boolean, callback?: (hidden: boolean) => void) => {

package/modal/confirm.tsx

@@ -118,4 +118,4 @@ export function withConfirm(props: ModalReactProps) {
         icon: <IconHelpCircle />,
         ...props
     };
-}
+}

package/overflowList/_story/overflowList.stories.js

@@ -352,5 +352,49 @@ const LargeData = () => {
   );
 };
 
+export const OverflowListWithSlide = () =>{
+   const [width, setWidth] = useState(100);
+    const renderOverflow = items => {
+        return items.length ? <Tag style={{ flex: '0 0 auto' }}>+{items.length}</Tag> : null;
+    };
+    const renderItem = (item, ind) => {
+        return (
+            <Tag color="blue" key={item.key} style={{ marginRight: 8, flex: '0 0 auto' }}>
+                {item.icon}
+                {item.key}
+            </Tag>
+        );
+    };
+
+    const items = [
+        { icon: <IconAlarm style={{ marginRight: 4 }} />, key: 'alarm' },
+        { icon: <IconBookmark style={{ marginRight: 4 }} />, key: 'bookmark' },
+        { icon: <IconCamera style={{ marginRight: 4 }} />, key: 'camera' },
+        { icon: <IconDuration style={{ marginRight: 4 }} />, key: 'duration' },
+        { icon: <IconEdit style={{ marginRight: 4 }} />, key: 'edit' },
+        { icon: <IconFolder style={{ marginRight: 4 }} />, key: 'folder' },
+    ];
+
+    return (
+        <div>
+            <Slider step={1} value={width} onChange={value => setWidth(value)} />
+            <br />
+            <br />
+            <div style={{ width: `${width}%` }}>
+                <OverflowList
+                    items={items}
+                    // minVisibleItems={3}
+                    overflowRenderer={renderOverflow}
+                    visibleItemRenderer={renderItem}
+                />
+            </div>
+        </div>
+    );
+}
+
+OverflowListWithSlide.story = {
+  name: 'overflowList with slide',
+};
+
 // TODO large data will cause memory heap
 // stories.add('large amount of data', () => <LargeData />);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.8.2",
+    "version": "2.9.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -14,12 +14,12 @@
     },
     "dependencies": {
         "@babel/runtime-corejs3": "^7.15.4",
-        "@douyinfe/semi-animation": "2.8.2",
-        "@douyinfe/semi-animation-react": "2.8.2",
-        "@douyinfe/semi-foundation": "2.8.2",
-        "@douyinfe/semi-icons": "2.8.2",
-        "@douyinfe/semi-illustrations": "2.8.2",
-        "@douyinfe/semi-theme-default": "2.8.2",
+        "@douyinfe/semi-animation": "2.9.0",
+        "@douyinfe/semi-animation-react": "2.9.0",
+        "@douyinfe/semi-foundation": "2.9.0",
+        "@douyinfe/semi-icons": "2.9.0",
+        "@douyinfe/semi-illustrations": "2.9.0",
+        "@douyinfe/semi-theme-default": "2.9.0",
         "@types/react-window": "^1.8.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -69,13 +69,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "436e0a2bd28a1d641c26cd9a35269e05abe205cd",
+    "gitHead": "22b74e58077b068daa6b35bc8b32f47a064734a3",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",
         "@babel/preset-react": "^7.14.5",
-        "@douyinfe/semi-scss-compile": "2.8.2",
+        "@douyinfe/semi-scss-compile": "2.9.0",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "babel-loader": "^8.2.2",