Skip to content

feat(setting): 网页快开支持普通网站 #505

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
guopenghui wants to merge 6 commits into
base: main
Choose a base branch
from
Open

feat(setting): 网页快开支持普通网站 #505

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
ed34bdb
feat(setting): 网页快开支持普通网站
guopenghui May 18, 2026
a5ecf48
refactor(setting): 抽取网页快开类型
guopenghui May 18, 2026
55b7681
feat(setting): 支持上传网页快开图标
guopenghui May 18, 2026
6c0477a
fix(setting): 清理已删除网页快开记录
guopenghui May 18, 2026
0d44adb
fix(setting): 修复网页快开快捷键触发
guopenghui May 18, 2026
a3a734b
style(setting): 调整网页快开列表操作区
guopenghui May 19, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 19 additions & 3 deletions internal-plugins/setting/src/env.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,18 @@ interface Services {
writeImageFile: (base64Url: string) => string | undefined
}

type WebSearchEngineType = 'search' | 'webpage'

interface WebSearchEngine {
id: string
name: string
url: string
icon: string
enabled: boolean
type: WebSearchEngineType
keyword?: string
}

declare global {
interface Window {
services: Services
Expand Down Expand Up @@ -404,9 +416,13 @@ declare global {

// 网页快开
webSearch: {
getAll: () => Promise<{ success: boolean; data?: any[]; error?: string }>
add: (engine: any) => Promise<{ success: boolean; error?: string }>
update: (engine: any) => Promise<{ success: boolean; error?: string }>
getAll: () => Promise<{
success: boolean
data?: WebSearchEngine[]
error?: string
}>
add: (engine: WebSearchEngine) => Promise<{ success: boolean; error?: string }>
update: (engine: WebSearchEngine) => Promise<{ success: boolean; error?: string }>
delete: (id: string) => Promise<{ success: boolean; error?: string }>
fetchFavicon: (
url: string
Expand Down
91 changes: 85 additions & 6 deletions internal-plugins/setting/src/views/WebSearchSetting/WebSearchSetting.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,8 @@ interface WebSearchEngine {
url: string
icon: string
enabled: boolean
type: 'search' | 'webpage'
keyword?: string
}

// 搜索引擎列表
Expand Down Expand Up @@ -89,14 +91,20 @@ async function handleSave(engine: WebSearchEngine): Promise<void> {
error('请填写名称和 URL')
return
}
if (engine.type === 'webpage' && !engine.keyword?.trim()) {
error('请填写匹配关键字')
return
}

try {
const engineData = {
id: engine.id,
name: engine.name,
url: engine.url,
icon: engine.icon || '',
enabled: engine.enabled !== undefined ? engine.enabled : true
enabled: engine.enabled !== undefined ? engine.enabled : true,
type: engine.type || 'search',
keyword: engine.keyword || ''
}

if (editingEngine.value) {
Expand Down Expand Up @@ -161,7 +169,7 @@ onMounted(() => {
<div v-show="!showEditor" class="scrollable-content">
<!-- 顶部添加按钮 -->
<div class="panel-header">
<button class="btn" @click="showAddEditor">添加搜索引擎</button>
<button class="btn" @click="showAddEditor">添加网页快开</button>
</div>

<!-- 搜索引擎列表 -->
Expand All @@ -182,9 +190,18 @@ onMounted(() => {
<h3 class="engine-name">{{ engine.name }}</h3>
</div>
<div class="engine-url">{{ engine.url }}</div>
<div v-if="engine.type === 'webpage' && engine.keyword" class="engine-keyword">
匹配关键字：{{ engine.keyword }}
</div>
</div>

<div class="engine-actions">
<span
class="engine-type-badge"
:class="{ 'engine-type-badge-webpage': engine.type === 'webpage' }"
>
{{ engine.type === 'webpage' ? '网页' : '搜索引擎' }}
</span>
<label class="toggle toggle-sm">
<input
type="checkbox"
Expand Down Expand Up @@ -246,7 +263,7 @@ onMounted(() => {
<div v-if="!loading && engines.length === 0" class="empty-state">
<div class="i-z-search empty-icon font-size-64px"></div>
<div class="empty-text">暂无搜索引擎</div>
<div class="empty-hint">点击"添加搜索引擎"来配置你的第一个网页快开</div>
<div class="empty-hint">点击"添加网页快开"来配置你的第一个网页快开</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -385,8 +402,28 @@ onMounted(() => {
}

.toggle-sm {
transform: scale(0.8);
transform-origin: center;
display: flex;
align-items: center;
width: 36px;
height: 20px;
margin: 0 7px;
}

.toggle-sm .toggle-slider {
border-radius: 20px;
}

.toggle-sm .toggle-slider::before {
width: 12px;
height: 12px;
}

.toggle-sm input:checked + .toggle-slider::before {
transform: translateX(16px);
}

.toggle-sm input:checked + .toggle-slider:hover::before {
transform: translateX(16px) scale(1.15);
}

.engine-url {
Expand All @@ -396,13 +433,55 @@ onMounted(() => {
line-height: 1.4;
}

.engine-type-badge {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
height: 22px;
padding: 0 6px;
margin-right: 8px;
border-radius: 4px;
font-size: 11px;
line-height: 1;
color: var(--primary-color);
background: var(--primary-light-bg);
}

.engine-type-badge-webpage {
color: #d97706;
background: rgba(245, 158, 11, 0.14);
}

:global([data-theme='dark']) .engine-type-badge-webpage {
color: #fbbf24;
background: rgba(251, 191, 36, 0.16);
}

.engine-keyword {
margin-top: 4px;
font-size: 12px;
color: var(--text-secondary);
}

.engine-actions {
display: flex;
gap: 8px;
align-items: center;
justify-content: flex-end;
gap: 6px;
margin-left: 16px;
flex-shrink: 0;
}

.engine-actions .icon-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
}

/* 图标按钮颜色样式 */
.edit-btn {
color: var(--primary-color);
Expand Down
Loading