fix #152

src/commands/group.tsx

@@ -6,7 +6,7 @@ export type GroupOptions = Omit<ICommand<string>, 'children'> & {
 };
 
 export const group = (arr: ICommandChildCommands['children'], options?: GroupOptions): ICommand<string> => {
-  return {
+  let data = {
     children: arr as any,
     icon: (
       <svg width="12" height="12" viewBox="0 0 520 520">
@@ -20,4 +20,11 @@ export const group = (arr: ICommandChildCommands['children'], options?: GroupOpt
     ...options,
     keyCommand: 'group',
   };
+  if (Array.isArray(data.children)) {
+    data.children = data.children.map(({ ...item }: ICommand) => {
+      item.parent = data;
+      return { ...item };
+    });
+  }
+  return data;
 };

src/commands/index.ts

@@ -36,6 +36,7 @@ export type ICommandChildCommands<T = string> = {
 };
 
 export type ICommand<T = string> = {
+  parent?: ICommand;
   keyCommand?: string;
   name?: string;
   shortcuts?: string;

src/components/Toolbar/index.tsx

@@ -31,7 +31,7 @@ export default function Toolbar(props: IToolbarProps = {}) {
           state.barPopup![item.groupName!] = false;
         }
       });
-    } else if (name) {
+    } else if (name || command.parent) {
       Object.keys(state.barPopup || {}).forEach((keyName) => {
         state.barPopup![keyName] = false;
       });