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

package/dist/types/locale/types.d.ts

@@ -0,0 +1,32 @@
+import { translations } from './translations';
+export type DataHubLang = 'zh' | 'en';
+export type DataHubAntdMode = 'inherit' | 'isolated';
+export type DataHubThemeToken = {
+    colorPrimary?: string;
+    colorSuccess?: string;
+    colorWarning?: string;
+    colorError?: string;
+    colorInfo?: string;
+    colorBgBase?: string;
+    colorTextBase?: string;
+    borderRadius?: number;
+    fontFamily?: string;
+    fontSize?: number;
+    motion?: boolean;
+};
+export type DataHubTheme = {
+    token?: DataHubThemeToken;
+    darkMode?: boolean;
+};
+type MessageLeaf = {
+    zh: string;
+    en: string;
+};
+type ProjectedMessages<T> = T extends MessageLeaf ? string : T extends Record<string, unknown> ? {
+    [K in keyof T]: ProjectedMessages<T[K]>;
+} : T;
+export type DataHubLocaleMessages = ProjectedMessages<typeof translations>;
+export type DataHubLocale = {
+    locale: DataHubLang;
+} & DataHubLocaleMessages;
+export {};

package/es/components/FileUploader/Locale/useTranslate.js

@@ -1,16 +1,39 @@
-import { useContext, useCallback } from 'react';
-import { FileUploaderLocaleContext } from '../UploadStoreProvider/UploadStoreProvider.js';
+import { useLocale } from '../../../locale/index.js';
 
+const LEGACY_KEY_MAP = {
+    'FileUploader 必须在 UploadStoreProvider 内使用': 'mustUseProvider',
+    'FileUploadModal 必须在 UploadStoreProvider 内使用': 'modalMustUseProvider',
+    文件上传: 'title',
+    确定: 'confirm',
+    等待上传: 'waiting',
+    已取消: 'cancelled',
+    上传中: 'uploading',
+    上传失败: 'failed',
+    已上传: 'uploaded',
+    分块合并中: 'mergingParts',
+    以下文件大小超过: 'sizeExceededPrefix',
+    已删除: 'deleted',
+    点击或拖拽上传文件: 'dropHint',
+    '发现同名文件，是否覆盖？': 'duplicateTitle',
+    覆盖: 'overwrite',
+    取消: 'cancel',
+    正在上传: 'uploadingNow',
+    取消失败: 'cancelFailed',
+    当前上传: 'currentUpload',
+    已暂停: 'paused',
+    上传成功: 'success',
+    校验中: 'calibrating',
+    合并中: 'merging',
+    部分文件获取上传地址失败: 'getUrlFailed',
+};
 function useTranslate() {
-    const locale = useContext(FileUploaderLocaleContext);
-    return useCallback((key) => {
-        const content = locale[key];
-        if (!content) {
-            console.warn(`Translation key not found: ${key}`);
-            return key;
-        }
-        return content;
-    }, [locale]);
+    const { locale } = useLocale();
+    return (key) => {
+        const mapped = LEGACY_KEY_MAP[key];
+        if (mapped)
+            return locale.FileUploader[mapped];
+        return key;
+    };
 }
 
 export { useTranslate };

package/es/components/FileUploader/UploadStoreProvider/UploadStoreProvider.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useReducer, useState } from 'react';
 import { useSaveUnfinishedUploads } from './useSaveUnfinishedUploads.js';
+import { useLocale } from '../../../locale/index.js';
 import { localeZh, localeEn } from '../Locale/translations.js';
 import { useSetupMergingEvent } from './useSetupMergingEvent.js';
 import { useOnFileAllUploaded } from './useOnFileAllUploaded.js';
@@ -17,15 +18,16 @@ const UploadStoreDispatchContext = createContext(() => null);
 /**
  * @deprecated This component is deprecated and will be removed in future releases.
  */
-function UploadStoreProvider({ locale = 'zh', children, }) {
-    const FileUploaderLocale = locale === 'zh' ? localeZh : localeEn;
+function UploadStoreProvider({ locale: _locale, children, }) {
+    const { locale } = useLocale();
+    const fileUploaderLocale = locale.locale === 'en' ? localeEn : localeZh;
     const [uploadStore, setUploadStore] = useReducer(uploadReducer, {});
     const [allUploaderManagers, setAllUploaderManagers] = useState({});
     const [allOnUploadSuccesses, setAllOnUploadSuccesses] = useState({});
     useSaveUnfinishedUploads(uploadStore);
     useOnFileAllUploaded(uploadStore, setUploadStore);
     useSetupMergingEvent(uploadStore, allUploaderManagers, allOnUploadSuccesses, setUploadStore);
-    return (jsx(FileUploaderLocaleContext.Provider, { value: FileUploaderLocale, children: jsx(AllUploaderManagersContext.Provider, { value: allUploaderManagers, children: jsx(AllUploaderManagersDispatchContext.Provider, { value: setAllUploaderManagers, children: jsx(AllOnUploadSuccessesContext.Provider, { value: allOnUploadSuccesses, children: jsx(AllOnUploadSuccessesDispatchContext.Provider, { value: setAllOnUploadSuccesses, children: jsx(UploadStoreContext.Provider, { value: uploadStore, children: jsx(UploadStoreDispatchContext.Provider, { value: setUploadStore, children: children }) }) }) }) }) }) }));
+    return (jsx(FileUploaderLocaleContext.Provider, { value: fileUploaderLocale, children: jsx(AllUploaderManagersContext.Provider, { value: allUploaderManagers, children: jsx(AllUploaderManagersDispatchContext.Provider, { value: setAllUploaderManagers, children: jsx(AllOnUploadSuccessesContext.Provider, { value: allOnUploadSuccesses, children: jsx(AllOnUploadSuccessesDispatchContext.Provider, { value: setAllOnUploadSuccesses, children: jsx(UploadStoreContext.Provider, { value: uploadStore, children: jsx(UploadStoreDispatchContext.Provider, { value: setUploadStore, children: children }) }) }) }) }) }) }));
 }
 
 export { AllOnUploadSuccessesContext, AllOnUploadSuccessesDispatchContext, AllUploaderManagersContext, AllUploaderManagersDispatchContext, FileUploaderLocaleContext, TEMP_STORE, UploadStoreContext, UploadStoreDispatchContext, UploadStoreProvider as default };

package/es/components/FileUploader/hooks/useOnMountedResumeUnfinished.js

@@ -7,23 +7,26 @@ import { useContext, useCallback } from 'react';
 import { useRetryUpload } from './useRetryUpload.js';
 import { UploadStoreDispatchContext } from '../UploadStoreProvider/UploadStoreProvider.js';
 import { confirmModalConfig } from '../utils/modalConfig.js';
+import { useLocale } from '../../../locale/index.js';
 
 function useOnMountedResumeUnfinished(identifier) {
     const { message, modal } = App.useApp();
+    const { locale } = useLocale();
+    const texts = locale.FileUploader;
     const setUploadStore = useContext(UploadStoreDispatchContext);
     const retryUpload = useRetryUpload();
     return useCallback(() => __awaiter(this, void 0, void 0, function* () {
         const prevUploadableFiles = yield reloadSaveData(identifier);
         setUploadStore({ type: 'add_files', identifier, files: prevUploadableFiles });
         if (prevUploadableFiles.length) {
-            modal.confirm(Object.assign(Object.assign({}, confirmModalConfig), { title: '提示', content: '检测到未完成上传任务，是否继续上传？', onOk() {
+            modal.confirm(Object.assign(Object.assign({}, confirmModalConfig), { title: texts.notice, content: texts.unfinishedContent, onOk() {
                     prevUploadableFiles.forEach((file) => retryUpload(file));
                 },
                 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/SDK-modal/document-link.js

@@ -1,8 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { documentLink, documentLinkAnchor } from './index.module.scss.js';
+import { useLocale } from '../../locale/index.js';
 
-function DocumentationLink({ link, locale }) {
-    return (jsxs("span", { className: documentLink, children: [locale['documentPrefix'], jsx("a", { href: link, target: "_blank", rel: "noopener noreferrer", className: documentLinkAnchor, children: locale['documentLinkText'] })] }));
+function DocumentationLink({ link }) {
+    const { locale } = useLocale();
+    const texts = locale.SDKModal;
+    return (jsxs("span", { className: documentLink, children: [texts.documentPrefix, jsx("a", { href: link, target: "_blank", rel: "noopener noreferrer", className: documentLinkAnchor, children: texts.documentLinkText })] }));
 }
 
 export { DocumentationLink as default };

package/es/components/SDK-modal/index.js

@@ -1,6 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { createRoot } from 'react-dom/client';
-import InnerModal from './inner-modal.js';
+import InnerModal, { defaultModalConfig, SDKModalContent } from './inner-modal.js';
+import { useLocale } from '../../locale/index.js';
+import { useDataHubModal } from '../../locale/modalHolder.js';
 
 function showSDKModal(config) {
     const container = document.createElement('div');
@@ -16,10 +18,35 @@ function showSDKModal(config) {
     root.render(jsx(InnerModal, { open: true, onClose: destroy, SDKCode: config.SDKCode, loadSDK: config.loadSDK, title: config.title, subTitle: config.subTitle, modalConfig: config.modalConfig, documentLink: config.documentLink, locale: config.locale }));
     return { destroy };
 }
+function useSDKModal() {
+    const { locale } = useLocale();
+    const modal = useDataHubModal();
+    const sdkTexts = locale.SDKModal;
+    return (config) => {
+        var _a, _b, _c, _d, _e;
+        const modalConfig = (_a = config.modalConfig) !== null && _a !== void 0 ? _a : {};
+        const widthCandidate = (_b = modalConfig.width) !== null && _b !== void 0 ? _b : defaultModalConfig.width;
+        const width = typeof widthCandidate === 'number' || typeof widthCandidate === 'string' ? widthCandidate : 600;
+        return modal.confirm({
+            title: config.title,
+            content: (jsx(SDKModalContent, { SDKCode: config.SDKCode, loadSDK: config.loadSDK, subTitle: config.subTitle, documentLink: config.documentLink })),
+            icon: null,
+            okCancel: false,
+            okText: sdkTexts.confirm,
+            width,
+            centered: (_c = modalConfig.centered) !== null && _c !== void 0 ? _c : defaultModalConfig.centered,
+            closable: (_d = modalConfig.closable) !== null && _d !== void 0 ? _d : defaultModalConfig.closable,
+            styles: (_e = modalConfig.styles) !== null && _e !== void 0 ? _e : defaultModalConfig.styles,
+            onOk: () => { var _a; return (_a = config.onClose) === null || _a === void 0 ? void 0 : _a.call(config); },
+            onCancel: () => { var _a; return (_a = config.onClose) === null || _a === void 0 ? void 0 : _a.call(config); },
+            footer: (_originNode, { OkBtn }) => (jsx("div", { style: { textAlign: 'center' }, children: jsx(OkBtn, {}) })),
+        });
+    };
+}
 function SDKModalComponent(props) {
     return jsx(InnerModal, Object.assign({}, props));
 }
 const SDKModal = SDKModalComponent;
 SDKModal.show = showSDKModal;
 
-export { SDKModal as default, showSDKModal };
+export { SDKModal as default, showSDKModal, useSDKModal };

package/es/components/SDK-modal/inner-modal.js

@@ -1,11 +1,11 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Modal, Spin, Flex, Button } from 'antd';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Spin, Flex, Modal, Button } from 'antd';
 import { memo, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import Copy from '../copy/index.js';
 import DocumentationLink from './document-link.js';
-import { getLocale } from './locale/translations.js';
 import { codeBlock, loading, errorText, codeContent } from './index.module.scss.js';
+import { useLocale } from '../../locale/index.js';
 
 const defaultModalConfig = {
     width: 600,
@@ -19,13 +19,13 @@ const defaultModalConfig = {
         content: { padding: '20px 20px 16px 20px', borderRadius: '10px' },
     },
 };
-var InnerModal = memo(function InnerModal({ open, onClose, SDKCode, loadSDK, title, subTitle, modalConfig, documentLink, locale, }) {
+const SDKModalContent = memo(function SDKModalContent({ SDKCode, loadSDK, subTitle, documentLink, active = true, }) {
     const [code, setCode] = useState('');
     const [loading$1, setLoading] = useState(false);
     const [error, setError] = useState('');
-    const resolvedLocale = getLocale(locale);
     useEffect(() => {
-        if (!open) {
+        let requestActive = true;
+        if (!active) {
             setCode('');
             setError('');
             setLoading(false);
@@ -41,19 +41,30 @@ var InnerModal = memo(function InnerModal({ open, onClose, SDKCode, loadSDK, tit
             setLoading(true);
             loadSDK()
                 .then((result) => {
-                setCode(result);
+                if (requestActive)
+                    setCode(result);
             })
                 .catch((err) => {
                 var _a;
-                setError((_a = err === null || err === void 0 ? void 0 : err.message) !== null && _a !== void 0 ? _a : String(err));
+                if (requestActive)
+                    setError((_a = err === null || err === void 0 ? void 0 : err.message) !== null && _a !== void 0 ? _a : String(err));
             })
                 .finally(() => {
-                setLoading(false);
+                if (requestActive)
+                    setLoading(false);
             });
         }
-    }, [open, SDKCode, loadSDK]);
+        return () => {
+            requestActive = false;
+        };
+    }, [active, SDKCode, loadSDK]);
+    return (jsxs(Fragment, { children: [subTitle && jsx("div", { children: subTitle }), jsx(Spin, { spinning: loading$1, className: classNames(codeBlock, loading) }), !loading$1 && (jsx(Flex, { align: "start", justify: "space-between", className: codeBlock, children: error ? (jsx("span", { className: errorText, children: error })) : (jsxs(Fragment, { children: [jsx("div", { className: codeContent, dangerouslySetInnerHTML: { __html: code.replace(/\n/g, '<br>') } }), jsx(Copy, { text: code, showFeedback: true })] })) })), documentLink && jsx(DocumentationLink, { link: documentLink })] }));
+});
+var InnerModal = memo(function InnerModal({ open, onClose, SDKCode, loadSDK, title, subTitle, modalConfig, documentLink, locale: _locale, }) {
+    const { locale } = useLocale();
+    const texts = locale.SDKModal;
     const mergedConfig = Object.assign(Object.assign({}, defaultModalConfig), modalConfig);
-    return (jsxs(Modal, Object.assign({}, mergedConfig, { open: open, title: title, onCancel: onClose, footer: jsx(Button, { type: "primary", onClick: onClose, children: resolvedLocale['confirm'] }), children: [subTitle && jsx("div", { children: subTitle }), jsx(Spin, { spinning: loading$1, className: classNames(codeBlock, loading) }), !loading$1 && (jsx(Flex, { align: "start", justify: "space-between", className: codeBlock, children: error ? (jsx("span", { className: errorText, children: error })) : (jsxs(Fragment, { children: [jsx("div", { className: codeContent, dangerouslySetInnerHTML: { __html: code.replace(/\n/g, '<br>') } }), jsx(Copy, { text: code, showFeedback: true })] })) })), documentLink && jsx(DocumentationLink, { link: documentLink, locale: resolvedLocale })] })));
+    return (jsx(Modal, Object.assign({}, mergedConfig, { open: open, title: title, onCancel: onClose, footer: jsx(Button, { type: "primary", onClick: onClose, children: texts.confirm }), children: jsx(SDKModalContent, { active: open, SDKCode: SDKCode, loadSDK: loadSDK, subTitle: subTitle, documentLink: documentLink }) })));
 });
 
-export { InnerModal as default };
+export { SDKModalContent, InnerModal as default, defaultModalConfig };

package/es/components/apply-perm-modal/index.js

@@ -2,6 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Flex, Button, Modal } from 'antd';
 import { noModalWrap, title, content, footer, permModal, permFunModal } from './index.module.scss.js';
 import { isPublicNetwork } from '@zjlab-fe/util';
+import { useLocale } from '../../locale/index.js';
+import { useDataHubModal } from '../../locale/modalHolder.js';
 
 const okText = {
     zh: '申请',
@@ -24,30 +26,40 @@ const applyUrl = (isPublic) => isPublic
     : 'https://alidocs.dingtalk.com/notable/share/form/v01Q35O8510LgZgBl9V_dv19yqvsgs3oebp3pcjys_1qX0QQ0';
 /**
  * 申请权限弹窗
- * @param locale {string} 语言 'zh' | 'en'，默认zh
+ * @param locale 已废弃，语言由 DataHubProvider / antd ConfigProvider 决定
  * @param open {boolean} 是否展示弹窗
  * @param noModal {boolean} 是否以非弹窗形式展示
  * @param onCancel {function} 取消回调
- * @returns
  */
 function ApplyPermModal(props) {
-    const { locale = 'zh', noModal = false } = props;
+    const { noModal = false } = props;
+    const { locale } = useLocale();
+    const lang = locale.locale;
     const handleApply = () => window.open(applyUrl(isPublicNetwork()), '_blank');
     if (noModal) {
-        return (jsxs(Flex, { vertical: true, align: "center", gap: 8, className: noModalWrap, children: [jsx("div", { className: title, children: titleText[locale] }), jsx("div", { className: content, children: contentText[locale] }), jsx(Flex, { className: footer, children: jsx(Button, { type: "primary", onClick: handleApply, children: okText[locale] }) })] }));
+        return (jsxs(Flex, { vertical: true, align: "center", gap: 8, className: noModalWrap, children: [jsx("div", { className: title, children: titleText[lang] }), jsx("div", { className: content, children: contentText[lang] }), jsx(Flex, { className: footer, children: jsx(Button, { type: "primary", onClick: handleApply, children: okText[lang] }) })] }));
     }
-    return (jsx(Modal, Object.assign({}, props, { title: titleText[locale], onOk: handleApply, okText: okText[locale], cancelText: cancelText[locale], wrapClassName: permModal, width: 400, children: contentText[locale] })));
+    return (jsx(Modal, Object.assign({}, props, { title: titleText[lang], onOk: handleApply, okText: okText[lang], cancelText: cancelText[lang], wrapClassName: permModal, width: 400, children: contentText[lang] })));
 }
 ApplyPermModal.confirm = (props) => {
-    const { locale = 'zh' } = props || {};
     const handleApply = () => window.open(applyUrl(isPublicNetwork()), '_blank');
-    const modal = Modal.confirm(Object.assign(Object.assign({}, props), { open: true, title: titleText[locale], content: contentText[locale], onOk: handleApply, okText: okText[locale], cancelText: cancelText[locale] }));
+    const modal = Modal.confirm(Object.assign(Object.assign({}, props), { open: true, title: titleText.zh, content: contentText.zh, onOk: handleApply, okText: okText.zh, cancelText: cancelText.zh }));
     modal.update({
         icon: null,
         closable: true,
         width: 400,
         wrapClassName: `${permFunModal}`,
     });
+    return modal;
 };
+function useApplyPermModal() {
+    const { locale } = useLocale();
+    const modal = useDataHubModal();
+    const lang = locale.locale;
+    return (props) => {
+        const handleApply = () => window.open(applyUrl(isPublicNetwork()), '_blank');
+        return modal.confirm(Object.assign(Object.assign({}, props), { open: true, title: titleText[lang], content: contentText[lang], onOk: handleApply, okText: okText[lang], cancelText: cancelText[lang], icon: null, closable: true, width: 400, wrapClassName: permFunModal }));
+    };
+}
 
-export { ApplyPermModal as default };
+export { ApplyPermModal as default, useApplyPermModal };

package/es/components/confirm-again/index.js

@@ -1,6 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { Modal } from 'antd';
 import classNames from 'classnames';
+import { useLocale } from '../../locale/index.js';
+import { useDataHubModal } from '../../locale/modalHolder.js';
 import useStyle from './index.scss.js';
 
 useStyle();
@@ -10,7 +12,15 @@ function ConfirmAgain(props) {
 }
 ConfirmAgain.confirm = (props) => {
     var _a, _b, _c;
-    Modal.confirm(Object.assign(Object.assign({}, props), { width: (_a = props.width) !== null && _a !== void 0 ? _a : 400, closable: (_b = props.closable) !== null && _b !== void 0 ? _b : true, icon: (_c = props.icon) !== null && _c !== void 0 ? _c : null, wrapClassName: classNames('data-hub-ui-confirm-wrap', props.wrapClassName) }));
+    return Modal.confirm(Object.assign(Object.assign({}, props), { width: (_a = props.width) !== null && _a !== void 0 ? _a : 400, closable: (_b = props.closable) !== null && _b !== void 0 ? _b : true, icon: (_c = props.icon) !== null && _c !== void 0 ? _c : null, wrapClassName: classNames('data-hub-ui-confirm-wrap', props.wrapClassName) }));
 };
+function useConfirmAgain() {
+    const { locale } = useLocale();
+    const modal = useDataHubModal();
+    return (props) => {
+        var _a, _b, _c, _d, _e;
+        return modal.confirm(Object.assign(Object.assign({}, props), { width: (_a = props.width) !== null && _a !== void 0 ? _a : 400, closable: (_b = props.closable) !== null && _b !== void 0 ? _b : true, icon: (_c = props.icon) !== null && _c !== void 0 ? _c : null, okText: (_d = props.okText) !== null && _d !== void 0 ? _d : locale.Common.confirm, cancelText: (_e = props.cancelText) !== null && _e !== void 0 ? _e : locale.Common.cancel, wrapClassName: classNames('data-hub-ui-confirm-wrap', props.wrapClassName) }));
+    };
+}
 
-export { ConfirmAgain as default };
+export { ConfirmAgain as default, useConfirmAgain };

package/es/components/copy/index.js

@@ -3,39 +3,53 @@ import { message } from 'antd';
 import copyToClipboard from 'copy-to-clipboard';
 import { icon } from './index.module.scss.js';
 import classNames from 'classnames';
+import { useLocale } from '../../locale/index.js';
 
 const successMsg = {
     zh: '已复制',
     en: 'Copied',
 };
 function Copy(props) {
-    const { showFeedback = true, text, locale = 'zh' } = props;
+    const { showFeedback = true, text } = props;
+    const { locale } = useLocale();
     const onClick = () => {
         if (text) {
             copyToClipboard(text);
             if (showFeedback) {
-                message.success(successMsg[locale]);
+                message.success(successMsg[locale.locale]);
             }
         }
         (props === null || props === void 0 ? void 0 : props.onClick) && props.onClick();
     };
     return (jsx("span", { className: classNames(icon, 'data-hub-ui-copy-icon'), onClick: onClick, children: "\uE85C" }));
 }
+function useCopy() {
+    const { locale } = useLocale();
+    return (text, options = { showFeedback: true }) => {
+        const { showFeedback = true } = options;
+        if (text) {
+            copyToClipboard(text);
+            if (showFeedback) {
+                message.success(successMsg[locale.locale]);
+            }
+        }
+    };
+}
 /**
  * 复制文本内容到粘贴板
  * @param text {string} 文本内容
  * @param options {object} 其它选项
  * @param options.showFeedback {boolean} 是否展示复制成功的反馈信息，默认展示
- * @param options.locale {string} 语言，默认:zh
+ * @param options.locale 已废弃，语言由 DataHubProvider / antd ConfigProvider 决定
  */
-function copy(text, options = { showFeedback: true, locale: 'zh' }) {
-    const { showFeedback = 'true', locale = 'zh' } = options;
+function copy(text, options = { showFeedback: true }) {
+    const { showFeedback = true } = options;
     if (text) {
         copyToClipboard(text);
         if (showFeedback) {
-            message.success(successMsg[locale]);
+            message.success(successMsg.zh);
         }
     }
 }
 
-export { copy, Copy as default };
+export { copy, Copy as default, useCopy };

package/es/components/data-table/index.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { Table, Empty } from 'antd';
 import ActionCell from './action-cell.js';
 import { dataTable, dataTableRowClickable, truncateText, truncateTextExpanded } from './index.module.scss.js';
+import { useLocale } from '../../locale/index.js';
 
 const DEFAULT_MIN_WIDTH = 920;
 const DEFAULT_EXPAND_MAX_HEIGHT = 200;
@@ -47,7 +48,9 @@ function TruncateText({ content, expanded, title, }) {
 }
 function DataTable(props) {
     var _a, _b;
-    const { rowKey, columns, actions, actionColumnTitle = '操作', actionColumnWidth = 188, dataSource, loading = false, pagination: controlledPagination, onChange, rowSelection, defaultPageSize = 10, showSizeChanger = false, showQuickJumper = true, className, minWidth = DEFAULT_MIN_WIDTH, rowTextExpand, } = props;
+    const { rowKey, columns, actions, actionColumnTitle, actionColumnWidth = 188, dataSource, loading = false, pagination: controlledPagination, onChange, rowSelection, defaultPageSize = 10, showSizeChanger = false, showQuickJumper = true, className, minWidth = DEFAULT_MIN_WIDTH, rowTextExpand, } = props;
+    const { locale } = useLocale();
+    const resolvedActionColumnTitle = actionColumnTitle !== null && actionColumnTitle !== void 0 ? actionColumnTitle : locale.DataTable.action;
     const expandEnabled = Boolean(rowTextExpand);
     const expandMultiple = typeof rowTextExpand === 'object' ? ((_a = rowTextExpand.multiple) !== null && _a !== void 0 ? _a : true) : true;
     const expandMaxHeight = typeof rowTextExpand === 'object'
@@ -106,12 +109,20 @@ function DataTable(props) {
             ...enhancedColumns,
             {
                 key: '__actions__',
-                title: actionColumnTitle,
+                title: resolvedActionColumnTitle,
                 width: actionColumnWidth,
                 render: (_, record) => jsx(ActionCell, { record: record, actions: actions }),
             },
         ];
-    }, [actions, actionColumnTitle, actionColumnWidth, columns, expandEnabled, expandedRowKeys, rowKey]);
+    }, [
+        actions,
+        resolvedActionColumnTitle,
+        actionColumnWidth,
+        columns,
+        expandEnabled,
+        expandedRowKeys,
+        rowKey,
+    ]);
     const resolvedRowSelection = React.useMemo(() => {
         var _a;
         if (!rowSelection) {
@@ -159,7 +170,7 @@ function DataTable(props) {
                 },
             })
             : undefined, locale: {
-            emptyText: jsx(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: "\u6682\u65E0\u6570\u636E" }),
+            emptyText: jsx(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: locale.DataTable.empty }),
         } }));
 }
 

package/es/components/dataset-batch-action/index.js

@@ -2,6 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React from 'react';
 import { Upload, Input, Modal, Tabs, message, Alert, Button } from 'antd';
 import { datasetBatchAction, description, manualLabel, uploadContainer, uploadIconWrapper, uploadIcon, uploadText, alertMessage, fieldSelection, fieldHeader, fieldTitleWrapper, fieldTitleIndicator, fieldTitle, fieldActions, selectAllBtn, clearAllBtn, fieldGrid, fieldItem, selected, unselected, fieldItemContent, fieldLabel, fieldCheckbox, checked, unchecked, checkIcon, fieldMeta, listTip, tipContent, tipIcon, tipText } from './index.module.scss.js';
+import { useLocale } from '../../locale/index.js';
 
 const { Dragger } = Upload;
 const { TextArea } = Input;
@@ -12,39 +13,61 @@ var EDatasetBatchType;
     EDatasetBatchType["tag"] = "tag";
     EDatasetBatchType["zone"] = "area";
 })(EDatasetBatchType || (EDatasetBatchType = {}));
-const DATASET_FIELDS = [
-    { id: 'id', label: '数据集ID' },
-    { id: 'name', label: '数据集名称' },
-    { id: 'provider', label: '提供方' },
-    { id: 'creator', label: '发布者' },
-    { id: 'fileSize', label: '数据量' },
-    { id: 'authorizationType', label: '开放方式' },
-    { id: 'subjects', label: '科学领域' },
-    { id: 'source', label: '来源名称' },
-    { id: 'keywords', label: '关键词' },
-    { id: 'label', label: '相关标签' },
-    { id: 'license', label: '使用许可' },
-    { id: 'dataSourceUrl', label: '来源链接' },
-    { id: 'publishTime', label: '发布时间' },
-    { id: 'storageFilePath', label: '存储路径' },
-    { id: 'domain', label: '域名标识' },
+const DATASET_FIELD_IDS = [
+    'id',
+    'name',
+    'provider',
+    'creator',
+    'fileSize',
+    'authorizationType',
+    'subjects',
+    'source',
+    'keywords',
+    'label',
+    'license',
+    'dataSourceUrl',
+    'publishTime',
+    'storageFilePath',
+    'domain',
 ];
+function getDatasetFields(texts) {
+    const labels = {
+        id: texts.fieldId,
+        name: texts.fieldName,
+        provider: texts.fieldProvider,
+        creator: texts.fieldCreator,
+        fileSize: texts.fieldFileSize,
+        authorizationType: texts.fieldAuthorizationType,
+        subjects: texts.fieldSubjects,
+        source: texts.fieldSource,
+        keywords: texts.fieldKeywords,
+        label: texts.fieldLabel,
+        license: texts.fieldLicense,
+        dataSourceUrl: texts.fieldDataSourceUrl,
+        publishTime: texts.fieldPublishTime,
+        storageFilePath: texts.fieldStorageFilePath,
+        domain: texts.fieldDomain,
+    };
+    return DATASET_FIELD_IDS.map((id) => ({ id, label: labels[id] }));
+}
 function DatasetBatchAction(p) {
     var _a, _b;
+    const { locale } = useLocale();
+    const texts = locale.DatasetBatchAction;
     const [fileList, setFileList] = React.useState([]);
     const [manualInputValue, setManualInputValue] = React.useState('');
     const [activeTab, setActiveTab] = React.useState(p.hasZoneManualInput ? 'manual' : 'upload');
-    const exportFields = (_a = p.fieldOptions) !== null && _a !== void 0 ? _a : (p.type === EDatasetBatchType.list || p.type === EDatasetBatchType.export ? DATASET_FIELDS : []);
+    const exportFields = (_a = p.fieldOptions) !== null && _a !== void 0 ? _a : (p.type === EDatasetBatchType.list || p.type === EDatasetBatchType.export ? getDatasetFields(texts) : []);
     const [selectedFields, setSelectedFields] = React.useState(new Set((exportFields === null || exportFields === void 0 ? void 0 : exportFields.map((f) => f.id)) || []));
     const hasUpload = (_b = p.hasUpload) !== null && _b !== void 0 ? _b : true;
     const handleConfirmExport = () => {
         if (p.type === EDatasetBatchType.zone) {
             if (activeTab === 'manual' && !manualInputValue.trim()) {
-                message.warning('请输入数据集ID');
+                message.warning(texts.enterDatasetId);
                 return;
             }
             if (activeTab === 'upload' && !fileList.length) {
-                message.warning('请上传CSV文件');
+                message.warning(texts.uploadCsv);
                 return;
             }
             const inputIds = activeTab === 'manual'
@@ -61,7 +84,7 @@ function DatasetBatchAction(p) {
             });
         }
         else if (p.type !== EDatasetBatchType.list && !fileList.length) {
-            message.warning('请上传csv或excel文件');
+            message.warning(texts.uploadCsvOrExcel);
             return;
         }
         else {
@@ -76,14 +99,14 @@ function DatasetBatchAction(p) {
             next.add(fieldId);
         setSelectedFields(next);
     };
-    return (jsxs(Modal, { title: p.title, open: true, onOk: handleConfirmExport, onCancel: p.onCancel, className: datasetBatchAction, okText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88", children: [jsx("p", { className: description, children: p.description }), p.type === EDatasetBatchType.zone && p.hasZoneManualInput && (jsxs(Fragment, { children: [hasUpload && (jsx(Tabs, { activeKey: activeTab, onChange: setActiveTab, items: [
+    return (jsxs(Modal, { title: p.title, open: true, onOk: handleConfirmExport, onCancel: p.onCancel, className: datasetBatchAction, okText: texts.ok, cancelText: texts.cancel, children: [jsx("p", { className: description, children: p.description }), p.type === EDatasetBatchType.zone && p.hasZoneManualInput && (jsxs(Fragment, { children: [hasUpload && (jsx(Tabs, { activeKey: activeTab, onChange: setActiveTab, items: [
                             {
                                 key: 'manual',
-                                label: '手动输入ID',
+                                label: texts.manualTab,
                             },
                             {
                                 key: 'upload',
-                                label: '批量任务文件上传',
+                                label: texts.uploadTab,
                             },
                         ] })), activeTab === 'manual' && (jsxs("div", { children: [jsx("p", { className: manualLabel, children: p.manualInputTitle }), jsx(TextArea, { value: manualInputValue, onChange: (e) => setManualInputValue(e.target.value), placeholder: p.manualInputPlaceholder, rows: 6 })] }))] })), hasUpload &&
                 (p.type === EDatasetBatchType.export ||
@@ -95,10 +118,10 @@ function DatasetBatchAction(p) {
                 }, className: uploadContainer, multiple: false, accept: ".csv,.xlsx,.xls", fileList: fileList, onChange: (info) => {
                     const newFileList = [...info.fileList];
                     if (newFileList.length > 1) {
-                        message.warning('单次任务只能上传1个文件，不支持第二个文件的上传');
+                        message.warning(texts.onlyOneFile);
                     }
                     setFileList(newFileList.slice(0, 1));
-                }, onRemove: () => setFileList([]), children: [jsx("div", { className: uploadIconWrapper, children: jsx("svg", { className: uploadIcon, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }) }), jsx("div", { className: uploadText, children: "\u70B9\u51FB\u6D4F\u89C8\u6587\u4EF6\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u81F3\u6B64\uFF08\u652F\u6301csv\u6216excel\u6587\u4EF6\uFF09" })] })), p.type === EDatasetBatchType.tag && (jsx(Alert, { message: "\u63D0\u793A\uFF1A\u6587\u4EF6\u7B2C\u4E00\u5217\u5E94\u4E3A dataset_id\uFF0C\u7B2C\u4E8C\u5217\u4E3A tag_ids\uFF08\u591A\u4E2A\u6807\u7B7E ID \u8BF7\u7528\u5206\u53F7\u5206\u9694\uFF09\u3002", type: "info", showIcon: true, className: alertMessage })), p.type === EDatasetBatchType.zone && activeTab === 'upload' && p.hasZoneManualInput && (jsx(Alert, { message: '\u63D0\u793A\uFF1A\u8BF7\u4E0A\u4F20csv\u6216excel\u6587\u4EF6\uFF0C\u63D0\u4F9B\u6570\u636E\u96C6id\uFF0C\u5355\u6B21\u4EFB\u52A1\u53EA\u80FD\u4E0A\u4F201\u4E2A\u6587\u4EF6\u3002\u6587\u4EF6\u91C7\u7528\u5355\u5217\u5E03\u5C40\uFF0C\u9996\u884C\u4E3A"dataset_id"\uFF0C\u4ECE\u7B2C\u4E8C\u884C\u5F00\u59CB\u6BCF\u884C\u4E3A\u4E00\u4E2A\u5177\u4F53id\u3002', type: "info", showIcon: true, className: alertMessage })), exportFields && exportFields.length > 0 && (jsxs("div", { className: fieldSelection, children: [jsxs("div", { className: fieldHeader, children: [jsxs("div", { className: fieldTitleWrapper, children: [jsx("div", { className: fieldTitleIndicator }), jsx("h4", { className: fieldTitle, children: p.fieldTitle })] }), jsxs("div", { className: fieldActions, children: [jsx("span", { onClick: () => setSelectedFields(new Set((exportFields === null || exportFields === void 0 ? void 0 : exportFields.map((f) => f.id)) || [])), className: selectAllBtn, children: "\u5168\u9009" }), jsx("span", { onClick: () => setSelectedFields(new Set()), className: clearAllBtn, children: "\u6E05\u7A7A" })] })] }), jsx("div", { className: fieldGrid, children: exportFields.map((field) => {
+                }, onRemove: () => setFileList([]), children: [jsx("div", { className: uploadIconWrapper, children: jsx("svg", { className: uploadIcon, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }) }), jsx("div", { className: uploadText, children: texts.dragUpload })] })), p.type === EDatasetBatchType.tag && (jsx(Alert, { message: texts.tagAlert, type: "info", showIcon: true, className: alertMessage })), p.type === EDatasetBatchType.zone && activeTab === 'upload' && p.hasZoneManualInput && (jsx(Alert, { message: texts.zoneAlert, type: "info", showIcon: true, className: alertMessage })), exportFields && exportFields.length > 0 && (jsxs("div", { className: fieldSelection, children: [jsxs("div", { className: fieldHeader, children: [jsxs("div", { className: fieldTitleWrapper, children: [jsx("div", { className: fieldTitleIndicator }), jsx("h4", { className: fieldTitle, children: p.fieldTitle })] }), jsxs("div", { className: fieldActions, children: [jsx("span", { onClick: () => setSelectedFields(new Set((exportFields === null || exportFields === void 0 ? void 0 : exportFields.map((f) => f.id)) || [])), className: selectAllBtn, children: "\u5168\u9009" }), jsx("span", { onClick: () => setSelectedFields(new Set()), className: clearAllBtn, children: "\u6E05\u7A7A" })] })] }), jsx("div", { className: fieldGrid, children: exportFields.map((field) => {
                             const isSelected = selectedFields.has(field.id);
                             return (jsxs(Button, { onClick: () => toggleExportField(field.id), className: `${fieldItem} ${isSelected ? selected : unselected}`, style: { height: p.type === EDatasetBatchType.zone ? '60px' : '32px' }, children: [jsxs("div", { className: fieldItemContent, children: [jsx("span", { className: fieldLabel, title: field.label, children: field.label }), jsx("div", { className: `${fieldCheckbox} ${isSelected ? checked : unchecked}`, children: isSelected && (jsx("svg", { className: checkIcon, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 4, children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) })) })] }), p.type === EDatasetBatchType.zone && (jsxs("div", { className: fieldMeta, children: [jsxs("span", { children: ["ID\uFF1A", field.id] }), jsxs("span", { children: [field.datasetCnt, " \u8D44\u4EA7"] })] }))] }, field.id));
                         }) })] })), p.type === EDatasetBatchType.list && (jsx("div", { className: listTip, children: jsxs("div", { className: tipContent, children: [jsx("svg", { className: tipIcon, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), jsx("p", { className: tipText, children: "\u8BF7\u524D\u5F80\"\u6279\u91CF\u4EFB\u52A1\"\u4E2D\u67E5\u770B\u5BFC\u51FA\u6587\u4EF6" })] }) }))] }));