@douyinfe/semi-ui 2.22.0-beta.0 → 2.22.0-beta.2

package/lib/cjs/timePicker/Combobox.js

@@ -165,9 +165,8 @@ class Combobox extends _baseComponent.default {
     const className = "".concat(prefixCls, "-list-hour");
     return /*#__PURE__*/_react.default.createElement(_scrollItem.default, Object.assign({
       ref: current => this.cacheRefCurrent('hour', current),
-      mode: 'wheel',
+      mode: 'normal',
       transform: transformHour,
-      cycled: true,
       className: className,
       list: hourOptionsAdj.map(option => (0, _ComboxFoundation.formatOption)(option, disabledOptions)),
       selectedIndex: hourOptionsAdj.indexOf(hourAdj),
@@ -200,9 +199,8 @@ class Combobox extends _baseComponent.default {
 
     return /*#__PURE__*/_react.default.createElement(_scrollItem.default, Object.assign({
       ref: current => this.cacheRefCurrent('minute', current),
-      mode: 'wheel',
+      mode: 'normal',
       transform: transformMinute,
-      cycled: true,
       list: minuteOptions.map(option => (0, _ComboxFoundation.formatOption)(option, disabledOptions)),
       selectedIndex: minuteOptions.indexOf(minute),
       type: "minute",
@@ -235,9 +233,8 @@ class Combobox extends _baseComponent.default {
 
     return /*#__PURE__*/_react.default.createElement(_scrollItem.default, Object.assign({
       ref: current => this.cacheRefCurrent('second', current),
-      mode: 'wheel',
+      mode: 'normal',
       transform: transformSecond,
-      cycled: true,
       list: secondOptions.map(option => (0, _ComboxFoundation.formatOption)(option, disabledOptions)),
       selectedIndex: secondOptions.indexOf(second),
       className: className,
@@ -269,9 +266,8 @@ class Combobox extends _baseComponent.default {
     const className = "".concat(prefixCls, "-list-ampm");
     return /*#__PURE__*/_react.default.createElement(_scrollItem.default, Object.assign({
       ref: current => this.cacheRefCurrent('ampm', current),
-      mode: 'wheel',
+      mode: 'normal',
       className: className,
-      cycled: false,
       list: AMPMOptions,
       selectedIndex: selected,
       type: "ampm",

package/lib/cjs/timePicker/PanelShape.d.ts

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 export declare const PanelShape: {
-    panelHeader: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    panelFooter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    panelHeader: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+    panelFooter: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
 };
 export declare const PanelShapeDefaults: {};

package/lib/cjs/timePicker/TimePicker.d.ts

@@ -7,7 +7,6 @@ import { InputSize } from '../input';
 import { Position } from '../tooltip';
 import { ScrollItemProps } from '../scrollList/scrollItem';
 import { Locale } from '../locale/interface';
-import { Motion } from '../_base/base';
 export interface Panel {
     panelHeader?: React.ReactNode;
     panelFooter?: React.ReactNode;
@@ -44,7 +43,7 @@ export declare type TimePickerProps = {
     locale?: Locale['TimePicker'];
     localeCode?: string;
     minuteStep?: number;
-    motion?: Motion;
+    motion?: boolean;
     open?: boolean;
     panelFooter?: React.ReactNode;
     panelHeader?: React.ReactNode;
@@ -90,8 +89,8 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
     static propTypes: {
         inputStyle: PropTypes.Requireable<object>;
         preventScroll: PropTypes.Requireable<boolean>;
-        panelHeader: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        panelFooter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        panelHeader: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        panelFooter: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-invalid': PropTypes.Requireable<boolean>;
         'aria-errormessage': PropTypes.Requireable<string>;
@@ -99,11 +98,11 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         'aria-required': PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         clearText: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
+        value: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
+        defaultValue: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
         open: PropTypes.Requireable<boolean>;
         defaultOpen: PropTypes.Requireable<boolean>;
         onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -128,24 +127,24 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         autoFocus: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         panels: PropTypes.Requireable<PropTypes.InferProps<{
-            panelHeader: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            panelFooter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            panelHeader: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+            panelFooter: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         }>[]>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         locale: PropTypes.Requireable<object>;
         localeCode: PropTypes.Requireable<string>;
         dateFnsLocale: PropTypes.Requireable<object>;
-        zIndex: PropTypes.Requireable<string | number>;
+        zIndex: PropTypes.Requireable<NonNullable<string | number>>;
         insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         insetLabelId: PropTypes.Requireable<string>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         type: PropTypes.Requireable<Type>;
         rangeSeparator: PropTypes.Requireable<string>;
         triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
-        timeZone: PropTypes.Requireable<string | number>;
+        timeZone: PropTypes.Requireable<NonNullable<string | number>>;
         scrollItemProps: PropTypes.Requireable<object>;
-        motion: PropTypes.Requireable<boolean | object>;
+        motion: PropTypes.Requireable<NonNullable<boolean | object>>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
@@ -178,6 +177,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         onKeyDown: (...args: any[]) => void;
         size: "default";
         type: "time";
+        motion: boolean;
     };
     foundation: TimePickerFoundation;
     timePickerRef: React.MutableRefObject<HTMLDivElement>;

package/lib/cjs/timePicker/TimePicker.js

@@ -370,6 +370,7 @@ class TimePicker extends _baseComponent.default {
       outerProps.onClick = this.openPanel;
     }
 
+    console.log("===>", disabled ? false : open, motion);
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       ref: this.setTimePickerRef,
       className: (0, _classnames.default)({
@@ -493,5 +494,6 @@ TimePicker.defaultProps = Object.assign({
   focusOnOpen: false,
   onKeyDown: _noop2.default,
   size: 'default',
-  type: _constants.strings.DEFAULT_TYPE
+  type: _constants.strings.DEFAULT_TYPE,
+  motion: true
 }, _PanelShape.PanelShapeDefaults);

package/lib/cjs/timePicker/TimeShape.d.ts

@@ -6,5 +6,5 @@ import PropTypes from 'prop-types';
  * - \[12:00:12, 12:21:12]
  * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
  */
-declare const TimeShape: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
+declare const TimeShape: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
 export { TimeShape };

package/lib/cjs/timePicker/index.d.ts

@@ -10,8 +10,8 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
     static propTypes: {
         inputStyle: import("prop-types").Requireable<object>;
         preventScroll: import("prop-types").Requireable<boolean>;
-        panelHeader: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-        panelFooter: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        panelHeader: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
+        panelFooter: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
         'aria-labelledby': import("prop-types").Requireable<string>;
         'aria-invalid': import("prop-types").Requireable<boolean>;
         'aria-errormessage': import("prop-types").Requireable<string>;
@@ -19,11 +19,11 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         'aria-required': import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
         clearText: import("prop-types").Requireable<string>;
-        value: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
+        value: import("prop-types").Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
         inputReadOnly: import("prop-types").Requireable<boolean>;
         disabled: import("prop-types").Requireable<boolean>;
         showClear: import("prop-types").Requireable<boolean>;
-        defaultValue: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
+        defaultValue: import("prop-types").Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
         open: import("prop-types").Requireable<boolean>;
         defaultOpen: import("prop-types").Requireable<boolean>;
         onOpenChange: import("prop-types").Requireable<(...args: any[]) => any>;
@@ -48,24 +48,24 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         autoFocus: import("prop-types").Requireable<boolean>;
         size: import("prop-types").Requireable<"default" | "small" | "large">;
         panels: import("prop-types").Requireable<import("prop-types").InferProps<{
-            panelHeader: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-            panelFooter: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+            panelHeader: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
+            panelFooter: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
         }>[]>;
         onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
         onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
         locale: import("prop-types").Requireable<object>;
         localeCode: import("prop-types").Requireable<string>;
         dateFnsLocale: import("prop-types").Requireable<object>;
-        zIndex: import("prop-types").Requireable<string | number>;
+        zIndex: import("prop-types").Requireable<NonNullable<string | number>>;
         insetLabel: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
         insetLabelId: import("prop-types").Requireable<string>;
         validateStatus: import("prop-types").Requireable<"default" | "error" | "warning" | "success">;
         type: import("prop-types").Requireable<import("./TimePicker").Type>;
         rangeSeparator: import("prop-types").Requireable<string>;
         triggerRender: import("prop-types").Requireable<(...args: any[]) => any>;
-        timeZone: import("prop-types").Requireable<string | number>;
+        timeZone: import("prop-types").Requireable<NonNullable<string | number>>;
         scrollItemProps: import("prop-types").Requireable<object>;
-        motion: import("prop-types").Requireable<boolean | object>;
+        motion: import("prop-types").Requireable<NonNullable<boolean | object>>;
         autoAdjustOverflow: import("prop-types").Requireable<boolean>;
     };
     static defaultProps: {
@@ -98,6 +98,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         onKeyDown: (...args: any[]) => void;
         size: "default";
         type: "time";
+        motion: boolean;
     };
     render(): JSX.Element;
 }

package/lib/cjs/timeline/index.d.ts

@@ -26,7 +26,7 @@ declare class Timeline extends PureComponent<TimelineProps> {
         mode: string;
     };
     getPosCls: (ele: React.ReactElement, idx: number) => string;
-    addClassName: (items: React.ReactNode) => (string | number | React.ReactFragment | React.ReactElement<any, string | React.JSXElementConstructor<any>>)[];
+    addClassName: (items: React.ReactNode) => (string | number | React.ReactFragment | React.DetailedReactHTMLElement<unknown, HTMLElement>)[];
     render(): JSX.Element;
 }
 export default Timeline;

package/lib/cjs/toast/index.d.ts

@@ -4,8 +4,6 @@ import { ToastListAdapter, ToastListProps, ToastListState } from '@douyinfe/semi
 import '@douyinfe/semi-foundation/lib/cjs/toast/toast.css';
 import useToast from './useToast';
 import { ConfigProps, ToastInstance, ToastProps, ToastState } from '@douyinfe/semi-foundation/lib/cjs/toast/toastFoundation';
-import { Motion } from '../_base/base';
-export type { ToastTransitionProps } from './ToastTransition';
 export interface ToastReactProps extends ToastProps {
     id?: string;
     style?: CSSProperties;
@@ -82,7 +80,7 @@ declare const createBaseToast: () => {
     };
     useToast: typeof useToast;
     defaultOpts: ToastReactProps & {
-        motion: Motion;
+        motion: boolean;
     };
     propTypes: {
         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -176,7 +174,7 @@ declare const _default: {
     };
     useToast: typeof useToast;
     defaultOpts: ToastReactProps & {
-        motion: Motion<any>;
+        motion: boolean;
     };
     propTypes: {
         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/cjs/toast/index.js

@@ -21,12 +21,14 @@ var _toast = _interopRequireDefault(require("./toast"));
 
 require("@douyinfe/semi-foundation/lib/cjs/toast/toast.css");
 
-var _ToastTransition = _interopRequireDefault(require("./ToastTransition"));
-
 var _uuid = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/uuid"));
 
 var _useToast = _interopRequireDefault(require("./useToast"));
 
+var _cssAnimation = _interopRequireDefault(require("../_cssAnimation"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* eslint-disable no-param-reassign */
@@ -252,18 +254,31 @@ const createBaseToast = () => {
         }
       };
 
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((item, index) => item.motion ? /*#__PURE__*/_react.default.createElement(_ToastTransition.default, {
-        key: item.id || index,
-        motion: item.motion
-      }, removedItems.find(removedItem => removedItem.id === item.id) ? null : transitionStyle => /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({}, item, {
-        style: Object.assign(Object.assign({}, transitionStyle), item.style),
-        close: id => this.remove(id),
-        ref: refFn
-      }))) : /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({}, item, {
-        style: Object.assign({}, item.style),
-        close: id => this.remove(id),
-        ref: refFn
-      }))));
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((item, index) => {
+        const isRemoved = removedItems.find(removedItem => removedItem.id === item.id) !== undefined;
+        return /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
+          key: item.id,
+          motion: item.motion,
+          animationState: isRemoved ? "leave" : "enter",
+          startClassName: isRemoved ? "".concat(_constants.cssClasses.PREFIX, "-animation-hide") : "".concat(_constants.cssClasses.PREFIX, "-animation-show")
+        }, _ref2 => {
+          let {
+            animationClassName,
+            animationEventsNeedBind,
+            isAnimating
+          } = _ref2;
+          return isRemoved && !isAnimating ? null : /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({}, item, {
+            className: (0, _classnames.default)({
+              [item.className]: Boolean(item.className),
+              [animationClassName]: true
+            })
+          }, animationEventsNeedBind, {
+            style: Object.assign({}, item.style),
+            close: id => this.remove(id),
+            ref: refFn
+          }));
+        });
+      }));
     }
 
   }, _a.defaultOpts = {

package/lib/cjs/toast/toast.d.ts

@@ -7,6 +7,8 @@ export interface ToastReactProps extends ToastProps {
     style?: CSSProperties;
     icon?: React.ReactNode;
     content: React.ReactNode;
+    onAnimationEnd?: (e: React.AnimationEvent) => void;
+    onAnimationStart?: (e: React.AnimationEvent) => void;
 }
 declare class Toast extends BaseComponent<ToastReactProps, ToastState> {
     static contextType: React.Context<ContextValue>;
@@ -17,11 +19,11 @@ declare class Toast extends BaseComponent<ToastReactProps, ToastState> {
         duration: PropTypes.Requireable<number>;
         theme: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
-        textMaxWidth: PropTypes.Requireable<string | number>;
+        textMaxWidth: PropTypes.Requireable<NonNullable<string | number>>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         showClose: PropTypes.Requireable<boolean>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         direction: PropTypes.Requireable<string>;
     };
     static defaultProps: {

package/lib/cjs/toast/toast.js

@@ -133,7 +133,9 @@ class Toast extends _baseComponent.default {
       className: toastCls,
       style: style,
       onMouseEnter: this.clearCloseTimer,
-      onMouseLeave: this.startCloseTimer
+      onMouseLeave: this.startCloseTimer,
+      onAnimationStart: this.props.onAnimationStart,
+      onAnimationEnd: this.props.onAnimationEnd
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-content")
     }, this.renderIcon(), /*#__PURE__*/_react.default.createElement("span", {

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

@@ -7,8 +7,6 @@ import { strings } from '@douyinfe/semi-foundation/lib/cjs/tooltip/constants';
 import '@douyinfe/semi-foundation/lib/cjs/tooltip/tooltip.css';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import { ContextValue } from '../configProvider/context';
-import { Motion } from '../_base/base';
-export type { TooltipTransitionProps } from './TooltipStyledTransition';
 export declare type Trigger = ArrayElement<typeof strings.TRIGGER_SET>;
 export type { Position };
 export interface ArrowBounding {
@@ -23,7 +21,7 @@ export interface RenderContentProps {
 export declare type RenderContent = (props: RenderContentProps) => React.ReactNode;
 export interface TooltipProps extends BaseProps {
     children?: React.ReactNode;
-    motion?: Motion;
+    motion?: boolean;
     autoAdjustOverflow?: boolean;
     position?: Position;
     getPopupContainer?: () => HTMLElement;
@@ -58,6 +56,7 @@ export interface TooltipProps extends BaseProps {
     wrapperId?: string;
     preventScroll?: boolean;
     disableFocusListener?: boolean;
+    afterClose?: () => void;
 }
 interface TooltipState {
     visible: boolean;
@@ -79,27 +78,27 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
     static contextType: React.Context<ContextValue>;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        motion: PropTypes.Requireable<boolean | object>;
+        motion: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
-        trigger: PropTypes.Validator<"hover" | "focus" | "click" | "custom">;
+        trigger: PropTypes.Validator<NonNullable<"hover" | "focus" | "click" | "custom">>;
         className: PropTypes.Requireable<string>;
         wrapperClassName: PropTypes.Requireable<string>;
         clickToHide: PropTypes.Requireable<boolean>;
         clickTriggerToHide: PropTypes.Requireable<boolean>;
         visible: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<object>;
-        content: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
+        content: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
         prefixCls: PropTypes.Requireable<string>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
         spacing: PropTypes.Requireable<number>;
-        showArrow: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        showArrow: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         zIndex: PropTypes.Requireable<number>;
-        rePosKey: PropTypes.Requireable<string | number>;
+        rePosKey: PropTypes.Requireable<NonNullable<string | number>>;
         arrowBounding: PropTypes.Requireable<PropTypes.InferProps<{
             offsetX: PropTypes.Requireable<number>;
             offsetY: PropTypes.Requireable<number>;

package/lib/cjs/tooltip/index.js

@@ -57,10 +57,10 @@ var _TriangleArrow = _interopRequireDefault(require("./TriangleArrow"));
 
 var _TriangleArrowVertical = _interopRequireDefault(require("./TriangleArrowVertical"));
 
-var _TooltipStyledTransition = _interopRequireDefault(require("./TooltipStyledTransition"));
-
 var _ArrowBoundingShape = _interopRequireDefault(require("./ArrowBoundingShape"));
 
+var _cssAnimation = _interopRequireDefault(require("../_cssAnimation"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
@@ -123,10 +123,8 @@ class Tooltip extends _baseComponent.default {
 
 
     this.didLeave = () => {
-      this.adapter.unregisterClickOutsideHandler();
-      this.adapter.unregisterScrollHandler();
-      this.adapter.unregisterResizeHandler();
-      this.adapter.removePortal();
+      this.foundation.removePortal();
+      this.foundation.unBindEvent();
     };
 
     this.renderIcon = () => {
@@ -220,36 +218,39 @@ class Tooltip extends _baseComponent.default {
       const icon = this.renderIcon();
       const portalInnerStyle = (0, _omit2.default)(containerStyle, motion ? ['transformOrigin'] : undefined);
       const transformOrigin = (0, _get2.default)(containerStyle, 'transformOrigin');
-      const inner = motion && isPositionUpdated ? /*#__PURE__*/_react.default.createElement(_TooltipStyledTransition.default, {
-        position: placement,
-        didLeave: this.didLeave,
-        motion: motion
-      }, transitionState === 'enter' ? _ref => {
+
+      const inner = /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
+        animationState: transitionState,
+        motion: motion && isPositionUpdated,
+        startClassName: transitionState === 'enter' ? "".concat(prefix, "-animation-show") : "".concat(prefix, "-animation-hide"),
+        onAnimationEnd: () => {
+          var _a, _b;
+
+          if (transitionState === 'leave') {
+            this.didLeave();
+            (_b = (_a = this.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+          }
+        }
+      }, _ref => {
         let {
-          animateCls,
-          animateStyle,
-          animateEvents
+          animationStyle,
+          animationClassName,
+          animationEventsNeedBind
         } = _ref;
         return /*#__PURE__*/_react.default.createElement("div", Object.assign({
-          className: (0, _classnames.default)(className, animateCls),
+          className: (0, _classnames.default)(className, animationClassName),
           style: Object.assign(Object.assign(Object.assign({
-            visibility: 'visible'
-          }, animateStyle), {
+            visibility: isPositionUpdated ? 'visible' : "hidden"
+          }, animationStyle), {
             transformOrigin
           }), style)
-        }, portalEventSet, animateEvents, {
+        }, portalEventSet, animationEventsNeedBind, {
           role: role,
           "x-placement": placement,
           id: id
         }), contentNode, icon);
-      } : null) : /*#__PURE__*/_react.default.createElement("div", Object.assign({
-        className: className
-      }, portalEventSet, {
-        "x-placement": placement,
-        style: Object.assign({
-          visibility: motion ? 'hidden' : 'visible'
-        }, style)
-      }), contentNode, icon);
+      });
+
       return /*#__PURE__*/_react.default.createElement(_index.default, {
         getPopupContainer: this.props.getPopupContainer,
         style: {
@@ -385,13 +386,11 @@ class Tooltip extends _baseComponent.default {
           triggerEventSet
         });
       },
-      unregisterTriggerEvent: () => {},
       registerPortalEvent: portalEventSet => {
         this.setState({
           portalEventSet
         });
       },
-      unregisterPortalEvent: () => {},
       getTriggerBounding: () => {
         // eslint-disable-next-line
         // It may be a React component or an html element
@@ -452,14 +451,8 @@ class Tooltip extends _baseComponent.default {
       },
       togglePortalVisible: (visible, cb) => {
         const willUpdateStates = {};
-
-        if (this.adapter.canMotion()) {
-          willUpdateStates.transitionState = visible ? 'enter' : 'leave';
-          willUpdateStates.visible = visible;
-        } else {
-          willUpdateStates.visible = visible;
-        }
-
+        willUpdateStates.transitionState = visible ? 'enter' : 'leave';
+        willUpdateStates.visible = visible;
         this.mounted && this.setState(willUpdateStates, () => {
           cb();
         });
@@ -715,7 +708,7 @@ exports.default = Tooltip;
 Tooltip.contextType = _context.default;
 Tooltip.propTypes = {
   children: _propTypes.default.node,
-  motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object, _propTypes.default.func]),
+  motion: _propTypes.default.bool,
   autoAdjustOverflow: _propTypes.default.bool,
   position: _propTypes.default.oneOf(positionSet),
   getPopupContainer: _propTypes.default.func,

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

@@ -112,7 +112,7 @@ declare class Transfer extends BaseComponent<TransferProps, TransferState> {
         className: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         dataSource: PropTypes.Requireable<any[]>;
-        filter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
+        filter: PropTypes.Requireable<NonNullable<boolean | ((...args: any[]) => any)>>;
         onSearch: PropTypes.Requireable<(...args: any[]) => any>;
         inputProps: PropTypes.Requireable<object>;
         value: PropTypes.Requireable<any[]>;

package/lib/cjs/tree/autoSizer.d.ts

@@ -14,8 +14,8 @@ export interface AutoSizerState {
 }
 export default class AutoSizer extends PureComponent<AutoSizerProps, AutoSizerState> {
     static propTypes: {
-        defaultHeight: PropTypes.Requireable<string | number>;
-        defaultWidth: PropTypes.Requireable<string | number>;
+        defaultHeight: PropTypes.Requireable<NonNullable<string | number>>;
+        defaultWidth: PropTypes.Requireable<NonNullable<string | number>>;
     };
     static defaultProps: {
         defaultHeight: string;

package/lib/cjs/tree/index.d.ts

@@ -17,13 +17,13 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
         showClear: PropTypes.Requireable<boolean>;
         defaultExpandAll: PropTypes.Requireable<boolean>;
         defaultExpandedKeys: PropTypes.Requireable<any[]>;
-        defaultValue: PropTypes.Requireable<string | any[]>;
+        defaultValue: PropTypes.Requireable<NonNullable<string | any[]>>;
         directory: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         expandAll: PropTypes.Requireable<boolean>;
         expandedKeys: PropTypes.Requireable<any[]>;
-        filterTreeNode: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
+        filterTreeNode: PropTypes.Requireable<NonNullable<boolean | ((...args: any[]) => any)>>;
         icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChangeWithObject: PropTypes.Requireable<boolean>;
         motion: PropTypes.Requireable<boolean>;
@@ -42,17 +42,17 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
         style: PropTypes.Requireable<object>;
         treeData: PropTypes.Requireable<PropTypes.InferProps<{
             key: PropTypes.Validator<string>;
-            value: PropTypes.Requireable<string | number>;
+            value: PropTypes.Requireable<NonNullable<string | number>>;
             label: PropTypes.Requireable<any>;
             isLeaf: PropTypes.Requireable<boolean>;
         }>[]>;
         treeDataSimpleJson: PropTypes.Requireable<object>;
         treeNodeFilterProp: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | number | object>;
+        value: PropTypes.Requireable<NonNullable<string | number | object>>;
         virtualize: PropTypes.Requireable<object>;
         autoExpandParent: PropTypes.Requireable<boolean>;
         expandAction: PropTypes.Requireable<string | boolean>;
-        searchRender: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
+        searchRender: PropTypes.Requireable<NonNullable<boolean | ((...args: any[]) => any)>>;
         renderLabel: PropTypes.Requireable<(...args: any[]) => any>;
         renderFullLabel: PropTypes.Requireable<(...args: any[]) => any>;
         leafOnly: PropTypes.Requireable<boolean>;

package/lib/cjs/tree/nodeCollapsible.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+interface NodeCollapsibleProps {
+    key?: string;
+    open?: boolean;
+    motion?: boolean;
+    duration?: number;
+    onMotionEnd?: () => void;
+    children?: ReactNode;
+}
+declare function NodeCollapsible(props: NodeCollapsibleProps): JSX.Element;
+export default NodeCollapsible;