-
JavaScript 依赖列表{!diffs && `(${name})`}
+
+ {t('deps_table.js_deps_title')}
+ {!diffs && `(${name})`}
+
{diffs && (
{diffs.newName}
@@ -55,7 +60,7 @@ export const DepsTable = ({
setDiffs(null);
}}
>
- 返回
+ {t('deps_table.back')}
) : (
{
if (p.deps) {
@@ -81,12 +86,12 @@ export const DepsTable = ({
{
key: 'version',
type: 'group',
- label: '热更包',
+ label: t('deps_table.ota_versions'),
children: versionsLoading
? [
{
key: 'version_loading',
- label: '加载中...',
+ label: t('deps_table.loading'),
disabled: true,
},
]
@@ -118,21 +123,26 @@ export const DepsTable = ({
setDiffs({
oldDeps: pkg?.deps,
newDeps: deps,
- newName: `原生包 ${pkg?.name}`,
+ newName: t(
+ 'deps_table.native_package_with_name',
+ { name: pkg?.name },
+ ),
});
} else {
const version = versions.find((v) => v.id === +id);
setDiffs({
oldDeps: version?.deps,
newDeps: deps,
- newName: `热更包 ${version?.name}`,
+ newName: t('deps_table.ota_version_with_name', {
+ name: version?.name,
+ }),
});
}
},
}}
>
@@ -163,16 +173,13 @@ export const DepsTable = ({
/>
)}
-
- 仅在上传
- 时抓取package.json的直接依赖， 不保证严格匹配包内容，仅供参考。
-
+
{t('deps_table.note')}
) : (
-
JavaScript 依赖列表
+
{t('deps_table.js_deps_heading')}
- 需要使用 cli v1.42.0+ 版本上传才能查看依赖列表
+ {t('deps_table.cli_required')}
)}
diff --git a/src/pages/manage/components/package-list.tsx b/src/pages/manage/components/package-list.tsx
index 2910d31..a9a8ee7 100644
--- a/src/pages/manage/components/package-list.tsx
+++ b/src/pages/manage/components/package-list.tsx
@@ -20,6 +20,7 @@ import {
Typography,
} from 'antd';
import { type Dispatch, type SetStateAction, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
import { Link } from 'react-router-dom';
import { rootRouterPath } from '@/router';
import { api } from '@/services/api';
@@ -38,6 +39,7 @@ const PackageList = ({
selectedPackageIds: number[];
setSelectedPackageIds: Dispatch
>;
}) => {
+ const { t } = useTranslation();
const { app, appId, packageTimestampWarnings } = useManageContext();
const selectedPackageIdSet = useMemo(
() => new Set(selectedPackageIds),
@@ -78,16 +80,22 @@ const PackageList = ({
danger
icon={}
onClick={() =>
- removeSelectedPackages(selectedPackages, appId, () => {
- setSelectedPackageIds((prev) =>
- prev.filter(
- (id) => !selectedPackages.some((item) => item.id === id),
- ),
- );
- })
+ removeSelectedPackages(
+ selectedPackages,
+ appId,
+ () => {
+ setSelectedPackageIds((prev) =>
+ prev.filter(
+ (id) =>
+ !selectedPackages.some((item) => item.id === id),
+ ),
+ );
+ },
+ t,
+ )
}
>
- 删除
+ {t('package_list.delete_button')}
) : undefined
@@ -112,16 +120,17 @@ function removeSelectedPackages(
items: Package[],
appId: number,
onSuccess: () => void,
+ t: (key: string, opts?: Record