@blocklet/editor 2.5.40 → 2.5.42

package/lib/config.d.ts

@@ -28,6 +28,7 @@ export interface EditorConfig {
     characterLimitConfig?: CharacterLimitConfig;
     simpleImageComponent?: boolean;
     enableSafeAreaPlugin?: boolean;
+    maxContentWidth?: number;
 }
 export declare function EditorConfigProvider({ children, value }: {
     children: React.ReactNode;

package/lib/main/nodes/ImageComponent.js

@@ -18,8 +18,9 @@ import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'
 import { mergeRegister } from '@lexical/utils';
 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, lazy } from 'react';
+import { Suspense, useCallback, useEffect, useRef, useState, lazy, useMemo } from 'react';
 import { createPortal } from 'react-dom';
+import { withQuery, getQuery } from 'ufo';
 import { useEditorConfig } from '../../config';
 import { useSettings } from '../context/SettingsContext';
 import { useSharedHistoryContext } from '../context/SharedHistoryContext';
@@ -362,6 +363,24 @@ function SimpleImageComponent({ src, altText = '', width, height, }) {
     const [loaded, setLoaded] = useState(false);
     const imageRef = useRef(null);
     const hasFixedSize = typeof width === 'number' && typeof height === 'number' && width > 0 && height > 0;
+    const { maxContentWidth } = useEditorConfig();
+    const displaySrc = useMemo(() => {
+        if (!maxContentWidth)
+            return src;
+        try {
+            const qs = getQuery(src);
+            if (qs?.imageFilter)
+                return src;
+            // 图片剪裁，限制最大宽度
+            return withQuery(src, {
+                imageFilter: 'resize',
+                w: maxContentWidth,
+            });
+        }
+        catch {
+            return src;
+        }
+    }, [src, maxContentWidth]);
     useMediumZoom(imageRef);
     const renderSkeleton = () => {
         if (hasFixedSize) {
@@ -376,7 +395,7 @@ function SimpleImageComponent({ src, altText = '', width, height, }) {
                     borderRadius: 2,
                     display: loaded ? 'block' : 'none',
                     ...(hasFixedSize && { maxWidth: width, mx: 'auto' }),
-                }, children: _jsx(Box, { component: "img", src: src, alt: altText || '', onLoad: () => {
+                }, children: _jsx(Box, { component: "img", src: displaySrc, alt: altText || '', "data-zoom-src": src, onLoad: () => {
                         setLoaded(true);
                     }, sx: { width, height }, ref: imageRef }) })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.5.40",
+  "version": "2.5.42",
   "main": "lib/index.js",
   "sideEffects": false,
   "publishConfig": {
@@ -27,7 +27,7 @@
   "dependencies": {
     "@blocklet/code-editor": "^0.7.7",
     "@blocklet/embed": "^0.3.3",
-    "@blocklet/js-sdk": "^1.17.3-beta-20251126-121502-d0926972",
+    "@blocklet/js-sdk": "^1.17.3",
     "@blocklet/pages-kit": "^0.7.26",
     "@blocklet/pages-kit-runtime": "^0.7.26",
     "@excalidraw/excalidraw": "^0.18.0",
@@ -73,7 +73,7 @@
     "ufo": "^1.5.4",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/pdf": "2.5.40"
+    "@blocklet/pdf": "2.5.42"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",