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

package/dist/umd/semi-ui.js

@@ -37357,10 +37357,6 @@ const item_Avatar = generator('avatar')(item_Generic);
 const item_Image = generator('image')(item_Generic);
 const item_Title = generator('title')(item_Generic);
 const item_Button = generator('button')(item_Generic);
-item_Avatar.elementType = 'Skeleton.Avatar';
-item_Image.elementType = 'Skeleton.Image';
-item_Title.elementType = 'Skeleton.Title';
-item_Button.elementType = 'Skeleton.Button';
 class item_Paragraph extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
   render() {
     const {
@@ -37389,7 +37385,6 @@ item_Paragraph.defaultProps = {
   prefixCls: skeleton_constants_cssClasses.PREFIX,
   rows: 4
 };
-item_Paragraph.elementType = 'Skeleton.Paragraph';
 // CONCATENATED MODULE: ./skeleton/index.tsx
 var skeleton_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
@@ -37460,7 +37455,6 @@ skeleton_Skeleton.propTypes = {
   loading: prop_types_default.a.bool,
   children: prop_types_default.a.node
 };
-skeleton_Skeleton.elementType = 'Skeleton';
 /* harmony default export */ var skeleton_0 = (skeleton_Skeleton);
 // CONCATENATED MODULE: ../semi-foundation/space/constants.ts
 
@@ -37602,7 +37596,6 @@ space_Space.defaultProps = {
 // CONCATENATED MODULE: ./card/index.tsx
 
 
-
 var card_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -37625,52 +37618,74 @@ var card_rest = undefined && undefined.__rest || function (s, e) {
 
 const card_prefixcls = card_constants_cssClasses.PREFIX;
 
-class card_Card extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
-  constructor() {
-    super(...arguments);
+class card_Header extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
+  render() {
+    const {
+      title,
+      headerExtraContent,
+      header,
+      headerLine,
+      headerStyle
+    } = this.props;
+    const headerCls = classnames_default()(`${card_prefixcls}-header`, {
+      [`${card_prefixcls}-header-bordered`]: Boolean(headerLine)
+    });
+    const headerWrapperCls = classnames_default()(`${card_prefixcls}-header-wrapper`);
+    const titleCls = classnames_default()(`${card_prefixcls}-header-wrapper-title`, {
+      [`${card_prefixcls}-header-wrapper-spacing`]: Boolean(headerExtraContent)
+    });
 
-    this.renderHeader = () => {
-      const {
-        title,
-        headerExtraContent,
-        header,
-        headerLine,
-        headerStyle
-      } = this.props;
-      const headerCls = classnames_default()(`${card_prefixcls}-header`, {
-        [`${card_prefixcls}-header-bordered`]: Boolean(headerLine)
-      });
-      const headerWrapperCls = classnames_default()(`${card_prefixcls}-header-wrapper`);
-      const titleCls = classnames_default()(`${card_prefixcls}-header-wrapper-title`, {
-        [`${card_prefixcls}-header-wrapper-spacing`]: Boolean(headerExtraContent)
-      });
+    if (header || headerExtraContent || title) {
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        style: headerStyle,
+        className: headerCls
+      }, header ||
+      /*#__PURE__*/
+      // Priority of header over title and headerExtraContent
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: headerWrapperCls
+      }, headerExtraContent && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: `${card_prefixcls}-header-wrapper-extra`,
+        "x-semi-prop": "headerExtraContent"
+      }, headerExtraContent), title && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: titleCls
+      }, isString_default()(title) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(typography_0.Title, {
+        heading: 6,
+        ellipsis: {
+          showTooltip: true,
+          rows: 1
+        },
+        "x-semi-prop": "title"
+      }, title) : title)));
+    }
 
-      if (header || headerExtraContent || title) {
-        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-          style: headerStyle,
-          className: headerCls
-        }, header ||
-        /*#__PURE__*/
-        // Priority of header over title and headerExtraContent
-        external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-          className: headerWrapperCls
-        }, headerExtraContent && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-          className: `${card_prefixcls}-header-wrapper-extra`,
-          "x-semi-prop": "headerExtraContent"
-        }, headerExtraContent), title && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-          className: titleCls
-        }, isString_default()(title) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(typography_0.Title, {
-          heading: 6,
-          ellipsis: {
-            showTooltip: true,
-            rows: 1
-          },
-          "x-semi-prop": "title"
-        }, title) : title)));
-      }
+    return null;
+  }
 
-      return null;
-    };
+}
+
+class card_Footer extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
+  render() {
+    const {
+      footer,
+      footerLine,
+      footerStyle
+    } = this.props;
+    const footerCls = classnames_default()(`${card_prefixcls}-footer`, {
+      [`${card_prefixcls}-footer-bordered`]: footerLine
+    });
+    return footer ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      style: footerStyle,
+      className: footerCls,
+      "x-semi-prop": "footer"
+    }, footer) : null;
+  }
+
+}
+
+class card_Body extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
+  constructor() {
+    super(...arguments);
 
     this.renderCover = () => {
       const {
@@ -37688,7 +37703,7 @@ class card_Card extends external_root_React_commonjs2_react_commonjs_react_amd_r
         bodyStyle,
         children,
         actions,
-        loading
+        loading = false
       } = this.props;
       const bodyCls = classnames_default()(`${card_prefixcls}-body`);
       const actionsCls = classnames_default()(`${card_prefixcls}-body-actions`);
@@ -37713,51 +37728,207 @@ class card_Card extends external_root_React_commonjs2_react_commonjs_react_amd_r
         "x-semi-prop": `actions.${idx}`
       }, item)))));
     };
+  }
 
-    this.renderFooter = () => {
-      const {
-        footer,
-        footerLine,
-        footerStyle
-      } = this.props;
-      const footerCls = classnames_default()(`${card_prefixcls}-footer`, {
-        [`${card_prefixcls}-footer-bordered`]: footerLine
-      });
-      return footer && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        style: footerStyle,
-        className: footerCls,
-        "x-semi-prop": "footer"
-      }, footer);
-    };
+  render() {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, this.renderCover(), this.renderBody());
   }
 
+}
+
+card_Header.elementType = 'Card.Header';
+card_Footer.elementType = 'Card.Footer';
+card_Body.elementType = 'Card.Body';
+
+class card_Card extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
+  // renderHeader = (): ReactNode => {
+  //     const {
+  //         title,
+  //         headerExtraContent,
+  //         header,
+  //         headerLine,
+  //         headerStyle
+  //     } = this.props;
+  //     const headerCls = cls(`${prefixcls}-header`, {
+  //         [`${prefixcls}-header-bordered`]: Boolean(headerLine)
+  //     });
+  //     const headerWrapperCls = cls(`${prefixcls}-header-wrapper`);
+  //     const titleCls = cls(`${prefixcls}-header-wrapper-title`, {
+  //         [`${prefixcls}-header-wrapper-spacing`]: Boolean(headerExtraContent)
+  //     });
+  //     if (header || headerExtraContent || title) {
+  //         return (
+  //             <div style={headerStyle} className={headerCls}>
+  //                 {header || ( // Priority of header over title and headerExtraContent
+  //                     <div className={headerWrapperCls}>
+  //                         {headerExtraContent && (
+  //                             <div
+  //                                 className={`${prefixcls}-header-wrapper-extra`}
+  //                                 x-semi-prop="headerExtraContent"
+  //                             >
+  //                                 {headerExtraContent}
+  //                             </div>
+  //                         )}
+  //                         {title && (
+  //                             <div className={titleCls}>
+  //                                 {isString(title) ? (
+  //                                     <Typography.Title
+  //                                         heading={6}
+  //                                         ellipsis={{ showTooltip: true, rows: 1 }}
+  //                                         x-semi-prop="title"
+  //                                     >
+  //                                         {title}
+  //                                     </Typography.Title>
+  //                                 ) : (
+  //                                     title
+  //                                 )}
+  //                             </div>
+  //                         )}
+  //                     </div>
+  //                 )}
+  //             </div>
+  //         );
+  //     }
+  //     return null;
+  // };
+  // renderCover = (): ReactNode => {
+  //     const {
+  //         cover
+  //     } = this.props;
+  //     const coverCls = cls(`${prefixcls}-cover`);
+  //     return (
+  //         cover && (
+  //             <div className={coverCls} x-semi-prop="cover">
+  //                 {cover}
+  //             </div>
+  //         )
+  //     );
+  // };
+  // renderBody = (): ReactNode => {
+  //     const { bodyStyle, children, actions, loading } = this.props;
+  //     const bodyCls = cls(`${prefixcls}-body`);
+  //     const actionsCls = cls(`${prefixcls}-body-actions`);
+  //     const actionsItemCls = cls(`${prefixcls}-body-actions-item`);
+  //     const placeholder = (
+  //         <div>
+  //             <Skeleton.Title />
+  //             <br />
+  //             <Skeleton.Paragraph rows={3} />
+  //         </div>
+  //     );
+  //     return (
+  //         <div style={bodyStyle} className={bodyCls}>
+  //             {children && (
+  //                 <Skeleton placeholder={placeholder} loading={loading} active>
+  //                     {children}
+  //                 </Skeleton>
+  //             )}
+  //             {
+  //                 Array.isArray(actions) &&
+  //                 (
+  //                     <div className={actionsCls}>
+  //                         <Space spacing={12}>
+  //                             {actions.map((item, idx) => (
+  //                                 <div key={idx} className={actionsItemCls} x-semi-prop={`actions.${idx}`}>{item}</div>
+  //                             ))}
+  //                         </Space>
+  //                     </div>
+  //                 )
+  //             }
+  //         </div>
+  //     );
+  // };
+  // renderFooter = (): ReactNode => {
+  //     const {
+  //         footer,
+  //         footerLine,
+  //         footerStyle
+  //     } = this.props;
+  //     const footerCls = cls(`${prefixcls}-footer`, {
+  //         [`${prefixcls}-footer-bordered`]: footerLine
+  //     });
+  //     return (
+  //         footer && (
+  //             <div style={footerStyle} className={footerCls} x-semi-prop="footer">
+  //                 {footer}
+  //             </div>
+  //         )
+  //     );
+  // };
   render() {
     const _a = this.props,
           {
       bordered,
       shadows,
       style,
-      className
+      className,
+      actions,
+      bodyStyle,
+      cover,
+      headerExtraContent,
+      footer,
+      footerLine,
+      footerStyle,
+      header,
+      headerLine,
+      headerStyle,
+      loading,
+      title,
+      children
     } = _a,
-          otherProps = card_rest(_a, ["bordered", "shadows", "style", "className"]);
+          otherProps = card_rest(_a, ["bordered", "shadows", "style", "className", "actions", "bodyStyle", "cover", "headerExtraContent", "footer", "footerLine", "footerStyle", "header", "headerLine", "headerStyle", "loading", "title", "children"]); // const others = omit(otherProps, [ // Remove APIs in otherProps that do not need to be hung on the outer node
+    //     'actions',
+    //     'bodyStyle',
+    //     'cover',
+    //     'headerExtraContent',
+    //     'footer',
+    //     'footerLine',
+    //     'footerStyle',
+    //     'header',
+    //     'headerLine',
+    //     'headerStyle',
+    //     'loading',
+    //     'title'
+    // ]);
 
-    const others = omit_default()(otherProps, ['actions', 'bodyStyle', 'cover', 'headerExtraContent', 'footer', 'footerLine', 'footerStyle', 'header', 'headerLine', 'headerStyle', 'loading', 'title']);
 
     const cardCls = classnames_default()(card_prefixcls, className, {
       [`${card_prefixcls}-bordered`]: bordered,
       [`${card_prefixcls}-shadows`]: shadows,
       [`${card_prefixcls}-shadows-${shadows}`]: shadows
     });
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", Object.assign({}, others, {
+    const headProps = {
+      title,
+      headerExtraContent,
+      header,
+      headerLine,
+      headerStyle
+    };
+    const bodyProps = {
+      cover,
+      bodyStyle,
+      children,
+      actions,
+      loading
+    };
+    const footerProps = {
+      footer,
+      footerLine,
+      footerStyle
+    };
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", Object.assign({}, otherProps, {
       "aria-busy": this.props.loading,
       className: cardCls,
       style: style
-    }), this.renderHeader(), this.renderCover(), this.renderBody(), this.renderFooter());
+    }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(card_Header, Object.assign({}, headProps)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(card_Body, Object.assign({}, bodyProps)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(card_Footer, Object.assign({}, footerProps)));
   }
 
 }
 
 card_Card.Meta = meta;
+card_Card.Header = card_Header;
+card_Card.Footer = card_Footer;
+card_Card.Body = card_Body;
 card_Card.propTypes = {
   actions: prop_types_default.a.array,
   bodyStyle: prop_types_default.a.object,
@@ -67519,7 +67690,7 @@ layout_Basic.propTypes = {
 layout_Basic.defaultProps = {
   prefixCls: layout_constants_cssClasses.PREFIX
 };
-const Header = layout_generator('Header')(layout_Basic);
+const layout_Header = layout_generator('Header')(layout_Basic);
 const layout_Footer = layout_generator('Footer')(layout_Basic);
 const Content = layout_generator('Content')(layout_Basic);
 
@@ -67586,7 +67757,7 @@ layout_Layout.defaultProps = {
   prefixCls: layout_constants_cssClasses.PREFIX,
   tagName: 'section'
 };
-layout_Layout.Header = Header;
+layout_Layout.Header = layout_Header;
 layout_Layout.Footer = layout_Footer;
 layout_Layout.Content = Content;
 layout_Layout.Sider = layout_Sider;
@@ -70721,7 +70892,6 @@ const NavContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_rea
 
 
 
-
 /* eslint-disable max-len */
 
 /* eslint-disable no-nested-ternary */
@@ -70820,28 +70990,21 @@ class Item_NavItem extends baseComponent_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 === navigation_constants_strings.MODE_HORIZONTAL) {
+    if (!icon && this.context.mode === navigation_constants_strings.MODE_HORIZONTAL) {
       return null;
     }
 
@@ -70864,8 +71027,6 @@ class Item_NavItem extends baseComponent_BaseComponent {
   }
 
   render() {
-    var _a;
-
     const {
       text,
       children,
@@ -70881,17 +71042,16 @@ class Item_NavItem extends baseComponent_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)) {
@@ -70939,20 +71099,14 @@ class Item_NavItem extends baseComponent_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_default()(this.props.isInSubNav) ? !this.props.isInSubNav : isUndefined_default()((_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 = classnames_default()(`${className || `${Item_clsPrefix}-normal`}`, {
         [Item_clsPrefix]: true,
         [`${Item_clsPrefix}-sub`]: isSubNav,
         [`${Item_clsPrefix}-selected`]: selected && !isSubNav,
         [`${Item_clsPrefix}-collapsed`]: isCollapsed,
         [`${Item_clsPrefix}-disabled`]: disabled,
-        [`${Item_clsPrefix}-has-link`]: typeof link === 'string',
-        [`${navigation_constants_cssClasses.PREFIX}-first-layer`]: isFirstLayer,
-        [`${Item_clsPrefix}-horizontal`]: modeInProps === navigation_constants_strings.MODE_HORIZONTAL
+        [`${Item_clsPrefix}-has-link`]: typeof link === 'string'
       });
       const ariaProps = {
         'aria-disabled': disabled
@@ -71031,12 +71185,10 @@ Item_NavItem.defaultProps = {
   disabled: false,
   tabIndex: 0
 };
-Item_NavItem.elementType = 'Nav.Item';
 // CONCATENATED MODULE: ./navigation/SubNav.tsx
 
 
 
-
 /* eslint-disable max-len */
 
 /* eslint-disable no-nested-ternary */
@@ -71141,29 +71293,16 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
 
         return _this._invokeContextFunc('onClick', ...args);
       },
-      getIsSelected: itemKey => this.props.active || Boolean(!isNullOrUndefined(itemKey) && get_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(!isNullOrUndefined(itemKey) && get_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 = navigation_constants_cssClasses.PREFIX
+      prefixCls
     } = this.context;
     let iconSize = 'large';
 
@@ -71171,15 +71310,14 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
       iconSize = 'default';
     }
 
-    const isOpen = this.adapter.getIsOpen();
     const className = 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__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(icon) ? withTransition ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(_cssAnimation, {
       animationState: isOpen ? "enter" : "leave",
-      startClassName: `${prefixCls}-icon-rotate-${isOpen ? "180" : "0"}`
+      startClassName: `${navigation_constants_cssClasses.PREFIX}-icon-rotate-${isOpen ? "180" : "0"}`
     }, _ref => {
       let {
         animationClassName
@@ -71209,22 +71347,17 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
       level
     } = this.props;
     const {
+      mode,
       isInSubNav,
-      prefixCls = navigation_constants_cssClasses.PREFIX,
+      isCollapsed,
+      prefixCls,
       subNavMotion,
       limitIndent
     } = this.context;
-
-    const isFirstLayer = isUndefined_default()(this.context.mode);
-
-    const mode = this.adapter.getMode();
     const isOpen = this.adapter.getIsOpen();
-    const isCollapsed = this.adapter.getIsCollapsed();
     const titleCls = 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 === navigation_constants_strings.MODE_HORIZONTAL
+      [`${prefixCls}-sub-title-disabled`]: disabled
     });
     let withTransition = false;
     let toggleIconType = '';
@@ -71265,7 +71398,6 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
     }
 
     const isIconChevronRightShow = !isCollapsed && isInSubNav && mode === navigation_constants_strings.MODE_HORIZONTAL || isCollapsed && isInSubNav;
-    const toggleIconPositionLeft = this.context.toggleIconPosition === navigation_constants_strings.TOGGLE_ICON_LEFT;
     const titleDiv = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       role: "menuitem",
       // to avoid nested horizontal navigation be focused
@@ -71277,9 +71409,9 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
       "aria-expanded": isOpen ? 'true' : 'false'
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: `${prefixCls}-item-inner`
-    }, placeholderIcons, toggleIconPositionLeft && this.renderIcon(toggleIconType, navigation_constants_strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== navigation_constants_strings.MODE_HORIZONTAL ? this.renderIcon(icon, navigation_constants_strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+    }, placeholderIcons, this.context.toggleIconPosition === navigation_constants_strings.TOGGLE_ICON_LEFT && this.renderIcon(toggleIconType, navigation_constants_strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== navigation_constants_strings.MODE_HORIZONTAL ? this.renderIcon(icon, navigation_constants_strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: `${prefixCls}-item-text`
-    }, text), !toggleIconPositionLeft && this.renderIcon(toggleIconType, navigation_constants_strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
+    }, text), this.context.toggleIconPosition === navigation_constants_strings.TOGGLE_ICON_RIGHT && this.renderIcon(toggleIconType, navigation_constants_strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
     return titleDiv;
   }
 
@@ -71289,12 +71421,12 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
       maxHeight
     } = this.props;
     const {
+      isCollapsed,
+      mode,
       subNavMotion,
-      prefixCls = navigation_constants_cssClasses.PREFIX
+      prefixCls
     } = this.context;
-    const isCollapsed = this.adapter.getIsCollapsed();
     const isOpen = this.adapter.getIsOpen();
-    const mode = this.adapter.getMode();
     const isHorizontal = mode === navigation_constants_strings.MODE_HORIZONTAL;
     const subNavCls = classnames_default()(`${prefixCls}-sub`, {
       [`${prefixCls}-sub-open`]: isOpen,
@@ -71323,14 +71455,14 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
       disabled
     } = this.props;
     const {
+      mode,
       isInSubNav,
+      isCollapsed,
       subNavCloseDelay,
       subNavOpenDelay,
-      prefixCls = navigation_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 = classnames_default()({
@@ -71375,10 +71507,10 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
       text
     } = this.props;
     const {
-      prefixCls = navigation_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
 
@@ -71396,11 +71528,9 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       disabled: disabled,
-      text: text,
-      mode: mode
+      text: text
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(nav_context.Provider, {
       value: Object.assign(Object.assign({}, this.context), {
-        mode: mode,
         isInSubNav: true
       })
     }, titleDiv, subUl));
@@ -71461,8 +71591,7 @@ SubNav_SubNav.propTypes = {
   onMouseLeave: prop_types_default.a.func,
   // Is it disabled
   disabled: prop_types_default.a.bool,
-  level: prop_types_default.a.number,
-  active: prop_types_default.a.bool
+  level: prop_types_default.a.number
 };
 SubNav_SubNav.defaultProps = {
   level: 0,
@@ -71478,10 +71607,8 @@ SubNav_SubNav.defaultProps = {
       "aria-hidden": true
     })
   },
-  disabled: false,
-  active: false
+  disabled: false
 };
-SubNav_SubNav.elementType = 'Nav.Sub';
 // CONCATENATED MODULE: ./navigation/CollapseButton.tsx
 
 
@@ -84754,9 +84881,7 @@ const BasicStep = props => {
     stepNumber,
     onClick,
     onChange,
-    onKeyDown,
-    usedInC2D,
-    direction: direction
+    onKeyDown
   } = props;
 
   const renderIcon = () => {
@@ -84817,10 +84942,7 @@ const BasicStep = props => {
 
   const classString = 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 => {
@@ -84884,7 +85006,6 @@ BasicStep.defaultProps = {
   status: 'wait',
   className: ''
 };
-BasicStep.elementType = 'Steps.BasicStep';
 /* harmony default export */ var basicStep = (BasicStep);
 // CONCATENATED MODULE: ./steps/fillStep.tsx
 
@@ -84986,8 +85107,7 @@ const FillStep = props => {
     className: classnames_default()({
       [prefixCls]: true,
       [`${prefixCls}-${status}`]: Boolean(status),
-      [`${prefixCls}-clickable`]: onClick,
-      [`${prefixCls}-fill`]: props.usedInC2D
+      [`${prefixCls}-clickable`]: onClick
     }, className),
     style: style,
     onClick: e => {
@@ -85022,7 +85142,6 @@ FillStep.defaultProps = {
   status: 'wait',
   className: ''
 };
-FillStep.elementType = 'Steps.FillStep';
 /* harmony default export */ var fillStep = (FillStep);
 // CONCATENATED MODULE: ./steps/navStep.tsx
 
@@ -85043,13 +85162,10 @@ const NavStep = props => {
     total,
     onClick,
     onKeyDown,
-    onChange,
-    size
+    onChange
   } = props;
   const classString = classnames_default()(prefixCls, {
-    [`${prefixCls}-active`]: active,
-    [`${prefixCls}-nav`]: props.usedInC2D,
-    [`${prefixCls}-small`]: size === 'small'
+    [`${prefixCls}-active`]: active
   }, className);
 
   const handleClick = e => {
@@ -85105,7 +85221,6 @@ NavStep.defaultProps = {
   active: false,
   className: ''
 };
-NavStep.elementType = 'Steps.NavStep';
 /* harmony default export */ var navStep = (NavStep);
 // CONCATENATED MODULE: ./steps/context.ts
 
@@ -85141,7 +85256,6 @@ const Step = props => {
   return renderStep();
 };
 
-Step.elementType = 'Steps.Step';
 /* harmony default export */ var steps_step = (Step);
 // EXTERNAL MODULE: ../semi-foundation/steps/steps.scss
 var steps = __webpack_require__("3al0");
@@ -85166,8 +85280,10 @@ const fillSteps_Steps = props => {
     onChange
   } = props;
   const inner = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useMemo"])(() => {
-    const filteredChildren = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].toArray(children).filter(c => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(c)); // const colStyle = direction === 'vertical' ? null : { width: `${100 / filteredChildren.length }%` };
-
+    const filteredChildren = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].toArray(children).filter(c => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(c));
+    const colStyle = direction === 'vertical' ? null : {
+      width: `${100 / filteredChildren.length}%`
+    };
     const content = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].map(filteredChildren, (child, index) => {
       if (!child) {
         return null;
@@ -85197,11 +85313,11 @@ const fillSteps_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__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(grid_col, null, /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["cloneElement"])(child, Object.assign({}, childProps)));
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(grid_col, {
+        style: colStyle
+      }, /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["cloneElement"])(child, Object.assign({}, childProps)));
     });
     return content;
   }, [children, initial, prefixCls, direction, status, current, onChange]);
@@ -85266,8 +85382,7 @@ const basicSteps_Steps = props => {
       const stepNumber = initial + index;
       const childProps = Object.assign({
         stepNumber: `${stepNumber + 1}`,
-        size,
-        direction
+        size
       }, child.props);
 
       if (status === 'error' && index === current - 1) {
@@ -85357,8 +85472,7 @@ const navSteps_Steps = props => {
 
       const childProps = Object.assign({
         index,
-        total,
-        size
+        total
       }, child.props);
       childProps.active = index === current;
 
@@ -85423,9 +85537,6 @@ var steps_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-
-
-
 class steps_Steps extends external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"] {
   renderComponent() {
     const _a = this.props,
@@ -85463,9 +85574,6 @@ class steps_Steps extends external_root_React_commonjs2_react_commonjs_react_amd
 }
 
 steps_Steps.Step = steps_step;
-steps_Steps.FillStep = fillStep;
-steps_Steps.BasicStep = basicStep;
-steps_Steps.NavStep = navStep;
 steps_Steps.propTypes = {
   onChange: prop_types_default.a.func,
   type: prop_types_default.a.oneOf(['fill', 'basic', 'nav']),
@@ -94265,10 +94373,6 @@ const timeline_constants_strings = {
   ITEM_TYPE: ['ongoing', 'success', 'warning', 'error', 'default']
 };
 
-// CONCATENATED MODULE: ./timeline/context.tsx
-
-const timeline_context_Context = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createContext(null);
-/* harmony default export */ var timeline_context = (timeline_context_Context);
 // CONCATENATED MODULE: ./timeline/item.tsx
 
 
@@ -94276,42 +94380,8 @@ const timeline_context_Context = /*#__PURE__*/external_root_React_commonjs2_reac
 
 
 
-
 const timeline_item_prefixCls = timeline_constants_cssClasses.ITEM;
 class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
-  constructor() {
-    super(...arguments); // getC2DCls is used in C2D, it does not work in non-C2D scenes
-
-    this.getC2DCls = () => {
-      let c2dCls = '';
-      const {
-        mode,
-        odd,
-        usedInC2D
-      } = this.props;
-
-      if (usedInC2D) {
-        switch (mode) {
-          case 'center':
-            c2dCls = `${timeline_item_prefixCls}-center  ${timeline_item_prefixCls}-left`;
-            break;
-
-          case 'alternate':
-            c2dCls = `${timeline_item_prefixCls}-alternate  ${timeline_item_prefixCls}-${odd ? 'left' : 'right'}`;
-            break;
-
-          default:
-            c2dCls = `${timeline_item_prefixCls}-${mode} ${mode === 'right' ? `${timeline_item_prefixCls}-mode-right` : ''}`;
-            break;
-        }
-
-        c2dCls += ` ${timeline_item_prefixCls}-not-last-child`;
-      }
-
-      return c2dCls;
-    };
-  }
-
   render() {
     const {
       className,
@@ -94324,7 +94394,7 @@ class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_re
       extra,
       onClick
     } = this.props;
-    const itemCls = classnames_default()(timeline_item_prefixCls, className, this.getC2DCls());
+    const itemCls = classnames_default()(timeline_item_prefixCls, className);
     const dotCls = classnames_default()({
       [`${timeline_item_prefixCls}-head`]: true,
       [`${timeline_item_prefixCls}-head-custom`]: dot,
@@ -94355,7 +94425,6 @@ class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_re
   }
 
 }
-timeline_item_Item.contextType = timeline_context;
 timeline_item_Item.propTypes = {
   color: prop_types_default.a.string,
   time: prop_types_default.a.node,
@@ -94365,16 +94434,13 @@ timeline_item_Item.propTypes = {
   position: prop_types_default.a.oneOf(timeline_constants_strings.ITEM_POS),
   className: prop_types_default.a.string,
   style: prop_types_default.a.object,
-  onClick: prop_types_default.a.func,
-  mode: prop_types_default.a.string,
-  lastChild: prop_types_default.a.bool
+  onClick: prop_types_default.a.func
 };
 timeline_item_Item.defaultProps = {
   type: 'default',
   time: '',
   onClick: noop_default.a
 };
-timeline_item_Item.elementType = 'Timeline.Item';
 // CONCATENATED MODULE: ./timeline/index.tsx
 
 
@@ -94383,7 +94449,6 @@ timeline_item_Item.elementType = 'Timeline.Item';
 
 
 
-
 const timeline_prefixCls = timeline_constants_cssClasses.PREFIX;
 
 class timeline_Timeline extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
@@ -94455,15 +94520,11 @@ class timeline_Timeline extends external_root_React_commonjs2_react_commonjs_rea
     }
 
     const items = childrenList || this.addClassName(children);
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(timeline_context.Provider, {
-      value: {
-        mode
-      }
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", {
       "aria-label": this.props['aria-label'],
       style: style,
       className: classString
-    }, items));
+    }, items);
   }
 
 }