@douyinfe/semi-ui 2.0.9-alpha.0 → 2.0.9-alpha.2

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

@@ -16,15 +16,16 @@ import { Motion } from '../_base/base';
 export interface BaseDataItem extends DataItem {
     label?: React.ReactNode;
 }
-export interface AutoCompleteProps<Item extends BaseDataItem = BaseDataItem> {
+export declare type AutoCompleteItems = BaseDataItem | string | number;
+export interface AutoCompleteProps<T extends AutoCompleteItems> {
     autoAdjustOverflow?: boolean;
     autoFocus?: boolean;
     className?: string;
     children?: React.ReactNode;
-    data?: Array<string | Item | number>;
+    data?: T[];
     disabled?: boolean;
     defaultOpen?: boolean;
-    defaultValue?: string | number | Item;
+    defaultValue?: T;
     defaultActiveFirstOption?: boolean;
     dropdownMatchSelectWidth?: boolean;
     dropdownClassName?: string;
@@ -41,7 +42,7 @@ export interface AutoCompleteProps<Item extends BaseDataItem = BaseDataItem> {
     onBlur?: (e: React.FocusEvent) => void;
     onChange?: (value: string | number) => void;
     onSearch?: (inputValue: string) => void;
-    onSelect?: (value: string | Item | number) => void;
+    onSelect?: (value: T) => void;
     onClear?: () => void;
     onChangeWithObject?: boolean;
     onSelectWithObject?: boolean;
@@ -49,8 +50,8 @@ export interface AutoCompleteProps<Item extends BaseDataItem = BaseDataItem> {
     prefix?: React.ReactNode;
     placeholder?: string;
     position?: Position;
-    renderItem?: (option: Item | string) => React.ReactNode;
-    renderSelectedItem?: (option: Item) => string;
+    renderItem?: (option: T) => React.ReactNode;
+    renderSelectedItem?: (option: T) => string;
     size?: 'small' | 'default' | 'large';
     style?: React.CSSProperties;
     suffix?: React.ReactNode;
@@ -74,7 +75,7 @@ interface AutoCompleteState {
     rePosKey: number;
     keyboardEventSet?: KeyboardEventType;
 }
-declare class AutoComplete extends BaseComponent<AutoCompleteProps, AutoCompleteState> {
+declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<AutoCompleteProps<T>, AutoCompleteState> {
     static propTypes: {
         autoFocus: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
@@ -118,15 +119,39 @@ declare class AutoComplete extends BaseComponent<AutoCompleteProps, AutoComplete
         zIndex: PropTypes.Requireable<number>;
     };
     static Option: typeof Option;
-    static defaultProps: Partial<AutoCompleteProps>;
+    static defaultProps: {
+        stopPropagation: boolean;
+        motion: boolean;
+        zIndex: number;
+        position: "bottomLeft";
+        data: [];
+        showClear: boolean;
+        disabled: boolean;
+        size: "default";
+        onFocus: (...args: any[]) => void;
+        onSearch: (...args: any[]) => void;
+        onClear: (...args: any[]) => void;
+        onBlur: (...args: any[]) => void;
+        onSelect: (...args: any[]) => void;
+        onChange: (...args: any[]) => void;
+        onSelectWithObject: boolean;
+        onDropdownVisibleChange: (...args: any[]) => void;
+        defaultActiveFirstOption: boolean;
+        dropdownMatchSelectWidth: boolean;
+        loading: boolean;
+        maxHeight: number;
+        validateStatus: "default";
+        autoFocus: boolean;
+        emptyContent: null;
+    };
     triggerRef: React.RefObject<HTMLDivElement> | null;
     optionsRef: React.RefObject<HTMLDivElement> | null;
     private clickOutsideHandler;
-    constructor(props: AutoCompleteProps);
-    get adapter(): AutoCompleteAdapter<AutoCompleteProps, AutoCompleteState>;
+    constructor(props: AutoCompleteProps<T>);
+    get adapter(): AutoCompleteAdapter<AutoCompleteProps<T>, AutoCompleteState>;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    componentDidUpdate(prevProps: AutoCompleteProps, prevState: AutoCompleteState): void;
+    componentDidUpdate(prevProps: AutoCompleteProps<T>, prevState: AutoCompleteState): void;
     onSelect: (option: StateOptionItem, optionIndex: number, e: React.MouseEvent | React.KeyboardEvent) => void;
     onSearch: (value: string) => void;
     onBlur: (e: React.FocusEvent) => void;

package/lib/es/calendar/dayCalendar.js

@@ -95,7 +95,7 @@ export default class DayCalendar extends BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       cacheEventKeys: cachedKeys => {

package/lib/es/calendar/monthCalendar.js

@@ -331,7 +331,7 @@ export default class monthCalendar extends BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       setItemLimit: itemLimit => {

package/lib/es/calendar/rangeCalendar.js

@@ -206,7 +206,7 @@ export default class RangeCalendar extends BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       cacheEventKeys: cachedKeys => {

package/lib/es/calendar/weekCalendar.js

@@ -208,7 +208,7 @@ export default class WeekCalendar extends BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       cacheEventKeys: cachedKeys => {

package/lib/es/datePicker/yearAndMonth.d.ts

@@ -32,8 +32,8 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         onSelect: (...args: any[]) => void;
     };
     foundation: YearAndMonthFoundation;
-    yearRef: React.RefObject<ScrollItem>;
-    monthRef: React.RefObject<ScrollItem>;
+    yearRef: React.RefObject<ScrollItem<YearScrollItem>>;
+    monthRef: React.RefObject<ScrollItem<MonthScrollItem>>;
     constructor(props: YearAndMonthProps);
     get adapter(): YearAndMonthAdapter;
     static getDerivedStateFromProps(props: YearAndMonthProps, state: YearAndMonthState): Partial<YearAndMonthFoundationState>;

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

@@ -128,7 +128,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         children?: React.ReactNode;
     }), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Rating: React.ComponentType<import("utility-types").Subtract<import("../rating").RatingProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static AutoComplete: React.ComponentType<import("utility-types").Subtract<import("../autoComplete").AutoCompleteProps<import("../autoComplete").BaseDataItem>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+    static AutoComplete: React.ComponentType<import("utility-types").Subtract<import("../autoComplete").AutoCompleteProps<import("../autoComplete").AutoCompleteItems>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Upload: React.ComponentType<import("utility-types").Subtract<import("../upload").UploadProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static TagInput: React.ComponentType<import("utility-types").Subtract<import("../tagInput").TagInputProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Slot: (props: import("./slot").SlotProps) => JSX.Element;

package/lib/es/form/baseForm.js

@@ -49,8 +49,7 @@ class Form extends BaseComponent {
     this.state = {
       formId: getUuidv4()
     };
-    warning( // @ts-ignore special usage
-    props.component && props.render, '[Semi Form] You should not use <Form component> and <Form render> in ths same time; <Form render> will be ignored');
+    warning(Boolean(props.component && props.render), '[Semi Form] You should not use <Form component> and <Form render> in ths same time; <Form render> will be ignored');
     warning(props.component && props.children && !isEmptyChildren(props.children), '[Semi Form] You should not use <Form component> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
     warning(props.render && props.children && !isEmptyChildren(props.children), '[Semi Form] You should not use <Form render> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
     this.submit = _bindInstanceProperty(_context = this.submit).call(_context, this);

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

@@ -90,7 +90,7 @@ declare const FormCascader: import("react").ComponentType<import("utility-types"
     children?: import("react").ReactNode;
 }), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormRating: import("react").ComponentType<import("utility-types").Subtract<import("../rating/index").RatingProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormAutoComplete: import("react").ComponentType<import("utility-types").Subtract<import("../autoComplete/index").AutoCompleteProps<import("../autoComplete/index").BaseDataItem>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+declare const FormAutoComplete: import("react").ComponentType<import("utility-types").Subtract<import("../autoComplete/index").AutoCompleteProps<import("../autoComplete/index").AutoCompleteItems>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormUpload: import("react").ComponentType<import("utility-types").Subtract<import("../upload/index").UploadProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormTagInput: import("react").ComponentType<import("utility-types").Subtract<import("../tagInput/index").TagInputProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 export { FormInput, FormInputNumber, FormTextArea, FormSelect, FormCheckboxGroup, FormCheckbox, FormRadioGroup, FormRadio, FormDatePicker, FormSwitch, FormSlider, FormTimePicker, FormTreeSelect, FormCascader, FormRating, FormAutoComplete, FormUpload, FormTagInput };

package/lib/es/form/hoc/withField.js

@@ -507,10 +507,14 @@ function withField(Component, opts) {
       return useMemo(() => FieldComponent, [...shouldUpdate]);
     } else {
       // Some Custom Component with inner state shouldn't be memo, otherwise the component will not updated when the internal state is updated
-      // Fixed issue 328
       return FieldComponent;
     }
   };
+  /**
+   * Reasons for using ts-igonre: skip strict check of ref
+   */
+  // @ts-ignore-next-line 
+
 
   SemiField = /*#__PURE__*/forwardRef(SemiField);
   SemiField.displayName = getDisplayName(Component);

package/lib/es/locale/localeConsumer.d.ts

@@ -2,12 +2,12 @@ import React, { Component } from 'react';
 import { Locale as dateFns } from 'date-fns';
 import PropTypes from 'prop-types';
 import { Locale } from './interface';
-declare type ChildrenRender = (componentLocal: Locale[keyof Locale], localeCode: string, dateFnsLocale: dateFns) => React.ReactNode;
-export interface LocaleConsumerProps {
+declare type ChildrenRender<T> = (componentLocal: T, localeCode: string, dateFnsLocale: dateFns) => React.ReactNode;
+export interface LocaleConsumerProps<T> {
     componentName: string;
-    children?: ChildrenRender;
+    children?: ChildrenRender<T>;
 }
-export default class LocaleConsumer extends Component<LocaleConsumerProps> {
+export default class LocaleConsumer<T> extends Component<LocaleConsumerProps<T>> {
     static propTypes: {
         componentName: PropTypes.Validator<string>;
         children: PropTypes.Requireable<any>;
@@ -15,7 +15,7 @@ export default class LocaleConsumer extends Component<LocaleConsumerProps> {
     static defaultProps: {
         componentName: string;
     };
-    renderChildren(localeData: Locale, children: ChildrenRender): React.ReactNode;
+    renderChildren(localeData: Locale, children: ChildrenRender<T>): React.ReactNode;
     render(): JSX.Element;
 }
 export {};

package/lib/es/modal/useModal/HookModal.d.ts

@@ -6,8 +6,9 @@ interface HookModalProps {
     config: ConfirmProps;
     motion?: Motion;
 }
-declare const _default: React.ForwardRefExoticComponent<HookModalProps & React.RefAttributes<{
+export interface HookModalRef {
     destroy: () => void;
     update: (newConfig: ConfirmProps) => void;
-}>>;
+}
+declare const _default: React.ForwardRefExoticComponent<HookModalProps & React.RefAttributes<HookModalRef>>;
 export default _default;

package/lib/es/modal/useModal/index.js

@@ -1,7 +1,7 @@
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import React from 'react';
 import HookModal from './HookModal';
-import { withConfirm, withInfo, withSuccess, withError, withWarning } from '../confirm';
+import { withConfirm, withError, withInfo, withSuccess, withWarning } from '../confirm';
 let uuid = 0;
 
 function usePatchElement() {

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

@@ -7,7 +7,7 @@ import Item, { NavItemProps } from './Item';
 import Footer, { NavFooterProps } from './Footer';
 import Header, { NavHeaderProps } from './Header';
 import '@douyinfe/semi-foundation/lib/es/navigation/navigation.css';
-import { Motion } from '_base/base';
+import { Motion } from '../_base/base';
 export { CollapseButtonProps } from './CollapseButton';
 export { NavFooterProps } from './Footer';
 export { NavHeaderProps } from './Header';

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

@@ -43,7 +43,7 @@ declare class NotificationList extends BaseComponent<NotificationListProps, Noti
     static destroyAll(): void;
     static config(opts: ConfigProps): void;
     add: (noticeOpts: NoticeProps) => any;
-    remove: (id: string) => void;
+    remove: (id: string | number) => void;
     destroyAll: () => any;
     renderNoticeInPosition: (notices: NoticeInstance[], position: NoticePosition, removedItems?: NoticeInstance[]) => JSX.Element;
     setPosInStyle(noticeInstance: NoticeInstance): {};

package/lib/es/notification/index.js

@@ -39,7 +39,7 @@ class NotificationList extends BaseComponent {
     this.add = noticeOpts => this.foundation.addNotice(noticeOpts);
 
     this.remove = id => {
-      this.foundation.removeNotice(id);
+      this.foundation.removeNotice(String(id));
     };
 
     this.destroyAll = () => this.foundation.destroyAll();

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

@@ -23,7 +23,7 @@ export interface RatingProps {
     onFocus?: (e: React.FocusEvent) => void;
     onBlur?: (e: React.FocusEvent) => void;
     onKeyDown?: (e: React.KeyboardEvent) => void;
-    onClick?: (e: React.MouseEvent, index: number) => void;
+    onClick?: (e: React.MouseEvent | React.KeyboardEvent, index: number) => void;
     autoFocus?: boolean;
     size?: 'small' | 'default' | number;
     tooltips?: string[];

package/lib/es/resizeObserver/index.js

@@ -12,6 +12,7 @@ export default class ReactResizeObserver extends BaseComponent {
         // using findDOMNode for two reasons:
         // 1. cloning to insert a ref is unwieldy and not performant.
         // 2. ensure that we resolve to an actual DOM node (instead of any JSX ref instance).
+        // eslint-disable-next-line
         return findDOMNode(this.childNode || this);
       } catch (error) {
         // swallow error if findDOMNode is run on unmounted component.

package/lib/es/scrollList/scrollItem.d.ts

@@ -4,12 +4,12 @@ import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
 import { Item, ScrollItemAdapter } from '@douyinfe/semi-foundation/lib/es/scrollList/itemFoundation';
 import { Motion } from '../_base/base';
-export interface ScrollItemProps {
+export interface ScrollItemProps<T extends Item> {
     mode?: string;
     cycled?: boolean;
-    list?: Item[];
+    list?: T[];
     selectedIndex?: number;
-    onSelect?: (data: Item) => void;
+    onSelect?: (data: T) => void;
     transform?: (value: any, text: string) => string;
     className?: string;
     motion?: Motion;
@@ -20,7 +20,7 @@ export interface ScrollItemState {
     prependCount: number;
     appendCount: number;
 }
-export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollItemState> {
+export default class ScrollItem<T extends Item> extends BaseComponent<ScrollItemProps<T>, ScrollItemState> {
     static propTypes: {
         mode: PropTypes.Requireable<string>;
         cycled: PropTypes.Requireable<boolean>;
@@ -36,7 +36,7 @@ export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollIte
     static defaultProps: {
         selectedIndex: number;
         motion: boolean;
-        list: Item[];
+        list: readonly [];
         onSelect: (...args: any[]) => void;
         cycled: boolean;
         mode: string;
@@ -51,9 +51,9 @@ export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollIte
     throttledAdjustList: import("lodash").DebouncedFunc<(e: any, nearestNode: any) => void>;
     debouncedSelect: import("lodash").DebouncedFunc<(e: any, nearestNode: any) => void>;
     constructor(props?: {});
-    get adapter(): ScrollItemAdapter<ScrollItemProps, ScrollItemState>;
+    get adapter(): ScrollItemAdapter<ScrollItemProps<T>, ScrollItemState, T>;
     componentDidMount(): void;
-    componentDidUpdate(prevProps: ScrollItemProps): void;
+    componentDidUpdate(prevProps: ScrollItemProps<T>): void;
     _cacheNode: (name: string, node: Element) => Element;
     _cacheSelectedNode: (selectedNode: Element) => Element;
     _cacheWillSelectNode: (node: Element) => Element;
@@ -74,7 +74,7 @@ export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollIte
     indexIsSame: (index1: number, index2: number) => boolean;
     isDisabledIndex: (index: number) => boolean;
     isDisabledNode: (node: Element) => boolean;
-    isDisabledData: (data: Item) => boolean;
+    isDisabledData: (data: T) => boolean;
     isWheelMode: () => boolean;
     addClassToNode: (selectedNode: Element, selectedCls?: string) => void;
     getIndexByNode: (node: Element) => number;

package/lib/es/select/index.js

@@ -25,7 +25,7 @@ import BaseComponent from '../_base/baseComponent';
 import { isEqual, isString, noop } from 'lodash-es';
 import Tag from '../tag/index';
 import TagGroup from '../tag/group';
-import LocaleCosumer from '../locale/localeConsumer';
+import LocaleConsumer from '../locale/localeConsumer';
 import Popover from '../popover/index';
 import { numbers as popoverNumbers } from '@douyinfe/semi-foundation/lib/es/popover/constants';
 import { FixedSizeList as List } from 'react-window';
@@ -474,7 +474,7 @@ class Select extends BaseComponent {
       }, option, {
         focused: isFocused,
         style: style
-      }), /*#__PURE__*/React.createElement(LocaleCosumer, {
+      }), /*#__PURE__*/React.createElement(LocaleConsumer, {
         componentName: "Select"
       }, locale => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
         className: "".concat(prefixcls, "-create-tips")

package/lib/es/select/option.js

@@ -20,7 +20,7 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { isString } from 'lodash-es';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/select/constants';
-import LocaleCosumer from '../locale/localeConsumer';
+import LocaleConsumer from '../locale/localeConsumer';
 import { IconTick } from '@douyinfe/semi-icons';
 import { getHighLightTextHTML } from '../_utils/index';
 
@@ -97,7 +97,7 @@ class Option extends PureComponent {
         return null;
       }
 
-      return /*#__PURE__*/React.createElement(LocaleCosumer, {
+      return /*#__PURE__*/React.createElement(LocaleConsumer, {
         componentName: "Select"
       }, locale => /*#__PURE__*/React.createElement("div", {
         className: optionClassName

package/lib/es/select/utils.js

@@ -41,8 +41,6 @@ const generateOption = (child, parent) => {
 };
 
 const getOptionsFromGroup = selectChildren => {
-  var _context;
-
   let optionGroups = [];
   let options = [];
   const emptyGroup = {
@@ -52,8 +50,8 @@ const getOptionsFromGroup = selectChildren => {
   }; // avoid null
   // eslint-disable-next-line max-len
 
-  const childNodes = _filterInstanceProperty(_context = React.Children.toArray(selectChildren)).call(_context, childNode => childNode && childNode.props);
-
+  let childNodes = React.Children.toArray(selectChildren);
+  childNodes = _filterInstanceProperty(childNodes).call(childNodes, childNode => childNode && childNode.props);
   let type = '';
 
   _forEachInstanceProperty(childNodes).call(childNodes, child => {

package/lib/es/sideSheet/SideSheetContent.d.ts

@@ -1,7 +1,7 @@
 import React, { CSSProperties } from 'react';
 import PropTypes from 'prop-types';
 export interface SideSheetContentProps {
-    onClose?: (e: React.MouseEvent | MouseEvent) => void;
+    onClose?: (e: React.MouseEvent) => void;
     mask?: boolean;
     maskStyle?: CSSProperties;
     maskClosable?: boolean;

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

@@ -13,7 +13,7 @@ export interface SideSheetReactProps extends SideSheetProps {
     title?: React.ReactNode;
     footer?: React.ReactNode;
     children?: React.ReactNode;
-    onCancel?: (e: React.MouseEvent) => void;
+    onCancel?: (e: React.MouseEvent | React.KeyboardEvent) => void;
 }
 export { SideSheetState };
 export default class SideSheet extends BaseComponent<SideSheetReactProps, SideSheetState> {
@@ -52,8 +52,8 @@ export default class SideSheet extends BaseComponent<SideSheetReactProps, SideSh
     componentDidMount(): void;
     componentDidUpdate(prevProps: SideSheetReactProps, prevState: SideSheetState, snapshot: any): void;
     componentWillUnmount(): void;
-    handleCancel: (e: MouseEvent) => void;
-    handleKeyDown: (e: MouseEvent) => void;
+    handleCancel: (e: React.MouseEvent) => void;
+    handleKeyDown: (e: KeyboardEvent) => void;
     renderContent(): JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/steps/basicSteps.js

@@ -2,7 +2,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { cloneElement, Children, useMemo } from 'react';
+import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -26,7 +26,7 @@ const Steps = props => {
   const inner = useMemo(() => {
     var _context;
 
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
 
     const content = _mapInstanceProperty(Children).call(Children, filteredChildren, (child, index) => {
       if (!child) {

package/lib/es/steps/fillSteps.js

@@ -2,7 +2,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { cloneElement, Children, useMemo } from 'react';
+import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -25,7 +25,7 @@ const Steps = props => {
   const inner = useMemo(() => {
     var _context;
 
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
 
     const colStyle = direction === 'vertical' ? null : {
       width: "".concat(100 / filteredChildren.length, "%")
@@ -69,7 +69,7 @@ const Steps = props => {
     });
 
     return content;
-  }, [children, initial, prefixCls, direction, status, current]);
+  }, [children, initial, prefixCls, direction, status, current, onChange]);
   const wrapperCls = cls(className, {
     [prefixCls]: true,
     [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-")).call(_context2, direction)]: true

package/lib/es/steps/navSteps.js

@@ -2,7 +2,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { cloneElement, Children, useMemo } from 'react';
+import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -23,7 +23,7 @@ const Steps = props => {
   const inner = useMemo(() => {
     var _context;
 
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
 
     const total = filteredChildren.length;
 

package/lib/es/tabs/index.js

@@ -19,7 +19,7 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 
-import React, { createRef } from 'react';
+import React, { createRef, isValidElement } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/tabs/constants';
@@ -79,7 +79,7 @@ class Tabs extends BaseComponent {
       }
 
       return _filterInstanceProperty(_context = React.Children.toArray(children)).call(_context, pane => {
-        if (pane && pane.type && pane.type.isTabPane) {
+        if ( /*#__PURE__*/isValidElement(pane) && pane.type && pane.type.isTabPane) {
           return pane.props.itemKey === activeKey;
         }
 
@@ -155,7 +155,7 @@ class Tabs extends BaseComponent {
           children
         } = this.props;
         let activeKey = '';
-        const list = tabList ? tabList : _mapInstanceProperty(_context3 = React.Children.toArray(children)).call(_context3, child => child.props);
+        const list = tabList ? tabList : _mapInstanceProperty(_context3 = React.Children.toArray(children)).call(_context3, child => /*#__PURE__*/isValidElement(child) ? child.props : null);
 
         _forEachInstanceProperty(list).call(list, item => {
           if (item && !activeKey && !item.disabled) {
@@ -182,9 +182,9 @@ class Tabs extends BaseComponent {
     var _context4, _context5;
 
     // Panes state acts on tab bar, no need to compare TabPane children
-    const prevChildrenProps = _mapInstanceProperty(_context4 = React.Children.toArray(prevProps.children)).call(_context4, child => pick(child.props, panePickKeys));
+    const prevChildrenProps = _mapInstanceProperty(_context4 = React.Children.toArray(prevProps.children)).call(_context4, child => pick( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
 
-    const nowChildrenProps = _mapInstanceProperty(_context5 = React.Children.toArray(this.props.children)).call(_context5, child => pick(child.props, panePickKeys));
+    const nowChildrenProps = _mapInstanceProperty(_context5 = React.Children.toArray(this.props.children)).call(_context5, child => pick( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
 
     const isTabListType = this.props.tabList || prevProps.tabList;
 

package/lib/es/timePicker/Combobox.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import ScrollItem from '../scrollList/scrollItem';
-import ComboboxFoundation from '@douyinfe/semi-foundation/lib/es/timePicker/ComboxFoundation';
+import ComboboxFoundation, { formatOption } from '@douyinfe/semi-foundation/lib/es/timePicker/ComboxFoundation';
 import { TimePickerProps } from './TimePicker';
 import { Locale } from '../locale/interface';
 export declare type ComboboxProps = Pick<TimePickerProps, 'format' | 'prefixCls' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'hideDisabledOptions' | 'use12Hours' | 'scrollItemProps' | 'panelFooter' | 'panelHeader'> & BaseProps & {
@@ -26,6 +26,11 @@ export interface ComboboxState {
     minuteOptions: number[];
     secondOptions: number[];
 }
+export declare type FormatOptionReturn = ReturnType<typeof formatOption>;
+export interface AMPMOptionItem {
+    value: string;
+    text: string;
+}
 declare class Combobox extends BaseComponent<ComboboxProps, ComboboxState> {
     static propTypes: {
         format: PropTypes.Requireable<string>;
@@ -56,11 +61,12 @@ declare class Combobox extends BaseComponent<ComboboxProps, ComboboxState> {
     componentDidUpdate(prevProps: ComboboxProps, prevState: ComboboxState): void;
     componentWillUnmount(): void;
     componentDidMount(): void;
-    cacheRefCurrent: (key: string, current: ScrollItem) => void;
+    cacheRefCurrent: (key: string, current: ScrollItem<FormatOptionReturn> | ScrollItem<AMPMOptionItem>) => void;
     reselect: () => void;
-    onItemChange: ({ type, value }: {
-        type: string;
+    onItemChange: ({ type, value, disabled }: {
+        type?: string;
         value: string;
+        disabled?: boolean;
     }) => void;
     onEnterSelectPanel: (range: string) => void;
     renderHourSelect(hour: number, locale: Locale['TimePicker']): JSX.Element;

package/lib/es/timePicker/Combobox.js

@@ -44,7 +44,8 @@ class Combobox extends BaseComponent {
     this.onItemChange = _ref => {
       let {
         type,
-        value
+        value,
+        disabled
       } = _ref;
       // eslint-disable-next-line prefer-const
       let {

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

@@ -49,7 +49,7 @@ export declare type TimePickerProps = {
     position?: Position;
     prefixCls?: string;
     rangeSeparator?: string;
-    scrollItemProps?: ScrollItemProps;
+    scrollItemProps?: ScrollItemProps<any>;
     secondStep?: number;
     showClear?: boolean;
     size?: InputSize;

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

@@ -4,7 +4,7 @@ import { ToastListAdapter, ToastListProps, ToastListState } from '@douyinfe/semi
 import '@douyinfe/semi-foundation/lib/es/toast/toast.css';
 import useToast from './useToast';
 import { ConfigProps, ToastInstance, ToastProps, ToastState } from '@douyinfe/semi-foundation/lib/es/toast/toastFoundation';
-import { Motion } from '_base/base';
+import { Motion } from '../_base/base';
 export { ToastTransitionProps } from './ToastTransition';
 export interface ToastReactProps extends ToastProps {
     style?: CSSProperties;

package/lib/es/treeSelect/index.js

@@ -952,7 +952,8 @@ class TreeSelect extends BaseComponent {
       registerClickOutsideHandler: cb => {
         const clickOutsideHandler = e => {
           const optionInstance = this.optionsRef && this.optionsRef.current;
-          const triggerDom = this.triggerRef && this.triggerRef.current;
+          const triggerDom = this.triggerRef && this.triggerRef.current; // eslint-disable-next-line
+
           const optionsDom = ReactDOM.findDOMNode(optionInstance);
           const target = e.target;