@blocklet/editor 2.3.21 → 2.3.22

package/lib/ext/BookmarkPlugin/Bookmark.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from '@emotion/styled';
 import { Icon } from '@iconify/react';
-import { Box, CircularProgress } from '@mui/material';
+import { Box, CircularProgress, styled } from '@mui/material';
 import { useRequest } from 'ahooks';
 import { useEditorConfig } from '../../config';
 import { fetchOpenGraphInfo } from '../utils';
@@ -31,12 +30,13 @@ export function Bookmark({ url, title, description, image, favicon, loading }) {
     }
     return (_jsxs(Root, { href: url, target: "_blank", children: [_jsxs("div", { className: "be-bookmark-texts", children: [renderTitle(), _jsx("div", { className: "be-bookmark-description be-bookmark-clamp2", children: description }), _jsxs("div", { className: "be-bookmark-url-content", children: [favicon && _jsx("img", { src: favicon, alt: "favicon", className: "be-bookmark-favicon" }), _jsx("div", { className: "be-bookmark-url be-bookmark-ellipsis", children: url })] })] }), image && _jsx("div", { className: "be-bookmark-image", style: { backgroundImage: `url(${image})` } })] }));
 }
-const Root = styled.a `
+const Root = styled('a') `
   box-sizing: border-box;
   display: inline-flex;
   width: 100%;
   margin: 8px 0;
-  border: 1px solid rgba(55, 53, 47, 0.16);
+  border: 1px solid;
+  border-color: ${({ theme }) => theme.palette.divider};
   overflow: hidden;
   color: inherit;
   border-radius: 4px;
@@ -44,7 +44,7 @@ const Root = styled.a `
   cursor: pointer;
 
   :hover {
-    background: #fafafa;
+    background: ${({ theme }) => theme.palette.grey[50]};
   }
 
   .be-bookmark-texts {
@@ -59,7 +59,7 @@ const Root = styled.a `
       margin: 4px 0;
       line-height: 1.2;
       font-size: 12px;
-      color: rgba(55, 53, 47, 0.65);
+      color: ${({ theme }) => theme.palette.text.secondary};
     }
 
     .be-bookmark-url-content {
@@ -69,7 +69,7 @@ const Root = styled.a `
 
       .be-bookmark-url {
         font-size: 12px;
-        color: #555;
+        color: ${({ theme }) => theme.palette.text.secondary};
         line-height: 1;
       }
 
@@ -129,7 +129,7 @@ const Root = styled.a `
       position: absolute;
       bottom: 0;
       right: 0;
-      background: #fff;
+      background: ${({ theme }) => theme.palette.background.paper};
       border-radius: 100%;
       z-index: 1;
     }
@@ -148,7 +148,7 @@ const Root = styled.a `
     }
   }
 `;
-const Image = styled.img `
+const Image = styled('img') `
   width: 100%;
   height: 100%;
   border-radius: 100%;

package/lib/ext/PostLinkEmbedPlugin/PostLinkNode.js

@@ -3,10 +3,12 @@ import { DecoratorNode } from 'lexical';
 import { Suspense } from 'react';
 import { joinURL, withFragment } from 'ufo';
 import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { exhaustiveGuard, safeParseJSON, discussKitMountPoint } from '../utils';
 function PostLinkComponent(postInfo) {
     const { locale } = useLocaleContext();
+    const { palette } = useTheme();
     // PostLinkNode 新/旧版本对于 link 的处理:
     // - 旧版本: 存储 post link, 渲染 link 时直接使用 post link
     // - 新版本: 连同 id, type, boardId 等信息一并存储, 渲染 link 时动态拼接 post link (与 embed 时的 post link 解耦)
@@ -47,7 +49,7 @@ function PostLinkComponent(postInfo) {
     return (_jsxs(Box, { sx: {
             display: 'flex',
             alignItems: 'center',
-            '&:hover': { bgcolor: '#eee', boxShadow: '0 0 0 3px #eee', borderRadius: 1 },
+            '&:hover': { bgcolor: 'grey.200', boxShadow: `0 0 0 3px ${palette.grey[200]}`, borderRadius: 1 },
         }, children: [_jsx(Box, { component: "i", className: "iconify", "data-icon": "ri:file-list-2-line", sx: { flex: '0 0 auto', width: 18, height: 18, mr: 0.25, color: 'grey.600' } }), _jsx(Box, { component: "a", href: link, sx: {
                     display: 'inline-block',
                     overflow: 'hidden',
@@ -56,7 +58,8 @@ function PostLinkComponent(postInfo) {
                     wordBreak: 'break-word',
                     height: 18,
                     lineHeight: '18px',
-                    borderBottom: '1px solid rgba(0, 0, 0, 0.25)',
+                    borderBottom: '1px solid',
+                    borderColor: 'divider',
                     fontSize: 14,
                     textDecoration: 'none',
                     fontWeight: 'medium',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.3.21",
+  "version": "2.3.22",
   "main": "lib/index.js",
   "publishConfig": {
     "access": "public"
@@ -27,8 +27,8 @@
     "@blocklet/code-editor": "^0.4.264",
     "@blocklet/embed": "^0.2.4",
     "@blocklet/js-sdk": "^1.16.42",
-    "@blocklet/pages-kit": "^0.4.160",
-    "@blocklet/pages-kit-runtime": "^0.4.160",
+    "@blocklet/pages-kit": "^0.5.2",
+    "@blocklet/pages-kit-runtime": "^0.5.2",
     "@excalidraw/excalidraw": "^0.14.2",
     "@iconify/iconify": "^3.1.1",
     "@iconify/icons-tabler": "^1.2.95",
@@ -68,7 +68,7 @@
     "ufo": "^1.5.4",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/pdf": "^2.3.21"
+    "@blocklet/pdf": "^2.3.22"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",