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

package/lib/cjs/navigation/SubNav.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
 
 var _times2 = _interopRequireDefault(require("lodash/times"));
@@ -131,29 +129,16 @@ class SubNav extends _baseComponent.default {
 
         return _this._invokeContextFunc('onClick', ...args);
       },
-      getIsSelected: itemKey => this.props.active || Boolean(!(0, _isNullOrUndefined.default)(itemKey) && (0, _get2.default)(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(!(0, _isNullOrUndefined.default)(itemKey) && (0, _get2.default)(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 = _constants.cssClasses.PREFIX
+      prefixCls
     } = this.context;
     let iconSize = 'large';
 
@@ -161,15 +146,14 @@ class SubNav extends _baseComponent.default {
       iconSize = 'default';
     }
 
-    const isOpen = this.adapter.getIsOpen();
     const className = (0, _classnames.default)(`${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.default.isValidElement(icon) ? withTransition ? /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
       animationState: isOpen ? "enter" : "leave",
-      startClassName: `${prefixCls}-icon-rotate-${isOpen ? "180" : "0"}`
+      startClassName: `${_constants.cssClasses.PREFIX}-icon-rotate-${isOpen ? "180" : "0"}`
     }, _ref => {
       let {
         animationClassName
@@ -199,20 +183,17 @@ class SubNav extends _baseComponent.default {
       level
     } = this.props;
     const {
+      mode,
       isInSubNav,
-      prefixCls = _constants.cssClasses.PREFIX,
+      isCollapsed,
+      prefixCls,
       subNavMotion,
       limitIndent
     } = this.context;
-    const isFirstLayer = (0, _isUndefined2.default)(this.context.mode);
-    const mode = this.adapter.getMode();
     const isOpen = this.adapter.getIsOpen();
-    const isCollapsed = this.adapter.getIsCollapsed();
     const titleCls = (0, _classnames.default)(`${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 === _constants.strings.MODE_HORIZONTAL
+      [`${prefixCls}-sub-title-disabled`]: disabled
     });
     let withTransition = false;
     let toggleIconType = '';
@@ -253,7 +234,6 @@ class SubNav extends _baseComponent.default {
     }
 
     const isIconChevronRightShow = !isCollapsed && isInSubNav && mode === _constants.strings.MODE_HORIZONTAL || isCollapsed && isInSubNav;
-    const toggleIconPositionLeft = this.context.toggleIconPosition === _constants.strings.TOGGLE_ICON_LEFT;
 
     const titleDiv = /*#__PURE__*/_react.default.createElement("div", {
       role: "menuitem",
@@ -266,9 +246,9 @@ class SubNav extends _baseComponent.default {
       "aria-expanded": isOpen ? 'true' : 'false'
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixCls}-item-inner`
-    }, placeholderIcons, toggleIconPositionLeft && this.renderIcon(toggleIconType, _constants.strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== _constants.strings.MODE_HORIZONTAL ? this.renderIcon(icon, _constants.strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/_react.default.createElement("span", {
+    }, placeholderIcons, this.context.toggleIconPosition === _constants.strings.TOGGLE_ICON_LEFT && this.renderIcon(toggleIconType, _constants.strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== _constants.strings.MODE_HORIZONTAL ? this.renderIcon(icon, _constants.strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/_react.default.createElement("span", {
       className: `${prefixCls}-item-text`
-    }, text), !toggleIconPositionLeft && this.renderIcon(toggleIconType, _constants.strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
+    }, text), this.context.toggleIconPosition === _constants.strings.TOGGLE_ICON_RIGHT && this.renderIcon(toggleIconType, _constants.strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
 
     return titleDiv;
   }
@@ -279,12 +259,12 @@ class SubNav extends _baseComponent.default {
       maxHeight
     } = this.props;
     const {
+      isCollapsed,
+      mode,
       subNavMotion,
-      prefixCls = _constants.cssClasses.PREFIX
+      prefixCls
     } = this.context;
-    const isCollapsed = this.adapter.getIsCollapsed();
     const isOpen = this.adapter.getIsOpen();
-    const mode = this.adapter.getMode();
     const isHorizontal = mode === _constants.strings.MODE_HORIZONTAL;
     const subNavCls = (0, _classnames.default)(`${prefixCls}-sub`, {
       [`${prefixCls}-sub-open`]: isOpen,
@@ -315,14 +295,14 @@ class SubNav extends _baseComponent.default {
       disabled
     } = this.props;
     const {
+      mode,
       isInSubNav,
+      isCollapsed,
       subNavCloseDelay,
       subNavOpenDelay,
-      prefixCls = _constants.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 = (0, _classnames.default)({
@@ -367,10 +347,10 @@ class SubNav extends _baseComponent.default {
       text
     } = this.props;
     const {
-      prefixCls = _constants.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
 
@@ -388,11 +368,9 @@ class SubNav extends _baseComponent.default {
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       disabled: disabled,
-      text: text,
-      mode: mode
+      text: text
     }, /*#__PURE__*/_react.default.createElement(_navContext.default.Provider, {
       value: Object.assign(Object.assign({}, this.context), {
-        mode: mode,
         isInSubNav: true
       })
     }, titleDiv, subUl));
@@ -455,8 +433,7 @@ SubNav.propTypes = {
   onMouseLeave: _propTypes.default.func,
   // Is it disabled
   disabled: _propTypes.default.bool,
-  level: _propTypes.default.number,
-  active: _propTypes.default.bool
+  level: _propTypes.default.number
 };
 SubNav.defaultProps = {
   level: 0,
@@ -472,7 +449,5 @@ SubNav.defaultProps = {
       "aria-hidden": true
     })
   },
-  disabled: false,
-  active: false
-};
-SubNav.elementType = 'Nav.Sub';
+  disabled: false
+};

package/lib/cjs/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/cjs/skeleton/index.js

@@ -86,6 +86,5 @@ Skeleton.propTypes = {
   loading: _propTypes.default.bool,
   children: _propTypes.default.node
 };
-Skeleton.elementType = 'Skeleton';
 var _default = Skeleton;
 exports.default = _default;

package/lib/cjs/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/cjs/skeleton/item.js

@@ -86,10 +86,6 @@ const Title = generator('title')(Generic);
 exports.Title = Title;
 const Button = generator('button')(Generic);
 exports.Button = Button;
-Avatar.elementType = 'Skeleton.Avatar';
-Image.elementType = 'Skeleton.Image';
-Title.elementType = 'Skeleton.Title';
-Button.elementType = 'Skeleton.Button';
 
 class Paragraph extends _react.PureComponent {
   render() {
@@ -120,5 +116,4 @@ Paragraph.propTypes = {
 Paragraph.defaultProps = {
   prefixCls: _constants.cssClasses.PREFIX,
   rows: 4
-};
-Paragraph.elementType = 'Skeleton.Paragraph';
+};

package/lib/cjs/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/cjs/steps/basicStep.js

@@ -42,9 +42,7 @@ const BasicStep = props => {
     stepNumber,
     onClick,
     onChange,
-    onKeyDown,
-    usedInC2D,
-    direction: direction
+    onKeyDown
   } = props;
 
   const renderIcon = () => {
@@ -105,10 +103,7 @@ const BasicStep = props => {
 
   const classString = (0, _classnames.default)(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 => {
@@ -172,6 +167,5 @@ BasicStep.defaultProps = {
   status: 'wait',
   className: ''
 };
-BasicStep.elementType = 'Steps.BasicStep';
 var _default = BasicStep;
 exports.default = _default;

package/lib/cjs/steps/basicSteps.js

@@ -44,8 +44,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/cjs/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/cjs/steps/fillStep.js

@@ -111,8 +111,7 @@ const FillStep = props => {
     className: (0, _classnames.default)({
       [prefixCls]: true,
       [`${prefixCls}-${status}`]: Boolean(status),
-      [`${prefixCls}-clickable`]: onClick,
-      [`${prefixCls}-fill`]: props.usedInC2D
+      [`${prefixCls}-clickable`]: onClick
     }, className),
     style: style,
     onClick: e => {
@@ -147,6 +146,5 @@ FillStep.defaultProps = {
   status: 'wait',
   className: ''
 };
-FillStep.elementType = 'Steps.FillStep';
 var _default = FillStep;
 exports.default = _default;

package/lib/cjs/steps/fillSteps.js

@@ -34,8 +34,11 @@ const Steps = props => {
     onChange
   } = props;
   const inner = (0, _react.useMemo)(() => {
-    const filteredChildren = _react.Children.toArray(children).filter(c => /*#__PURE__*/(0, _react.isValidElement)(c)); // const colStyle = direction === 'vertical' ? null : { width: `${100 / filteredChildren.length }%` };
+    const filteredChildren = _react.Children.toArray(children).filter(c => /*#__PURE__*/(0, _react.isValidElement)(c));
 
+    const colStyle = direction === 'vertical' ? null : {
+      width: `${100 / filteredChildren.length}%`
+    };
 
     const content = _react.Children.map(filteredChildren, (child, index) => {
       if (!child) {
@@ -66,11 +69,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.default.createElement(_grid.Col, null, /*#__PURE__*/(0, _react.cloneElement)(child, Object.assign({}, childProps)));
+      return /*#__PURE__*/_react.default.createElement(_grid.Col, {
+        style: colStyle
+      }, /*#__PURE__*/(0, _react.cloneElement)(child, Object.assign({}, childProps)));
     });
 
     return content;

package/lib/cjs/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/cjs/steps/index.js

@@ -21,12 +21,6 @@ var _basicSteps = _interopRequireDefault(require("./basicSteps"));
 
 var _navSteps = _interopRequireDefault(require("./navSteps"));
 
-var _fillStep = _interopRequireDefault(require("./fillStep"));
-
-var _basicStep = _interopRequireDefault(require("./basicStep"));
-
-var _navStep = _interopRequireDefault(require("./navStep"));
-
 var _context = _interopRequireDefault(require("./context"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -83,9 +77,6 @@ class Steps extends _react.Component {
 }
 
 Steps.Step = _step.default;
-Steps.FillStep = _fillStep.default;
-Steps.BasicStep = _basicStep.default;
-Steps.NavStep = _navStep.default;
 Steps.propTypes = {
   onChange: _propTypes.default.func,
   type: _propTypes.default.oneOf(['fill', 'basic', 'nav']),

package/lib/cjs/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/cjs/steps/navStep.js

@@ -30,13 +30,10 @@ const NavStep = props => {
     total,
     onClick,
     onKeyDown,
-    onChange,
-    size
+    onChange
   } = props;
   const classString = (0, _classnames.default)(prefixCls, {
-    [`${prefixCls}-active`]: active,
-    [`${prefixCls}-nav`]: props.usedInC2D,
-    [`${prefixCls}-small`]: size === 'small'
+    [`${prefixCls}-active`]: active
   }, className);
 
   const handleClick = e => {
@@ -92,6 +89,5 @@ NavStep.defaultProps = {
   active: false,
   className: ''
 };
-NavStep.elementType = 'Steps.NavStep';
 var _default = NavStep;
 exports.default = _default;

package/lib/cjs/steps/navSteps.js

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

package/lib/cjs/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/cjs/steps/step.js

@@ -45,6 +45,5 @@ const Step = props => {
   return renderStep();
 };
 
-Step.elementType = 'Steps.Step';
 var _default = Step;
 exports.default = _default;

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

@@ -2,13 +2,12 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/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[];

package/lib/cjs/timeline/index.js

@@ -19,8 +19,6 @@ var _context = _interopRequireDefault(require("../configProvider/context"));
 
 var _item = _interopRequireDefault(require("./item"));
 
-var _context2 = _interopRequireDefault(require("./context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -98,15 +96,11 @@ class Timeline extends _react.PureComponent {
     }
 
     const items = childrenList || this.addClassName(children);
-    return /*#__PURE__*/_react.default.createElement(_context2.default.Provider, {
-      value: {
-        mode
-      }
-    }, /*#__PURE__*/_react.default.createElement("ul", {
+    return /*#__PURE__*/_react.default.createElement("ul", {
       "aria-label": this.props['aria-label'],
       style: style,
       className: classString
-    }, items));
+    }, items);
   }
 
 }

package/lib/cjs/timeline/item.d.ts

@@ -1,7 +1,6 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css';
-import { ModeType, TimelineContextValue } from './context';
 export interface TimelineItemProps {
     color?: string;
     children?: React.ReactNode;
@@ -13,13 +12,8 @@ export interface TimelineItemProps {
     className?: string;
     style?: React.CSSProperties;
     onClick?: React.MouseEventHandler<HTMLLIElement>;
-    mode?: ModeType;
-    odd?: boolean;
-    usedInC2D?: boolean;
 }
 export default class Item extends PureComponent<TimelineItemProps> {
-    static contextType: React.Context<TimelineContextValue>;
-    static elementType: string;
     static propTypes: {
         color: PropTypes.Requireable<string>;
         time: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -30,15 +24,11 @@ export default class Item extends PureComponent<TimelineItemProps> {
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        mode: PropTypes.Requireable<string>;
-        lastChild: PropTypes.Requireable<boolean>;
     };
-    context: TimelineContextValue;
     static defaultProps: {
         type: string;
         time: string;
         onClick: (...args: any[]) => void;
     };
-    getC2DCls: () => string;
     render(): JSX.Element;
 }