feat: option to not highlighting active list button and toParagraph a…

…ction improvement

src/extensions/base/BaseSchema/index.ts

@@ -1,4 +1,4 @@
-import {setBlockType} from 'prosemirror-commands';
+import {chainCommands, setBlockType} from 'prosemirror-commands';
 import type {Command} from 'prosemirror-state';
 import {hasParentNodeOfType} from 'prosemirror-utils';
 
@@ -31,9 +31,11 @@ export const BaseSchema: ExtensionAuto<BaseSchemaOptions> = (builder, opts) => {
     builder.addAction(pAction, ({schema}) => {
         const p = pType(schema);
         const cmd = setBlockType(p);
+        const isParagraph: Command = (state) => hasParentNodeOfType(p)(state.selection);
+
         return {
-            isActive: (state) => hasParentNodeOfType(p)(state.selection),
-            isEnable: cmd,
+            isActive: isParagraph,
+            isEnable: chainCommands(isParagraph, cmd),
             run: cmd,
         };
     });

src/toolbar/ToolbarListButton.tsx

@@ -41,7 +41,9 @@ export function ToolbarListButton<E>({
     const buttonRef = React.useRef<HTMLButtonElement>(null);
     const [open, , hide, toggleOpen] = useBooleanState(false);
 
-    const someActive = alwaysActive ? false : data.some((item) => item.isActive(editor));
+    const someActive = alwaysActive
+        ? false
+        : data.some((item) => item.isActive(editor) && !item.doNotHighlightButtonWhenActive);
     const everyDisabled = alwaysActive ? false : data.every((item) => !item.isEnable(editor));
 
     const popupOpen = everyDisabled ? false : open;

src/toolbar/types.ts

@@ -35,6 +35,7 @@ export type ToolbarItemData<E> = {
     exec(editor: E): void;
     isActive(editor: E): boolean;
     isEnable(editor: E): boolean;
+    doNotHighlightButtonWhenActive?: boolean;
 };
 
 export enum ToolbarDataType {