@douyinfe/semi-ui 2.36.0-alpha.0 → 2.36.0-beta.0

package/lib/es/navigation/SubNav.js

@@ -1,4 +1,3 @@
-import _isUndefined from "lodash/isUndefined";
 import _get from "lodash/get";
 import _times from "lodash/times";
 
@@ -13,7 +12,7 @@ import '@douyinfe/semi-foundation/lib/es/navigation/navigation.css';
 import isNullOrUndefined from '@douyinfe/semi-foundation/lib/es/utils/isNullOrUndefined';
 import SubNavFoundation from '@douyinfe/semi-foundation/lib/es/navigation/subNavFoundation';
 import { strings, numbers, cssClasses } from '@douyinfe/semi-foundation/lib/es/navigation/constants';
-import { IconChevronDown, IconChevronUp, IconChevronRight } from '@douyinfe/semi-icons';
+import { IconChevronDown, IconChevronRight } from '@douyinfe/semi-icons';
 import NavItem from './Item';
 import Dropdown from '../dropdown';
 import NavContext from './nav-context';
@@ -106,29 +105,16 @@ export default class SubNav extends BaseComponent {
 
         return _this._invokeContextFunc('onClick', ...args);
       },
-      getIsSelected: itemKey => this.props.active || Boolean(!isNullOrUndefined(itemKey) && _get(this.context, 'selectedKeys', []).includes(String(itemKey))),
-      getIsOpen: () => this.props.isOpen || Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(String(this.props.itemKey))),
-      getIsCollapsed: () => {
-        var _a;
-
-        return this.props.isCollapsed || Boolean((_a = this.context) === null || _a === void 0 ? void 0 : _a.isCollapsed);
-      },
-      getMode: () => {
-        var _a, _b;
-
-        return (_a = this.props.mode) !== null && _a !== void 0 ? _a : (_b = this.context) === null || _b === void 0 ? void 0 : _b.mode;
-      }
+      getIsSelected: itemKey => Boolean(!isNullOrUndefined(itemKey) && _get(this.context, 'selectedKeys', []).includes(String(itemKey))),
+      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(String(this.props.itemKey)))
     });
   }
 
   renderIcon(icon, pos, withTransition) {
     let isToggleIcon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     let key = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-
-    var _a;
-
     const {
-      prefixCls = cssClasses.PREFIX
+      prefixCls
     } = this.context;
     let iconSize = 'large';
 
@@ -136,15 +122,14 @@ export default class SubNav extends BaseComponent {
       iconSize = 'default';
     }
 
-    const isOpen = this.adapter.getIsOpen();
     const className = cls(`${prefixCls}-item-icon`, {
-      [`${prefixCls}-item-icon-toggle-${(_a = this.context.toggleIconPosition) !== null && _a !== void 0 ? _a : 'right'}`]: isToggleIcon,
-      [`${prefixCls}-item-icon-info`]: !isToggleIcon,
-      [`${prefixCls}-icon-rotate-${isOpen ? "180" : "0"}-no-transition`]: !withTransition && isToggleIcon
+      [`${prefixCls}-item-icon-toggle-${this.context.toggleIconPosition}`]: isToggleIcon,
+      [`${prefixCls}-item-icon-info`]: !isToggleIcon
     });
+    const isOpen = this.adapter.getIsOpen();
     const iconElem = /*#__PURE__*/React.isValidElement(icon) ? withTransition ? /*#__PURE__*/React.createElement(CSSAnimation, {
       animationState: isOpen ? "enter" : "leave",
-      startClassName: `${prefixCls}-icon-rotate-${isOpen ? "180" : "0"}`
+      startClassName: `${cssClasses.PREFIX}-icon-rotate-${isOpen ? "180" : "0"}`
     }, _ref => {
       let {
         animationClassName
@@ -171,25 +156,21 @@ export default class SubNav extends BaseComponent {
       itemKey,
       indent,
       disabled,
-      level
+      level,
+      expandIcon
     } = this.props;
     const {
+      mode,
       isInSubNav,
-      prefixCls = cssClasses.PREFIX,
+      isCollapsed,
+      prefixCls,
       subNavMotion,
       limitIndent
     } = this.context;
-
-    const isFirstLayer = _isUndefined(this.context.mode);
-
-    const mode = this.adapter.getMode();
     const isOpen = this.adapter.getIsOpen();
-    const isCollapsed = this.adapter.getIsCollapsed();
     const titleCls = cls(`${prefixCls}-sub-title`, {
       [`${prefixCls}-sub-title-selected`]: this.adapter.getIsSelected(itemKey),
-      [`${prefixCls}-sub-title-disabled`]: disabled,
-      [`${prefixCls}-first-layer`]: isFirstLayer,
-      [`${prefixCls}-sub-title-horizontal`]: mode === strings.MODE_HORIZONTAL
+      [`${prefixCls}-sub-title-disabled`]: disabled
     });
     let withTransition = false;
     let toggleIconType = '';
@@ -206,7 +187,7 @@ export default class SubNav extends BaseComponent {
           "aria-hidden": true
         });
       } else {
-        toggleIconType = /*#__PURE__*/React.createElement(IconChevronDown, {
+        toggleIconType = expandIcon ? expandIcon : /*#__PURE__*/React.createElement(IconChevronDown, {
           "aria-hidden": true
         }); // Horizontal mode does not require animation fix#1198
         // withTransition = true;
@@ -216,7 +197,7 @@ export default class SubNav extends BaseComponent {
         withTransition = true;
       }
 
-      toggleIconType = /*#__PURE__*/React.createElement(IconChevronDown, {
+      toggleIconType = expandIcon ? expandIcon : /*#__PURE__*/React.createElement(IconChevronDown, {
         "aria-hidden": true
       });
     }
@@ -230,7 +211,6 @@ export default class SubNav extends BaseComponent {
     }
 
     const isIconChevronRightShow = !isCollapsed && isInSubNav && mode === strings.MODE_HORIZONTAL || isCollapsed && isInSubNav;
-    const toggleIconPositionLeft = this.context.toggleIconPosition === strings.TOGGLE_ICON_LEFT;
     const titleDiv = /*#__PURE__*/React.createElement("div", {
       role: "menuitem",
       // to avoid nested horizontal navigation be focused
@@ -242,9 +222,9 @@ export default class SubNav extends BaseComponent {
       "aria-expanded": isOpen ? 'true' : 'false'
     }, /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-item-inner`
-    }, placeholderIcons, toggleIconPositionLeft && this.renderIcon(toggleIconType, strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== strings.MODE_HORIZONTAL ? this.renderIcon(icon, strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/React.createElement("span", {
+    }, placeholderIcons, this.context.toggleIconPosition === strings.TOGGLE_ICON_LEFT && this.renderIcon(toggleIconType, strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== strings.MODE_HORIZONTAL ? this.renderIcon(icon, strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/React.createElement("span", {
       className: `${prefixCls}-item-text`
-    }, text), !toggleIconPositionLeft && this.renderIcon(toggleIconType, strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
+    }, text), this.context.toggleIconPosition === strings.TOGGLE_ICON_RIGHT && this.renderIcon(toggleIconType, strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
     return titleDiv;
   }
 
@@ -254,12 +234,12 @@ export default class SubNav extends BaseComponent {
       maxHeight
     } = this.props;
     const {
+      isCollapsed,
+      mode,
       subNavMotion,
-      prefixCls = cssClasses.PREFIX
+      prefixCls
     } = this.context;
-    const isCollapsed = this.adapter.getIsCollapsed();
     const isOpen = this.adapter.getIsOpen();
-    const mode = this.adapter.getMode();
     const isHorizontal = mode === strings.MODE_HORIZONTAL;
     const subNavCls = cls(`${prefixCls}-sub`, {
       [`${prefixCls}-sub-open`]: isOpen,
@@ -288,14 +268,14 @@ export default class SubNav extends BaseComponent {
       disabled
     } = this.props;
     const {
+      mode,
       isInSubNav,
+      isCollapsed,
       subNavCloseDelay,
       subNavOpenDelay,
-      prefixCls = cssClasses.PREFIX,
+      prefixCls,
       getPopupContainer
     } = this.context;
-    const isCollapsed = this.adapter.getIsCollapsed();
-    const mode = this.adapter.getMode();
     const isOpen = this.adapter.getIsOpen();
     const openKeysIsControlled = this.adapter.getOpenKeysIsControlled();
     const subNavCls = cls({
@@ -340,10 +320,10 @@ export default class SubNav extends BaseComponent {
       text
     } = this.props;
     const {
-      prefixCls = cssClasses.PREFIX
+      mode,
+      isCollapsed,
+      prefixCls
     } = this.context;
-    const mode = this.adapter.getMode();
-    const isCollapsed = this.adapter.getIsCollapsed();
     let titleDiv = this.renderTitleDiv();
     const subUl = this.renderSubUl(); // When mode=horizontal, it is displayed in Dropdown
 
@@ -361,11 +341,9 @@ export default class SubNav extends BaseComponent {
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       disabled: disabled,
-      text: text,
-      mode: mode
+      text: text
     }, /*#__PURE__*/React.createElement(NavContext.Provider, {
       value: Object.assign(Object.assign({}, this.context), {
-        mode: mode,
         isInSubNav: true
       })
     }, titleDiv, subUl));
@@ -403,14 +381,6 @@ SubNav.propTypes = {
    * Nested child elements
    */
   children: PropTypes.node,
-
-  /**
-   * The icon name of the right control switch (on and off status)
-   */
-  toggleIcon: PropTypes.oneOfType([PropTypes.any, PropTypes.shape({
-    open: PropTypes.string,
-    closed: PropTypes.string
-  })]),
   style: PropTypes.object,
 
   /**
@@ -426,8 +396,7 @@ SubNav.propTypes = {
   onMouseLeave: PropTypes.func,
   // Is it disabled
   disabled: PropTypes.bool,
-  level: PropTypes.number,
-  active: PropTypes.bool
+  level: PropTypes.number
 };
 SubNav.defaultProps = {
   level: 0,
@@ -435,15 +404,5 @@ SubNav.defaultProps = {
   isCollapsed: false,
   isOpen: false,
   maxHeight: numbers.DEFAULT_SUBNAV_MAX_HEIGHT,
-  toggleIcon: {
-    open: /*#__PURE__*/React.createElement(IconChevronUp, {
-      "aria-hidden": true
-    }),
-    closed: /*#__PURE__*/React.createElement(IconChevronDown, {
-      "aria-hidden": true
-    })
-  },
-  disabled: false,
-  active: false
-};
-SubNav.elementType = 'Nav.Sub';
+  disabled: false
+};

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

@@ -11,7 +11,7 @@ export type { CollapseButtonProps } from './CollapseButton';
 export type { NavFooterProps } from './Footer';
 export type { NavHeaderProps } from './Header';
 export type { NavItemProps } from './Item';
-export type { ToggleIcon, SubNavProps } from './SubNav';
+export type { SubNavProps } from './SubNav';
 export declare type Mode = 'vertical' | 'horizontal';
 export interface OnSelectedData {
     itemKey: React.ReactText;
@@ -33,6 +33,7 @@ export interface NavProps extends BaseProps {
     defaultIsCollapsed?: boolean;
     defaultOpenKeys?: React.ReactText[];
     defaultSelectedKeys?: React.ReactText[];
+    expandIcon?: React.ReactNode;
     footer?: React.ReactNode | NavFooterProps;
     header?: React.ReactNode | NavHeaderProps;
     isCollapsed?: boolean;
@@ -86,9 +87,11 @@ declare class Nav extends BaseComponent<NavProps, NavState> {
     static Header: typeof Header;
     static Footer: typeof Footer;
     static propTypes: {
+        collapseIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         defaultOpenKeys: PropTypes.Requireable<NonNullable<string | number>[]>;
         openKeys: PropTypes.Requireable<NonNullable<string | number>[]>;
         defaultSelectedKeys: PropTypes.Requireable<NonNullable<string | number>[]>;
+        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         selectedKeys: PropTypes.Requireable<NonNullable<string | number>[]>;
         mode: PropTypes.Requireable<string>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/navigation/index.js

@@ -168,12 +168,16 @@ class Nav extends BaseComponent {
   renderItems() {
     let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    const {
+      expandIcon
+    } = this.props;
     const finalDom = /*#__PURE__*/React.createElement(React.Fragment, null, items.map((item, idx) => {
       if (Array.isArray(item.items) && item.items.length) {
         return /*#__PURE__*/React.createElement(SubNav, Object.assign({
           key: item.itemKey || String(level) + idx
         }, item, {
-          level: level
+          level: level,
+          expandIcon: expandIcon
         }), this.renderItems(item.items, level + 1));
       } else {
         return /*#__PURE__*/React.createElement(Item, Object.assign({
@@ -340,11 +344,13 @@ Nav.Item = Item;
 Nav.Header = Header;
 Nav.Footer = Footer;
 Nav.propTypes = {
+  collapseIcon: PropTypes.node,
   // Initial expanded SubNav navigation key array
   defaultOpenKeys: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
   openKeys: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
   // Initial selected navigation key array
   defaultSelectedKeys: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
+  expandIcon: PropTypes.node,
   selectedKeys: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
   // Navigation type, now supports vertical, horizontal
   mode: PropTypes.oneOf([...strings.MODE]),

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 | "small" | "default">>;
+        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
         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 | "small" | "default">>;
+        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
         'aria-describedby': PropTypes.Requireable<string>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -271,7 +271,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: SelectProps, prevState: SelectState): void;
-    handleInputChange: (value: string, event: React.KeyboardEvent) => void;
+    handleInputChange: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
     renderInput(): JSX.Element;
     close(): void;
     open(): void;
@@ -281,6 +281,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
     focus(): void;
     onSelect(option: OptionProps, optionIndex: number, e: any): void;
     onClear(e: React.MouseEvent): void;
+    search(value: string, event: React.ChangeEvent<HTMLInputElement>): void;
     renderEmpty(): JSX.Element;
     renderLoading(): JSX.Element;
     renderOption(option: OptionProps, optionIndex: number, style?: React.CSSProperties): any;

package/lib/es/select/index.js

@@ -514,6 +514,10 @@ class Select extends BaseComponent {
     this.foundation.handleClearClick(e);
   }
 
+  search(value, event) {
+    this.handleInputChange(value, event);
+  }
+
   renderEmpty() {
     return /*#__PURE__*/React.createElement(Option, {
       empty: true,

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

@@ -12,7 +12,6 @@ export interface SkeletonProps {
     style?: CSSProperties;
 }
 declare class Skeleton extends PureComponent<SkeletonProps> {
-    static elementType: string;
     static Avatar: React.FC<import("./item").AvatarProps>;
     static Title: React.FC<import("./item").BasicProps>;
     static Button: React.FC<import("./item").BasicProps>;

package/lib/es/skeleton/index.js

@@ -67,5 +67,4 @@ Skeleton.propTypes = {
   loading: PropTypes.bool,
   children: PropTypes.node
 };
-Skeleton.elementType = 'Skeleton';
 export default Skeleton;

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

@@ -21,7 +21,6 @@ export declare const Image: React.FC<BasicProps>;
 export declare const Title: React.FC<BasicProps>;
 export declare const Button: React.FC<BasicProps>;
 export declare class Paragraph extends PureComponent<ParagraphProps> {
-    static elementType: string;
     static propTypes: {
         rows: PropTypes.Requireable<number>;
         prefixCls: PropTypes.Requireable<string>;

package/lib/es/skeleton/item.js

@@ -63,10 +63,6 @@ export const Avatar = generator('avatar')(Generic);
 export const Image = generator('image')(Generic);
 export const Title = generator('title')(Generic);
 export const Button = generator('button')(Generic);
-Avatar.elementType = 'Skeleton.Avatar';
-Image.elementType = 'Skeleton.Image';
-Title.elementType = 'Skeleton.Title';
-Button.elementType = 'Skeleton.Button';
 export class Paragraph extends PureComponent {
   render() {
     const {
@@ -94,5 +90,4 @@ Paragraph.propTypes = {
 Paragraph.defaultProps = {
   prefixCls: cssClasses.PREFIX,
   rows: 4
-};
-Paragraph.elementType = 'Skeleton.Paragraph';
+};

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

@@ -19,8 +19,6 @@ export interface BasicStepProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     "role"?: React.AriaRole;
     "aria-label"?: React.AriaAttributes["aria-label"];
-    usedInC2D?: string;
-    direction?: string;
 }
 export declare enum stepSizeMapIconSize {
     small = "large",
@@ -47,6 +45,5 @@ declare const BasicStep: {
         status: string;
         className: string;
     };
-    elementType: string;
 };
 export default BasicStep;

package/lib/es/steps/basicStep.js

@@ -25,9 +25,7 @@ const BasicStep = props => {
     stepNumber,
     onClick,
     onChange,
-    onKeyDown,
-    usedInC2D,
-    direction: direction
+    onKeyDown
   } = props;
 
   const renderIcon = () => {
@@ -90,10 +88,7 @@ const BasicStep = props => {
     [`${prefixCls}-active`]: active,
     [`${prefixCls}-done`]: done,
     [`${prefixCls}-hover`]: onChange || props.onClick,
-    [`${prefixCls}-${status}-hover`]: onChange || props.onClick,
-    [`${prefixCls}-basic`]: usedInC2D,
-    [`${prefixCls}-${direction}`]: direction,
-    [`${prefixCls}-small`]: size === 'small'
+    [`${prefixCls}-${status}-hover`]: onChange || props.onClick
   }, className);
 
   const handleClick = e => {
@@ -151,5 +146,4 @@ BasicStep.defaultProps = {
   status: 'wait',
   className: ''
 };
-BasicStep.elementType = 'Steps.BasicStep';
 export default BasicStep;

package/lib/es/steps/basicSteps.js

@@ -27,8 +27,7 @@ const Steps = props => {
       const stepNumber = initial + index;
       const childProps = Object.assign({
         stepNumber: `${stepNumber + 1}`,
-        size,
-        direction
+        size
       }, child.props);
 
       if (status === 'error' && index === current - 1) {

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

@@ -15,7 +15,6 @@ export interface FillStepProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     "role"?: React.AriaRole;
     "aria-label"?: React.AriaAttributes["aria-label"];
-    usedInC2D?: boolean;
 }
 declare const FillStep: {
     (props: FillStepProps): JSX.Element;
@@ -34,6 +33,5 @@ declare const FillStep: {
         status: string;
         className: string;
     };
-    elementType: string;
 };
 export default FillStep;

package/lib/es/steps/fillStep.js

@@ -92,8 +92,7 @@ const FillStep = props => {
       [prefixCls]: true,
       [`${prefixCls}-${status}`]: Boolean(status),
       [`${prefixCls}-${status}-hover`]: Boolean(status) && (onChange || onClick),
-      [`${prefixCls}-clickable`]: onClick,
-      [`${prefixCls}-fill`]: props.usedInC2D
+      [`${prefixCls}-clickable`]: onClick
     }, className),
     style: style,
     onClick: e => {
@@ -128,5 +127,4 @@ FillStep.defaultProps = {
   status: 'wait',
   className: ''
 };
-FillStep.elementType = 'Steps.FillStep';
 export default FillStep;

package/lib/es/steps/fillSteps.js

@@ -17,8 +17,10 @@ const Steps = props => {
     onChange
   } = props;
   const inner = useMemo(() => {
-    const filteredChildren = Children.toArray(children).filter(c => /*#__PURE__*/isValidElement(c)); // const colStyle = direction === 'vertical' ? null : { width: `${100 / filteredChildren.length }%` };
-
+    const filteredChildren = Children.toArray(children).filter(c => /*#__PURE__*/isValidElement(c));
+    const colStyle = direction === 'vertical' ? null : {
+      width: `${100 / filteredChildren.length}%`
+    };
     const content = Children.map(filteredChildren, (child, index) => {
       if (!child) {
         return null;
@@ -48,10 +50,10 @@ const Steps = props => {
         if (index !== current) {
           onChange(index + initial);
         }
-      } : undefined; // Whether colStyle is set has no effect
-      // return <Col style={colStyle}>{cloneElement(child, { ...childProps })}</Col>;
-
-      return /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/cloneElement(child, Object.assign({}, childProps)));
+      } : undefined;
+      return /*#__PURE__*/React.createElement(Col, {
+        style: colStyle
+      }, /*#__PURE__*/cloneElement(child, Object.assign({}, childProps)));
     });
     return content;
   }, [children, initial, prefixCls, direction, status, current, onChange]);

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

@@ -22,69 +22,7 @@ export interface NavStepsAllProps extends NavStepsProps {
 }
 export declare type StepsProps = FillStepsAllProps | BasicStepsAllProps | NavStepsAllProps;
 declare class Steps extends Component<StepsProps> {
-    static Step: {
-        (props: import("./step").StepProps): JSX.Element;
-        elementType: string;
-    };
-    static FillStep: {
-        (props: import("./fillStep").FillStepProps): JSX.Element;
-        propTypes: {
-            prefixCls: PropTypes.Requireable<string>;
-            description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            status: PropTypes.Requireable<string>;
-            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            className: PropTypes.Requireable<string>;
-            style: PropTypes.Requireable<object>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        };
-        defaultProps: {
-            prefixCls: string;
-            status: string;
-            className: string;
-        };
-        elementType: string;
-    };
-    static BasicStep: {
-        (props: import("./basicStep").BasicStepProps): JSX.Element;
-        propTypes: {
-            prefixCls: PropTypes.Requireable<string>;
-            description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            status: PropTypes.Requireable<string>;
-            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            className: PropTypes.Requireable<string>;
-            style: PropTypes.Requireable<object>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            active: PropTypes.Requireable<boolean>;
-            done: PropTypes.Requireable<boolean>;
-        };
-        defaultProps: {
-            prefixCls: string;
-            active: boolean;
-            done: boolean;
-            status: string;
-            className: string;
-        };
-        elementType: string;
-    };
-    static NavStep: {
-        (props: import("./navStep").NavStepProps): JSX.Element;
-        propTypes: {
-            prefixCls: PropTypes.Requireable<string>;
-            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            className: PropTypes.Requireable<string>;
-            style: PropTypes.Requireable<object>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            active: PropTypes.Requireable<boolean>;
-        };
-        defaultProps: {
-            prefixCls: string;
-            active: boolean;
-            className: string;
-        };
-        elementType: string;
-    };
+    static Step: (props: import("./step").StepProps) => JSX.Element;
     static propTypes: {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;

package/lib/es/steps/index.js

@@ -16,9 +16,6 @@ import Step from './step';
 import FillSteps from './fillSteps';
 import BasicSteps from './basicSteps';
 import NavSteps from './navSteps';
-import FillStep from './fillStep';
-import BasicStep from './basicStep';
-import NavStep from './navStep';
 import Context from './context';
 
 class Steps extends Component {
@@ -58,9 +55,6 @@ class Steps extends Component {
 }
 
 Steps.Step = Step;
-Steps.FillStep = FillStep;
-Steps.BasicStep = BasicStep;
-Steps.NavStep = NavStep;
 Steps.propTypes = {
   onChange: PropTypes.func,
   type: PropTypes.oneOf(['fill', 'basic', 'nav']),

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

@@ -13,8 +13,6 @@ export interface NavStepProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     "role"?: React.AriaRole;
     "aria-label"?: React.AriaAttributes["aria-label"];
-    usedInC2D?: boolean;
-    size?: string;
 }
 declare const NavStep: {
     (props: NavStepProps): JSX.Element;
@@ -31,6 +29,5 @@ declare const NavStep: {
         active: boolean;
         className: string;
     };
-    elementType: string;
 };
 export default NavStep;

package/lib/es/steps/navStep.js

@@ -15,13 +15,10 @@ const NavStep = props => {
     total,
     onClick,
     onKeyDown,
-    onChange,
-    size
+    onChange
   } = props;
   const classString = classnames(prefixCls, {
-    [`${prefixCls}-active`]: active,
-    [`${prefixCls}-nav`]: props.usedInC2D,
-    [`${prefixCls}-small`]: size === 'small'
+    [`${prefixCls}-active`]: active
   }, className);
 
   const handleClick = e => {
@@ -71,5 +68,4 @@ NavStep.defaultProps = {
   active: false,
   className: ''
 };
-NavStep.elementType = 'Steps.NavStep';
 export default NavStep;

package/lib/es/steps/navSteps.js

@@ -24,8 +24,7 @@ const Steps = props => {
 
       const childProps = Object.assign({
         index,
-        total,
-        size
+        total
       }, child.props);
       childProps.active = index === current;
       childProps.onChange = onChange ? () => {

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

@@ -9,8 +9,5 @@ export interface StepProps {
     style?: React.CSSProperties;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
 }
-declare const Step: {
-    (props: StepProps): JSX.Element;
-    elementType: string;
-};
+declare const Step: (props: StepProps) => JSX.Element;
 export default Step;