@blocklet/editor 2.4.10 → 2.4.12

package/lib/main/hooks/useResponsiveTable.d.ts

@@ -1,4 +1,5 @@
 /**
+ * @deprecated
  * 支持 (block 级别的) 水平滚动
  */
 export declare const useResponsiveTable: () => void;

package/lib/main/hooks/useResponsiveTable.js

@@ -4,6 +4,7 @@ import { useEffect } from 'react';
 import { $createParagraphNode } from 'lexical';
 import { $wrapNodeInElement } from '@lexical/utils';
 /**
+ * @deprecated
  * 支持 (block 级别的) 水平滚动
  */
 export const useResponsiveTable = () => {

package/lib/main/index.js

@@ -12,6 +12,7 @@ import { LexicalComposer } from '@lexical/react/LexicalComposer';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useCallback, useEffect, useRef } from 'react';
 import { $convertFromMarkdownString } from '@lexical/markdown';
+import { useTheme } from '@mui/material';
 import { SettingsContext } from './context/SettingsContext';
 import { SharedAutocompleteContext } from './context/SharedAutocompleteContext';
 import { SharedHistoryContext } from './context/SharedHistoryContext';
@@ -21,6 +22,7 @@ import { TableContext } from './plugins/TablePlugin';
 import { useCustomTheme } from './themes/customTheme';
 import { PLAYGROUND_TRANSFORMERS } from './plugins/MarkdownTransformers';
 export default function BlockletEditor({ editorState, nodes = PlaygroundNodes, editable = true, markdown, ...props }) {
+    const muiTheme = useTheme();
     const theme = useCustomTheme();
     const initialConfig = {
         namespace: 'Playground',
@@ -32,7 +34,7 @@ export default function BlockletEditor({ editorState, nodes = PlaygroundNodes, e
         },
         theme,
     };
-    return (_jsx(SettingsContext, { children: _jsx(SharedHistoryContext, { children: _jsx(SharedAutocompleteContext, { children: _jsx(TableContext, { children: _jsx(LexicalComposer, { initialConfig: initialConfig, children: _jsx(EditorShell, { ...props, editable: editable }) }) }) }) }) }));
+    return (_jsx(SettingsContext, { children: _jsx(SharedHistoryContext, { children: _jsx(SharedAutocompleteContext, { children: _jsx(TableContext, { children: _jsx(LexicalComposer, { initialConfig: initialConfig, children: _jsx(EditorShell, { ...props, editable: editable }) }, muiTheme.palette.mode) }) }) }) }));
 }
 function EditorShell({ placeholder, children, prepend, editable, onChange, autoFocus, showToolbar = true, editorRef, onReady, enableHeadingsIdPlugin, ...props }) {
     const [editor] = useLexicalComposerContext();

package/lib/main/nodes/MermaidComponent.js

@@ -1,13 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
 import mermaid from 'mermaid';
+import { useTheme } from '@mui/material';
 function MermaidComponent({ code }) {
+    const theme = useTheme();
     const ref = React.useRef(null);
     useEffect(() => {
         if (!ref.current)
             return;
         ref.current.innerHTML = '';
-        mermaid.initialize({ startOnLoad: false });
+        mermaid.initialize({ startOnLoad: false, ...(theme.palette.mode === 'dark' && { theme: 'dark' }) });
         const id = `mermaid-${Math.random().toString(36).substring(2, 9)}`;
         try {
             mermaid.render(id, code).then(({ svg }) => {
@@ -18,7 +20,7 @@ function MermaidComponent({ code }) {
         catch (e) {
             console.error(e);
         }
-    }, [code]);
+    }, [code, theme.palette.mode]);
     return _jsx("div", { ref: ref });
 }
 export default MermaidComponent;

package/lib/main/themes/customTheme.js

@@ -19,11 +19,6 @@ const createCustomTheme = (theme) => {
         // scroll bar and table gap
         padding-bottom: 0.628em;
       }
-      &:has(th[style*="width"], td[style*="width"]){
-        table {
-          width: max-content !important;
-        }
-      }
     `, theme.typography.body1, noMarginTopStyle);
     const quote = css(`
       margin: 1.6em 0;
@@ -109,7 +104,7 @@ const createCustomTheme = (theme) => {
         padding: '1px .375rem',
         fontFamily: 'Menlo, Consolas, Monaco, monospace',
         fontVariantLigatures: 'none',
-        backgroundColor: palette.grey[50],
+        backgroundColor: palette.grey[100],
         ...(palette.mode === 'dark' && { color: palette.grey[800] }),
     });
     const olCommon = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.4.10",
+  "version": "2.4.12",
   "main": "lib/index.js",
   "publishConfig": {
     "access": "public"
@@ -68,7 +68,7 @@
     "ufo": "^1.5.4",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/pdf": "^2.4.10"
+    "@blocklet/pdf": "^2.4.12"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",