@blocklet/editor 2.5.5 → 2.5.7

package/lib/ext/CustomComponent/components/Code.d.ts

@@ -13,7 +13,13 @@ export declare const X_CODE_TRANSLATIONS: {
         seeAllLines: string;
         collapseCode: string;
     };
+    ja: {
+        seeAllLines: string;
+        collapseCode: string;
+    };
 };
+export declare const QUOTE_MAP: Readonly<Map<string, string>>;
+export declare function trimQuotes(raw: string): string;
 export interface CodeProps {
     editorTheme: EditorThemeClasses;
     language: string;
@@ -22,4 +28,4 @@ export interface CodeProps {
     foldable?: string;
     foldthreshold?: string;
 }
-export default function Code({ editorTheme, language, title, body, foldable: _foldable, foldthreshold: _foldThreshold, }: CodeProps): import("react/jsx-runtime").JSX.Element;
+export default function Code({ editorTheme, language, title: rawTitle, body, foldable: _foldable, foldthreshold: _foldThreshold, }: CodeProps): import("react/jsx-runtime").JSX.Element;

package/lib/ext/CustomComponent/components/Code.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { codeToHtml } from 'shiki';
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { Box, IconButton, styled, useTheme, Typography, Stack } from '@mui/material';
 import { Icon } from '@iconify/react';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
@@ -346,7 +346,38 @@ export const X_CODE_TRANSLATIONS = {
         seeAllLines: '查看所有 {lines} 行',
         collapseCode: '折叠代码',
     },
+    ja: {
+        seeAllLines: 'すべての {lines} 行を表示',
+        collapseCode: 'コードを折りたたむ',
+    },
 };
+// 引号集合
+export const QUOTE_MAP = Object.freeze(new Map([
+    ['"', '"'],
+    ["'", "'"],
+    ['`', '`'],
+    ['”', '“'],
+    ['‘', '’'],
+    ['「', '」'],
+    ['『', '』'],
+]));
+// 去除首尾成对的引号
+export function trimQuotes(raw) {
+    if (!raw)
+        return '';
+    let s = raw.trim();
+    while (s.length > 1) {
+        const open = s[0];
+        const close = QUOTE_MAP.get(open);
+        if (close && s.endsWith(close)) {
+            s = s.slice(1, -1).trim();
+        }
+        else {
+            break;
+        }
+    }
+    return s;
+}
 /** Header 组件 */
 function CodeHeader({ title, icon, actions }) {
     if (!title && !icon)
@@ -443,11 +474,17 @@ const XCode = styled('div')(({ theme }) => ({
         },
     },
 }));
-export default function Code({ editorTheme, language, title, body = '', foldable: _foldable = 'true', foldthreshold: _foldThreshold = '25', // ps: dataset 会强制将 key 小写
+export default function Code({ editorTheme, language, title: rawTitle, body = '', foldable: _foldable = 'true', foldthreshold: _foldThreshold = '25', // ps: dataset 会强制将 key 小写
  }) {
     const [highlightedCode, setHighlightedCode] = useState('');
     const [isLoading, setIsLoading] = useState(false);
     const muiTheme = useTheme();
+    const title = useMemo(() => {
+        if (typeof rawTitle === 'string') {
+            return trimQuotes(rawTitle);
+        }
+        return '';
+    }, [rawTitle]);
     // 参数类型转换(html dataset 只支持 string value)
     const foldable = _foldable === 'true';
     let foldThreshold = parseInt(_foldThreshold, 10);

package/lib/ext/CustomComponent/components/Code.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ext/CustomComponent/components/Code.spec.js

@@ -0,0 +1,90 @@
+import { describe, expect, it } from 'vitest';
+import { trimQuotes } from './Code';
+describe('trimQuotes', () => {
+    describe('Basic single layer quotes', () => {
+        it('should trim double quotes', () => {
+            expect(trimQuotes('"hello"')).toBe('hello');
+        });
+        it('should trim single quotes', () => {
+            expect(trimQuotes("'hello'")).toBe('hello');
+        });
+        it('should trim backticks', () => {
+            expect(trimQuotes('`hello`')).toBe('hello');
+        });
+        it('should trim Chinese double quotes', () => {
+            expect(trimQuotes('”hello“')).toBe('hello');
+        });
+        it('should trim Chinese single quotes', () => {
+            expect(trimQuotes('‘hello’')).toBe('hello');
+        });
+        it('should trim Japanese square brackets', () => {
+            expect(trimQuotes('「hello」')).toBe('hello');
+        });
+        it('should trim Japanese double square brackets', () => {
+            expect(trimQuotes('『hello』')).toBe('hello');
+        });
+    });
+    describe('Nested paired quotes', () => {
+        it('should trim nested single quotes inside double quotes', () => {
+            expect(trimQuotes('"\'hello\'"')).toBe('hello');
+        });
+        it('should trim nested Chinese double quotes', () => {
+            expect(trimQuotes('””hello““')).toBe('hello');
+        });
+        it('should trim nested Japanese brackets', () => {
+            expect(trimQuotes('「『hello』」')).toBe('hello');
+        });
+    });
+    describe('Unpaired quotes', () => {
+        it('should return original string when quote is only at start', () => {
+            expect(trimQuotes('"hello')).toBe('"hello');
+        });
+        it('should return original string when quote is only at end', () => {
+            expect(trimQuotes('hello"')).toBe('hello"');
+        });
+        it('should return original string when Chinese quote is only at start', () => {
+            expect(trimQuotes('”hello')).toBe('”hello');
+        });
+        it('should return original string when Chinese quote is only at end', () => {
+            expect(trimQuotes('hello”')).toBe('hello”');
+        });
+    });
+    describe('Internal quotes without outer wrapping', () => {
+        it('should not trim quotes in the middle of string', () => {
+            expect(trimQuotes('hello "world"')).toBe('hello "world"');
+        });
+        it('should not trim apostrophe in the middle of string', () => {
+            expect(trimQuotes("it's ok")).toBe("it's ok");
+        });
+    });
+    describe('Multiple layers (continuous peeling)', () => {
+        it('should trim multiple layers of Chinese double quotes', () => {
+            expect(trimQuotes('””hello““')).toBe('hello');
+        });
+        it('should trim multiple layers of nested quotes', () => {
+            expect(trimQuotes("'「『hi』」'")).toBe('hi');
+        });
+        it('should trim multiple layers of mixed quotes', () => {
+            expect(trimQuotes('"”「test」“"')).toBe('test');
+        });
+    });
+    describe('Whitespace and empty input', () => {
+        it('should trim quotes and surrounding spaces', () => {
+            expect(trimQuotes('   "trimmed"   ')).toBe('trimmed');
+        });
+        it('should return empty string for empty input', () => {
+            expect(trimQuotes('')).toBe('');
+        });
+        it('should return empty string for whitespace only', () => {
+            expect(trimQuotes(' ')).toBe('');
+        });
+    });
+    describe('No quotes', () => {
+        it('should return original string when no quotes present', () => {
+            expect(trimQuotes('hello')).toBe('hello');
+        });
+        it('should trim spaces when no quotes present', () => {
+            expect(trimQuotes('  hello  ')).toBe('hello');
+        });
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.5.5",
+  "version": "2.5.7",
   "main": "lib/index.js",
   "sideEffects": false,
   "publishConfig": {
@@ -73,7 +73,7 @@
     "ufo": "^1.5.4",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/pdf": "2.5.5"
+    "@blocklet/pdf": "2.5.7"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",