fix(ui): submenu should include active item when change color of expand

Author: xiejay97

packages/ui/src/components/menu/Menu.tsx

@@ -422,6 +422,7 @@ function Menu<ID extends DId, T extends DMenuItem<ID>>(props: DMenuProps<ID, T>,
                 dMode={dMode}
                 dInNav={inNav}
                 dActive={(dMode === 'vertical' ? !isExpand : isUndefined(popupState)) && activeIds.includes(itemId)}
+                dIncludeActive={activeIds.includes(itemId)}
                 dExpand={isExpand}
                 dEmpty={isEmpty}
                 dFocusVisible={focusVisible && isFocus}

packages/ui/src/components/menu/Sub.tsx

@@ -27,6 +27,7 @@ export interface DSubProps {
   dMode: DMenuMode;
   dInNav: boolean;
   dActive: boolean;
+  dIncludeActive: boolean;
   dExpand: boolean;
   dEmpty: boolean;
   dFocusVisible: boolean;
@@ -50,6 +51,7 @@ function Sub(props: DSubProps, ref: React.ForwardedRef<() => void>): JSX.Element
     dMode,
     dInNav,
     dActive,
+    dIncludeActive,
     dExpand,
     dEmpty,
     dFocusVisible,
@@ -145,7 +147,7 @@ function Sub(props: DSubProps, ref: React.ForwardedRef<() => void>): JSX.Element
         [`${dPrefix}menu__item--horizontal`]: inHorizontalNav,
         [`${dPrefix}menu__item--icon`]: iconMode,
         'is-active': dActive,
-        'is-expand': dMode === 'vertical' ? dExpand : isVisible,
+        'is-expand': dMode === 'vertical' ? dExpand && dIncludeActive : isVisible,
         'is-disabled': dDisabled,
       })}
       style={{ paddingLeft: dSpace + dLevel * dStep }}