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

package/lib/es/_portal/index.js

@@ -9,12 +9,46 @@ import '@douyinfe/semi-foundation/lib/es/_portal/portal.css';
 const defaultGetContainer = () => document.body;
 
 class Portal extends 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] : {};
 
@@ -26,12 +60,13 @@ class Portal extends 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 = classnames(prefixCls, ...classNames, {
@@ -43,36 +78,15 @@ class Portal extends 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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/navigation/Item.js

@@ -1,4 +1,3 @@
-import _isUndefined from "lodash/isUndefined";
 import _times from "lodash/times";
 import _noop from "lodash/noop";
 
@@ -98,28 +97,21 @@ export default class NavItem extends BaseComponent {
       notifyMouseLeave: function () {
         return _this.props.onMouseLeave(...arguments);
       },
-      getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed),
-      getSelected: () => this.props.selected || Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
-      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey)),
-      getIsInSubNav: () => this.props.isInSubNav || Boolean(this.context && this.context.isInSubNav),
-      getMode: () => {
-        var _a, _b;
-
-        return (_a = this.props.mode) !== null && _a !== void 0 ? _a : (_b = this.context) === null || _b === void 0 ? void 0 : _b.mode;
-      }
+      getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed) || false,
+      getSelected: () => Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
+      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey))
     });
   }
 
   renderIcon(icon, pos) {
     let isToggleIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-    const mode = this.adapter.getMode();
 
     if (this.props.isSubNav) {
       return null;
     }
 
-    if (!icon && mode === strings.MODE_HORIZONTAL) {
+    if (!icon && this.context.mode === strings.MODE_HORIZONTAL) {
       return null;
     }
 
@@ -157,19 +149,16 @@ export default class NavItem extends BaseComponent {
       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 (!isNullOrUndefined(children)) {
@@ -218,17 +207,13 @@ export default class NavItem extends BaseComponent {
       }, itemChildren);
     } else {
       // Items are divided into normal and sub-wrap
-      const isFirstLayer = !_isUndefined(isInSubNavInProps) && !isInSubNavInProps || _isUndefined(isInSubNavInProps) && _isUndefined(isInSubNavInContext);
-
       const popoverItemCls = cls("".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(cssClasses.PREFIX, "-first-layer")]: isFirstLayer,
-        ["".concat(clsPrefix, "-horizontal")]: modeInProps === strings.MODE_HORIZONTAL
+        ["".concat(clsPrefix, "-has-link")]: typeof link === 'string'
       });
       const ariaProps = {
         'aria-disabled': disabled
@@ -306,5 +291,4 @@ NavItem.defaultProps = {
   onMouseLeave: _noop,
   disabled: false,
   tabIndex: 0
-};
-NavItem.elementType = 'Nav.Item';
+};

package/lib/es/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/es/navigation/SubNav.js

@@ -105,25 +105,16 @@ export default class SubNav extends BaseComponent {
 
         return _this._invokeContextFunc('onClick', ...args);
       },
-      getIsSelected: itemKey => this.props.active || Boolean(!isNullOrUndefined(itemKey) && _get(this.context, 'selectedKeys', []).includes(String(itemKey))),
-      getIsOpen: () => this.props.isOpen || Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(String(this.props.itemKey))),
-      getIsCollapsed: () => 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(!isNullOrUndefined(itemKey) && _get(this.context, 'selectedKeys', []).includes(String(itemKey))),
+      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(String(this.props.itemKey)))
     });
   }
 
   renderIcon(icon, pos, withTransition) {
     let isToggleIcon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     let key = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-
-    var _a;
-
     const {
-      prefixCls = cssClasses.PREFIX
+      prefixCls
     } = this.context;
     let iconSize = 'large';
 
@@ -131,15 +122,14 @@ export default class SubNav extends BaseComponent {
       iconSize = 'default';
     }
 
-    const isOpen = this.adapter.getIsOpen();
     const className = cls("".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.isValidElement(icon) ? withTransition ? /*#__PURE__*/React.createElement(CSSAnimation, {
       animationState: isOpen ? "enter" : "leave",
-      startClassName: "".concat(prefixCls, "-icon-rotate-").concat(isOpen ? "180" : "0")
+      startClassName: "".concat(cssClasses.PREFIX, "-icon-rotate-").concat(isOpen ? "180" : "0")
     }, _ref => {
       let {
         animationClassName
@@ -169,19 +159,17 @@ export default class SubNav extends BaseComponent {
       level
     } = this.props;
     const {
+      mode,
       isInSubNav,
-      prefixCls = 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 = cls("".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 === strings.MODE_HORIZONTAL
+      ["".concat(prefixCls, "-sub-title-disabled")]: disabled
     });
     let withTransition = false;
     let toggleIconType = '';
@@ -222,7 +210,6 @@ export default class SubNav extends BaseComponent {
     }
 
     const isIconChevronRightShow = !isCollapsed && isInSubNav && mode === strings.MODE_HORIZONTAL || isCollapsed && isInSubNav;
-    const toggleIconPositionLeft = this.context.toggleIconPosition === strings.TOGGLE_ICON_LEFT;
     const titleDiv = /*#__PURE__*/React.createElement("div", {
       role: "menuitem",
       // to avoid nested horizontal navigation be focused
@@ -234,9 +221,9 @@ export default class SubNav extends BaseComponent {
       "aria-expanded": isOpen ? 'true' : 'false'
     }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-item-inner")
-    }, placeholderIcons, toggleIconPositionLeft && this.renderIcon(toggleIconType, strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== strings.MODE_HORIZONTAL ? this.renderIcon(icon, strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/React.createElement("span", {
+    }, placeholderIcons, this.context.toggleIconPosition === strings.TOGGLE_ICON_LEFT && this.renderIcon(toggleIconType, strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== strings.MODE_HORIZONTAL ? this.renderIcon(icon, strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-item-text")
-    }, text), !toggleIconPositionLeft && this.renderIcon(toggleIconType, strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
+    }, text), this.context.toggleIconPosition === strings.TOGGLE_ICON_RIGHT && this.renderIcon(toggleIconType, strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
     return titleDiv;
   }
 
@@ -246,12 +233,12 @@ export default class SubNav extends BaseComponent {
       maxHeight
     } = this.props;
     const {
+      isCollapsed,
+      mode,
       subNavMotion,
-      prefixCls = cssClasses.PREFIX
+      prefixCls
     } = this.context;
-    const isCollapsed = this.adapter.getIsCollapsed();
     const isOpen = this.adapter.getIsOpen();
-    const mode = this.adapter.getMode();
     const isHorizontal = mode === strings.MODE_HORIZONTAL;
     const subNavCls = cls("".concat(prefixCls, "-sub"), {
       ["".concat(prefixCls, "-sub-open")]: isOpen,
@@ -280,14 +267,14 @@ export default class SubNav extends BaseComponent {
       disabled
     } = this.props;
     const {
+      mode,
       isInSubNav,
+      isCollapsed,
       subNavCloseDelay,
       subNavOpenDelay,
-      prefixCls = cssClasses.PREFIX,
+      prefixCls,
       getPopupContainer
     } = this.context;
-    const isCollapsed = this.adapter.getIsCollapsed();
-    const mode = this.adapter.getMode();
     const isOpen = this.adapter.getIsOpen();
     const openKeysIsControlled = this.adapter.getOpenKeysIsControlled();
     const subNavCls = cls({
@@ -332,10 +319,10 @@ export default class SubNav extends BaseComponent {
       text
     } = this.props;
     const {
-      prefixCls = cssClasses.PREFIX
+      mode,
+      isCollapsed,
+      prefixCls
     } = this.context;
-    const mode = this.adapter.getMode();
-    const isCollapsed = this.adapter.getIsCollapsed();
     let titleDiv = this.renderTitleDiv();
     const subUl = this.renderSubUl(); // When mode=horizontal, it is displayed in Dropdown
 
@@ -353,11 +340,9 @@ export default class SubNav extends BaseComponent {
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       disabled: disabled,
-      text: text,
-      mode: mode
+      text: text
     }, /*#__PURE__*/React.createElement(NavContext.Provider, {
       value: Object.assign(Object.assign({}, this.context), {
-        mode: mode,
         isInSubNav: true
       })
     }, titleDiv, subUl));
@@ -418,8 +403,7 @@ SubNav.propTypes = {
   onMouseLeave: PropTypes.func,
   // Is it disabled
   disabled: PropTypes.bool,
-  level: PropTypes.number,
-  active: PropTypes.bool
+  level: PropTypes.number
 };
 SubNav.defaultProps = {
   level: 0,
@@ -435,7 +419,5 @@ SubNav.defaultProps = {
       "aria-hidden": true
     })
   },
-  disabled: false,
-  active: false
-};
-SubNav.elementType = 'Nav.Sub';
+  disabled: false
+};

package/lib/es/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/es/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/es/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/es/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/es/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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.27.1-alpha.3",
+    "version": "2.27.2",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.27.1-alpha.3",
-        "@douyinfe/semi-animation-react": "2.27.1-alpha.3",
-        "@douyinfe/semi-foundation": "2.27.1-alpha.3",
-        "@douyinfe/semi-icons": "2.27.1-alpha.3",
-        "@douyinfe/semi-illustrations": "2.27.1-alpha.3",
-        "@douyinfe/semi-theme-default": "2.27.1-alpha.3",
+        "@douyinfe/semi-animation": "2.27.2",
+        "@douyinfe/semi-animation-react": "2.27.2",
+        "@douyinfe/semi-foundation": "2.27.2",
+        "@douyinfe/semi-icons": "2.27.2",
+        "@douyinfe/semi-illustrations": "2.27.2",
+        "@douyinfe/semi-theme-default": "2.27.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "025b68a4608258b186f24fe3c6782a2e418e2e2a",
+    "gitHead": "6efa0e3f18bac28642eadca29f6d3fa27e5d6ba4",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",