@blocklet/editor 2.0.117 → 2.0.119

package/lib/ext/BusyPlugin.d.ts

@@ -0,0 +1,9 @@
+import { LexicalCommand } from 'lexical';
+interface Payload {
+    busy: boolean;
+}
+export declare const UPDATE_BUSY_COMMAND: LexicalCommand<Payload>;
+export declare function BusyPlugin({ onChange }: {
+    onChange: (busy: boolean) => void;
+}): null;
+export {};

package/lib/ext/BusyPlugin.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
+import { mergeRegister } from '@lexical/utils';
+export const UPDATE_BUSY_COMMAND = createCommand('UPDATE_BUSY_COMMAND');
+export function BusyPlugin({ onChange }) {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        if (editor.isEditable()) {
+            return mergeRegister(editor.registerCommand(UPDATE_BUSY_COMMAND, (payload) => {
+                onChange(payload.busy);
+                return true;
+            }, COMMAND_PRIORITY_EDITOR));
+        }
+    }, [editor]);
+    return null;
+}

package/lib/main/nodes/ImageComponent.js

@@ -37,6 +37,7 @@ import { useImageDisplayWidth } from '../hooks/hooks';
 import { useMediumZoom } from '../hooks/medium-zoom';
 import { FrameMockup, isDeviceFrame } from '../ui/FrameMockup';
 import { useSafeArea } from '../../ext/SafeAreaPlugin';
+import { UPDATE_BUSY_COMMAND } from '../../ext/BusyPlugin';
 const imageCache = new Set();
 // Min size that require user confirm to upload image
 const REQUIRE_CONFIRM_UPLOAD_SIZE = 10 << 20;
@@ -221,6 +222,7 @@ export default function ImageComponent({ file, src, altText, nodeKey, width, hei
         }
         try {
             setLoading(true);
+            editor.dispatchCommand(UPDATE_BUSY_COMMAND, { busy: true });
             setError(undefined);
             const { url } = await config.uploader.upload(file);
             editor.update(() => {
@@ -236,6 +238,7 @@ export default function ImageComponent({ file, src, altText, nodeKey, width, hei
         }
         finally {
             setLoading(false);
+            editor.dispatchCommand(UPDATE_BUSY_COMMAND, { busy: false });
         }
     }, [file]);
     const confirmText = !!file && file.size > REQUIRE_CONFIRM_UPLOAD_SIZE

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.0.117",
+  "version": "2.0.119",
   "main": "lib/index.js",
   "scripts": {
     "dev": "npm run storybook",
@@ -40,7 +40,7 @@
     "@arcblock/ux": "^2.10.12",
     "@blocklet/embed": "^0.1.11",
     "@blocklet/pages-kit": "^0.2.390",
-    "@blocklet/pdf": "2.0.117",
+    "@blocklet/pdf": "2.0.119",
     "@excalidraw/excalidraw": "^0.14.2",
     "@iconify/iconify": "^3.0.1",
     "@iconify/icons-tabler": "^1.2.95",
@@ -113,5 +113,5 @@
     "react": "*",
     "react-dom": "*"
   },
-  "gitHead": "3238c44094b76d4569bba297714fb8c001b7d69e"
+  "gitHead": "d4fbfa1d9180513375de802458d6420a7c5bd231"
 }