@douyinfe/semi-ui 2.27.1-alpha.3 → 2.27.2

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

@@ -27,12 +27,13 @@ declare class Portal extends PureComponent<PortalProps, PortalState> {
     };
     el: HTMLElement;
     context: ContextValue;
-    constructor(props: PortalProps);
+    constructor(props: PortalProps, context: ContextValue);
     componentDidMount(): void;
+    initContainer: (context: ContextValue, catchError?: boolean) => HTMLElement;
     componentDidUpdate(prevProps: PortalProps): void;
     componentWillUnmount(): void;
     addStyle: (style?: {}) => void;
-    addClass: (prefixCls: string, ...classNames: string[]) => void;
+    addClass: (prefixCls: string, context?: ContextValue, ...classNames: string[]) => void;
     render(): React.ReactPortal;
 }
 export default Portal;

package/lib/cjs/_portal/index.js

@@ -24,12 +24,46 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const defaultGetContainer = () => document.body;
 
 class Portal extends _react.PureComponent {
-  constructor(props) {
+  constructor(props, context) {
     var _this;
 
     super(props);
     _this = this;
 
+    this.initContainer = function (context) {
+      let catchError = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      var _a, _b;
+
+      try {
+        let container = undefined;
+
+        if (!_this.el) {
+          _this.el = document.createElement('div');
+        }
+
+        if (!((_a = _this.state) === null || _a === void 0 ? void 0 : _a.container)) {
+          _this.el = document.createElement('div');
+          const getContainer = _this.props.getPopupContainer || context.getPopupContainer || defaultGetContainer;
+          const portalContainer = getContainer();
+          portalContainer.appendChild(_this.el);
+
+          _this.addStyle(_this.props.style);
+
+          _this.addClass(_this.props.prefixCls, context, _this.props.className);
+
+          container = portalContainer;
+          return container;
+        }
+      } catch (e) {
+        if (!catchError) {
+          throw e;
+        }
+      }
+
+      return (_b = _this.state) === null || _b === void 0 ? void 0 : _b.container;
+    };
+
     this.addStyle = function () {
       let style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
@@ -41,12 +75,13 @@ class Portal extends _react.PureComponent {
     };
 
     this.addClass = function (prefixCls) {
+      let context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this.context;
       const {
         direction
-      } = _this.context;
+      } = context;
 
-      for (var _len = arguments.length, classNames = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        classNames[_key - 1] = arguments[_key];
+      for (var _len = arguments.length, classNames = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+        classNames[_key - 2] = arguments[_key];
       }
 
       const cls = (0, _classnames.default)(prefixCls, ...classNames, {
@@ -58,36 +93,15 @@ class Portal extends _react.PureComponent {
       }
     };
 
-    try {
-      this.el = document.createElement('div');
-    } catch (e) {}
-
     this.state = {
-      container: undefined
+      container: this.initContainer(context, true)
     };
   }
 
   componentDidMount() {
-    if (!this.el) {
-      this.el = document.createElement('div');
-    }
+    const container = this.initContainer(this.context);
 
-    const {
-      state,
-      props,
-      context
-    } = this;
-    const getContainer = props.getPopupContainer || context.getPopupContainer || defaultGetContainer;
-    const container = getContainer();
-
-    if (container !== state.container) {
-      // const computedStyle = window.getComputedStyle(container);
-      // if (computedStyle.position !== 'relative') {
-      //    container.style.position = 'relative';
-      // }
-      container.appendChild(this.el);
-      this.addStyle(props.style);
-      this.addClass(props.prefixCls, props.className);
+    if (container !== this.state.container) {
       this.setState({
         container
       });

package/lib/cjs/button/Button.d.ts

@@ -48,7 +48,7 @@ export default class Button extends PureComponent<ButtonProps> {
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
-        type: PropTypes.Requireable<"warning" | "primary" | "secondary" | "tertiary" | "danger">;
+        type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -23,7 +23,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
         size: import("prop-types").Requireable<"default" | "small" | "large">;
-        type: import("prop-types").Requireable<"warning" | "primary" | "secondary" | "tertiary" | "danger">;
+        type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseDown: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/cjs/datePicker/dateInput.d.ts

@@ -26,7 +26,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

package/lib/cjs/datePicker/datePicker.d.ts

@@ -46,7 +46,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-invalid': PropTypes.Requireable<boolean>;
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;

package/lib/cjs/datePicker/monthsGrid.d.ts

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export declare type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;

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

@@ -135,7 +135,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

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

@@ -83,7 +83,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

package/lib/cjs/navigation/Item.d.ts

@@ -19,9 +19,6 @@ export interface NavItemProps extends ItemProps, BaseProps {
     onClick?(clickItems: SelectedData): void;
     onMouseEnter?: React.MouseEventHandler<HTMLLIElement>;
     onMouseLeave?: React.MouseEventHandler<HTMLLIElement>;
-    selected?: boolean;
-    mode?: string;
-    isInSubNav?: boolean;
 }
 export interface SelectedData extends SelectedItemProps<NavItemProps> {
     text?: React.ReactNode;
@@ -31,7 +28,6 @@ export interface NavItemState {
 }
 export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
     static contextType: React.Context<NavContextType>;
-    static elementType: string;
     static propTypes: {
         text: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         itemKey: PropTypes.Requireable<NonNullable<string | number>>;

package/lib/cjs/navigation/Item.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _times2 = _interopRequireDefault(require("lodash/times"));
 
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
@@ -121,28 +119,21 @@ class NavItem extends _baseComponent.default {
       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 === _constants.strings.MODE_HORIZONTAL) {
+    if (!icon && this.context.mode === _constants.strings.MODE_HORIZONTAL) {
       return null;
     }
 
@@ -180,19 +171,16 @@ class NavItem extends _baseComponent.default {
       linkOptions,
       disabled,
       level = 0,
-      tabIndex,
-      isInSubNav: isInSubNavInProps,
-      mode: modeInProps
+      tabIndex
     } = this.props;
     const {
-      isInSubNav: isInSubNavInContext,
+      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 (!(0, _isNullOrUndefined.default)(children)) {
@@ -241,16 +229,13 @@ class NavItem extends _baseComponent.default {
       }, itemChildren);
     } else {
       // Items are divided into normal and sub-wrap
-      const isFirstLayer = !(0, _isUndefined2.default)(isInSubNavInProps) && !isInSubNavInProps || (0, _isUndefined2.default)(isInSubNavInProps) && (0, _isUndefined2.default)(isInSubNavInContext);
       const popoverItemCls = (0, _classnames.default)("".concat(className || "".concat(clsPrefix, "-normal")), {
         [clsPrefix]: true,
         ["".concat(clsPrefix, "-sub")]: isSubNav,
         ["".concat(clsPrefix, "-selected")]: selected && !isSubNav,
         ["".concat(clsPrefix, "-collapsed")]: isCollapsed,
         ["".concat(clsPrefix, "-disabled")]: disabled,
-        ["".concat(clsPrefix, "-has-link")]: typeof link === 'string',
-        ["".concat(_constants.cssClasses.PREFIX, "-first-layer")]: isFirstLayer,
-        ["".concat(clsPrefix, "-horizontal")]: modeInProps === _constants.strings.MODE_HORIZONTAL
+        ["".concat(clsPrefix, "-has-link")]: typeof link === 'string'
       });
       const ariaProps = {
         'aria-disabled': disabled
@@ -330,5 +315,4 @@ NavItem.defaultProps = {
   onMouseLeave: _noop2.default,
   disabled: false,
   tabIndex: 0
-};
-NavItem.elementType = 'Nav.Item';
+};

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

@@ -22,15 +22,12 @@ 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 contextType: React.Context<NavContextType>;
-    static elementType: string;
     static propTypes: {
         /**
          * Unique identification
@@ -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/cjs/navigation/SubNav.js

@@ -129,25 +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: () => this.props.isCollapsed || Boolean(this.context && this.context.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';
 
@@ -155,15 +146,14 @@ class SubNav extends _baseComponent.default {
       iconSize = 'default';
     }
 
-    const isOpen = this.adapter.getIsOpen();
     const className = (0, _classnames.default)("".concat(prefixCls, "-item-icon"), {
-      ["".concat(prefixCls, "-item-icon-toggle-").concat((_a = this.context.toggleIconPosition) !== null && _a !== void 0 ? _a : 'right')]: isToggleIcon,
-      ["".concat(prefixCls, "-item-icon-info")]: !isToggleIcon,
-      ["".concat(prefixCls, "-icon-rotate-").concat(isOpen ? "180" : "0", "-no-transition")]: !withTransition && isToggleIcon
+      ["".concat(prefixCls, "-item-icon-toggle-").concat(this.context.toggleIconPosition)]: isToggleIcon,
+      ["".concat(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: "".concat(prefixCls, "-icon-rotate-").concat(isOpen ? "180" : "0")
+      startClassName: "".concat(_constants.cssClasses.PREFIX, "-icon-rotate-").concat(isOpen ? "180" : "0")
     }, _ref => {
       let {
         animationClassName
@@ -193,19 +183,17 @@ class SubNav extends _baseComponent.default {
       level
     } = this.props;
     const {
+      mode,
       isInSubNav,
-      prefixCls = _constants.cssClasses.PREFIX,
+      isCollapsed,
+      prefixCls,
       subNavMotion,
       limitIndent
     } = this.context;
-    const mode = this.adapter.getMode();
     const isOpen = this.adapter.getIsOpen();
-    const isCollapsed = this.adapter.getIsCollapsed();
     const titleCls = (0, _classnames.default)("".concat(prefixCls, "-sub-title"), {
       ["".concat(prefixCls, "-sub-title-selected")]: this.adapter.getIsSelected(itemKey),
-      ["".concat(prefixCls, "-sub-title-disabled")]: disabled,
-      ["".concat(prefixCls, "-first-layer")]: !isInSubNav,
-      ["".concat(prefixCls, "-sub-title-horizontal")]: mode === _constants.strings.MODE_HORIZONTAL
+      ["".concat(prefixCls, "-sub-title-disabled")]: disabled
     });
     let withTransition = false;
     let toggleIconType = '';
@@ -246,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",
@@ -259,9 +246,9 @@ class SubNav extends _baseComponent.default {
       "aria-expanded": isOpen ? 'true' : 'false'
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(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: "".concat(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;
   }
@@ -272,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)("".concat(prefixCls, "-sub"), {
       ["".concat(prefixCls, "-sub-open")]: isOpen,
@@ -308,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)({
@@ -360,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
 
@@ -381,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));
@@ -448,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,
@@ -465,7 +449,5 @@ SubNav.defaultProps = {
       "aria-hidden": true
     })
   },
-  disabled: false,
-  active: false
-};
-SubNav.elementType = 'Nav.Sub';
+  disabled: false
+};

package/lib/cjs/typography/base.d.ts

@@ -64,7 +64,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
         spacing: PropTypes.Requireable<"normal" | "extended">;
         strong: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<"small" | "normal">;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;

package/lib/cjs/typography/numeral.d.ts

@@ -38,7 +38,7 @@ export default class Numeral extends PureComponent<NumeralProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/cjs/typography/paragraph.d.ts

@@ -29,7 +29,7 @@ export default class Paragraph extends PureComponent<ParagraphProps> {
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         style: PropTypes.Requireable<object>;

package/lib/cjs/typography/text.d.ts

@@ -32,7 +32,7 @@ export default class Text extends PureComponent<TextProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/cjs/typography/title.d.ts

@@ -36,8 +36,8 @@ export default class Title extends PureComponent<TitleProps> {
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 6 | 5>;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

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

@@ -27,12 +27,13 @@ declare class Portal extends PureComponent<PortalProps, PortalState> {
     };
     el: HTMLElement;
     context: ContextValue;
-    constructor(props: PortalProps);
+    constructor(props: PortalProps, context: ContextValue);
     componentDidMount(): void;
+    initContainer: (context: ContextValue, catchError?: boolean) => HTMLElement;
     componentDidUpdate(prevProps: PortalProps): void;
     componentWillUnmount(): void;
     addStyle: (style?: {}) => void;
-    addClass: (prefixCls: string, ...classNames: string[]) => void;
+    addClass: (prefixCls: string, context?: ContextValue, ...classNames: string[]) => void;
     render(): React.ReactPortal;
 }
 export default Portal;