@lobehub/editor 1.34.1 → 1.34.3

package/es/plugins/toolbar/command/index.d.ts

@@ -0,0 +1,8 @@
+import { LexicalCommand, LexicalEditor } from 'lexical';
+export declare const HIDE_TOOLBAR_COMMAND: LexicalCommand<void>;
+export declare const SHOW_TOOLBAR_COMMAND: LexicalCommand<void>;
+export interface ToolbarCommandOptions {
+    onHide?: () => void;
+    onShow?: () => void;
+}
+export declare function registerToolbarCommand(editor: LexicalEditor, options?: ToolbarCommandOptions): () => void;

package/es/plugins/toolbar/command/index.js

@@ -0,0 +1,16 @@
+import { mergeRegister } from '@lexical/utils';
+import { COMMAND_PRIORITY_LOW, createCommand } from 'lexical';
+export var HIDE_TOOLBAR_COMMAND = createCommand();
+export var SHOW_TOOLBAR_COMMAND = createCommand();
+export function registerToolbarCommand(editor, options) {
+  var _ref = options || {},
+    onHide = _ref.onHide,
+    onShow = _ref.onShow;
+  return mergeRegister(editor.registerCommand(HIDE_TOOLBAR_COMMAND, function () {
+    onHide === null || onHide === void 0 || onHide();
+    return true;
+  }, COMMAND_PRIORITY_LOW), editor.registerCommand(SHOW_TOOLBAR_COMMAND, function () {
+    onShow === null || onShow === void 0 || onShow();
+    return true;
+  }, COMMAND_PRIORITY_LOW));
+}

package/es/plugins/toolbar/index.d.ts

@@ -1 +1,2 @@
+export * from './command';
 export * from './react';

package/es/plugins/toolbar/index.js

@@ -1 +1,2 @@
+export * from "./command";
 export * from "./react";

package/es/plugins/toolbar/react/index.js

@@ -10,6 +10,7 @@ import { $getSelection, COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND, getDOMSe
 import { useCallback, useRef } from 'react';
 import { useLexicalComposerContext, useLexicalEditor } from "../../../editor-kernel/react";
 import { ILinkService } from "../../link";
+import { HIDE_TOOLBAR_COMMAND, registerToolbarCommand } from "../command";
 import { getDOMRangeRect } from "../utils/getDOMRangeRect";
 import { setFloatingElemPosition } from "../utils/setFloatingElemPosition";
 import { useStyles } from "./style";
@@ -87,7 +88,7 @@ export var ReactToolbarPlugin = function ReactToolbarPlugin(_ref) {
   }, []);
   useLexicalEditor(function (editor) {
     var handleMouseDown = handleMouseDownFactory(function () {
-      $hideFloatingToolbar();
+      editor.dispatchCommand(HIDE_TOOLBAR_COMMAND, undefined);
     });
     var handleMouseUp = handleMouseUpFactory(function () {
       editor.update(function () {
@@ -99,7 +100,9 @@ export var ReactToolbarPlugin = function ReactToolbarPlugin(_ref) {
       rootElement.addEventListener('mousedown', handleMouseDown);
       rootElement.addEventListener('mouseup', handleMouseUp);
     }
-    return mergeRegister(editor.registerUpdateListener(function (_ref2) {
+    return mergeRegister(registerToolbarCommand(editor, {
+      onHide: $hideFloatingToolbar
+    }), editor.registerUpdateListener(function (_ref2) {
       var editorState = _ref2.editorState;
       // Only update when mouse is not pressed
       if (!isMouseDownRef.current) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "1.34.1",
+  "version": "1.34.3",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",