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

package/lib/es/_cssAnimation/index.js

@@ -0,0 +1,122 @@
+import _isEqual from "lodash/isEqual";
+import React from 'react';
+
+class CSSAnimation extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.handleAnimationStart = () => {
+      var _a, _b;
+
+      (_b = (_a = this.props).onAnimationStart) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+
+    this.handleAnimationEnd = () => {
+      this.setState({
+        currentClassName: this.props.endClassName,
+        extraStyle: {},
+        isAnimating: false
+      }, () => {
+        var _a, _b;
+
+        (_b = (_a = this.props).onAnimationEnd) === null || _b === void 0 ? void 0 : _b.call(_a, false);
+      });
+    };
+
+    this.state = {
+      currentClassName: this.props.startClassName,
+      extraStyle: {},
+      isAnimating: true
+    };
+  }
+
+  componentDidMount() {
+    var _a, _b, _c, _d; // The purpose is to shield the impact of the presence or absence of animation on the other semi component life cycle.
+    // In order to make the component side do not need to manually call the next life cycle function when there is no animation,
+    // so when there is no animation , it is logically (and only logically) regarded as an animation with a duration of 0.
+
+
+    (_b = (_a = this.props).onAnimationStart) === null || _b === void 0 ? void 0 : _b.call(_a);
+
+    if (!this.props.motion) {
+      (_d = (_c = this.props).onAnimationEnd) === null || _d === void 0 ? void 0 : _d.call(_c, false);
+      this.setState({
+        isAnimating: false
+      });
+    }
+  }
+
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    const changedKeys = Object.keys(this.props).filter(key => !_isEqual(this.props[key], prevProps[key]));
+
+    if (changedKeys.includes("animationState")) {}
+
+    if (changedKeys.includes("startClassName") || changedKeys.includes('replayKey') || changedKeys.includes("motion")) {
+      this.setState({
+        currentClassName: this.props.startClassName,
+        extraStyle: {},
+        isAnimating: true
+      }, () => {
+        var _a, _b, _c, _d;
+
+        (_b = (_a = this.props).onAnimationStart) === null || _b === void 0 ? void 0 : _b.call(_a);
+
+        if (!this.props.motion) {
+          (_d = (_c = this.props).onAnimationEnd) === null || _d === void 0 ? void 0 : _d.call(_c, this.state.isAnimating);
+          this.setState({
+            isAnimating: false
+          });
+        }
+      });
+    }
+  }
+
+  render() {
+    var _a;
+
+    if (this.props.motion) {
+      return this.props.children({
+        animationClassName: (_a = this.state.currentClassName) !== null && _a !== void 0 ? _a : "",
+        animationStyle: this.state.extraStyle,
+        animationEventsNeedBind: {
+          onAnimationStart: this.handleAnimationStart,
+          onAnimationEnd: this.handleAnimationEnd
+        },
+        isAnimating: this.state.isAnimating
+      });
+    } else {
+      return this.props.children({
+        animationClassName: "",
+        animationStyle: {},
+        animationEventsNeedBind: {},
+        isAnimating: this.state.isAnimating
+      });
+    }
+  }
+
+}
+
+CSSAnimation.defaultProps = {
+  motion: true,
+  replayKey: ""
+}; // const mergeAnimationFunction = (eventHandleFunctions: AnimationEventsNeedBind[]) => {
+//     //merge function in objects
+//     const mergedFunction = {};
+//     eventHandleFunctions.forEach(eventHandleFunction => {
+//         Object.keys(eventHandleFunction).forEach(key => {
+//             if (mergedFunction[key]) {
+//                 const oldFunction = mergedFunction[key];
+//                 mergedFunction[key] = (e) => {
+//                     eventHandleFunction[key](e);
+//                     oldFunction(e);
+//                 };
+//             } else {
+//                 mergedFunction[key] = eventHandleFunction[key];
+//             }
+//         });
+//     });
+//     return mergedFunction;
+// };
+// export { mergeAnimationFunction };
+
+export default CSSAnimation;

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

@@ -48,9 +48,9 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
         offsetTop: PropTypes.Requireable<number>;
         targetOffset: PropTypes.Requireable<number>;
         showTooltip: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
-        maxWidth: PropTypes.Requireable<string | number>;
-        maxHeight: PropTypes.Requireable<string | number>;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        maxWidth: PropTypes.Requireable<NonNullable<string | number>>;
+        maxHeight: PropTypes.Requireable<NonNullable<string | number>>;
         getContainer: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/anchor/link.d.ts

@@ -16,7 +16,7 @@ export interface LinkProps {
 export default class Link extends BaseComponent<LinkProps, {}> {
     static propTypes: {
         href: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
     };

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

@@ -5,7 +5,6 @@ import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import { Position } from '../tooltip';
 import Option from './option';
 import '@douyinfe/semi-foundation/lib/es/autoComplete/autoComplete.css';
-import { Motion } from '../_base/base';
 /**
  * AutoComplete is an enhanced Input (candidates suggest that users can choose or not),
  * and the Select positioning that supports Search is still a selector.
@@ -42,7 +41,7 @@ export interface AutoCompleteProps<T extends AutoCompleteItems> {
     insetLabelId?: string;
     id?: string;
     loading?: boolean;
-    motion?: Motion;
+    motion?: boolean;
     maxHeight?: string | number;
     mouseEnterDelay?: number;
     mouseLeaveDelay?: number;
@@ -98,7 +97,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         data: PropTypes.Requireable<any[]>;
         defaultOpen: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | number>;
+        defaultValue: PropTypes.Requireable<NonNullable<string | number>>;
         defaultActiveFirstOption: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         dropdownMatchSelectWidth: PropTypes.Requireable<boolean>;
@@ -115,7 +114,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        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">;
         placeholder: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChangeWithObject: PropTypes.Requireable<boolean>;
@@ -126,14 +125,14 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         showClear: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         style: PropTypes.Requireable<object>;
-        stopPropagation: PropTypes.Requireable<string | boolean>;
-        maxHeight: PropTypes.Requireable<string | number>;
+        stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
+        maxHeight: PropTypes.Requireable<NonNullable<string | number>>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
-        motion: PropTypes.Requireable<boolean | object>;
+        motion: PropTypes.Requireable<NonNullable<boolean | object>>;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
-        value: PropTypes.Requireable<string | number>;
+        value: PropTypes.Requireable<NonNullable<string | number>>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         zIndex: PropTypes.Requireable<number>;
     };

package/lib/es/autoComplete/option.d.ts

@@ -25,7 +25,7 @@ declare class Option extends PureComponent<OptionProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<string | number>;
+        value: PropTypes.Requireable<NonNullable<string | number>>;
         selected: PropTypes.Requireable<boolean>;
         label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         empty: PropTypes.Requireable<boolean>;

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

@@ -26,8 +26,8 @@ export default class Banner extends BaseComponent<BannerProps, BannerState> {
         type: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        closeIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        closeIcon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

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

@@ -43,11 +43,11 @@ declare class Breadcrumb extends BaseComponent<BreadcrumbProps, BreadcrumbState>
         children: propTypes.Requireable<propTypes.ReactNodeLike>;
         style: propTypes.Requireable<object>;
         renderItem: propTypes.Requireable<(...args: any[]) => any>;
-        showTooltip: propTypes.Requireable<boolean | propTypes.InferProps<{
-            width: propTypes.Requireable<string | number>;
+        showTooltip: propTypes.Requireable<NonNullable<boolean | propTypes.InferProps<{
+            width: propTypes.Requireable<NonNullable<string | number>>;
             ellipsisPos: propTypes.Requireable<string>;
             opts: propTypes.Requireable<object>;
-        }>>;
+        }>>>;
         className: propTypes.Requireable<string>;
         autoCollapse: propTypes.Requireable<boolean>;
         maxItemCount: propTypes.Requireable<number>;

package/lib/es/breadcrumb/item.d.ts

@@ -24,12 +24,12 @@ export default class BreadcrumbItem extends BaseComponent<BreadcrumbItemProps, B
     static contextType: React.Context<BreadContextType>;
     static propTypes: {
         onClick: propTypes.Requireable<(...args: any[]) => any>;
-        route: propTypes.Requireable<string | object>;
+        route: propTypes.Requireable<NonNullable<string | object>>;
         name: propTypes.Requireable<string>;
         children: propTypes.Requireable<propTypes.ReactNodeLike>;
         active: propTypes.Requireable<boolean>;
         shouldRenderSeparator: propTypes.Requireable<boolean>;
-        icon: propTypes.Requireable<propTypes.ReactNodeLike>;
+        icon: propTypes.Requireable<NonNullable<propTypes.ReactNodeLike>>;
         separator: propTypes.Requireable<propTypes.ReactNodeLike>;
         noLink: propTypes.Requireable<boolean>;
     };
@@ -42,7 +42,7 @@ export default class BreadcrumbItem extends BaseComponent<BreadcrumbItemProps, B
     constructor(props: BreadcrumbItemProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    renderIcon: () => string | number | boolean | React.ReactFragment | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    renderIcon: () => string | number | boolean | React.ReactFragment | React.DetailedReactHTMLElement<unknown, HTMLElement>;
     getTooltipOpt: () => {
         width: number;
         ellipsisPos: string;

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

@@ -12,9 +12,9 @@ declare class Button extends React.PureComponent<ButtonProps> {
         style: import("prop-types").Requireable<object>;
         loading: import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
-        icon: import("prop-types").Requireable<object | import("prop-types").ReactNodeLike>;
+        icon: import("prop-types").Requireable<NonNullable<object | import("prop-types").ReactNodeLike>>;
         iconSize: import("prop-types").Requireable<string>;
-        noHorizontalPadding: import("prop-types").Requireable<string | boolean | any[]>;
+        noHorizontalPadding: import("prop-types").Requireable<NonNullable<string | boolean | any[]>>;
         children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
         theme: import("prop-types").Requireable<string>;
         iconPosition: import("prop-types").Requireable<"left" | "right">;

package/lib/es/calendar/dayCalendar.d.ts

@@ -21,8 +21,8 @@ export default class DayCalendar extends BaseComponent<DayCalendarProps, DayCale
         renderTimeDisplay: PropTypes.Requireable<(...args: any[]) => any>;
         markWeekend: PropTypes.Requireable<boolean>;
         scrollTop: PropTypes.Requireable<number>;
-        width: PropTypes.Requireable<string | number>;
-        height: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<NonNullable<string | number>>;
+        height: PropTypes.Requireable<NonNullable<string | number>>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         dateGridRender: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -23,8 +23,8 @@ declare class Calendar extends BaseComponent<CalendarProps, {}> {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         renderTimeDisplay: PropTypes.Requireable<(...args: any[]) => any>;
         markWeekend: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-        height: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<NonNullable<string | number>>;
+        height: PropTypes.Requireable<NonNullable<string | number>>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
     };

package/lib/es/calendar/monthCalendar.d.ts

@@ -19,8 +19,8 @@ export default class monthCalendar extends BaseComponent<MonthCalendarProps, Mon
         events: PropTypes.Requireable<any[]>;
         mode: PropTypes.Requireable<string>;
         markWeekend: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-        height: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<NonNullable<string | number>>;
+        height: PropTypes.Requireable<NonNullable<string | number>>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         dateGridRender: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/calendar/rangeCalendar.d.ts

@@ -21,8 +21,8 @@ export default class RangeCalendar extends BaseComponent<RangeCalendarProps, Ran
         scrollTop: PropTypes.Requireable<number>;
         renderTimeDisplay: PropTypes.Requireable<(...args: any[]) => any>;
         dateGridRender: PropTypes.Requireable<(...args: any[]) => any>;
-        width: PropTypes.Requireable<string | number>;
-        height: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<NonNullable<string | number>>;
+        height: PropTypes.Requireable<NonNullable<string | number>>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
     };

package/lib/es/calendar/weekCalendar.d.ts

@@ -21,8 +21,8 @@ export default class WeekCalendar extends BaseComponent<WeekCalendarProps, WeekC
         scrollTop: PropTypes.Requireable<number>;
         renderTimeDisplay: PropTypes.Requireable<(...args: any[]) => any>;
         dateGridRender: PropTypes.Requireable<(...args: any[]) => any>;
-        width: PropTypes.Requireable<string | number>;
-        height: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<NonNullable<string | number>>;
+        height: PropTypes.Requireable<NonNullable<string | number>>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
     };

package/lib/es/card/cardGroup.d.ts

@@ -16,7 +16,7 @@ declare class CardGroup extends PureComponent<CardGroupProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
-        spacing: PropTypes.Requireable<number | any[]>;
+        spacing: PropTypes.Requireable<NonNullable<number | any[]>>;
         style: PropTypes.Requireable<object>;
         type: PropTypes.Requireable<string>;
     };

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

@@ -16,7 +16,7 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         activeIndex: PropTypes.Requireable<number>;
         animation: PropTypes.Requireable<"slide" | "fade">;
         arrowProps: PropTypes.Requireable<object>;
-        autoPlay: PropTypes.Requireable<boolean | object>;
+        autoPlay: PropTypes.Requireable<NonNullable<boolean | object>>;
         className: PropTypes.Requireable<string>;
         defaultActiveIndex: PropTypes.Requireable<number>;
         indicatorPosition: PropTypes.Requireable<"left" | "right" | "center">;

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

@@ -7,7 +7,6 @@ import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import Input from '../input/index';
 import { PopoverProps } from '../popover/index';
 import { CascaderData, Entities, Entity, Data } from './item';
-import { Motion } from '../_base/base';
 import { Position } from '../tooltip/index';
 export type { CascaderType, ShowNextType } from '@douyinfe/semi-foundation/lib/es/cascader/foundation';
 export type { CascaderData, Entity, Data, CascaderItemProps } from './item';
@@ -31,7 +30,7 @@ export interface CascaderProps extends BasicCascaderProps {
     defaultValue?: Value;
     dropdownStyle?: CSSProperties;
     emptyContent?: ReactNode;
-    motion?: Motion;
+    motion?: boolean;
     treeData?: Array<CascaderData>;
     restTagsPopoverProps?: PopoverProps;
     children?: React.ReactNode;
@@ -72,13 +71,13 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         'aria-label': PropTypes.Requireable<string>;
         arrowIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         changeOnSelect: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | any[]>;
+        defaultValue: PropTypes.Requireable<NonNullable<string | any[]>>;
         disabled: PropTypes.Requireable<boolean>;
         dropdownClassName: PropTypes.Requireable<string>;
         dropdownStyle: PropTypes.Requireable<object>;
         emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        motion: PropTypes.Requireable<boolean | object>;
-        filterTreeNode: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
+        motion: PropTypes.Requireable<boolean>;
+        filterTreeNode: PropTypes.Requireable<NonNullable<boolean | ((...args: any[]) => any)>>;
         filterLeafOnly: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<string>;
         searchPlaceholder: PropTypes.Requireable<string>;
@@ -86,7 +85,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         treeData: PropTypes.Requireable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<string | number>;
+            value: PropTypes.Requireable<NonNullable<string | number>>;
             label: PropTypes.Requireable<any>;
         }>[]>;
         treeNodeFilterProp: PropTypes.Requireable<string>;
@@ -105,10 +104,10 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         zIndex: PropTypes.Requireable<number>;
-        value: PropTypes.Requireable<string | number | any[]>;
+        value: PropTypes.Requireable<NonNullable<string | number | any[]>>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         showNext: PropTypes.Requireable<"hover" | "click">;
-        stopPropagation: PropTypes.Requireable<string | boolean>;
+        stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
         showClear: PropTypes.Requireable<boolean>;
         defaultOpen: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;

package/lib/es/cascader/index.js

@@ -861,7 +861,8 @@ class Cascader extends BaseComponent {
       onInputChange: this.handleInputChange,
       // TODO Modify logic, not modify type
       onRemove: v => this.handleTagRemove(null, v),
-      placeholder: placeholder
+      placeholder: placeholder,
+      expandRestTagsOnClick: false
     });
   }
 
@@ -909,7 +910,8 @@ class Cascader extends BaseComponent {
       stopPropagation,
       mouseLeaveDelay,
       mouseEnterDelay,
-      position
+      position,
+      motion
     } = this.props;
     const {
       isOpen,
@@ -921,11 +923,10 @@ class Cascader extends BaseComponent {
     const content = this.renderContent();
     const selection = this.renderSelection();
     const pos = position !== null && position !== void 0 ? position : direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
-    const mergedMotion = this.foundation.getMergedMotion();
     return /*#__PURE__*/React.createElement(Popover, {
       getPopupContainer: getPopupContainer,
       zIndex: zIndex,
-      motion: mergedMotion,
+      motion: motion,
       ref: this.optionsRef,
       content: content,
       visible: isOpen,
@@ -935,7 +936,8 @@ class Cascader extends BaseComponent {
       autoAdjustOverflow: autoAdjustOverflow,
       stopPropagation: stopPropagation,
       mouseLeaveDelay: mouseLeaveDelay,
-      mouseEnterDelay: mouseEnterDelay
+      mouseEnterDelay: mouseEnterDelay,
+      afterClose: () => this.foundation.updateSearching(false)
     }, selection);
   }
 
@@ -956,7 +958,7 @@ Cascader.propTypes = {
   dropdownClassName: PropTypes.string,
   dropdownStyle: PropTypes.object,
   emptyContent: PropTypes.node,
-  motion: PropTypes.oneOfType([PropTypes.bool, PropTypes.func, PropTypes.object]),
+  motion: PropTypes.bool,
 
   /* show search input, if passed in a function, used as custom filter */
   filterTreeNode: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),

package/lib/es/collapse/collapse-context.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { Motion } from '../_base/base';
 export interface CollapseContextType {
     activeSet: Set<string>;
     expandIcon: React.ReactNode;
@@ -7,7 +6,7 @@ export interface CollapseContextType {
     keepDOM: boolean;
     expandIconPosition: 'left' | 'right';
     onClick: (activeKey: string, e: React.MouseEvent) => void;
-    motion: Motion;
+    motion: boolean;
 }
 declare const CollapseContext: React.Context<CollapseContextType>;
 export default CollapseContext;

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

@@ -17,8 +17,8 @@ export type { CollapseState };
 declare class Collapse extends BaseComponent<CollapseReactProps, CollapseState> {
     static Panel: typeof CollapsePanel;
     static propTypes: {
-        activeKey: PropTypes.Requireable<string | any[]>;
-        defaultActiveKey: PropTypes.Requireable<string | any[]>;
+        activeKey: PropTypes.Requireable<NonNullable<string | any[]>>;
+        defaultActiveKey: PropTypes.Requireable<NonNullable<string | any[]>>;
         accordion: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -26,7 +26,7 @@ declare class Collapse extends BaseComponent<CollapseReactProps, CollapseState>
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         keepDOM: PropTypes.Requireable<boolean>;
-        motion: PropTypes.Requireable<boolean | object>;
+        motion: PropTypes.Requireable<NonNullable<boolean | object>>;
         expandIconPosition: PropTypes.Requireable<string>;
     };
     static defaultProps: {

package/lib/es/collapse/item.d.ts

@@ -17,9 +17,9 @@ export default class CollapsePanel extends PureComponent<CollapsePanelProps> {
     static propTypes: {
         itemKey: PropTypes.Requireable<string>;
         extra: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        header: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
-        reCalcKey: PropTypes.Requireable<string | number>;
+        reCalcKey: PropTypes.Requireable<NonNullable<string | number>>;
         showArrow: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
     };

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

@@ -1,8 +1,10 @@
-import PropTypes from 'prop-types';
 import React from 'react';
-import { Motion } from '../_base/base';
-export interface CollapsibleProps {
-    motion?: Motion;
+import type { CollapsibleAdapter, CollapsibleFoundationProps, CollapsibleFoundationState } from '@douyinfe/semi-foundation/lib/es/collapsible/foundation';
+import CollapsibleFoundation from '@douyinfe/semi-foundation/lib/es/collapsible/foundation';
+import BaseComponent from "../_base/baseComponent";
+import '@douyinfe/semi-foundation/lib/es/collapsible/collapsible.css';
+interface CollapsibleProps extends CollapsibleFoundationProps {
+    motion?: boolean;
     children?: React.ReactNode;
     isOpen?: boolean;
     duration?: number;
@@ -12,26 +14,37 @@ export interface CollapsibleProps {
     collapseHeight?: number;
     reCalcKey?: number | string;
     id?: string;
+    onMotionEnd?: () => void;
 }
-declare const Collapsible: {
-    (props: CollapsibleProps): JSX.Element;
-    propType: {
-        motion: PropTypes.Requireable<boolean | object>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        isOpen: PropTypes.Requireable<boolean>;
-        duration: PropTypes.Requireable<number>;
-        keepDOM: PropTypes.Requireable<boolean>;
-        collapseHeight: PropTypes.Requireable<number>;
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        reCalcKey: PropTypes.Requireable<string | number>;
-    };
-    defaultProps: {
+interface CollapsibleState extends CollapsibleFoundationState {
+    domInRenderTree: boolean;
+    domHeight: number;
+    visible: boolean;
+    isTransitioning: boolean;
+}
+declare class Collapsible extends BaseComponent<CollapsibleProps, CollapsibleState> {
+    static defaultProps: {
         isOpen: boolean;
         duration: number;
         motion: boolean;
         keepDOM: boolean;
         collapseHeight: number;
+        fade: boolean;
     };
-};
+    foundation: CollapsibleFoundation;
+    private domRef;
+    private resizeObserver;
+    constructor(props: CollapsibleProps);
+    get adapter(): CollapsibleAdapter<CollapsibleProps, CollapsibleState>;
+    static getEntryInfo: (entry: ResizeObserverEntry) => {
+        isShown: boolean;
+        height: number;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<CollapsibleProps>, prevState: Readonly<CollapsibleState>, snapshot?: any): void;
+    componentWillUnmount(): void;
+    handleResize: (entryList: ResizeObserverEntry[]) => void;
+    isChildrenInRenderTree: () => boolean;
+    render(): JSX.Element;
+}
 export default Collapsible;