@zjlab-fe/data-hub-ui 0.32.6 → 0.33.0

package/es/components/permission-editor/permissionEditModal/index.js

@@ -3,8 +3,11 @@ import { jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { Modal, Button, message } from 'antd';
 import PermissionEditor from '../permissionEditor/index.js';
+import { useLocale } from '../../../locale/index.js';
 
 const PermissionEditModal = ({ open, onCancel, onSave, initialPermissions = [], }) => {
+    const { locale } = useLocale();
+    const texts = locale.PermissionEditor;
     const [selectedPermissions, setSelectedPermissions] = useState(initialPermissions);
     const [loading, setLoading] = useState(false);
     // 当 modal 打开时重置权限状态
@@ -19,7 +22,7 @@ const PermissionEditModal = ({ open, onCancel, onSave, initialPermissions = [],
             onCancel();
         }
         catch (error) {
-            message.error('权限更新失败');
+            message.error(texts.updateFailed);
             console.error('保存权限失败:', error);
         }
     });
@@ -28,9 +31,9 @@ const PermissionEditModal = ({ open, onCancel, onSave, initialPermissions = [],
         setSelectedPermissions(initialPermissions);
         onCancel();
     };
-    return (jsx(Modal, { title: `编辑权限`, open: open, onCancel: handleCancel, width: 600, destroyOnClose: true, footer: [
-            jsx(Button, { onClick: handleCancel, children: "\u53D6\u6D88" }, "cancel"),
-            jsx(Button, { type: "primary", loading: loading, onClick: handleSave, children: "\u4FDD\u5B58" }, "save"),
+    return (jsx(Modal, { title: texts.title, open: open, onCancel: handleCancel, width: 600, destroyOnClose: true, footer: [
+            jsx(Button, { onClick: handleCancel, children: texts.cancel }, "cancel"),
+            jsx(Button, { type: "primary", loading: loading, onClick: handleSave, children: texts.save }, "save"),
         ], children: jsx("div", { style: { padding: '16px 0' }, children: jsx(PermissionEditor, { initialPermissions: selectedPermissions, onChange: setSelectedPermissions, editable: true }) }) }));
 };
 

package/es/components/permission-editor/permissionEditor/index.js

@@ -3,103 +3,67 @@ import React from 'react';
 import { Tag, Flex } from 'antd';
 import { unEditable, tagReadonly } from './index.module.scss.js';
 import { CheckCircleOutlined } from '@ant-design/icons';
+import { useLocale } from '../../../locale/index.js';
 
 const permissionTags = [
     {
-        label: '数据权限',
         value: 'agentic',
         readOnly: false,
-        children: [
-            {
-                label: '检索智能体',
-                value: '13',
-                readOnly: false,
-            },
-        ],
+        children: [{ value: '13', readOnly: false }],
     },
     {
-        label: '工作台权限',
         value: 'workbench',
         readOnly: false,
         children: [
-            {
-                label: '语料生产服务',
-                value: '20',
-                readOnly: false,
-            },
-            {
-                label: '语料质量评估',
-                value: '18',
-                readOnly: false,
-            },
-            {
-                label: '可视化工作流',
-                value: '1',
-                readOnly: false,
-            },
-            {
-                label: '文档标注',
-                value: '8',
-                readOnly: false,
-            },
-            {
-                label: '模型训练',
-                value: '19',
-                readOnly: false,
-            },
-            {
-                label: '计量中心',
-                value: '23',
-                readOnly: false,
-            },
-            {
-                label: '模型部署',
-                value: '21',
-                readOnly: true,
-            },
-            {
-                label: '模型管理',
-                value: '22',
-                readOnly: true,
-            },
+            { value: '20', readOnly: false },
+            { value: '18', readOnly: false },
+            { value: '1', readOnly: false },
+            { value: '8', readOnly: false },
+            { value: '19', readOnly: false },
+            { value: '23', readOnly: false },
+            { value: '21', readOnly: true },
+            { value: '22', readOnly: true },
         ],
     },
     {
-        label: '语料检索权限',
         value: 'corpus_index',
         readOnly: false,
         children: [
-            {
-                label: '文献语料检索',
-                value: '14',
-                readOnly: false,
-            },
-            {
-                label: '网页语料筛选',
-                value: '15',
-                readOnly: false,
-            },
+            { value: '14', readOnly: false },
+            { value: '15', readOnly: false },
         ],
     },
     {
-        label: '语料生产权限',
         value: 'corpus_product',
         readOnly: false,
         children: [
-            {
-                label: '文档语料生产',
-                value: '16',
-                readOnly: false,
-            },
-            {
-                label: '网页语料生产',
-                value: '17',
-                readOnly: false,
-            },
+            { value: '16', readOnly: false },
+            { value: '17', readOnly: false },
         ],
     },
 ];
+const PERMISSION_LABEL_KEY = {
+    agentic: 'agentic',
+    '13': 'agenticSearch',
+    workbench: 'workbench',
+    '20': 'corpusProductionService',
+    '18': 'corpusQuality',
+    '1': 'visualWorkflow',
+    '8': 'documentAnnotation',
+    '19': 'modelTraining',
+    '23': 'meteringCenter',
+    '21': 'modelDeploy',
+    '22': 'modelManage',
+    corpus_index: 'corpusIndex',
+    '14': 'literatureSearch',
+    '15': 'webFilter',
+    corpus_product: 'corpusProduct',
+    '16': 'documentProduction',
+    '17': 'webProduction',
+};
 const PermissionEditor = ({ initialPermissions = [], onChange, editable = true, }) => {
+    const { locale } = useLocale();
+    const texts = locale.PermissionEditor;
     // 将新格式转换为内部使用的扁平化格式
     const convertToFlatFormat = (permissions) => {
         const flatTags = [];
@@ -225,9 +189,9 @@ const PermissionEditor = ({ initialPermissions = [], onChange, editable = true,
         onChange === null || onChange === void 0 ? void 0 : onChange(modulePermissions);
     };
     return (jsx(Fragment, { children: permissionTags.map((tag) => {
-            var _a;
+            var _a, _b;
             const isSelected = selectedTags.includes(tag.value);
-            return (jsxs("div", { style: { width: '100%', margin: '8px 0' }, className: !editable ? unEditable : '', children: [jsx("span", { style: { fontSize: '16px', fontWeight: 500, marginRight: 8 }, children: tag.label }), editable && (jsx(Tag.CheckableTag, { checked: isSelected, onChange: (checked) => handleChange(tag.value, checked, tag.readOnly), style: {
+            return (jsxs("div", { style: { width: '100%', margin: '8px 0' }, className: !editable ? unEditable : '', children: [jsx("span", { style: { fontSize: '16px', fontWeight: 500, marginRight: 8 }, children: (_a = texts[PERMISSION_LABEL_KEY[tag.value]]) !== null && _a !== void 0 ? _a : tag.value }), editable && (jsx(Tag.CheckableTag, { checked: isSelected, onChange: (checked) => handleChange(tag.value, checked, tag.readOnly), style: {
                             cursor: tag.readOnly ? 'not-allowed' : 'pointer',
                             opacity: tag.readOnly ? 0.7 : 1,
                             margin: '5px 0',
@@ -238,14 +202,15 @@ const PermissionEditor = ({ initialPermissions = [], onChange, editable = true,
                             width: 18,
                             border: 0,
                             borderRadius: '50%',
-                        }, className: tag.readOnly ? tagReadonly : '', children: jsx(CheckCircleOutlined, { style: { fontSize: '18px' }, title: isSelected ? '取消全选' : '全选' }) }, tag.value)), jsx(Flex, { gap: 5, wrap: true, align: "center", children: (_a = tag.children) === null || _a === void 0 ? void 0 : _a.map((child) => {
+                        }, className: tag.readOnly ? tagReadonly : '', children: jsx(CheckCircleOutlined, { style: { fontSize: '18px' }, title: isSelected ? texts.unselectAll : texts.selectAll }) }, tag.value)), jsx(Flex, { gap: 5, wrap: true, align: "center", children: (_b = tag.children) === null || _b === void 0 ? void 0 : _b.map((child) => {
+                            var _a;
                             const isChildSelected = selectedTags.includes(child.value);
                             return (jsx(Tag.CheckableTag, { checked: isChildSelected, onChange: (checked) => handleChange(child.value, checked, child.readOnly), style: {
                                     cursor: child.readOnly ? 'not-allowed' : 'pointer',
                                     opacity: child.readOnly ? 0.7 : 1,
                                     margin: '5px 0',
                                     border: '1px solid #979797',
-                                }, className: child.readOnly ? tagReadonly : '', children: child.label }, child.value));
+                                }, className: child.readOnly ? tagReadonly : '', children: (_a = texts[PERMISSION_LABEL_KEY[child.value]]) !== null && _a !== void 0 ? _a : child.value }, child.value));
                         }) })] }, tag.value));
         }) }));
 };

package/es/components/permission-editor/permissionViewPopover/index.js

@@ -1,9 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { Popover } from 'antd';
 import PermissionEditor from '../permissionEditor/index.js';
+import { useLocale } from '../../../locale/index.js';
 
-const PermissionViewPopover = ({ initialPermissions = [], children, title = '用户权限', width = 400, }) => {
-    return (jsx(Popover, { content: jsx(PermissionEditor, { initialPermissions: initialPermissions, editable: false }), title: title, overlayStyle: { width }, children: children }));
+const PermissionViewPopover = ({ initialPermissions = [], children, title, width = 400, }) => {
+    const { locale } = useLocale();
+    const resolvedTitle = title !== null && title !== void 0 ? title : locale.PermissionEditor.viewTitle;
+    return (jsx(Popover, { content: jsx(PermissionEditor, { initialPermissions: initialPermissions, editable: false }), title: resolvedTitle, overlayStyle: { width }, children: children }));
 };
 
 export { PermissionViewPopover as default };

package/es/components/tag-group-filter/dataSizeFilter.js

@@ -4,6 +4,7 @@ import { Select, Flex, InputNumber } from 'antd';
 import { dataSizeFilter, iconTagHeader, iconTagContent, header, iconClear } from './index.module.scss.js';
 import { MinusOutlined } from '@ant-design/icons';
 import iconTagHeader$1 from '../../assets/icon-tag-header.png.js';
+import { useLocale } from '../../locale/index.js';
 
 const { Option } = Select;
 const DATA_SIZE_UNIT = [
@@ -25,6 +26,8 @@ const transToMB = (value, unit) => {
     }
 };
 function DataSizeFilter(p) {
+    const { locale } = useLocale();
+    const texts = locale.TagGroupFilter;
     const [startValue, setStartValue] = React.useState(null);
     const [startUnit, setStartUnit] = React.useState('kb');
     const [endValue, setEndValue] = React.useState(null);
@@ -36,10 +39,10 @@ function DataSizeFilter(p) {
         if (startValue !== null &&
             endValue !== null &&
             transToMB(startValue, startUnit) > transToMB(endValue, endUnit)) {
-            res = p.isEn ? 'The left value can not greater than the right value' : '左侧数值不能大于右侧数值';
+            res = texts.rangeError;
         }
         return res;
-    }, [startValue, startUnit, endValue, endUnit, p.isEn]);
+    }, [startValue, startUnit, endValue, endUnit, texts.rangeError]);
     const handleClear = (e) => {
         e.stopPropagation();
         p.onChange(['', '']);
@@ -94,7 +97,7 @@ function DataSizeFilter(p) {
         setEndValue(p.value[1] ? +p.value[1].slice(0, -2) : null);
         setEndUnit(p.value[1] ? p.value[1].slice(-2) : 'kb');
     }, [p.value]);
-    return (jsxs("div", { className: dataSizeFilter, children: [jsx("span", { className: iconTagHeader, style: { backgroundImage: 'url(' + iconTagHeader$1 + ')' } }), jsx("span", { className: iconTagContent }), jsx(Flex, { justify: "space-between", align: "center", className: header, children: jsxs(Flex, { align: "center", children: [jsx("h3", { children: p.isEn ? 'DataVolume' : '数据体量' }), (startValue !== null || endValue !== null) && (jsx("span", { className: iconClear, onClick: handleClear, children: "\uE85E" }))] }) }), jsxs(Fragment, { children: [jsxs(Flex, { align: "center", children: [jsx(InputNumber, { ref: startInputRef, value: startValue, controls: false, placeholder: p.isEn ? 'Min' : '最小', size: "small", style: { fontSize: 12, width: 140 }, addonAfter: jsx(Select, { style: { width: 50 }, popupMatchSelectWidth: false, value: startUnit, onChange: handleStartUnitChange, children: DATA_SIZE_UNIT.map((item, i) => (jsx(Option, { value: item.value, children: item.name }, i))) }), onChange: handleStartValueChange, onPressEnter: handleStartPressEnter, onBlur: handleStartBlur }), jsx(MinusOutlined, { style: { margin: '0 4px' } }), jsx(InputNumber, { ref: endInputRef, value: endValue, controls: false, placeholder: p.isEn ? 'Max' : '最大', size: "small", style: { fontSize: 12, width: 140 }, addonAfter: jsx(Select, { style: { width: 50 }, popupMatchSelectWidth: false, value: endUnit, onChange: handleEndUnitChange, children: DATA_SIZE_UNIT.map((item, i) => (jsx(Option, { value: item.value, children: item.name }, i))) }), onChange: handleEndValueChange, onPressEnter: handleEndPressEnter, onBlur: handleEndBlur })] }), !!errMsg && jsx("div", { style: { color: 'red', marginTop: 4 }, children: errMsg })] })] }));
+    return (jsxs("div", { className: dataSizeFilter, children: [jsx("span", { className: iconTagHeader, style: { backgroundImage: 'url(' + iconTagHeader$1 + ')' } }), jsx("span", { className: iconTagContent }), jsx(Flex, { justify: "space-between", align: "center", className: header, children: jsxs(Flex, { align: "center", children: [jsx("h3", { children: texts.dataVolume }), (startValue !== null || endValue !== null) && (jsx("span", { className: iconClear, onClick: handleClear, children: "\uE85E" }))] }) }), jsxs(Fragment, { children: [jsxs(Flex, { align: "center", children: [jsx(InputNumber, { ref: startInputRef, value: startValue, controls: false, placeholder: texts.min, size: "small", style: { fontSize: 12, width: 140 }, addonAfter: jsx(Select, { style: { width: 50 }, popupMatchSelectWidth: false, value: startUnit, onChange: handleStartUnitChange, children: DATA_SIZE_UNIT.map((item, i) => (jsx(Option, { value: item.value, children: item.name }, i))) }), onChange: handleStartValueChange, onPressEnter: handleStartPressEnter, onBlur: handleStartBlur }), jsx(MinusOutlined, { style: { margin: '0 4px' } }), jsx(InputNumber, { ref: endInputRef, value: endValue, controls: false, placeholder: texts.max, size: "small", style: { fontSize: 12, width: 140 }, addonAfter: jsx(Select, { style: { width: 50 }, popupMatchSelectWidth: false, value: endUnit, onChange: handleEndUnitChange, children: DATA_SIZE_UNIT.map((item, i) => (jsx(Option, { value: item.value, children: item.name }, i))) }), onChange: handleEndValueChange, onPressEnter: handleEndPressEnter, onBlur: handleEndBlur })] }), !!errMsg && jsx("div", { style: { color: 'red', marginTop: 4 }, children: errMsg })] })] }));
 }
 
 export { DataSizeFilter as default };

package/es/components/tag-group-filter/index.js

@@ -10,7 +10,7 @@ import { tagGroupFilter } from './index.module.scss.js';
  * @param tagSelected 标签选中状态
  * @param needDataSizeFilter 是否需要数据量过滤（可选）
  * @param dataSizeValue 数据量过滤值（可选）
- * @param isEn 是否英文环境（可选）
+ * @param isEn 已废弃，语言由 DataHubProvider / antd ConfigProvider 决定
  * @param tagClassName 标签类名（可选）
  * @param onTagChange 标签选中状态变化回调
  * @param onDataSizeChange 数据量过滤值变化回调（可选）
@@ -47,7 +47,7 @@ function TagGroupFilter(p) {
     React.useEffect(() => {
         setMenuOpenKeys(p.tagGroupDatas.map((item) => item.key));
     }, [p.tagGroupDatas]);
-    return (jsx("div", { className: tagGroupFilter, children: viewTagGroupDatas.map((item, index) => (jsx(React.Fragment, { children: item.key === 'dataSize' ? (jsx(DataSizeFilter, { isEn: p.isEn, value: p.dataSizeValue || [], onChange: handleDataSizeChange })) : (jsx(TagFilter, { title: item.title, list: item.children, selected: p.tagSelected[item.key] || [], isFold: !menuOpenKeys.includes(item.key), onChange: (selectd) => handleTagChange(item.key, selectd), onFoldChange: (isFold) => handleOpenKeysChange(item.key, isFold), tagClassName: p.tagClassName }, item.key)) }, index))) }));
+    return (jsx("div", { className: tagGroupFilter, children: viewTagGroupDatas.map((item, index) => (jsx(React.Fragment, { children: item.key === 'dataSize' ? (jsx(DataSizeFilter, { value: p.dataSizeValue || [], onChange: handleDataSizeChange })) : (jsx(TagFilter, { title: item.title, list: item.children, selected: p.tagSelected[item.key] || [], isFold: !menuOpenKeys.includes(item.key), onChange: (selectd) => handleTagChange(item.key, selectd), onFoldChange: (isFold) => handleOpenKeysChange(item.key, isFold), tagClassName: p.tagClassName }, item.key)) }, index))) }));
 }
 
 export { TagGroupFilter as default };

package/es/components/tip-tap/bubble-menu.js

@@ -1,14 +1,19 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 import { IconBold, IconItalic, IconUnderline, IconStrikethrough, IconHighlight, IconCheck, IconTrash, IconLink } from './icons/index.js';
+import { useLocale } from '../../locale/index.js';
 
 function TipTapBubbleMenu({ editor }) {
-    return (jsxs("div", { className: "tip-tap-bubble-menu", children: [jsx(BubbleButton, { icon: jsx(IconBold, {}), onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive('bold'), tooltip: "\u7C97\u4F53" }), jsx(BubbleButton, { icon: jsx(IconItalic, {}), onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive('italic'), tooltip: "\u659C\u4F53" }), jsx(BubbleButton, { icon: jsx(IconUnderline, {}), onClick: () => editor.chain().focus().toggleUnderline().run(), active: editor.isActive('underline'), tooltip: "\u4E0B\u5212\u7EBF" }), jsx(BubbleButton, { icon: jsx(IconStrikethrough, {}), onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive('strike'), tooltip: "\u5220\u9664\u7EBF" }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsx(BubbleButton, { icon: jsx(IconHighlight, {}), onClick: () => editor.chain().focus().toggleHighlight().run(), active: editor.isActive('highlight'), tooltip: "\u9AD8\u4EAE" }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsx(BubbleLinkButton, { editor: editor })] }));
+    const { locale } = useLocale();
+    const texts = locale.TipTap;
+    return (jsxs("div", { className: "tip-tap-bubble-menu", children: [jsx(BubbleButton, { icon: jsx(IconBold, {}), onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive('bold'), tooltip: texts.bold }), jsx(BubbleButton, { icon: jsx(IconItalic, {}), onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive('italic'), tooltip: texts.italic }), jsx(BubbleButton, { icon: jsx(IconUnderline, {}), onClick: () => editor.chain().focus().toggleUnderline().run(), active: editor.isActive('underline'), tooltip: texts.underline }), jsx(BubbleButton, { icon: jsx(IconStrikethrough, {}), onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive('strike'), tooltip: texts.strike }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsx(BubbleButton, { icon: jsx(IconHighlight, {}), onClick: () => editor.chain().focus().toggleHighlight().run(), active: editor.isActive('highlight'), tooltip: texts.highlightShort }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsx(BubbleLinkButton, { editor: editor })] }));
 }
 function BubbleButton({ icon, onClick, active = false, tooltip, }) {
     return (jsx("button", { className: `tip-tap-btn ${active ? 'tip-tap-btn--active' : ''}`, onClick: onClick, type: "button", title: tooltip, children: icon }));
 }
 function BubbleLinkButton({ editor }) {
+    const { locale } = useLocale();
+    const texts = locale.TipTap;
     const [showInput, setShowInput] = useState(false);
     const [url, setUrl] = useState('');
     const inputRef = useRef(null);
@@ -34,14 +39,14 @@ function BubbleLinkButton({ editor }) {
         setUrl('');
     }
     if (showInput) {
-        return (jsxs("div", { className: "tip-tap-link-popup", style: { boxShadow: 'none', border: 'none', padding: 0, margin: 0 }, children: [jsx("input", { ref: inputRef, type: "text", className: "tip-tap-link-popup__input", style: { width: '160px', padding: '4px 8px', fontSize: '13px' }, placeholder: "\u8F93\u5165\u94FE\u63A5...", value: url, onChange: (e) => setUrl(e.target.value), onKeyDown: (e) => {
+        return (jsxs("div", { className: "tip-tap-link-popup", style: { boxShadow: 'none', border: 'none', padding: 0, margin: 0 }, children: [jsx("input", { ref: inputRef, type: "text", className: "tip-tap-link-popup__input", style: { width: '160px', padding: '4px 8px', fontSize: '13px' }, placeholder: texts.linkPlaceholder, value: url, onChange: (e) => setUrl(e.target.value), onKeyDown: (e) => {
                         if (e.key === 'Enter')
                             handleSubmit();
                         if (e.key === 'Escape')
                             setShowInput(false);
                     } }), jsx("button", { className: "tip-tap-btn", onClick: handleSubmit, type: "button", style: { width: '24px', height: '24px' }, children: jsx(IconCheck, {}) }), editor.isActive('link') && (jsx("button", { className: "tip-tap-btn", onClick: handleRemove, type: "button", style: { width: '24px', height: '24px', color: '#dc2626' }, children: jsx(IconTrash, {}) }))] }));
     }
-    return (jsx(BubbleButton, { icon: jsx(IconLink, {}), onClick: handleOpenInput, active: editor.isActive('link'), tooltip: "\u94FE\u63A5" }));
+    return (jsx(BubbleButton, { icon: jsx(IconLink, {}), onClick: handleOpenInput, active: editor.isActive('link'), tooltip: texts.link }));
 }
 
 export { TipTapBubbleMenu as default };

package/es/components/tip-tap/editor.js

@@ -6,11 +6,14 @@ import { forwardRef, useImperativeHandle } from 'react';
 import { editorExtensions } from './extensions/index.js';
 import Toolbar from './toolbar/index.js';
 import TipTapBubbleMenu from './bubble-menu.js';
+import { useLocale } from '../../locale/index.js';
 
 useStyle();
-var editor = forwardRef(function TipTapEditor({ content = '', placeholder = '开始输入内容...', editable = true, autofocus = false, className = '', toolbarClassName = '', onChange, }, ref) {
+var editor = forwardRef(function TipTapEditor({ content = '', placeholder, editable = true, autofocus = false, className = '', toolbarClassName = '', onChange, }, ref) {
+    const { locale } = useLocale();
+    const resolvedPlaceholder = placeholder !== null && placeholder !== void 0 ? placeholder : locale.TipTap.placeholder;
     const editor = useEditor({
-        extensions: editorExtensions(placeholder),
+        extensions: editorExtensions(resolvedPlaceholder),
         content,
         editable,
         autofocus,

package/es/components/tip-tap/extensions/index.js

@@ -33,7 +33,7 @@ const editorExtensions = (placeholder) => [
         },
     }),
     Placeholder.configure({
-        placeholder: placeholder || '开始输入内容...',
+        placeholder: placeholder || undefined,
         emptyEditorClass: 'is-editor-empty',
     }),
     TextStyle,

package/es/components/tip-tap/toolbar/components/color-picker.js

@@ -2,8 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useEditorState } from '@tiptap/react';
 import { useState, useRef, useEffect } from 'react';
 import { IconBold, IconHighlight } from '../../icons/index.js';
+import { useLocale } from '../../../../locale/index.js';
 
 function ColorPicker({ editor, type, tooltip }) {
+    const { locale } = useLocale();
     const [isOpen, setIsOpen] = useState(false);
     const dropdownRef = useRef(null);
     const colors = [
@@ -70,7 +72,7 @@ function ColorPicker({ editor, type, tooltip }) {
         }
         setIsOpen(false);
     }
-    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-btn ${(editorState === null || editorState === void 0 ? void 0 : editorState.isActive) ? 'tip-tap-btn--active' : ''}`, onClick: () => setIsOpen(!isOpen), type: "button", style: type === 'textColor' && (editorState === null || editorState === void 0 ? void 0 : editorState.color) ? { color: editorState.color } : {}, children: [type === 'textColor' ? (jsx(IconBold, { style: { borderBottom: `3px solid ${(editorState === null || editorState === void 0 ? void 0 : editorState.color) || '#000'}` } })) : (jsx(IconHighlight, {})), jsx("span", { className: "tip-tap-tooltip", children: tooltip })] }), jsx("div", { className: "tip-tap-dropdown__menu", children: jsxs("div", { className: "tip-tap-color-picker", children: [jsx("button", { className: "tip-tap-color-picker__swatch tip-tap-color-picker__swatch--reset", onClick: () => handleColorSelect(null), title: "\u79FB\u9664\u989C\u8272", type: "button" }), colors.map((color) => (jsx("button", { className: "tip-tap-color-picker__swatch", style: { background: color }, onClick: () => handleColorSelect(color), type: "button" }, color)))] }) })] }));
+    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-btn ${(editorState === null || editorState === void 0 ? void 0 : editorState.isActive) ? 'tip-tap-btn--active' : ''}`, onClick: () => setIsOpen(!isOpen), type: "button", style: type === 'textColor' && (editorState === null || editorState === void 0 ? void 0 : editorState.color) ? { color: editorState.color } : {}, children: [type === 'textColor' ? (jsx(IconBold, { style: { borderBottom: `3px solid ${(editorState === null || editorState === void 0 ? void 0 : editorState.color) || '#000'}` } })) : (jsx(IconHighlight, {})), jsx("span", { className: "tip-tap-tooltip", children: tooltip })] }), jsx("div", { className: "tip-tap-dropdown__menu", children: jsxs("div", { className: "tip-tap-color-picker", children: [jsx("button", { className: "tip-tap-color-picker__swatch tip-tap-color-picker__swatch--reset", onClick: () => handleColorSelect(null), title: locale.TipTap.removeColor, type: "button" }), colors.map((color) => (jsx("button", { className: "tip-tap-color-picker__swatch", style: { background: color }, onClick: () => handleColorSelect(color), type: "button" }, color)))] }) })] }));
 }
 
 export { ColorPicker };

package/es/components/tip-tap/toolbar/components/heading-dropdown.js

@@ -2,15 +2,18 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEditorState } from '@tiptap/react';
 import { useState, useRef, useEffect } from 'react';
 import { IconParagraph, IconH1, IconH2, IconH3, IconChevronDown } from '../../icons/index.js';
+import { useLocale } from '../../../../locale/index.js';
 
 function HeadingDropdown({ editor }) {
+    const { locale } = useLocale();
+    const texts = locale.TipTap;
     const [isOpen, setIsOpen] = useState(false);
     const dropdownRef = useRef(null);
     const headings = [
-        { level: 0, label: '正文', icon: jsx(IconParagraph, {}) },
-        { level: 1, label: '标题 1', icon: jsx(IconH1, {}) },
-        { level: 2, label: '标题 2', icon: jsx(IconH2, {}) },
-        { level: 3, label: '标题 3', icon: jsx(IconH3, {}) },
+        { level: 0, label: texts.paragraph, icon: jsx(IconParagraph, {}) },
+        { level: 1, label: texts.heading1, icon: jsx(IconH1, {}) },
+        { level: 2, label: texts.heading2, icon: jsx(IconH2, {}) },
+        { level: 3, label: texts.heading3, icon: jsx(IconH3, {}) },
     ];
     // 使用 useEditorState 来同步编辑器状态
     const editorState = useEditorState({
@@ -38,7 +41,7 @@ function HeadingDropdown({ editor }) {
         }
         setIsOpen(false);
     }
-    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-dropdown__trigger ${editorState && editorState.level !== 0 ? 'tip-tap-dropdown__trigger--active' : ''}`, onClick: () => setIsOpen(!isOpen), type: "button", children: [(editorState === null || editorState === void 0 ? void 0 : editorState.icon) || jsx(IconParagraph, {}), jsx("span", { children: (editorState === null || editorState === void 0 ? void 0 : editorState.label) || '正文' }), jsx(IconChevronDown, { className: "tip-tap-dropdown__arrow" })] }), jsx("div", { className: "tip-tap-dropdown__menu", children: headings.map(({ level, label, icon }) => (jsxs("button", { className: `tip-tap-dropdown__item ${(editorState === null || editorState === void 0 ? void 0 : editorState.level) === level ? 'tip-tap-dropdown__item--active' : ''}`, onClick: () => handleSelect(level), type: "button", children: [jsx("span", { className: "tip-tap-dropdown__item-icon", children: icon }), label] }, level))) })] }));
+    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-dropdown__trigger ${editorState && editorState.level !== 0 ? 'tip-tap-dropdown__trigger--active' : ''}`, onClick: () => setIsOpen(!isOpen), type: "button", children: [(editorState === null || editorState === void 0 ? void 0 : editorState.icon) || jsx(IconParagraph, {}), jsx("span", { children: (editorState === null || editorState === void 0 ? void 0 : editorState.label) || texts.paragraph }), jsx(IconChevronDown, { className: "tip-tap-dropdown__arrow" })] }), jsx("div", { className: "tip-tap-dropdown__menu", children: headings.map(({ level, label, icon }) => (jsxs("button", { className: `tip-tap-dropdown__item ${(editorState === null || editorState === void 0 ? void 0 : editorState.level) === level ? 'tip-tap-dropdown__item--active' : ''}`, onClick: () => handleSelect(level), type: "button", children: [jsx("span", { className: "tip-tap-dropdown__item-icon", children: icon }), label] }, level))) })] }));
 }
 
 export { HeadingDropdown };

package/es/components/tip-tap/toolbar/components/link-button.js

@@ -3,8 +3,11 @@ import { useEditorState } from '@tiptap/react';
 import { getMarkRange } from '@tiptap/core';
 import { useState, useRef, useEffect } from 'react';
 import { IconLink, IconCheck, IconTrash } from '../../icons/index.js';
+import { useLocale } from '../../../../locale/index.js';
 
 function LinkButton({ editor }) {
+    const { locale } = useLocale();
+    const texts = locale.TipTap;
     const [isOpen, setIsOpen] = useState(false);
     const [label, setLabel] = useState('');
     const [url, setUrl] = useState('');
@@ -101,7 +104,7 @@ function LinkButton({ editor }) {
         setLabel('');
         setUrl('');
     }
-    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-btn ${(editorState === null || editorState === void 0 ? void 0 : editorState.isActive) ? 'tip-tap-btn--active' : ''}`, onClick: handleToggleOpen, type: "button", children: [jsx(IconLink, {}), jsx("span", { className: "tip-tap-tooltip", children: "\u94FE\u63A5" })] }), jsx("div", { className: "tip-tap-dropdown__menu", style: { width: 'auto', padding: 0 }, children: jsxs("div", { className: "tip-tap-link-popup", style: { flexDirection: 'column', alignItems: 'stretch' }, children: [jsx("input", { ref: labelInputRef, type: "text", className: "tip-tap-link-popup__input", placeholder: "\u8F93\u5165\u94FE\u63A5\u6587\u672C...", value: label, onChange: (e) => setLabel(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSubmit(), style: { marginBottom: '8px' } }), jsx("input", { type: "text", className: "tip-tap-link-popup__input", placeholder: "\u8F93\u5165\u94FE\u63A5\u5730\u5740...", value: url, onChange: (e) => setUrl(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSubmit() }), jsxs("div", { style: { display: 'flex', gap: '4px', marginTop: '8px' }, children: [jsx("button", { className: "tip-tap-link-popup__btn", onClick: handleSubmit, type: "button", children: jsx(IconCheck, {}) }), (editorState === null || editorState === void 0 ? void 0 : editorState.isActive) && (jsx("button", { className: "tip-tap-link-popup__btn tip-tap-link-popup__btn--danger", onClick: handleRemove, type: "button", children: jsx(IconTrash, {}) }))] })] }) })] }));
+    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-btn ${(editorState === null || editorState === void 0 ? void 0 : editorState.isActive) ? 'tip-tap-btn--active' : ''}`, onClick: handleToggleOpen, type: "button", children: [jsx(IconLink, {}), jsx("span", { className: "tip-tap-tooltip", children: texts.link })] }), jsx("div", { className: "tip-tap-dropdown__menu", style: { width: 'auto', padding: 0 }, children: jsxs("div", { className: "tip-tap-link-popup", style: { flexDirection: 'column', alignItems: 'stretch' }, children: [jsx("input", { ref: labelInputRef, type: "text", className: "tip-tap-link-popup__input", placeholder: texts.linkText, value: label, onChange: (e) => setLabel(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSubmit(), style: { marginBottom: '8px' } }), jsx("input", { type: "text", className: "tip-tap-link-popup__input", placeholder: texts.linkUrl, value: url, onChange: (e) => setUrl(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSubmit() }), jsxs("div", { style: { display: 'flex', gap: '4px', marginTop: '8px' }, children: [jsx("button", { className: "tip-tap-link-popup__btn", onClick: handleSubmit, type: "button", children: jsx(IconCheck, {}) }), (editorState === null || editorState === void 0 ? void 0 : editorState.isActive) && (jsx("button", { className: "tip-tap-link-popup__btn tip-tap-link-popup__btn--danger", onClick: handleRemove, type: "button", children: jsx(IconTrash, {}) }))] })] }) })] }));
 }
 
 export { LinkButton };

package/es/components/tip-tap/toolbar/components/table-button.js

@@ -2,8 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useEditorState } from '@tiptap/react';
 import { useState, useRef, useEffect } from 'react';
 import { IconTable } from '../../icons/index.js';
+import { useLocale } from '../../../../locale/index.js';
 
 function TableButton({ editor }) {
+    const { locale } = useLocale();
+    const texts = locale.TipTap;
     const [isOpen, setIsOpen] = useState(false);
     const [hoveredCell, setHoveredCell] = useState({ row: 0, col: 0 });
     const dropdownRef = useRef(null);
@@ -27,11 +30,11 @@ function TableButton({ editor }) {
         editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
         setIsOpen(false);
     }
-    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-btn ${(editorState === null || editorState === void 0 ? void 0 : editorState.isActive) ? 'tip-tap-btn--active' : ''}`, onClick: () => setIsOpen(!isOpen), type: "button", children: [jsx(IconTable, {}), jsx("span", { className: "tip-tap-tooltip", children: "\u63D2\u5165\u8868\u683C" })] }), jsx("div", { className: "tip-tap-dropdown__menu", style: { padding: 0 }, children: jsxs("div", { className: "tip-tap-table-menu", children: [jsx("div", { className: "tip-tap-table-menu__label", children: "\u9009\u62E9\u8868\u683C\u5927\u5C0F" }), jsx("div", { className: "tip-tap-table-menu__grid", children: Array.from({ length: 36 }, (_, i) => {
+    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-btn ${(editorState === null || editorState === void 0 ? void 0 : editorState.isActive) ? 'tip-tap-btn--active' : ''}`, onClick: () => setIsOpen(!isOpen), type: "button", children: [jsx(IconTable, {}), jsx("span", { className: "tip-tap-tooltip", children: texts.insertTable })] }), jsx("div", { className: "tip-tap-dropdown__menu", style: { padding: 0 }, children: jsxs("div", { className: "tip-tap-table-menu", children: [jsx("div", { className: "tip-tap-table-menu__label", children: texts.selectTableSize }), jsx("div", { className: "tip-tap-table-menu__grid", children: Array.from({ length: 36 }, (_, i) => {
                                 const row = Math.floor(i / 6) + 1;
                                 const col = (i % 6) + 1;
                                 return (jsx("button", { className: `tip-tap-table-menu__cell ${row <= hoveredCell.row && col <= hoveredCell.col ? 'tip-tap-table-menu__cell--active' : ''}`, onMouseEnter: () => setHoveredCell({ row, col }), onClick: () => handleInsertTable(row, col), type: "button" }, i));
-                            }) }), jsx("div", { className: "tip-tap-table-menu__size", children: hoveredCell.row > 0 ? `${hoveredCell.row} × ${hoveredCell.col}` : '选择大小' })] }) })] }));
+                            }) }), jsx("div", { className: "tip-tap-table-menu__size", children: hoveredCell.row > 0 ? `${hoveredCell.row} × ${hoveredCell.col}` : texts.selectSize })] }) })] }));
 }
 
 export { TableButton };

package/es/components/tip-tap/toolbar/index.js

@@ -7,8 +7,11 @@ import { ColorPicker } from './components/color-picker.js';
 import { LinkButton } from './components/link-button.js';
 import { ImageButton } from './components/image-button.js';
 import { TableButton } from './components/table-button.js';
+import { useLocale } from '../../../locale/index.js';
 
 function Toolbar({ editor, className = '' }) {
+    const { locale } = useLocale();
+    const texts = locale.TipTap;
     // 使用 useEditorState 来同步编辑器状态
     const editorState = useEditorState({
         editor,
@@ -33,7 +36,7 @@ function Toolbar({ editor, className = '' }) {
             canRedo: ctx.editor.can().redo(),
         }),
     });
-    return (jsxs("div", { className: `tip-tap-toolbar ${className}`, children: [jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(ToolbarButton, { icon: jsx(IconUndo, {}), tooltip: "\u64A4\u9500", onClick: () => editor.chain().focus().undo().run(), disabled: !(editorState === null || editorState === void 0 ? void 0 : editorState.canUndo) }), jsx(ToolbarButton, { icon: jsx(IconRedo, {}), tooltip: "\u91CD\u505A", onClick: () => editor.chain().focus().redo().run(), disabled: !(editorState === null || editorState === void 0 ? void 0 : editorState.canRedo) })] }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(ToolbarButton, { icon: jsx(IconBold, {}), tooltip: "\u7C97\u4F53", onClick: () => editor.chain().focus().toggleBold().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isBold }), jsx(ToolbarButton, { icon: jsx(IconItalic, {}), tooltip: "\u659C\u4F53", onClick: () => editor.chain().focus().toggleItalic().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isItalic }), jsx(ToolbarButton, { icon: jsx(IconUnderline, {}), tooltip: "\u4E0B\u5212\u7EBF", onClick: () => editor.chain().focus().toggleUnderline().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isUnderline }), jsx(ToolbarButton, { icon: jsx(IconStrikethrough, {}), tooltip: "\u5220\u9664\u7EBF", onClick: () => editor.chain().focus().toggleStrike().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isStrike })] }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsx(HeadingDropdown, { editor: editor }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(ColorPicker, { editor: editor, type: "textColor", tooltip: "\u6587\u5B57\u989C\u8272" }), jsx(ColorPicker, { editor: editor, type: "highlight", tooltip: "\u80CC\u666F\u9AD8\u4EAE" })] }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(ToolbarButton, { icon: jsx(IconAlignLeft, {}), tooltip: "\u5DE6\u5BF9\u9F50", onClick: () => editor.chain().focus().setTextAlign('left').run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isAlignLeft }), jsx(ToolbarButton, { icon: jsx(IconAlignCenter, {}), tooltip: "\u5C45\u4E2D\u5BF9\u9F50", onClick: () => editor.chain().focus().setTextAlign('center').run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isAlignCenter }), jsx(ToolbarButton, { icon: jsx(IconAlignRight, {}), tooltip: "\u53F3\u5BF9\u9F50", onClick: () => editor.chain().focus().setTextAlign('right').run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isAlignRight })] }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(ToolbarButton, { icon: jsx(IconListBullet, {}), tooltip: "\u65E0\u5E8F\u5217\u8868", onClick: () => editor.chain().focus().toggleBulletList().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isBulletList }), jsx(ToolbarButton, { icon: jsx(IconListNumbered, {}), tooltip: "\u6709\u5E8F\u5217\u8868", onClick: () => editor.chain().focus().toggleOrderedList().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isOrderedList })] }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(ToolbarButton, { icon: jsx(IconQuote, {}), tooltip: "\u5F15\u7528", onClick: () => editor.chain().focus().toggleBlockquote().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isBlockquote }), jsx(ToolbarButton, { icon: jsx(IconCode, {}), tooltip: "\u4EE3\u7801\u5757", onClick: () => editor.chain().focus().toggleCodeBlock().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isCodeBlock }), jsx(ToolbarButton, { icon: jsx(IconMinus, {}), tooltip: "\u5206\u5272\u7EBF", onClick: () => editor.chain().focus().setHorizontalRule().run() })] }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(LinkButton, { editor: editor }), jsx(ImageButton, { editor: editor }), jsx(TableButton, { editor: editor })] })] }));
+    return (jsxs("div", { className: `tip-tap-toolbar ${className}`, children: [jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(ToolbarButton, { icon: jsx(IconUndo, {}), tooltip: texts.undo, onClick: () => editor.chain().focus().undo().run(), disabled: !(editorState === null || editorState === void 0 ? void 0 : editorState.canUndo) }), jsx(ToolbarButton, { icon: jsx(IconRedo, {}), tooltip: texts.redo, onClick: () => editor.chain().focus().redo().run(), disabled: !(editorState === null || editorState === void 0 ? void 0 : editorState.canRedo) })] }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(ToolbarButton, { icon: jsx(IconBold, {}), tooltip: texts.bold, onClick: () => editor.chain().focus().toggleBold().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isBold }), jsx(ToolbarButton, { icon: jsx(IconItalic, {}), tooltip: texts.italic, onClick: () => editor.chain().focus().toggleItalic().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isItalic }), jsx(ToolbarButton, { icon: jsx(IconUnderline, {}), tooltip: texts.underline, onClick: () => editor.chain().focus().toggleUnderline().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isUnderline }), jsx(ToolbarButton, { icon: jsx(IconStrikethrough, {}), tooltip: texts.strike, onClick: () => editor.chain().focus().toggleStrike().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isStrike })] }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsx(HeadingDropdown, { editor: editor }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(ColorPicker, { editor: editor, type: "textColor", tooltip: texts.textColor }), jsx(ColorPicker, { editor: editor, type: "highlight", tooltip: texts.highlight })] }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(ToolbarButton, { icon: jsx(IconAlignLeft, {}), tooltip: texts.alignLeft, onClick: () => editor.chain().focus().setTextAlign('left').run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isAlignLeft }), jsx(ToolbarButton, { icon: jsx(IconAlignCenter, {}), tooltip: texts.alignCenter, onClick: () => editor.chain().focus().setTextAlign('center').run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isAlignCenter }), jsx(ToolbarButton, { icon: jsx(IconAlignRight, {}), tooltip: texts.alignRight, onClick: () => editor.chain().focus().setTextAlign('right').run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isAlignRight })] }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(ToolbarButton, { icon: jsx(IconListBullet, {}), tooltip: texts.bulletList, onClick: () => editor.chain().focus().toggleBulletList().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isBulletList }), jsx(ToolbarButton, { icon: jsx(IconListNumbered, {}), tooltip: texts.orderedList, onClick: () => editor.chain().focus().toggleOrderedList().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isOrderedList })] }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(ToolbarButton, { icon: jsx(IconQuote, {}), tooltip: texts.quote, onClick: () => editor.chain().focus().toggleBlockquote().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isBlockquote }), jsx(ToolbarButton, { icon: jsx(IconCode, {}), tooltip: texts.codeBlock, onClick: () => editor.chain().focus().toggleCodeBlock().run(), active: editorState === null || editorState === void 0 ? void 0 : editorState.isCodeBlock }), jsx(ToolbarButton, { icon: jsx(IconMinus, {}), tooltip: texts.divider, onClick: () => editor.chain().focus().setHorizontalRule().run() })] }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsxs("div", { className: "tip-tap-toolbar__group", children: [jsx(LinkButton, { editor: editor }), jsx(ImageButton, { editor: editor }), jsx(TableButton, { editor: editor })] })] }));
 }
 
 export { Toolbar as default };

package/es/components/uploadDrawer/fileUploadDrawer.js

@@ -11,9 +11,13 @@ import { useFormatFiles } from './hooks/useFormatFiles.js';
 import { useUploadFileToOSS } from './hooks/useUploadFileToOSS.js';
 import { useResumeUnfinishedUploads } from './hooks/useResumeUnfinishedUploads.js';
 import { FileUploadDrawerContext } from './index.js';
+import { useLocale } from '../../locale/index.js';
 
-function FileUploadDrawer({ open, identifier, accept, dragAreaDescription, footer, title = '数据上传', showFinished = false, directory = false, onClose, }) {
+function FileUploadDrawer({ open, identifier, accept, dragAreaDescription, footer, title, showFinished = false, directory = false, onClose, }) {
     var _a, _b;
+    const { locale, t } = useLocale();
+    const texts = locale.UploadDrawer;
+    const resolvedTitle = title !== null && title !== void 0 ? title : texts.title;
     const uploadStore = useContext(UploadStoreContext);
     const setUploadsStore = useContext(UploadStoreDispatchContext);
     const { onSuccess } = useContext(FileUploadDrawerContext);
@@ -47,7 +51,7 @@ function FileUploadDrawer({ open, identifier, accept, dragAreaDescription, foote
             uploadFileToOSS(fileToUpload, onSuccess);
         }
     }, [identifier, onSuccess, uploadFileToOSS, uploadStore]);
-    return (jsxs(Drawer, { className: "mylib-upload-drawer", open: open, title: title, width: 480, onClose: onClose, footer: footer, children: [jsx(FileUploadDrawerFileDragger, { directory: directory, accept: accept, dragAreaDescription: dragAreaDescription, onFileReceived: onFileReceived }), raws.length === 0 && ((_a = uploadStore[identifier]) === null || _a === void 0 ? void 0 : _a.length) === 0 && (jsx(Empty, { className: "mt-20", description: "\u6682\u65E0\u4E0A\u4F20\u5185\u5BB9" })), raws.length > 0 && (jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [jsx(LoadingOutlined, {}), "\u9884\u68C0\u4E0A\u4F20\u6587\u4EF6\u4E2D(", raws.length, ")"] })), ((_b = uploadStore[identifier]) === null || _b === void 0 ? void 0 : _b.length) > 0 && (jsx(FileUploading, { showFinished: showFinished, identifier: identifier }))] }));
+    return (jsxs(Drawer, { className: "mylib-upload-drawer", open: open, title: resolvedTitle, width: 480, onClose: onClose, footer: footer, children: [jsx(FileUploadDrawerFileDragger, { directory: directory, accept: accept, dragAreaDescription: dragAreaDescription, onFileReceived: onFileReceived }), raws.length === 0 && ((_a = uploadStore[identifier]) === null || _a === void 0 ? void 0 : _a.length) === 0 && (jsx(Empty, { className: "mt-20", description: texts.empty })), raws.length > 0 && (jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [jsx(LoadingOutlined, {}), t(texts.prechecking, { count: raws.length })] })), ((_b = uploadStore[identifier]) === null || _b === void 0 ? void 0 : _b.length) > 0 && (jsx(FileUploading, { showFinished: showFinished, identifier: identifier }))] }));
     function onFileReceived(files) {
         return __awaiter(this, void 0, void 0, function* () {
             setRaws((prev) => [...prev, ...files]);

package/es/components/uploadDrawer/fileUploadDrawerList.js

@@ -8,6 +8,7 @@ import FileUploadDrawerListProgressButton from './fileUploadDrawerListProgressBu
 import { Flex, Button } from 'antd';
 import { useRetryUpload } from './hooks/useRetryUpload.js';
 import { useCancelUpload } from './hooks/useCancelUpload.js';
+import { useLocale } from '../../locale/index.js';
 
 function FileUploading({ identifier, showFinished, }) {
     const uploadContext = useContext(UploadStoreContext);
@@ -38,9 +39,11 @@ function FileUploading({ identifier, showFinished, }) {
     }
 }
 function FileListItem({ identifier, file, showFinished, onButtonClick }) {
+    const { locale } = useLocale();
+    const texts = locale.UploadDrawer;
     const setUploadsStore = useContext(UploadStoreDispatchContext);
     const showDelete = typeof showFinished === 'object' && showFinished.withDelete;
-    return (jsx("div", { className: "mb-2 last:mb-0", children: jsxs("div", { className: "px-4 my-2 relative flex justify-between items-center", children: [jsxs(Flex, { align: "center", gap: ".5rem", title: file.fileName, children: [jsx(FileTextOutlined, {}), jsx("span", { className: "truncate w-40", children: file.fileName })] }), jsxs(Flex, { align: "center", gap: ".5rem", children: [jsx(FileUploadDrawerListProgressButton, { status: file.fileStatus, percent: Number(file.percentage.toFixed(0)), onClick: () => onButtonClick(file) }), file.fileStatus === FILE_UPLOAD_STATUS.FINISHED && showDelete && (jsx(Button, { type: "text", size: "large", className: "px-3", disabled: showDelete.disabled, title: `${showDelete.disabled ? '删除-已禁用' : '删除'}`, onClick: () => onDelete(file, showDelete.onDelete), children: jsx(DeleteOutlined, {}) }))] })] }) }));
+    return (jsx("div", { className: "mb-2 last:mb-0", children: jsxs("div", { className: "px-4 my-2 relative flex justify-between items-center", children: [jsxs(Flex, { align: "center", gap: ".5rem", title: file.fileName, children: [jsx(FileTextOutlined, {}), jsx("span", { className: "truncate w-40", children: file.fileName })] }), jsxs(Flex, { align: "center", gap: ".5rem", children: [jsx(FileUploadDrawerListProgressButton, { status: file.fileStatus, percent: Number(file.percentage.toFixed(0)), onClick: () => onButtonClick(file) }), file.fileStatus === FILE_UPLOAD_STATUS.FINISHED && showDelete && (jsx(Button, { type: "text", size: "large", className: "px-3", disabled: showDelete.disabled, title: showDelete.disabled ? texts.removeDisabled : texts.remove, onClick: () => onDelete(file, showDelete.onDelete), children: jsx(DeleteOutlined, {}) }))] })] }) }));
     function onDelete(file, onDeleteImpl) {
         return __awaiter(this, void 0, void 0, function* () {
             const result = yield onDeleteImpl(file.fileName);

package/es/components/uploadDrawer/fileUploadDrawerListProgressButton.js

@@ -5,6 +5,7 @@ import { useState } from 'react';
 import { FILE_UPLOAD_STATUS } from './utils/constant.js';
 import 'tslib';
 import { useProgressButtonRef } from './hooks/useProgressButtonRef.js';
+import { useLocale } from '../../locale/index.js';
 
 // 进度条样式属性
 const progressStyleProps = {
@@ -14,7 +15,8 @@ const progressStyleProps = {
     strokeLinecap: 'butt',
 };
 function FileUploadDrawerListProgressButton({ percent, status, onClick, }) {
-    // 使用自定义 hook 获取按钮引用和悬停状态
+    const { locale } = useLocale();
+    const texts = locale.UploadDrawer;
     const { progressButtonRef, buttonInHover } = useProgressButtonRef();
     // 状态用于跟踪是否正在取消上传
     const [isCanceling, setIsCanceling] = useState(false);
@@ -31,7 +33,7 @@ function FileUploadDrawerListProgressButton({ percent, status, onClick, }) {
                 } })) }));
     }
     // 默认情况下显示进度按钮
-    return (jsx(Button, { type: "text", shape: "circle", disabled: isCanceling, ref: progressButtonRef, title: status === FILE_UPLOAD_STATUS.PAUSED ? '继续下载' : '取消下载', onClick: () => {
+    return (jsx(Button, { type: "text", shape: "circle", disabled: isCanceling, ref: progressButtonRef, title: status === FILE_UPLOAD_STATUS.PAUSED ? texts.continue : texts.cancelDownload, onClick: () => {
             onClick();
             if (status === FILE_UPLOAD_STATUS.UPLOADING) {
                 setIsCanceling(true);

package/es/components/uploadDrawer/hooks/useCancelUpload.js

@@ -5,9 +5,11 @@ import { useContext } from 'react';
 import { UploadStoreDispatchContext } from '../UploadStoreProvider.js';
 import { App } from 'antd';
 import { FileUploadDrawerContext } from '../index.js';
+import { useLocale } from '../../../locale/index.js';
 
 function useCancelUpload() {
     const { message } = App.useApp();
+    const { locale } = useLocale();
     const { identifier, onCancelUpload } = useContext(FileUploadDrawerContext);
     const uploadsDispatch = useContext(UploadStoreDispatchContext);
     return function cancelUpload(file) {
@@ -22,7 +24,7 @@ function useCancelUpload() {
                 deleteFile(file);
             }
             else {
-                message.error(result.reason || '取消失败');
+                message.error(result.reason || locale.UploadDrawer.cancelFailed);
             }
         });
     };