julian/chrom-tool
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

i18n

Browse Source
This commit is contained in:
Julian Freeman
2026-04-17 17:26:55 -04:00
parent 1c43a318c6
commit 6062a38b99
14 changed files with 137 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/browser-data/AssociatedProfilesModal.vue
View File

@@ -64,7 +64,7 @@ function isSelected(profileId: string) {
<div class="modal-header">
<h3>{{ title }}</h3>
<button class="secondary-button modal-close-button" type="button" @click="emit('close')">
Close
关闭
</button>
</div>
@@ -83,7 +83,7 @@ function isSelected(profileId: string) {
<path d="M3.5 8.2L6.4 11.1L12.5 4.9" />
</svg>
</span>
<span>Select All</span>
<span>全选</span>
</label>
<button
class="danger-button"
@@ -91,14 +91,14 @@ function isSelected(profileId: string) {
:disabled="!selectedProfileIds.length || deleteBusy"
@click="emit('deleteSelectedProfiles')"
>
{{ deleteBusy ? "Deleting..." : `Delete Selected (${selectedProfileIds.length})` }}
{{ deleteBusy ? "删除中..." : `删除所选（${selectedProfileIds.length}）` }}
</button>
</div>
<div class="modal-table-header modal-grid" :class="{ bookmark: isBookmark, extension: isExtension }">
<div v-if="isSelectableMode" class="header-cell checkbox-cell">Pick</div>
<div class="header-cell icon-cell">Avatar</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="sortKey = 'name'">Name</button>
<div v-if="isSelectableMode" class="header-cell checkbox-cell">选择</div>
<div class="header-cell icon-cell">头像</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="sortKey = 'name'">名称</button>
<button
v-if="!isExtension && !isBookmark"
class="header-cell sortable"
@@ -106,11 +106,11 @@ function isSelected(profileId: string) {
type="button"
@click="sortKey = 'id'"
>
Profile ID
资料 ID
</button>
<div v-if="isExtension" class="header-cell">Source</div>
<div v-if="isBookmark" class="header-cell">Bookmark Path</div>
<div class="header-cell actions-cell">Action</div>
<div v-if="isExtension" class="header-cell">来源</div>
<div v-if="isBookmark" class="header-cell">书签路径</div>
<div class="header-cell actions-cell">操作</div>
</div>
<div class="modal-table-body styled-scrollbar">
<article
@@ -151,7 +151,7 @@ function isSelected(profileId: string) {
<span class="badge neutral">{{ profile.id }}</span>
</div>
<div v-if="isExtension && hasInstallSource(profile)" class="row-cell muted-cell">
{{ profile.installSource === "store" ? "Store" : "External" }}
{{ profile.installSource === "store" ? "商店安装" : "外部安装" }}
</div>
<div
v-if="isBookmark && hasBookmarkPath(profile)"
@@ -167,7 +167,7 @@ function isSelected(profileId: string) {
:disabled="isOpeningProfile(browserId, profile.id)"
@click="emit('openProfile', browserId, profile.id)"
>
{{ isOpeningProfile(browserId, profile.id) ? "Opening..." : "Open" }}
{{ isOpeningProfile(browserId, profile.id) ? "打开中..." : "打开" }}
</button>
<button
v-if="isSelectableMode"
@@ -176,7 +176,7 @@ function isSelected(profileId: string) {
:disabled="deleteBusy"
@click="emit('deleteProfile', profile.id)"
>
Delete
删除
</button>
</div>
</article>
@@ -217,12 +217,22 @@ function isSelected(profileId: string) {
align-items: center;
justify-content: space-between;
gap: 12px;
min-width: 0;
}
.modal-header h3 {
margin: 0;
font-weight: 600;
letter-spacing: -0.03em;
min-width: 0;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.modal-close-button {
flex-shrink: 0;
}
.modal-table {

17
src/components/browser-data/BookmarkRemovalModal.vue
View File

@@ -52,19 +52,18 @@ const resultSummary = computed(() => {
<section class="modal-card">
<div class="modal-header">
<h3>{{ title }}</h3>
<button class="secondary-button" type="button" @click="emit('close')">Close</button>
<button class="secondary-button" type="button" @click="emit('close')">关闭</button>
</div>
<template v-if="mode === 'confirm'">
<p class="modal-copy">
This will remove {{ bookmarkCount }} bookmark{{ bookmarkCount === 1 ? "" : "s" }} from
{{ profileCount }} profile{{ profileCount === 1 ? "" : "s" }}.
将从 {{ profileCount }} 个资料中删除 {{ bookmarkCount }} 个书签。
</p>
<div class="modal-actions">
<button class="secondary-button" type="button" @click="emit('close')">Cancel</button>
<button class="secondary-button" type="button" @click="emit('close')">取消</button>
<button class="danger-button" type="button" :disabled="busy" @click="emit('confirm')">
{{ busy ? "Deleting..." : "Confirm Delete" }}
{{ busy ? "删除中..." : "确认删除" }}
</button>
</div>
</template>
@@ -72,15 +71,11 @@ const resultSummary = computed(() => {
<template v-else>
<p v-if="generalError" class="result-banner error">{{ generalError }}</p>
<p class="modal-copy">
Successfully removed {{ resultSummary.successCount }} bookmark{{
resultSummary.successCount === 1 ? "" : "s"
}}. Failed to remove {{ resultSummary.failedCount }} bookmark{{
resultSummary.failedCount === 1 ? "" : "s"
}}.
成功删除 {{ resultSummary.successCount }} 个书签，失败 {{ resultSummary.failedCount }} 个。
</p>
<div class="modal-actions">
<button class="primary-button" type="button" @click="emit('close')">Close</button>
<button class="primary-button" type="button" @click="emit('close')">关闭</button>
</div>
</template>
</section>

16
src/components/browser-data/BookmarksList.vue
View File

@@ -47,7 +47,7 @@ function isSelected(url: string) {
<path d="M3.5 8.2L6.4 11.1L12.5 4.9" />
</svg>
</span>
<span>Select All</span>
<span>全选</span>
</label>
<button
class="danger-button"
@@ -55,15 +55,15 @@ function isSelected(url: string) {
:disabled="!selectedBookmarkUrls.length || deleteBusy"
@click="emit('deleteSelected')"
>
{{ deleteBusy ? "Deleting..." : `Delete Selected (${selectedBookmarkUrls.length})` }}
{{ deleteBusy ? "删除中..." : `删除所选（${selectedBookmarkUrls.length}）` }}
</button>
</div>
<div class="data-table-header bookmarks-grid">
<div class="header-cell checkbox-cell">Pick</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'title' }" type="button" @click="emit('update:sortKey', 'title')">Name</button>
<div class="header-cell checkbox-cell">选择</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'title' }" type="button" @click="emit('update:sortKey', 'title')">名称</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'url' }" type="button" @click="emit('update:sortKey', 'url')">URL</button>
<div class="header-cell actions-cell">Actions</div>
<div class="header-cell actions-cell">操作</div>
</div>
<div class="data-table-body styled-scrollbar">
<article v-for="bookmark in bookmarks" :key="bookmark.url" class="data-table-row bookmarks-grid">
@@ -89,7 +89,7 @@ function isSelected(url: string) {
<div class="row-cell muted-cell" :title="bookmark.url">{{ bookmark.url }}</div>
<div class="row-cell actions-cell">
<button class="disclosure-button" type="button" @click="emit('showProfiles', bookmark.url)">
<span>View</span>
<span>查看</span>
<span class="badge neutral">{{ bookmark.profileIds.length }}</span>
</button>
<button
@@ -98,14 +98,14 @@ function isSelected(url: string) {
:disabled="deleteBusy"
@click="emit('deleteBookmark', bookmark.url)"
>
Delete
删除
</button>
</div>
</article>
</div>
</div>
<div v-else class="empty-card">
<p>No bookmarks were discovered for this browser.</p>
<p>这个浏览器没有扫描到任何书签。</p>
</div>
</section>
</template>

22
src/components/browser-data/BrowserDataView.vue
View File

@@ -126,7 +126,7 @@ const emit = defineEmits<{
type="button"
@click="emit('update:activeSection', 'profiles')"
>
<span>Profiles</span>
<span>资料</span>
<span class="count-pill">{{ sectionCount("profiles") }}</span>
</button>
<button
@@ -135,7 +135,7 @@ const emit = defineEmits<{
type="button"
@click="emit('update:activeSection', 'extensions')"
>
<span>Extensions</span>
<span>插件</span>
<span class="count-pill">{{ sectionCount("extensions") }}</span>
</button>
<button
@@ -144,7 +144,7 @@ const emit = defineEmits<{
type="button"
@click="emit('update:activeSection', 'bookmarks')"
>
<span>Bookmarks</span>
<span>书签</span>
<span class="count-pill">{{ sectionCount("bookmarks") }}</span>
</button>
<button
@@ -153,7 +153,7 @@ const emit = defineEmits<{
type="button"
@click="emit('update:activeSection', 'passwords')"
>
<span>Saved Logins</span>
<span>已保存登录</span>
<span class="count-pill">{{ sectionCount("passwords") }}</span>
</button>
<button
@@ -162,7 +162,7 @@ const emit = defineEmits<{
type="button"
@click="emit('update:activeSection', 'history')"
>
<span>History</span>
<span>历史</span>
<span class="count-pill">{{ sectionCount("history") }}</span>
</button>
</section>
@@ -233,7 +233,7 @@ const emit = defineEmits<{
<HistoryCleanupModal
v-if="historyCleanupConfirmProfiles.length"
mode="confirm"
title="Confirm History Cleanup"
title="确认清理历史"
:profiles="historyCleanupConfirmProfiles"
:results="[]"
:busy="cleanupHistoryBusy"
@@ -244,7 +244,7 @@ const emit = defineEmits<{
<HistoryCleanupModal
v-if="historyCleanupResultOpen"
mode="result"
title="Cleanup Result"
title="清理结果"
:profiles="[]"
:results="cleanupHistoryResults"
:general-error="cleanupHistoryError"
@@ -254,7 +254,7 @@ const emit = defineEmits<{
<BookmarkRemovalModal
v-if="bookmarkRemovalConfirmBookmarkCount > 0"
mode="confirm"
title="Confirm Bookmark Removal"
title="确认删除书签"
:bookmark-count="bookmarkRemovalConfirmBookmarkCount"
:profile-count="bookmarkRemovalConfirmProfileCount"
:results="[]"
@@ -266,7 +266,7 @@ const emit = defineEmits<{
<BookmarkRemovalModal
v-if="bookmarkRemovalResultOpen"
mode="result"
title="Bookmark Removal Result"
title="书签删除结果"
:bookmark-count="0"
:profile-count="0"
:results="bookmarkRemovalResults"
@@ -277,7 +277,7 @@ const emit = defineEmits<{
<ExtensionRemovalModal
v-if="extensionRemovalConfirmExtensions.length || extensionRemovalConfirmProfiles.length"
mode="confirm"
title="Confirm Extension Removal"
title="确认删除插件"
:extensions="extensionRemovalConfirmExtensions"
:profiles="extensionRemovalConfirmProfiles"
:results="[]"
@@ -289,7 +289,7 @@ const emit = defineEmits<{
<ExtensionRemovalModal
v-if="extensionRemovalResultOpen"
mode="result"
title="Extension Removal Result"
title="插件删除结果"
:extensions="[]"
:profiles="[]"
:results="extensionRemovalResults"

20
src/components/browser-data/ExtensionRemovalModal.vue
View File

@@ -58,22 +58,18 @@ const resultSummary = computed(() => {
<section class="modal-card">
<div class="modal-header">
<h3>{{ title }}</h3>
<button class="secondary-button" type="button" @click="emit('close')">Close</button>
<button class="secondary-button" type="button" @click="emit('close')">关闭</button>
</div>
<template v-if="mode === 'confirm'">
<p class="modal-copy">
This will remove {{ confirmSummary.extensionCount }} extension{{
confirmSummary.extensionCount === 1 ? "" : "s"
}} from {{ confirmSummary.profileCount }} profile{{
confirmSummary.profileCount === 1 ? "" : "s"
}}.
将从 {{ confirmSummary.profileCount }} 个资料中删除 {{ confirmSummary.extensionCount }} 个插件。
</p>
<div class="modal-actions">
<button class="secondary-button" type="button" @click="emit('close')">Cancel</button>
<button class="secondary-button" type="button" @click="emit('close')">取消</button>
<button class="danger-button" type="button" :disabled="busy" @click="emit('confirm')">
{{ busy ? "Deleting..." : "Confirm Delete" }}
{{ busy ? "删除中..." : "确认删除" }}
</button>
</div>
</template>
@@ -81,15 +77,11 @@ const resultSummary = computed(() => {
<template v-else>
<p v-if="generalError" class="result-banner error">{{ generalError }}</p>
<p class="modal-copy">
Successfully removed {{ resultSummary.successCount }} extension{{
resultSummary.successCount === 1 ? "" : "s"
}}. Failed to remove {{ resultSummary.failedCount }} extension{{
resultSummary.failedCount === 1 ? "" : "s"
}}.
成功删除 {{ resultSummary.successCount }} 个插件，失败 {{ resultSummary.failedCount }} 个。
</p>
<div class="modal-actions">
<button class="primary-button" type="button" @click="emit('close')">Close</button>
<button class="primary-button" type="button" @click="emit('close')">关闭</button>
</div>
</template>
</section>

20
src/components/browser-data/ExtensionsList.vue
View File

@@ -47,7 +47,7 @@ function isSelected(extensionId: string) {
<path d="M3.5 8.2L6.4 11.1L12.5 4.9" />
</svg>
</span>
<span>Select All</span>
<span>全选</span>
</label>
<button
class="danger-button"
@@ -55,16 +55,16 @@ function isSelected(extensionId: string) {
:disabled="!selectedExtensionIds.length || deleteBusy"
@click="emit('deleteSelected')"
>
{{ deleteBusy ? "Deleting..." : `Delete Selected (${selectedExtensionIds.length})` }}
{{ deleteBusy ? "删除中..." : `删除所选（${selectedExtensionIds.length}）` }}
</button>
</div>
<div class="data-table-header extensions-grid">
<div class="header-cell checkbox-cell">Pick</div>
<div class="header-cell icon-cell">Icon</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">Name</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'id' }" type="button" @click="emit('update:sortKey', 'id')">Extension ID</button>
<div class="header-cell actions-cell">Actions</div>
<div class="header-cell checkbox-cell">选择</div>
<div class="header-cell icon-cell">图标</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">名称</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'id' }" type="button" @click="emit('update:sortKey', 'id')">插件 ID</button>
<div class="header-cell actions-cell">操作</div>
</div>
<div class="data-table-body styled-scrollbar">
<article v-for="extension in extensions" :key="extension.id" class="data-table-row extensions-grid">
@@ -94,7 +94,7 @@ function isSelected(extensionId: string) {
<div class="row-cell muted-cell" :title="extension.id">{{ extension.id }}</div>
<div class="row-cell actions-cell">
<button class="disclosure-button" type="button" @click="emit('showProfiles', extension.id)">
<span>View</span>
<span>查看</span>
<span class="badge neutral">{{ extension.profileIds.length }}</span>
</button>
<button
@@ -103,14 +103,14 @@ function isSelected(extensionId: string) {
:disabled="deleteBusy"
@click="emit('deleteExtension', extension.id)"
>
Delete
删除
</button>
</div>
</article>
</div>
</div>
<div v-else class="empty-card">
<p>No extensions were discovered for this browser.</p>
<p>这个浏览器没有扫描到任何插件。</p>
</div>
</section>
</template>

26
src/components/browser-data/HistoryCleanupList.vue
View File

@@ -37,7 +37,7 @@ const allSelected = computed(
);
function statusLabel(status: CleanupFileStatus) {
return status === "found" ? "Found" : "Missing";
return status === "found" ? "存在" : "缺失";
}
function statusClass(status: CleanupFileStatus) {
@@ -79,7 +79,7 @@ function hasAnyHistoryFile(statuses: CleanupFileStatus[]) {
<path d="M3.5 8.2L6.4 11.1L12.5 4.9" />
</svg>
</span>
<span>Select All</span>
<span>全选</span>
</label>
<button
class="danger-button"
@@ -87,19 +87,19 @@ function hasAnyHistoryFile(statuses: CleanupFileStatus[]) {
:disabled="!selectedProfileIds.length || cleanupBusy"
@click="emit('cleanupSelected')"
>
{{ cleanupBusy ? "Cleaning..." : `Clean Selected (${selectedProfileIds.length})` }}
{{ cleanupBusy ? "清理中..." : `清理所选（${selectedProfileIds.length}）` }}
</button>
</div>
<div class="data-table-header history-grid">
<div class="header-cell checkbox-cell">Pick</div>
<div class="header-cell icon-cell">Avatar</div>
<div class="header-cell">Profile</div>
<div class="header-cell">History</div>
<div class="header-cell">Top Sites</div>
<div class="header-cell">Visited Links</div>
<div class="header-cell">Sessions</div>
<div class="header-cell actions-cell">Action</div>
<div class="header-cell checkbox-cell">选择</div>
<div class="header-cell icon-cell">头像</div>
<div class="header-cell">资料</div>
<div class="header-cell">历史记录</div>
<div class="header-cell">热门站点</div>
<div class="header-cell">访问链接</div>
<div class="header-cell">会话</div>
<div class="header-cell actions-cell">操作</div>
</div>
<div class="data-table-body styled-scrollbar">
<article v-for="profile in profiles" :key="profile.id" class="data-table-row history-grid">
@@ -158,14 +158,14 @@ function hasAnyHistoryFile(statuses: CleanupFileStatus[]) {
:disabled="!isSelectable(profile) || cleanupBusy"
@click="emit('cleanupProfile', profile.id)"
>
Clean
清理
</button>
</div>
</article>
</div>
</div>
<div v-else class="empty-card">
<p>No profile directories were found for this browser.</p>
<p>这个浏览器没有找到任何用户资料目录。</p>
</div>
</section>
</template>

18
src/components/browser-data/HistoryCleanupModal.vue
View File

@@ -22,14 +22,14 @@ const emit = defineEmits<{
<div class="modal-header">
<h3>{{ title }}</h3>
<button class="secondary-button modal-close-button" type="button" @click="emit('close')">
Close
关闭
</button>
</div>
<template v-if="mode === 'confirm'">
<p class="modal-copy">
The selected profiles will have <code>History</code>, <code>Top Sites</code>, and
<code>Visited Links</code> removed, and all files inside <code>Sessions</code> cleared.
将删除所选资料中的 <code>History</code>、<code>Top Sites</code>、<code>Visited Links</code>，
并清空 <code>Sessions</code> 目录中的所有文件。
</p>
<div class="profile-list styled-scrollbar">
@@ -40,9 +40,9 @@ const emit = defineEmits<{
</div>
<div class="modal-actions">
<button class="secondary-button" type="button" @click="emit('close')">Cancel</button>
<button class="secondary-button" type="button" @click="emit('close')">取消</button>
<button class="danger-button" type="button" :disabled="busy" @click="emit('confirm')">
{{ busy ? "Cleaning..." : "Confirm Cleanup" }}
{{ busy ? "清理中..." : "确认清理" }}
</button>
</div>
</template>
@@ -60,19 +60,19 @@ const emit = defineEmits<{
<strong>{{ result.profileId }}</strong>
<p v-if="result.error">{{ result.error }}</p>
<p v-else-if="result.deletedFiles.length">
Deleted {{ result.deletedFiles.join(", ") }}
已删除：{{ result.deletedFiles.join("、") }}
</p>
<p v-else>
Nothing was deleted.
没有删除任何文件。
</p>
<p v-if="result.skippedFiles.length" class="muted-line">
Missing {{ result.skippedFiles.join(", ") }}
已跳过（不存在）：{{ result.skippedFiles.join("、") }}
</p>
</article>
</div>
<div class="modal-actions">
<button class="primary-button" type="button" @click="emit('close')">Close</button>
<button class="primary-button" type="button" @click="emit('close')">关闭</button>
</div>
</template>
</section>

8
src/components/browser-data/PasswordSitesList.vue
View File

@@ -16,9 +16,9 @@ const emit = defineEmits<{
<section class="table-section">
<div v-if="passwordSites.length" class="data-table">
<div class="data-table-header passwords-grid">
<button class="header-cell sortable" :class="{ active: sortKey === 'domain' }" type="button" @click="emit('update:sortKey', 'domain')">Domain</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'domain' }" type="button" @click="emit('update:sortKey', 'domain')">域名</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'url' }" type="button" @click="emit('update:sortKey', 'url')">URL</button>
<div class="header-cell actions-cell">Profiles</div>
<div class="header-cell actions-cell">关联资料</div>
</div>
<div class="data-table-body styled-scrollbar">
<article
@@ -32,7 +32,7 @@ const emit = defineEmits<{
<div class="row-cell muted-cell" :title="passwordSite.url">{{ passwordSite.url }}</div>
<div class="row-cell actions-cell">
<button class="disclosure-button" type="button" @click="emit('showProfiles', passwordSite.url)">
<span>View</span>
<span>查看</span>
<span class="badge neutral">{{ passwordSite.profileIds.length }}</span>
</button>
</div>
@@ -40,7 +40,7 @@ const emit = defineEmits<{
</div>
</div>
<div v-else class="empty-card">
<p>No saved login sites were discovered for this browser.</p>
<p>这个浏览器没有扫描到任何已保存登录站点。</p>
</div>
</section>
</template>

14
src/components/browser-data/ProfilesList.vue
View File

@@ -25,11 +25,11 @@ const emit = defineEmits<{
<div v-if="profiles.length" class="data-table">
<div class="data-table-header profiles-grid">
<div class="header-cell icon-cell">Avatar</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">Name</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'email' }" type="button" @click="emit('update:sortKey', 'email')">Email</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'id' }" type="button" @click="emit('update:sortKey', 'id')">Profile ID</button>
<div class="header-cell actions-cell">Action</div>
<div class="header-cell icon-cell">头像</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">名称</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'email' }" type="button" @click="emit('update:sortKey', 'email')">邮箱</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'id' }" type="button" @click="emit('update:sortKey', 'id')">资料 ID</button>
<div class="header-cell actions-cell">操作</div>
</div>
<div class="data-table-body styled-scrollbar">
<article v-for="profile in profiles" :key="profile.id" class="data-table-row profiles-grid">
@@ -57,14 +57,14 @@ const emit = defineEmits<{
type="button"
@click="emit('openProfile', browserId, profile.id)"
>
{{ isOpeningProfile(browserId, profile.id) ? "Opening..." : "Open" }}
{{ isOpeningProfile(browserId, profile.id) ? "打开中..." : "打开" }}
</button>
</div>
</article>
</div>
</div>
<div v-else class="empty-card">
<p>No profile directories were found for this browser.</p>
<p>这个浏览器没有找到任何用户资料目录。</p>
</div>
</section>
</template>