编辑器的menu二级菜单问题

yaklang · Jan 9, 2024 · 6aee73d · 6aee73d
1 parent 99b7770
commit 6aee73d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/app/renderer/src/main/config-overrides.js b/app/renderer/src/main/config-overrides.js
@@ -43,7 +43,7 @@ module.exports = {
             }
         )),
         addWebpackPlugin(new NodePolyfillPlugin()),
-        addWebpackPlugin(new MiniCssExtractPlugin({
+        !devMode && addWebpackPlugin(new MiniCssExtractPlugin({
             filename: '[name].css',
             chunkFilename: '[id].css'
         })),

diff --git a/app/renderer/src/main/src/components/yakitUI/YakitEditor/EditorMenu.tsx b/app/renderer/src/main/src/components/yakitUI/YakitEditor/EditorMenu.tsx
@@ -1,4 +1,4 @@
-import React, {ReactNode, useMemo} from "react"
+import React, {ReactNode, useMemo, useState} from "react"
 import {useMemoizedFn} from "ahooks"
 import {Menu, MenuProps, Tooltip} from "antd"
 import {ItemType} from "antd/lib/menu/hooks/useItems"
@@ -46,7 +46,7 @@ export const EditorMenu: React.FC<EditorMenuProp> = React.memo((props) => {
         size = "default",
         ...restMenu
     } = props
-
+    const [openKeys, setOpenKeys] = useState<string[]>([])
     const menuTypeClass = useMemo(() => {
         if (type === "grey") return styles["yakit-menu-grey"]
         return styles["yakit-menu-primary"]
@@ -127,17 +127,18 @@ export const EditorMenu: React.FC<EditorMenuProp> = React.memo((props) => {
     if (data.length > 0) for (let item of data) items.push(generateMenuInfo(item))
 
     return (
-        <div
-            className={classNames(
-                styles["yakit-menu-div-wrapper"],
-                menuTypeClass,
-                menuSizeClass
-            )}
-        >
+        <div className={classNames(styles["yakit-menu-div-wrapper"], menuTypeClass, menuSizeClass)}>
             <Menu
+                openKeys={openKeys}
                 {...restMenu}
                 className={classNames(styles["yakit-menu-wrapper"], className || "")}
                 items={data && data.length > 0 ? items : restMenu.items}
+                onOpenChange={(openKey) => {
+                    setOpenKeys(openKey.filter((key, index) => index === openKey.length - 1))
+                    if (props.onOpenChange) {
+                        props.onOpenChange(openKey)
+                    }
+                }}
             ></Menu>
         </div>
     )