@douyinfe/semi-ui 2.22.0-alpha.0 → 2.22.0-beta.1

package/lib/cjs/typography/title.d.ts

@@ -28,12 +28,12 @@ export interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement
 }
 export default class Title extends PureComponent<TitleProps> {
     static propTypes: {
-        copyable: PropTypes.Requireable<boolean | object>;
+        copyable: PropTypes.Requireable<NonNullable<boolean | object>>;
         delete: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
-        ellipsis: PropTypes.Requireable<boolean | object>;
+        ellipsis: PropTypes.Requireable<NonNullable<boolean | object>>;
         mark: PropTypes.Requireable<boolean>;
-        link: PropTypes.Requireable<boolean | object>;
+        link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;

package/lib/cjs/upload/fileCard.d.ts

@@ -21,7 +21,7 @@ declare class FileCard extends PureComponent<FileCardProps> {
         previewFile: PropTypes.Requireable<(...args: any[]) => any>;
         showReplace: PropTypes.Requireable<boolean>;
         showRetry: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string | number>;
+        size: PropTypes.Requireable<NonNullable<string | number>>;
         status: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         url: PropTypes.Requireable<string>;

package/lib/es/_base/baseComponent.js

@@ -49,6 +49,9 @@ export default class BaseComponent extends Component {
           e.stopPropagation();
           e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
         } catch (error) {}
+      },
+      persistEvent: e => {
+        e && e.persist && typeof e.persist === 'function' ? e.persist() : null;
       }
     };
   }

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

@@ -0,0 +1,39 @@
+import React, { CSSProperties, ReactNode } from 'react';
+interface AnimationEventsNeedBind {
+    onAnimationStart?: (e: React.AnimationEvent) => void;
+    onAnimationEnd?: (e: React.AnimationEvent) => void;
+    [key: string]: (e: any) => void;
+}
+interface AnimationProps {
+    startClassName?: string;
+    endClassName?: string;
+    children: ({}: {
+        animationClassName: string;
+        animationStyle: CSSProperties;
+        animationEventsNeedBind: AnimationEventsNeedBind;
+        isAnimating: boolean;
+    }) => ReactNode;
+    animationState: "enter" | "leave";
+    onAnimationEnd?: (stoppedByAnother: boolean) => void;
+    onAnimationStart?: () => void;
+    motion?: boolean;
+    replayKey?: string;
+}
+interface AnimationState {
+    currentClassName: string;
+    extraStyle: CSSProperties;
+    isAnimating: boolean;
+}
+declare class CSSAnimation extends React.Component<AnimationProps, AnimationState> {
+    static defaultProps: {
+        motion: boolean;
+        replayKey: string;
+    };
+    constructor(props: any);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<AnimationProps>, prevState: Readonly<AnimationState>, snapshot?: any): void;
+    handleAnimationStart: () => void;
+    handleAnimationEnd: () => void;
+    render(): React.ReactNode;
+}
+export default CSSAnimation;

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

@@ -49,8 +49,8 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
         targetOffset: PropTypes.Requireable<number>;
         showTooltip: PropTypes.Requireable<boolean>;
         position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
-        maxWidth: PropTypes.Requireable<string | number>;
-        maxHeight: PropTypes.Requireable<string | number>;
+        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>;
@@ -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/checkbox/checkbox.d.ts

@@ -6,7 +6,11 @@ import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/checkbox/checkbox.css';
 import { CheckboxContextType } from './context';
 import { CheckboxType } from './checkboxGroup';
-export declare type CheckboxEvent = BasicCheckboxEvent;
+export interface CheckboxEvent extends BasicCheckboxEvent {
+    nativeEvent: {
+        stopImmediatePropagation: () => void;
+    };
+}
 export declare type TargetObject = BasicTargetObject;
 export interface CheckboxProps extends BaseCheckboxProps {
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];

package/lib/es/checkbox/checkbox.js

@@ -54,6 +54,30 @@ class Checkbox extends BaseComponent {
         } = this.props;
         onChange && onChange(cbContent);
       },
+      generateEvent: (checked, e) => {
+        const {
+          props
+        } = this;
+        const cbValue = {
+          target: Object.assign(Object.assign({}, props), {
+            checked
+          }),
+          stopPropagation: () => {
+            e.stopPropagation();
+          },
+          preventDefault: () => {
+            e.preventDefault();
+          },
+          nativeEvent: {
+            stopImmediatePropagation: () => {
+              if (e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
+                e.nativeEvent.stopImmediatePropagation();
+              }
+            }
+          }
+        };
+        return cbValue;
+      },
       getIsInGroup: () => this.isInGroup(),
       getGroupValue: () => this.context && this.context.checkboxGroup.value || [],
       notifyGroupChange: cbContent => {

package/lib/es/checkbox/checkboxGroup.js

@@ -27,8 +27,8 @@ class CheckboxGroup extends BaseComponent {
           value
         });
       },
-      notifyChange: evt => {
-        this.props.onChange && this.props.onChange(evt);
+      notifyChange: value => {
+        this.props.onChange && this.props.onChange(value);
       }
     });
   }

package/lib/es/checkbox/context.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { BasicCheckboxEvent } from '@douyinfe/semi-foundation/lib/es/checkbox/checkboxFoundation';
 declare type CheckboxContextType = {
     checkboxGroup?: {
-        onChange: (evt: BasicCheckboxEvent) => void;
+        onChange: (evt: any) => void;
         value: any[];
         disabled: boolean;
         name: any;

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: {