@douyinfe/semi-ui 2.34.0 → 2.34.1-alpha.3

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

@@ -24,7 +24,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
     };
     static defaultProps: {
         disabledDate: {

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

@@ -84,7 +84,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         onDropdownVisibleChange?: (visible: boolean) => void;
         zIndex?: number;
         position?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-        onSearch?: (value: string, event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>) => void;
+        onSearch?: (value: string, event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
         dropdownClassName?: string;
         dropdownStyle?: React.CSSProperties;
         dropdownMargin?: number | {
@@ -138,7 +138,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "motion" | "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

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

@@ -32,7 +32,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onDropdownVisibleChange?: (visible: boolean) => void;
     zIndex?: number;
     position?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-    onSearch?: (value: string, event: import("react").KeyboardEvent<Element> | import("react").MouseEvent<Element, MouseEvent>) => void;
+    onSearch?: (value: string, event: import("react").MouseEvent<Element, MouseEvent> | import("react").KeyboardEvent<Element>) => void;
     dropdownClassName?: string;
     dropdownStyle?: import("react").CSSProperties;
     dropdownMargin?: number | {
@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "motion" | "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

package/lib/es/form/group.js

@@ -75,7 +75,7 @@ class FormInputGroup extends Component {
           rest = __rest(_a, ["children", "label", "extraText", "extraTextPosition"]);
 
     const updater = this.context;
-    const formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'showValidateIcon', 'wrapperCol', 'labelCol', 'disabled']);
+    const formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'showValidateIcon', 'wrapperCol', 'labelCol']);
     const labelPosition = this.props.labelPosition || formProps.labelPosition;
     const groupFieldSet = [];
     const inner = React.Children.map(children, child => {
@@ -99,9 +99,7 @@ class FormInputGroup extends Component {
     const appendCol = labelCol && wrapperCol;
     const labelColCls = labelCol ? `${prefix}-col-${labelAlign}` : '';
     const labelContent = this.renderLabel(label, formProps);
-    const inputGroupContent = /*#__PURE__*/React.createElement(InputGroup, Object.assign({
-      disabled: formProps.disabled
-    }, rest), inner);
+    const inputGroupContent = /*#__PURE__*/React.createElement(InputGroup, Object.assign({}, rest), inner);
     const groupErrorContent = /*#__PURE__*/React.createElement(GroupError, {
       fieldSet: groupFieldSet,
       showValidateIcon: formProps.showValidateIcon,

package/lib/es/image/image.d.ts

@@ -29,12 +29,8 @@ export default class Image extends BaseComponent<ImageProps, ImageStates> {
     get adapter(): ImageAdapter<ImageProps, ImageStates>;
     context: PreviewContextProps;
     foundation: ImageFoundation;
-    imgRef: React.RefObject<HTMLImageElement>;
     constructor(props: ImageProps);
     static getDerivedStateFromProps(props: ImageProps, state: ImageStates): Partial<ImageStates>;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ImageProps, prevState: ImageStates): void;
-    observeImage(): void;
     isInGroup(): boolean;
     isLazyLoad(): boolean;
     handleClick: (e: any) => void;

package/lib/es/image/image.js

@@ -129,7 +129,6 @@ export default class Image extends BaseComponent {
       previewVisible: false
     };
     this.foundation = new ImageFoundation(this.adapter);
-    this.imgRef = /*#__PURE__*/React.createRef();
   }
 
   get adapter() {
@@ -159,25 +158,6 @@ export default class Image extends BaseComponent {
     return willUpdateStates;
   }
 
-  componentDidMount() {
-    this.observeImage();
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    prevProps.src !== this.props.src && this.observeImage();
-  }
-
-  observeImage() {
-    if (!this.isLazyLoad()) {
-      return;
-    }
-
-    const {
-      previewObserver
-    } = this.context;
-    previewObserver.observe(this.imgRef.current);
-  }
-
   isInGroup() {
     return Boolean(this.context && this.context.isGroup);
   }
@@ -232,9 +212,7 @@ export default class Image extends BaseComponent {
         style: outerStyle,
         className: outerCls,
         onClick: this.handleClick
-      }, /*#__PURE__*/React.createElement("img", Object.assign({
-        ref: this.imgRef
-      }, restProps, {
+      }, /*#__PURE__*/React.createElement("img", Object.assign({}, restProps, {
         src: this.isInGroup() && this.isLazyLoad() ? undefined : src,
         "data-src": src,
         alt: alt,

package/lib/es/image/preview.d.ts

@@ -69,8 +69,8 @@ export default class Preview extends BaseComponent<PreviewProps, PreviewState> {
     foundation: PreviewFoundation;
     previewGroupId: string;
     previewRef: React.RefObject<PreviewInner>;
-    previewObserver: IntersectionObserver;
     constructor(props: any);
+    componentDidMount(): void;
     static getDerivedStateFromProps(props: PreviewProps, state: PreviewState): Partial<PreviewState>;
     handleVisibleChange: (newVisible: boolean) => void;
     handleCurrentIndexChange: (index: number) => void;

package/lib/es/image/preview.js

@@ -93,7 +93,19 @@ export default class Preview extends BaseComponent {
       length: 4
     });
     this.previewRef = /*#__PURE__*/React.createRef();
-    this.previewObserver = new IntersectionObserver(entries => {
+  }
+
+  get adapter() {
+    return Object.assign({}, super.adapter);
+  }
+
+  componentDidMount() {
+    const {
+      lazyLoadMargin
+    } = this.props;
+    const allElement = document.querySelectorAll(`.${prefixCls}-img`); // use IntersectionObserver to lazy load image
+
+    const observer = new IntersectionObserver(entries => {
       entries.forEach(item => {
         var _a;
 
@@ -101,18 +113,14 @@ export default class Preview extends BaseComponent {
 
         if (item.isIntersecting && src) {
           item.target.src = src;
-          item.target.removeAttribute("data-src");
-          this.previewObserver.unobserve(item.target);
+          observer.unobserve(item.target);
         }
       });
     }, {
       root: document.querySelector(`#${this.previewGroupId}`),
-      rootMargin: props.lazyLoadMargin
+      rootMargin: lazyLoadMargin
     });
-  }
-
-  get adapter() {
-    return Object.assign({}, super.adapter);
+    allElement.forEach(item => observer.observe(item));
   }
 
   static getDerivedStateFromProps(props, state) {
@@ -157,7 +165,6 @@ export default class Preview extends BaseComponent {
         currentIndex,
         visible,
         lazyLoad,
-        previewObserver: this.previewObserver,
         setCurrentIndex: this.handleCurrentIndexChange,
         handleVisibleChange: this.handleVisibleChange
       }

package/lib/es/image/previewContext.d.ts

@@ -6,7 +6,6 @@ export interface PreviewContextProps {
     titles: ReactNode[];
     currentIndex: number;
     visible: boolean;
-    previewObserver: IntersectionObserver;
     setCurrentIndex: (current: number) => void;
     handleVisibleChange: (visible: boolean, preVisible?: boolean) => void;
 }

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

@@ -84,7 +84,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         showClear: PropTypes.Requireable<boolean>;
         hideSuffix: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<any>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;

package/lib/es/input/inputGroup.d.ts

@@ -21,7 +21,7 @@ export default class inputGroup extends BaseComponent<InputGroupProps, InputGrou
     static propTypes: {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         style: PropTypes.Requireable<object>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -140,19 +140,19 @@ export declare function withWarning(props: ModalReactProps): {
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
-    title?: React.ReactNode;
     children?: React.ReactNode;
-    size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
+    motion?: boolean;
     style?: React.CSSProperties;
     className?: string;
-    motion?: boolean;
     getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
+    title?: React.ReactNode;
     direction?: any;
     width?: string | number;
     height?: string | number;
     mask?: boolean;
+    size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
     visible?: boolean;
     content?: React.ReactNode;
     icon: string | number | boolean | React.ReactFragment | JSX.Element;
@@ -201,34 +201,24 @@ export declare function withError(props: ModalReactProps): {
         onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
         'aria-label'?: string;
-        title?: string;
-        name?: string;
-        value?: string | number | readonly string[];
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
+        value?: string | number | readonly string[];
         form?: string;
         slot?: string;
+        title?: string;
+        name?: string;
         hidden?: boolean;
         color?: string;
-        onChange?: React.FormEventHandler<HTMLButtonElement>;
-        defaultChecked?: boolean;
         defaultValue?: string | number | readonly string[];
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
         accessKey?: string;
-        autoFocus?: boolean;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
         dir?: string;
         draggable?: boolean | "false" | "true";
         lang?: string;
-        translate?: "no" | "yes";
+        translate?: "yes" | "no";
         prefix?: string;
         contentEditable?: "inherit" | (boolean | "false" | "true");
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
         tabIndex?: number;
         role?: React.AriaRole;
         onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
@@ -240,6 +230,9 @@ export declare function withError(props: ModalReactProps): {
         'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
         'aria-controls'?: string;
         'aria-describedby'?: string;
+        defaultChecked?: boolean;
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
         contextMenu?: string;
         placeholder?: string;
         spellCheck?: boolean | "false" | "true";
@@ -274,7 +267,7 @@ export declare function withError(props: ModalReactProps): {
         'aria-current'?: boolean | "time" | "page" | "false" | "true" | "location" | "step" | "date";
         'aria-details'?: string;
         'aria-disabled'?: boolean | "false" | "true";
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
+        'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup";
         'aria-errormessage'?: string;
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "false" | "true";
@@ -323,6 +316,7 @@ export declare function withError(props: ModalReactProps): {
         onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
+        onChange?: React.FormEventHandler<HTMLButtonElement>;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -457,6 +451,12 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
+        autoFocus?: boolean;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

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

@@ -69,7 +69,7 @@ export default class Rating extends BaseComponent<RatingProps, RatingState> {
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         autoFocus: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
+        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
         tooltips: PropTypes.Requireable<string[]>;
         id: PropTypes.Requireable<string>;
         preventScroll: PropTypes.Requireable<boolean>;

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

@@ -40,7 +40,7 @@ export default class Item extends BaseComponent<RatingItemProps, RatingItemState
         disabled: PropTypes.Requireable<boolean>;
         count: PropTypes.Requireable<number>;
         ariaLabelPrefix: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
+        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
         'aria-describedby': PropTypes.Requireable<string>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/steps/basicStep.js

@@ -1,3 +1,4 @@
+import _isFunction from "lodash/isFunction";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -86,20 +87,24 @@ const BasicStep = props => {
 
   const classString = classnames(prefixCls, `${prefixCls}-${status}`, {
     [`${prefixCls}-active`]: active,
-    [`${prefixCls}-done`]: done,
-    [`${prefixCls}-hover`]: onChange || props.onClick,
-    [`${prefixCls}-${status}-hover`]: onChange || props.onClick
+    [`${prefixCls}-done`]: done
   }, className);
 
   const handleClick = e => {
-    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-    onChange === null || onChange === void 0 ? void 0 : onChange();
+    if (_isFunction(onClick)) {
+      onClick(e);
+    }
+
+    onChange();
   };
 
   const handleKeyDown = e => {
     if (e.key === 'Enter') {
-      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-      onChange === null || onChange === void 0 ? void 0 : onChange();
+      if (_isFunction(onKeyDown)) {
+        onKeyDown(e);
+      }
+
+      onChange();
     }
   };
 

package/lib/es/steps/basicSteps.js

@@ -46,11 +46,13 @@ const Steps = props => {
 
       childProps.active = stepNumber === current;
       childProps.done = stepNumber < current;
-      childProps.onChange = onChange ? () => {
+
+      childProps.onChange = () => {
         if (index !== current) {
           onChange(index + initial);
         }
-      } : undefined;
+      };
+
       return /*#__PURE__*/cloneElement(child, Object.assign({}, childProps));
     });
     return content;

package/lib/es/steps/fillStep.js

@@ -1,3 +1,4 @@
+import _isFunction from "lodash/isFunction";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -63,8 +64,7 @@ const FillStep = props => {
       [`${prefixCls}-left`]: true,
       [`${prefixCls}-icon`]: 'icon' in props,
       [`${prefixCls}-plain`]: !('icon' in props),
-      [`${prefixCls}-icon-process`]: progress,
-      [`${prefixCls}-hover`]: onChange || onClick
+      [`${prefixCls}-icon-process`]: progress
     });
     return inner ? /*#__PURE__*/React.createElement("div", {
       className: cls
@@ -72,14 +72,20 @@ const FillStep = props => {
   };
 
   const handleClick = e => {
-    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-    onChange === null || onChange === void 0 ? void 0 : onChange();
+    if (_isFunction(onClick)) {
+      onClick(e);
+    }
+
+    onChange();
   };
 
   const handleKeyDown = e => {
     if (e.key === 'Enter') {
-      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-      onChange === null || onChange === void 0 ? void 0 : onChange();
+      if (_isFunction(onKeyDown)) {
+        onKeyDown(e);
+      }
+
+      onChange();
     }
   };
 
@@ -91,7 +97,6 @@ const FillStep = props => {
     className: classnames({
       [prefixCls]: true,
       [`${prefixCls}-${status}`]: Boolean(status),
-      [`${prefixCls}-${status}-hover`]: Boolean(status) && (onChange || onClick),
       [`${prefixCls}-clickable`]: onClick
     }, className),
     style: style,

package/lib/es/steps/fillSteps.js

@@ -46,11 +46,12 @@ const Steps = props => {
         }
       }
 
-      childProps.onChange = onChange ? () => {
+      childProps.onChange = () => {
         if (index !== current) {
           onChange(index + initial);
         }
-      } : undefined;
+      };
+
       return /*#__PURE__*/React.createElement(Col, {
         style: colStyle
       }, /*#__PURE__*/cloneElement(child, Object.assign({}, childProps)));

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

@@ -29,6 +29,7 @@ declare class Steps extends Component<StepsProps> {
         size: PropTypes.Requireable<string>;
     };
     static defaultProps: {
+        onChange: (...args: any[]) => void;
         type: string;
         size: string;
     };

package/lib/es/steps/index.js

@@ -1,3 +1,5 @@
+import _noop from "lodash/noop";
+
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
@@ -61,6 +63,7 @@ Steps.propTypes = {
   size: PropTypes.oneOf(['small', 'default'])
 };
 Steps.defaultProps = {
+  onChange: _noop,
   type: 'fill',
   size: 'default'
 };

package/lib/es/steps/navStep.js

@@ -1,3 +1,4 @@
+import _isFunction from "lodash/isFunction";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -22,14 +23,20 @@ const NavStep = props => {
   }, className);
 
   const handleClick = e => {
-    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-    onChange === null || onChange === void 0 ? void 0 : onChange();
+    if (_isFunction(onClick)) {
+      onClick(e);
+    }
+
+    onChange();
   };
 
   const handleKeyDown = e => {
     if (e.key === 'Enter') {
-      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-      onChange === null || onChange === void 0 ? void 0 : onChange();
+      if (_isFunction(onKeyDown)) {
+        onKeyDown(e);
+      }
+
+      onChange();
     }
   };
 

package/lib/es/steps/navSteps.js

@@ -27,11 +27,13 @@ const Steps = props => {
         total
       }, child.props);
       childProps.active = index === current;
-      childProps.onChange = onChange ? () => {
+
+      childProps.onChange = () => {
         if (index !== current) {
           onChange(index + initial);
         }
-      } : undefined;
+      };
+
       return /*#__PURE__*/cloneElement(child, Object.assign({}, childProps));
     });
     return content;

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

@@ -45,7 +45,7 @@ declare class Switch extends BaseComponent<SwitchProps, SwitchState> {
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         uncheckedText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         id: PropTypes.Requireable<string>;
     };

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

@@ -4,7 +4,6 @@ import Store from '@douyinfe/semi-foundation/lib/es/utils/Store';
 import { BaseProps } from '../../_base/baseComponent';
 import { ExpandedRowRender, Virtualized, GetVirtualizedListRef, ColumnProps, Size, BodyScrollEvent, Scroll, Fixed, TableComponents, RowExpandable, VirtualizedOnScroll, RowKey } from '../interface';
 export interface BodyProps extends BaseProps {
-    tableLayout?: 'fixed' | 'auto';
     anyColumnFixed?: boolean;
     columns?: ColumnProps[];
     dataSource?: Record<string, any>[];

package/lib/es/table/Body/index.js

@@ -260,6 +260,7 @@ class Body extends BaseComponent {
         scroll,
         prefixCls,
         virtualized,
+        anyColumnFixed,
         columns
       } = this.props;
       const {
@@ -479,8 +480,7 @@ class Body extends BaseComponent {
         dataSource,
         onScroll,
         groups,
-        expandedRowRender,
-        tableLayout
+        expandedRowRender
       } = this.props;
 
       const x = _get(scroll, 'x');
@@ -531,7 +531,7 @@ class Body extends BaseComponent {
         "aria-colcount": columns && columns.length,
         style: tableStyle,
         className: classnames(prefixCls, {
-          [`${prefixCls}-fixed`]: tableLayout === 'fixed'
+          [`${prefixCls}-fixed`]: anyColumnFixed
         })
       }, colgroup, includeHeader && showHeader ? /*#__PURE__*/React.createElement(TableHeader, Object.assign({}, this.props, {
         ref: headerRef,

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

@@ -1,7 +1,8 @@
 import React from 'react';
-import { Fixed, TableComponents, Scroll, BodyScrollEvent, ColumnProps, OnHeaderRow, Sticky } from './interface';
+import { Fixed, TableComponents, Scroll, BodyScrollEvent, ColumnProps, OnHeaderRow } from './interface';
 export interface HeadTableProps {
-    tableLayout?: 'fixed' | 'auto';
+    [x: string]: any;
+    anyColumnFixed?: boolean;
     bodyHasScrollBar?: boolean;
     columns?: ColumnProps[];
     components?: TableComponents;
@@ -15,7 +16,6 @@ export interface HeadTableProps {
     showHeader?: boolean;
     onDidUpdate?: (ref: React.MutableRefObject<any>) => void;
     onHeaderRow?: OnHeaderRow<any>;
-    sticky?: Sticky;
 }
-declare const _default: React.ForwardRefExoticComponent<HeadTableProps & React.RefAttributes<HTMLDivElement>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<HeadTableProps, keyof HeadTableProps> & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/lib/es/table/HeadTable.js

@@ -30,7 +30,7 @@ class HeadTable extends React.PureComponent {
       components,
       onDidUpdate,
       showHeader,
-      tableLayout,
+      anyColumnFixed,
       bodyHasScrollBar,
       sticky
     } = this.props;
@@ -82,7 +82,7 @@ class HeadTable extends React.PureComponent {
     }, /*#__PURE__*/React.createElement(Table, {
       style: tableStyle,
       className: classnames(prefixCls, {
-        [`${prefixCls}-fixed`]: tableLayout === 'fixed'
+        [`${prefixCls}-fixed`]: anyColumnFixed
       })
     }, colgroup, tableHeader));
   }
@@ -90,7 +90,7 @@ class HeadTable extends React.PureComponent {
 }
 
 HeadTable.propTypes = {
-  tableLayout: PropTypes.string,
+  anyColumnFixed: PropTypes.bool,
   bodyHasScrollBar: PropTypes.bool,
   columns: PropTypes.array,
   components: PropTypes.object,