@blocklet/editor 2.0.26 → 2.0.28

package/lib/ext/BookmarkPlugin/Bookmark.js

@@ -34,6 +34,7 @@ const Root = styled.div `
   width: 100%;
   margin: 8px 0;
   border: 1px solid rgba(55, 53, 47, 0.16);
+  overflow: hidden;
   border-radius: 4px;
   cursor: pointer;
 

package/lib/main/nodes/ImageComponent.js

@@ -17,7 +17,7 @@ import { LexicalNestedComposer } from '@lexical/react/LexicalNestedComposer';
 import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
 import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection';
 import { mergeRegister } from '@lexical/utils';
-import { Alert, Box, Button, Dialog, LinearProgress } from '@mui/material';
+import { Alert, Box, Button, Dialog, LinearProgress, Skeleton } from '@mui/material';
 import { $getNodeByKey, $getSelection, $isNodeSelection, $setSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND, } from 'lexical';
 import { Suspense, useCallback, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
@@ -246,7 +246,7 @@ export default function ImageComponent({ file, src, altText, nodeKey, width, hei
             uploadImage();
         }
     }, [src, file, confirmText]);
-    const placeholder = objectUrl ? (_jsx(ImageContainer, { draggable: draggable, success: !!src, loading: loading, error: error, confirmText: confirmText, uploadImage: uploadImage, placeholder: objectUrl, placeholderProps: { style: { width, height, maxWidth } } })) : null;
+    const placeholder = objectUrl ? (_jsx(ImageContainer, { draggable: draggable, success: !!src, loading: loading, error: error, confirmText: confirmText, uploadImage: uploadImage, placeholder: objectUrl, placeholderProps: { style: { width, height, maxWidth } } })) : (_jsx(Skeleton, { variant: "rectangular", animation: "wave", sx: { width: 300, height: 200, borderRadius: 1 } }));
     const imageDisplayWidth = useImageDisplayWidth({ src: src || objectUrl, sizeMode, width });
     const { zoomOpened, openedImageRef } = useMediumZoom(imageRef, { enabled: !frame });
     const renderImageAnnotationView = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.0.26",
+  "version": "2.0.28",
   "main": "lib/index.js",
   "scripts": {
     "dev": "npm run storybook",
@@ -40,7 +40,7 @@
     "@arcblock/ux": "^2.10.1",
     "@blocklet/embed": "^0.1.11",
     "@blocklet/pages-kit": "^0.2.356",
-    "@blocklet/pdf": "2.0.26",
+    "@blocklet/pdf": "2.0.28",
     "@excalidraw/excalidraw": "^0.14.2",
     "@iconify/iconify": "^3.0.1",
     "@iconify/icons-tabler": "^1.2.95",
@@ -113,5 +113,5 @@
     "react": "*",
     "react-dom": "*"
   },
-  "gitHead": "1d0846deddff40a24d9f04fbe3b8d673de5ba93d"
+  "gitHead": "8385dedb2d8966bee469bcc8abcbcb052ff5b076"
 }