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

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);
             }
         });
     };

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

@@ -5,6 +5,7 @@ import { GB } from '../utils/constant.js';
 import { calcDisplaySize } from '../utils/calcDisplaySize.js';
 import { UploadStoreContext } from '../UploadStoreProvider.js';
 import { FileUploadDrawerContext } from '../index.js';
+import { useLocale } from '../../../locale/index.js';
 
 /**
  * useFilterFiles hook用于过滤上传文件
@@ -14,6 +15,8 @@ import { FileUploadDrawerContext } from '../index.js';
  */
 function useFilterFiles() {
     const { message, modal } = App.useApp();
+    const { locale, t } = useLocale();
+    const texts = locale.UploadDrawer;
     const uploadStore = useContext(UploadStoreContext);
     const { identifier, maxSizePerFile = 10 * GB, uploadHistory = [], root, } = useContext(FileUploadDrawerContext);
     return function filterFiles(files) {
@@ -38,7 +41,7 @@ function useFilterFiles() {
         const oversizedFiles = files.filter((file) => file.size > maxSizePerFile).map((file) => file.name);
         if (oversizedFiles.length) {
             const maxSizeDisplay = calcDisplaySize(maxSizePerFile);
-            message.warning(`以下文件大小超过${maxSizeDisplay}：${oversizedFiles.join(', ')}`);
+            message.warning(t(texts.sizeExceeded, { maxSize: maxSizeDisplay, files: oversizedFiles.join(', ') }));
         }
         return oversizedFiles;
     }
@@ -55,9 +58,9 @@ function useFilterFiles() {
             // duplicateFiles 现在包含了所有重复的文件或文件夹的名称
             if (duplicateFiles.length) {
                 const userChoice = yield modal.confirm({
-                    title: '发现同名文件，是否覆盖？',
-                    okText: '覆盖',
-                    cancelText: '取消',
+                    title: texts.duplicateTitle,
+                    okText: texts.overwrite,
+                    cancelText: texts.cancel,
                 });
                 return [userChoice, duplicateFiles];
             }

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

@@ -8,9 +8,11 @@ import { useFilterFiles } from './useFilterFiles.js';
 import { useRemoveFilesInUploadQueue } from './useRemoveFilesInUploadQueue.js';
 import { UploadStoreDispatchContext } from '../UploadStoreProvider.js';
 import { FileUploadDrawerContext } from '../index.js';
+import { useLocale } from '../../../locale/index.js';
 
 function useFormatFiles() {
     const { message } = App.useApp();
+    const { locale } = useLocale();
     const { identifier, root, getUploadUrls } = useContext(FileUploadDrawerContext);
     const uploadsDispatch = useContext(UploadStoreDispatchContext);
     const filterFiles = useFilterFiles();
@@ -22,7 +24,7 @@ function useFormatFiles() {
             updateUploadQueue(uploadableFiles);
             handleAddFilesToDB(identifier, uploadableFiles);
             if (uploadableFiles.length < filesToUpload.length) {
-                message.info('部分文件获取上传地址失败');
+                message.info(locale.UploadDrawer.getUrlFailed);
             }
         });
     };

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

@@ -5,9 +5,12 @@ import { UploadStoreDispatchContext } from '../UploadStoreProvider.js';
 import { FILE_UPLOAD_STATUS } from '../utils/constant.js';
 import { openDB } from '../utils/fileDB/openDB.js';
 import { useRetryUpload } from './useRetryUpload.js';
+import { useLocale } from '../../../locale/index.js';
 
 function useResumeUnfinishedUploads(identifier) {
     const { message, modal } = App.useApp();
+    const { locale } = useLocale();
+    const texts = locale.UploadDrawer;
     const setUploadStore = useContext(UploadStoreDispatchContext);
     const retryUpload = useRetryUpload();
     return useCallback(() => __awaiter(this, void 0, void 0, function* () {
@@ -18,19 +21,17 @@ function useResumeUnfinishedUploads(identifier) {
         if (unfinishedFiles.length) {
             // 如果有未完成的文件,显示确认对话框
             modal.confirm({
-                title: '提示',
-                content: '检测到未完成上传任务，是否继续上传？',
+                title: texts.notice,
+                content: texts.unfinishedContent,
                 onOk() {
-                    // 用户确认继续上传,重试每个未完成的文件
                     unfinishedFiles.forEach(retryUpload);
                 },
                 onCancel() {
-                    // 用户取消,显示提示信息
-                    message.info('点击上传按钮手动继续');
+                    message.info(texts.resumeManually);
                 },
             });
         }
-    }), [identifier, setUploadStore, retryUpload, modal, message]);
+    }), [identifier, setUploadStore, retryUpload, modal, message, texts]);
     function reloadSaveData(identifier) {
         return __awaiter(this, void 0, void 0, function* () {
             // 从数据库获取文件信息

package/es/components/uploadDrawer/index.js

@@ -7,6 +7,7 @@ import { createContext, useContext } from 'react';
 import { GB } from './utils/constant.js';
 import useStyle from './index.css.js';
 import { Drawer, Alert } from 'antd';
+import { useLocale } from '../../locale/index.js';
 
 useStyle();
 const FileUploadDrawerContext = createContext({
@@ -20,10 +21,11 @@ const FileUploadDrawerContext = createContext({
  * @deprecated This component is deprecated and will be removed in future releases.
  */
 function FileUploadDrawer(props) {
-    // 检测是否在 UploadStoreProvider 内使用
     const uploadStore = useContext(UploadStoreContext);
+    const { locale } = useLocale();
+    const texts = locale.UploadDrawer;
     if (uploadStore === TEMP_STORE) {
-        return (jsx(Drawer, { open: props.open, onClose: props.onClose, title: "\u6570\u636E\u4E0A\u4F20", children: jsx(Alert, { message: "FileUploadDrawer \u5FC5\u987B\u5728 UploadStoreProvider \u5185\u4F7F\u7528", type: "warning" }) }));
+        return (jsx(Drawer, { open: props.open, onClose: props.onClose, title: texts.title, children: jsx(Alert, { message: texts.mustUseProvider, type: "warning" }) }));
     }
     const { identifier, maxSizePerFile = 10 * GB, directory = false, root = '', uploadHistory = [], onSuccess, getUploadUrls, onCancelUpload, onOnePartDone, onAllPartDone, onClose, dragAreaDescription, accept, open, footer, title, showFinished, } = props;
     const contextValue = {

package/es/index.js

@@ -13,8 +13,8 @@ export { UploaderProgressBar } from './components/file-uploader/components/uploa
 export { useUpload } from './components/file-uploader/hooks/use-upload.js';
 export { UploadStatus } from './components/file-uploader/constants.js';
 export { default as FilePreview } from './components/file-preview/index.js';
-export { default as Copy, copy } from './components/copy/index.js';
-export { default as ConfirmAgain } from './components/confirm-again/index.js';
+export { default as Copy, copy, useCopy } from './components/copy/index.js';
+export { default as ConfirmAgain, useConfirmAgain } from './components/confirm-again/index.js';
 export { default as FloatingLayer } from './components/floating-layer/index.js';
 export { default as BenchCard } from './components/bench-card/index.js';
 export { default as AuthTag } from './components/auth-tag/index.js';
@@ -28,16 +28,17 @@ export { default as TipTapReader } from './components/tip-tap/reader.js';
 export { default as PermissionEditModal } from './components/permission-editor/permissionEditModal/index.js';
 export { default as PermissionViewPopover } from './components/permission-editor/permissionViewPopover/index.js';
 export { default as PermissionEditor } from './components/permission-editor/permissionEditor/index.js';
-export { default as ApplyPermModal } from './components/apply-perm-modal/index.js';
+export { default as ApplyPermModal, useApplyPermModal } from './components/apply-perm-modal/index.js';
 export { default as Menu } from './components/menu/index.js';
 export { default as RadioCard } from './components/radio-card/index.js';
 export { default as OperatorChain } from './components/operator-chain/index.js';
 export { default as CorpusCard } from './components/corpus-card/index.js';
 export { default as ModelCard } from './components/model-card/index.js';
 export { default as DataTable } from './components/data-table/index.js';
-export { default as SDKModal } from './components/SDK-modal/index.js';
+export { default as SDKModal, useSDKModal } from './components/SDK-modal/index.js';
 export { default as TagView } from './components/tag-view/index.js';
 export { default as TagGroupFilter } from './components/tag-group-filter/index.js';
-export { default as LimitCreditModal } from './components/limit-credit-modal/index.js';
+export { default as LimitCreditModal, useLimitCreditModal } from './components/limit-credit-modal/index.js';
 export { default as DatasetBatchAction, EDatasetBatchType } from './components/dataset-batch-action/index.js';
+export { DataHubProvider } from './locale/index.js';
 export { default as UploadDrawerUploadStoreProvider } from './components/uploadDrawer/UploadStoreProvider.js';

package/es/locale/index.js

@@ -0,0 +1,64 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useMemo } from 'react';
+import { ConfigProvider, theme } from 'antd';
+import antdEnUS from 'antd/locale/en_US';
+import antdZhCN from 'antd/locale/zh_CN';
+import { resolveLocaleData, interpolate, resolveIntlInput } from './resolveLocale.js';
+import { DataHubModalProvider } from './modalHolder.js';
+
+const LocaleContext = createContext({});
+let warnedMissingMode = false;
+let warnedLocaleMismatch = false;
+function warnProviderConfiguration(message) {
+    if (process.env.NODE_ENV !== 'production') {
+        console.warn(`[DataHubProvider] ${message}`);
+    }
+}
+function resolveInternalTheme(dataHubTheme, antdMode) {
+    if (!dataHubTheme && antdMode === 'inherit')
+        return undefined;
+    const algorithm = (dataHubTheme === null || dataHubTheme === void 0 ? void 0 : dataHubTheme.darkMode) === undefined
+        ? undefined
+        : dataHubTheme.darkMode
+            ? theme.darkAlgorithm
+            : theme.defaultAlgorithm;
+    return Object.assign(Object.assign({}, (antdMode === 'isolated' ? { inherit: false } : {})), { token: dataHubTheme === null || dataHubTheme === void 0 ? void 0 : dataHubTheme.token, algorithm });
+}
+function DataHubProvider(props) {
+    var _a, _b;
+    const { intl, theme: dataHubTheme, children } = props;
+    const antdMode = (_a = props.antdMode) !== null && _a !== void 0 ? _a : 'inherit';
+    const parent = useContext(LocaleContext);
+    const outerAntdConfig = useContext(ConfigProvider.ConfigContext);
+    const mergedIntl = (_b = resolveIntlInput(intl)) !== null && _b !== void 0 ? _b : parent.intl;
+    const locale = useMemo(() => mergedIntl !== null && mergedIntl !== void 0 ? mergedIntl : (antdMode === 'inherit' ? resolveLocaleData(outerAntdConfig.locale) : resolveLocaleData()), [mergedIntl, antdMode, outerAntdConfig.locale]);
+    const internalAntdLocale = antdMode === 'isolated' ? (locale.locale === 'en' ? antdEnUS : antdZhCN) : undefined;
+    const internalTheme = useMemo(() => resolveInternalTheme(dataHubTheme, antdMode), [dataHubTheme, antdMode]);
+    if (process.env.NODE_ENV !== 'production') {
+        if (props.antdMode === undefined && !warnedMissingMode) {
+            warnedMissingMode = true;
+            warnProviderConfiguration('antdMode was not specified and defaults to "inherit". If the host uses another antd instance, such as antd 6, set antdMode="isolated" explicitly.');
+        }
+        if (antdMode === 'inherit' &&
+            locale.locale === 'zh' &&
+            !outerAntdConfig.locale &&
+            !warnedLocaleMismatch) {
+            warnedLocaleMismatch = true;
+            warnProviderConfiguration('data-hub-ui resolved locale to "zh", but the inherited antd context has no locale and internal antd components will fall back to English. If the host uses antd 6 or another antd instance, set antdMode="isolated".');
+        }
+    }
+    const value = useMemo(() => ({ intl: mergedIntl }), [mergedIntl]);
+    return (jsx(ConfigProvider, { locale: internalAntdLocale, theme: internalTheme, children: jsx(LocaleContext.Provider, { value: value, children: jsx(DataHubModalProvider, { children: children }) }) }));
+}
+function useLocale() {
+    const { intl } = useContext(LocaleContext);
+    const { locale: antdLocale } = useContext(ConfigProvider.ConfigContext);
+    const locale = useMemo(() => {
+        if (intl)
+            return intl;
+        return resolveLocaleData(antdLocale);
+    }, [intl, antdLocale]);
+    return { locale, t: interpolate };
+}
+
+export { DataHubProvider, useLocale };

package/es/locale/modalHolder.js

@@ -0,0 +1,21 @@
+import { jsxs } from 'react/jsx-runtime';
+import { createContext, useMemo, useContext } from 'react';
+import { Modal } from 'antd';
+
+const DataHubModalContext = createContext(null);
+function DataHubModalProvider(props) {
+    const [modal, contextHolder] = Modal.useModal();
+    const api = useMemo(() => ({
+        confirm: (config) => modal.confirm(config),
+    }), [modal]);
+    return (jsxs(DataHubModalContext.Provider, { value: api, children: [contextHolder, props.children] }));
+}
+function useDataHubModal() {
+    const modal = useContext(DataHubModalContext);
+    if (!modal) {
+        throw new Error('[data-hub-ui] Imperative modal hooks must be used within DataHubProvider.');
+    }
+    return modal;
+}
+
+export { DataHubModalProvider, useDataHubModal };

package/es/locale/resolveLocale.js

@@ -0,0 +1,73 @@
+import { translations } from './translations.js';
+
+function isMessageLeaf(value) {
+    if (!value || typeof value !== 'object')
+        return false;
+    const record = value;
+    return typeof record.zh === 'string' && typeof record.en === 'string';
+}
+function pickLang(source, lang) {
+    if (isMessageLeaf(source)) {
+        return source[lang];
+    }
+    if (source && typeof source === 'object') {
+        const result = {};
+        Object.keys(source).forEach((key) => {
+            result[key] = pickLang(source[key], lang);
+        });
+        return result;
+    }
+    return source;
+}
+function createLocaleData(lang) {
+    return Object.assign({ locale: lang }, pickLang(translations, lang));
+}
+const zhCN = createLocaleData('zh');
+const enUS = createLocaleData('en');
+const localeMap = {
+    zh: zhCN,
+    en: enUS,
+};
+function mapToLang(input) {
+    const value = (input || '').toLowerCase().replace(/_/g, '-');
+    if (value.startsWith('en'))
+        return 'en';
+    return 'zh';
+}
+function extractAntdLocaleName(antdLocale) {
+    if (!antdLocale)
+        return undefined;
+    if (typeof antdLocale === 'string')
+        return antdLocale;
+    if (typeof antdLocale === 'object') {
+        const record = antdLocale;
+        if (typeof record.locale === 'string')
+            return record.locale;
+        if (record.default !== undefined && record.default !== antdLocale) {
+            return extractAntdLocaleName(record.default);
+        }
+    }
+    return undefined;
+}
+function resolveIntlInput(intl) {
+    if (intl == null)
+        return undefined;
+    return localeMap[mapToLang(intl)];
+}
+function resolveLocaleData(antdLocale) {
+    const antdLocaleName = extractAntdLocaleName(antdLocale);
+    if (antdLocaleName) {
+        return localeMap[mapToLang(antdLocaleName)];
+    }
+    return zhCN;
+}
+function interpolate(template, params) {
+    if (!params)
+        return template;
+    return template.replace(/\{(\w+)\}/g, (_, key) => {
+        const val = params[key];
+        return val !== undefined ? String(val) : `{${key}}`;
+    });
+}
+
+export { createLocaleData, enUS, extractAntdLocaleName, interpolate, mapToLang, resolveIntlInput, resolveLocaleData, zhCN };