@douyinfe/semi-ui 2.36.0-alpha.0 → 2.36.0-beta.0

package/lib/es/collapse/item.js

@@ -95,7 +95,7 @@ export default class CollapsePanel extends PureComponent {
       activeSet,
       motion
     } = this.context;
-    const active = (activeSet === null || activeSet === void 0 ? void 0 : activeSet.has(itemKey)) || this.props.active;
+    const active = activeSet.has(itemKey);
     const itemCls = cls(className, {
       [`${cssClasses.PREFIX}-item`]: true
     });
@@ -145,5 +145,4 @@ CollapsePanel.propTypes = {
 CollapsePanel.defaultProps = {
   showArrow: true,
   disabled: false
-};
-CollapsePanel.elementType = 'Collapse.Panel';
+};

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

@@ -30,7 +30,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" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

package/lib/es/datePicker/datePicker.d.ts

@@ -58,8 +58,8 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
         borderless: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;

package/lib/es/datePicker/datePicker.js

@@ -170,7 +170,9 @@ export default class DatePicker extends BaseComponent {
         density,
         presetPosition,
         yearAndMonthOpts,
-        type
+        type,
+        startYear,
+        endYear
       } = this.props;
       const date = this.state.value[0];
       const year = {
@@ -210,7 +212,9 @@ export default class DatePicker extends BaseComponent {
         renderQuickControls: this.renderQuickControls(),
         renderDateInput: this.renderDateInput(),
         type: type,
-        yearAndMonthOpts: yearAndMonthOpts
+        yearAndMonthOpts: yearAndMonthOpts,
+        startYear: startYear,
+        endYear: endYear
       });
     };
 
@@ -608,7 +612,9 @@ export default class DatePicker extends BaseComponent {
       triggerRender,
       insetInput,
       presetPosition,
-      yearAndMonthOpts
+      yearAndMonthOpts,
+      startYear,
+      endYear
     } = this.props;
     const {
       cachedSelectedValue,
@@ -652,7 +658,9 @@ export default class DatePicker extends BaseComponent {
       presetPosition: presetPosition,
       renderQuickControls: this.renderQuickControls(),
       renderDateInput: this.renderDateInput(),
-      yearAndMonthOpts: yearAndMonthOpts
+      yearAndMonthOpts: yearAndMonthOpts,
+      startYear: startYear,
+      endYear: endYear
     });
   }
 

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" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<any[]>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;

package/lib/es/datePicker/monthsGrid.js

@@ -474,7 +474,9 @@ export default class MonthsGrid extends BaseComponent {
       locale,
       localeCode,
       density,
-      yearAndMonthOpts
+      yearAndMonthOpts,
+      startYear,
+      endYear
     } = this.props;
     const y = pickerDate.getFullYear();
     const m = pickerDate.getMonth() + 1;
@@ -502,7 +504,9 @@ export default class MonthsGrid extends BaseComponent {
         }
       },
       density: density,
-      yearAndMonthOpts: yearAndMonthOpts
+      yearAndMonthOpts: yearAndMonthOpts,
+      startYear: startYear,
+      endYear: endYear
     });
   }
 

package/lib/es/datePicker/yearAndMonth.d.ts

@@ -24,7 +24,9 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        startYear: PropTypes.Requireable<number>;
+        endYear: PropTypes.Requireable<number>;
     };
     static defaultProps: {
         disabledDate: {

package/lib/es/datePicker/yearAndMonth.js

@@ -61,7 +61,7 @@ class YearAndMonth extends BaseComponent {
       right: currentMonth.right || currentLeftMonth + 1
     };
     this.state = {
-      years: getYears().map(year => ({
+      years: getYears(props.startYear, props.endYear).map(year => ({
         value: year,
         year
       })),
@@ -308,7 +308,9 @@ YearAndMonth.propTypes = {
   presetPosition: PropTypes.oneOf(strings.PRESET_POSITION_SET),
   renderQuickControls: PropTypes.node,
   renderDateInput: PropTypes.node,
-  type: PropTypes.oneOf(strings.TYPE_SET)
+  type: PropTypes.oneOf(strings.TYPE_SET),
+  startYear: PropTypes.number,
+  endYear: PropTypes.number
 };
 YearAndMonth.defaultProps = {
   disabledDate: _stubFalse,

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

@@ -138,7 +138,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "motion" | "stopPropagation" | "getPopupContainer" | "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

@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "motion" | "stopPropagation" | "getPopupContainer" | "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/input/index.d.ts

@@ -84,7 +84,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         showClear: PropTypes.Requireable<boolean>;
         hideSuffix: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<any>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;

package/lib/es/input/inputGroup.d.ts

@@ -21,7 +21,7 @@ export default class inputGroup extends BaseComponent<InputGroupProps, InputGrou
     static propTypes: {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         style: PropTypes.Requireable<object>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/input/textarea.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ValidateStatus } from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/input/textarea.css';
-declare type OmitTextareaAttr = 'onChange' | 'onInput' | 'prefix' | 'size' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp';
+declare type OmitTextareaAttr = 'onChange' | 'onInput' | 'prefix' | 'size' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'onResize';
 export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, OmitTextareaAttr> {
     autosize?: boolean;
     borderless?: boolean;

package/lib/es/modal/confirm.d.ts

@@ -140,12 +140,12 @@ export declare function withWarning(props: ModalReactProps): {
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
-    children?: React.ReactNode;
-    motion?: boolean;
     title?: React.ReactNode;
+    children?: React.ReactNode;
     size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
     style?: React.CSSProperties;
     className?: string;
+    motion?: boolean;
     getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
@@ -201,24 +201,34 @@ export declare function withError(props: ModalReactProps): {
         onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
         'aria-label'?: string;
-        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
         title?: string;
         name?: string;
         value?: string | number | readonly string[];
+        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
+        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
         form?: string;
         slot?: string;
         hidden?: boolean;
         color?: string;
+        onChange?: React.FormEventHandler<HTMLButtonElement>;
+        defaultChecked?: boolean;
         defaultValue?: string | number | readonly string[];
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
         accessKey?: string;
+        autoFocus?: boolean;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
         dir?: string;
         draggable?: boolean | "false" | "true";
         lang?: string;
-        translate?: "yes" | "no";
+        translate?: "no" | "yes";
         prefix?: string;
         contentEditable?: "inherit" | (boolean | "false" | "true");
-        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
         tabIndex?: number;
         role?: React.AriaRole;
         onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
@@ -230,9 +240,6 @@ export declare function withError(props: ModalReactProps): {
         'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
         'aria-controls'?: string;
         'aria-describedby'?: string;
-        defaultChecked?: boolean;
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
         contextMenu?: string;
         placeholder?: string;
         spellCheck?: boolean | "false" | "true";
@@ -267,7 +274,7 @@ export declare function withError(props: ModalReactProps): {
         'aria-current'?: boolean | "time" | "page" | "false" | "true" | "location" | "step" | "date";
         'aria-details'?: string;
         'aria-disabled'?: boolean | "false" | "true";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
         'aria-errormessage'?: string;
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "false" | "true";
@@ -316,7 +323,6 @@ export declare function withError(props: ModalReactProps): {
         onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
-        onChange?: React.FormEventHandler<HTMLButtonElement>;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -451,12 +457,6 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
-        autoFocus?: boolean;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

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

@@ -6,6 +6,7 @@ import { BaseProps } from '../_base/baseComponent';
 export interface NavFooterProps extends BaseProps {
     collapseButton?: React.ReactNode;
     collapseText?: (collapsed?: boolean) => React.ReactNode;
+    onClick?: (event: React.MouseEvent) => void;
 }
 export default class NavFooter extends PureComponent<NavFooterProps> {
     static contextType: React.Context<NavContextType>;
@@ -15,9 +16,11 @@ export default class NavFooter extends PureComponent<NavFooterProps> {
         className: PropTypes.Requireable<string>;
         collapseButton: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         collapseText: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         collapseButton: boolean;
+        onClick: (...args: any[]) => void;
     };
     context: NavContextType;
     static elementType: string;

package/lib/es/navigation/Footer.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
@@ -39,7 +40,8 @@ export default class NavFooter extends PureComponent {
     const {
       style,
       className,
-      collapseButton
+      collapseButton,
+      onClick
     } = this.props;
     let {
       children
@@ -56,10 +58,15 @@ export default class NavFooter extends PureComponent {
     const wrapCls = cls(className, `${cssClasses.PREFIX}-footer`, {
       [`${cssClasses.PREFIX}-footer-collapsed`]: isCollapsed
     });
-    return /*#__PURE__*/React.createElement("div", {
-      className: wrapCls,
-      style: style
-    }, children);
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+      React.createElement("div", {
+        className: wrapCls,
+        style: style,
+        onClick: onClick
+      }, children)
+    );
   }
 
 }
@@ -69,9 +76,11 @@ NavFooter.propTypes = {
   style: PropTypes.object,
   className: PropTypes.string,
   collapseButton: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
-  collapseText: PropTypes.func
+  collapseText: PropTypes.func,
+  onClick: PropTypes.func
 };
 NavFooter.defaultProps = {
-  collapseButton: false
+  collapseButton: false,
+  onClick: _noop
 };
 NavFooter.elementType = "NavFooter";

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

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

@@ -4,10 +4,6 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/navigation/navigation.css';
 import SubNavFoundation, { SubNavAdapter } from '@douyinfe/semi-foundation/lib/es/navigation/subNavFoundation';
 import { NavContextType } from './nav-context';
-export interface ToggleIcon {
-    open?: string;
-    closed?: string;
-}
 export interface SubNavProps extends BaseProps {
     disabled?: boolean;
     dropdownStyle?: React.CSSProperties;
@@ -21,15 +17,12 @@ export interface SubNavProps extends BaseProps {
     onMouseEnter?: React.MouseEventHandler<HTMLLIElement>;
     onMouseLeave?: React.MouseEventHandler<HTMLLIElement>;
     text?: React.ReactNode;
-    toggleIcon?: ToggleIcon;
-    active?: boolean;
-    mode?: string;
+    expandIcon?: React.ReactNode;
 }
 export interface SubNavState {
     isHovered: boolean;
 }
 export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
-    static elementType: string;
     static contextType: React.Context<NavContextType>;
     static propTypes: {
         /**
@@ -56,10 +49,6 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
          * Nested child elements
          */
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * The icon name of the right control switch (on and off status)
-         */
-        toggleIcon: PropTypes.Requireable<any>;
         style: PropTypes.Requireable<object>;
         /**
          * Icon name on the left
@@ -73,7 +62,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;
@@ -81,12 +69,7 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
         isCollapsed: boolean;
         isOpen: boolean;
         maxHeight: number;
-        toggleIcon: {
-            open: JSX.Element;
-            closed: JSX.Element;
-        };
         disabled: boolean;
-        active: boolean;
     };
     titleRef: React.RefObject<HTMLDivElement>;
     itemRef: React.RefObject<HTMLLIElement>;