@douyinfe/semi-ui 2.27.1-alpha.1 → 2.27.1-alpha.2

package/dist/umd/semi-ui.js

@@ -65072,19 +65072,22 @@ class Item_NavItem extends baseComponent_BaseComponent {
       notifyMouseLeave: function () {
         return _this.props.onMouseLeave(...arguments);
       },
-      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))
+      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;
+      }
     });
   }
 
   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;
-
-    var _a;
-
-    const mode = (_a = this.props.mode) !== null && _a !== void 0 ? _a : this.context.mode;
+    const mode = this.adapter.getMode();
 
     if (this.props.isSubNav) {
       return null;
@@ -65129,20 +65132,18 @@ class Item_NavItem extends baseComponent_BaseComponent {
       disabled,
       level = 0,
       tabIndex,
-      selected: selectedInProps,
       isInSubNav: isInSubNavInProps,
       mode: modeInProps
     } = this.props;
     const {
-      mode: modeInContext,
       isInSubNav: isInSubNavInContext,
       prefixCls,
       limitIndent
     } = this.context;
     const isCollapsed = this.adapter.getIsCollapsed();
-    const selected = selectedInProps !== null && selectedInProps !== void 0 ? selectedInProps : this.adapter.getSelected();
-    const isInSubNav = isInSubNavInProps !== null && isInSubNavInProps !== void 0 ? isInSubNavInProps : isInSubNavInContext;
-    const mode = modeInProps !== null && modeInProps !== void 0 ? modeInProps : modeInContext;
+    const selected = this.adapter.getSelected();
+    const isInSubNav = this.adapter.getIsInSubNav();
+    const mode = this.adapter.getMode();
     let itemChildren = null;
 
     if (!isNullOrUndefined(children)) {
@@ -65280,6 +65281,7 @@ Item_NavItem.defaultProps = {
   disabled: false,
   tabIndex: 0
 };
+Item_NavItem.elementType = 'Nav.Item';
 // CONCATENATED MODULE: ./navigation/SubNav.tsx
 
 
@@ -65388,8 +65390,14 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
 
         return _this._invokeContextFunc('onClick', ...args);
       },
-      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)))
+      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: () => 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;
+      }
     });
   }
 
@@ -65402,16 +65410,13 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
     const {
       prefixCls = navigation_constants_cssClasses.PREFIX
     } = this.context;
-    const {
-      isOpen: isOpenInProps
-    } = this.props;
     let iconSize = 'large';
 
     if (pos === navigation_constants_strings.ICON_POS_RIGHT) {
       iconSize = 'default';
     }
 
-    const isOpen = isOpenInProps ? isOpenInProps : this.adapter.getIsOpen();
+    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,
@@ -65446,22 +65451,19 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
       itemKey,
       indent,
       disabled,
-      level,
-      active,
-      mode: modeInProps
+      level
     } = this.props;
     const {
-      mode: modeInContext,
       isInSubNav,
-      isCollapsed,
       prefixCls = navigation_constants_cssClasses.PREFIX,
       subNavMotion,
       limitIndent
     } = this.context;
-    const mode = modeInProps !== null && modeInProps !== void 0 ? modeInProps : modeInContext;
+    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`]: active ? active : this.adapter.getIsSelected(itemKey),
+      [`${prefixCls}-sub-title-selected`]: this.adapter.getIsSelected(itemKey),
       [`${prefixCls}-sub-title-disabled`]: disabled,
       [`${prefixCls}-first-layer`]: !isInSubNav,
       [`${prefixCls}-sub-title-horizontal`]: mode === navigation_constants_strings.MODE_HORIZONTAL
@@ -65526,18 +65528,15 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
   renderSubUl() {
     const {
       children,
-      maxHeight,
-      isOpen: isOpenInProps,
-      mode: modeInProps
+      maxHeight
     } = this.props;
     const {
-      isCollapsed,
-      mode: modeInContext,
       subNavMotion,
       prefixCls = navigation_constants_cssClasses.PREFIX
     } = this.context;
-    const isOpen = isOpenInProps ? isOpenInProps : this.adapter.getIsOpen();
-    const mode = modeInProps !== null && modeInProps !== void 0 ? modeInProps : modeInContext;
+    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,
@@ -65563,19 +65562,17 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
     const {
       children,
       dropdownStyle,
-      disabled,
-      mode: modeInProps
+      disabled
     } = this.props;
     const {
-      mode: modeInContext,
       isInSubNav,
-      isCollapsed,
       subNavCloseDelay,
       subNavOpenDelay,
       prefixCls = navigation_constants_cssClasses.PREFIX,
       getPopupContainer
     } = this.context;
-    const mode = modeInProps !== null && modeInProps !== void 0 ? modeInProps : modeInContext;
+    const isCollapsed = this.adapter.getIsCollapsed();
+    const mode = this.adapter.getMode();
     const isOpen = this.adapter.getIsOpen();
     const openKeysIsControlled = this.adapter.getOpenKeysIsControlled();
     const subNavCls = classnames_default()({
@@ -65617,15 +65614,13 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
       onMouseEnter,
       onMouseLeave,
       disabled,
-      text,
-      mode: modeInProps
+      text
     } = this.props;
     const {
-      mode: modeInContext,
-      isCollapsed,
       prefixCls = navigation_constants_cssClasses.PREFIX
     } = this.context;
-    const mode = modeInProps !== null && modeInProps !== void 0 ? modeInProps : modeInContext;
+    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
 
@@ -65728,6 +65723,7 @@ SubNav_SubNav.defaultProps = {
   disabled: false,
   active: false
 };
+SubNav_SubNav.elementType = 'Nav.Sub';
 // CONCATENATED MODULE: ./navigation/CollapseButton.tsx