@douyinfe/semi-ui 2.34.0-alpha.1 → 2.34.1-alpha.2

package/lib/es/navigation/Item.js

@@ -1,4 +1,3 @@
-import _isUndefined from "lodash/isUndefined";
 import _times from "lodash/times";
 import _noop from "lodash/noop";
 
@@ -100,28 +99,21 @@ export default class NavItem extends BaseComponent {
       notifyMouseLeave: function () {
         return _this.props.onMouseLeave(...arguments);
       },
-      getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed),
-      getSelected: () => this.props.selected || Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
-      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey)),
-      getIsInSubNav: () => this.props.isInSubNav || Boolean(this.context && this.context.isInSubNav),
-      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;
-      }
+      getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed) || false,
+      getSelected: () => Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
+      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey))
     });
   }
 
   renderIcon(icon, pos) {
     let isToggleIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-    const mode = this.adapter.getMode();
 
     if (this.props.isSubNav) {
       return null;
     }
 
-    if (!icon && mode === strings.MODE_HORIZONTAL) {
+    if (!icon && this.context.mode === strings.MODE_HORIZONTAL) {
       return null;
     }
 
@@ -144,8 +136,6 @@ export default class NavItem extends BaseComponent {
   }
 
   render() {
-    var _a;
-
     const {
       text,
       children,
@@ -161,17 +151,16 @@ export default class NavItem extends BaseComponent {
       linkOptions,
       disabled,
       level = 0,
-      tabIndex,
-      mode: modeInProps
+      tabIndex
     } = this.props;
     const {
+      mode,
+      isInSubNav,
       prefixCls,
       limitIndent
     } = this.context;
     const isCollapsed = this.adapter.getIsCollapsed();
     const selected = this.adapter.getSelected();
-    const isInSubNav = this.adapter.getIsInSubNav();
-    const mode = this.adapter.getMode();
     let itemChildren = null;
 
     if (!isNullOrUndefined(children)) {
@@ -219,20 +208,14 @@ export default class NavItem extends BaseComponent {
         onKeyDown: this.handleKeyPress
       }, itemChildren);
     } else {
-      // isFirstLayer 用于决定 semi-navigation-first-layers（仅在 c2中使用) 是否生效
-      // 当 this.props.isInSubNav 存在是，则由 this.props.isInSubNav 决定
-      // 否则由 this.context?.mode 决定，因为第一层节点无context
-      const isFirstLayer = !_isUndefined(this.props.isInSubNav) ? !this.props.isInSubNav : _isUndefined((_a = this.context) === null || _a === void 0 ? void 0 : _a.mode); // Items are divided into normal and sub-wrap
-
+      // Items are divided into normal and sub-wrap
       const popoverItemCls = cls(`${className || `${clsPrefix}-normal`}`, {
         [clsPrefix]: true,
         [`${clsPrefix}-sub`]: isSubNav,
         [`${clsPrefix}-selected`]: selected && !isSubNav,
         [`${clsPrefix}-collapsed`]: isCollapsed,
         [`${clsPrefix}-disabled`]: disabled,
-        [`${clsPrefix}-has-link`]: typeof link === 'string',
-        [`${cssClasses.PREFIX}-first-layer`]: isFirstLayer,
-        [`${clsPrefix}-horizontal`]: modeInProps === strings.MODE_HORIZONTAL
+        [`${clsPrefix}-has-link`]: typeof link === 'string'
       });
       const ariaProps = {
         'aria-disabled': disabled
@@ -310,5 +293,4 @@ NavItem.defaultProps = {
   onMouseLeave: _noop,
   disabled: false,
   tabIndex: 0
-};
-NavItem.elementType = 'Nav.Item';
+};

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

@@ -22,14 +22,11 @@ export interface SubNavProps extends BaseProps {
     onMouseLeave?: React.MouseEventHandler<HTMLLIElement>;
     text?: React.ReactNode;
     toggleIcon?: ToggleIcon;
-    active?: boolean;
-    mode?: string;
 }
 export interface SubNavState {
     isHovered: boolean;
 }
 export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
-    static elementType: string;
     static contextType: React.Context<NavContextType>;
     static propTypes: {
         /**
@@ -73,7 +70,6 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         disabled: PropTypes.Requireable<boolean>;
         level: PropTypes.Requireable<number>;
-        active: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         level: number;
@@ -86,7 +82,6 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
             closed: JSX.Element;
         };
         disabled: boolean;
-        active: boolean;
     };
     titleRef: React.RefObject<HTMLDivElement>;
     itemRef: React.RefObject<HTMLLIElement>;

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";
 
@@ -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
@@ -174,22 +159,17 @@ export default class SubNav extends BaseComponent {
       level
     } = 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 = '';
@@ -230,7 +210,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 +221,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 +233,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 +267,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 +319,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 +340,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));
@@ -426,8 +403,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,
@@ -443,7 +419,5 @@ SubNav.defaultProps = {
       "aria-hidden": true
     })
   },
-  disabled: false,
-  active: false
-};
-SubNav.elementType = 'Nav.Sub';
+  disabled: false
+};

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

@@ -26,9 +26,7 @@ const BasicStep = props => {
     stepNumber,
     onClick,
     onChange,
-    onKeyDown,
-    usedInC2D,
-    direction: direction
+    onKeyDown
   } = props;
 
   const renderIcon = () => {
@@ -89,10 +87,7 @@ const BasicStep = props => {
 
   const classString = classnames(prefixCls, `${prefixCls}-${status}`, {
     [`${prefixCls}-active`]: active,
-    [`${prefixCls}-done`]: done,
-    [`${prefixCls}-basic`]: usedInC2D,
-    [`${prefixCls}-${direction}`]: direction,
-    [`${prefixCls}-small`]: size === 'small'
+    [`${prefixCls}-done`]: done
   }, className);
 
   const handleClick = e => {
@@ -156,5 +151,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

@@ -97,8 +97,7 @@ const FillStep = props => {
     className: classnames({
       [prefixCls]: true,
       [`${prefixCls}-${status}`]: Boolean(status),
-      [`${prefixCls}-clickable`]: onClick,
-      [`${prefixCls}-fill`]: props.usedInC2D
+      [`${prefixCls}-clickable`]: onClick
     }, className),
     style: style,
     onClick: e => {
@@ -133,5 +132,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,11 +50,11 @@ const Steps = props => {
         if (index !== current) {
           onChange(index + initial);
         }
-      }; // 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)));
+      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

@@ -18,9 +18,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 {
@@ -60,9 +57,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

@@ -16,13 +16,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 => {
@@ -78,5 +75,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;
 

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;

package/lib/es/steps/step.js

@@ -28,5 +28,4 @@ const Step = props => {
   return renderStep();
 };
 
-Step.elementType = 'Steps.Step';
 export default Step;

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

@@ -2,13 +2,12 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/timeline/timeline.css';
 import Item, { TimelineItemProps } from './item';
-import { ModeType } from './context';
 export type { TimelineItemProps } from './item';
 export interface Data extends TimelineItemProps {
     content: React.ReactNode;
 }
 export interface TimelineProps extends Pick<React.AriaAttributes, 'aria-label'> {
-    mode?: ModeType;
+    mode?: 'left' | 'right' | 'center' | 'alternate';
     className?: string;
     style?: React.CSSProperties;
     dataSource?: Data[];