fix: popup should unmounted in inline mode (#666)

* fix: popup should unmounted in inline mode * chore: update
react-component · Oct 8, 2023 · 489e90d · 489e90d
1 parent 89c09ad
commit 489e90d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 9 deletions.
diff --git a/docs/examples/inlineCollapsed.tsx b/docs/examples/inlineCollapsed.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import Menu, { SubMenu, Item } from 'rc-menu';
+import Menu from 'rc-menu';
 import './inlineCollapsed.less';
 
 const App = () => {
@@ -15,13 +15,25 @@ const App = () => {
         inlineCollapsed={collapsed}
         style={{ width: 600 }}
         className={collapsed ? 'collapsed' : ''}
-      >
-        <Item key="1">item 1</Item>
-        <SubMenu key="2" title={`inlineCollapsed: ${collapsed.toString()}`}>
-          <Item key="3">item 2</Item>
-          <Item key="4">item 3</Item>
-        </SubMenu>
-      </Menu>
+        items={[
+          { key: '1', label: 'item 1' },
+          {
+            key: '2',
+            label: `inlineCollapsed: ${collapsed.toString()}`,
+            children: [
+              { key: '3', label: 'item 2' },
+              { key: '4', label: 'item 3' },
+              {
+                key: '5', label: 'SubMenu', children: [
+                  { key: '6', label: 'item 4' },
+                  { key: '7', label: 'item 5' },
+                  { key: '8', label: 'item 6' },
+                ]
+              }
+            ],
+          },
+        ]}
+      />
     </>
   );
 }

diff --git a/src/SubMenu/PopupTrigger.tsx b/src/SubMenu/PopupTrigger.tsx
@@ -118,6 +118,7 @@ export default function PopupTrigger({
       onPopupVisibleChange={onVisibleChange}
       forceRender={forceSubMenuRender}
       popupMotion={mergedMotion}
+      fresh
     >
       {children}
     </Trigger>

diff --git a/tsconfig.json b/tsconfig.json
@@ -10,7 +10,7 @@
     "paths": {
       "@/*": ["src/*"],
       "@@/*": [".dumi/tmp/*"],
-      "rc-menu": ["src/index.tsx"]
+      "rc-menu": ["src/index.ts"]
     }
   }
 }