lukeye/kbsearch-extension
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成1.1版本

Browse Source
This commit is contained in:
luke 2025-05-25 09:16:35 +08:00
parent 413dc1a4aa
commit 9c33a98984
6 changed files with 117 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored
View File

Binary file not shown.

BIN
delete.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

2
manifest.json
View File

@ -1,7 +1,7 @@
{
"manifest_version": 3,
"name": "渠道应用开发部知识库",
"version": "1.0.2",
"version": "1.1",
"description": "通过关键词快速搜索内部文档",
"permissions": ["storage"],
"host_permissions": [

20
popup.html
View File

@ -6,25 +6,31 @@
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="header">
<div class="header">
<img src="icon.png" alt="logo" class="logo" />
<div class="title-box">
<h1>渠道应用开发部知识库</h1>
<a href="https://oa.ahrcu.com/sys/portal/page.jsp" target="_blank" class="oa-link">跳转OA</a>
</div>
</div>
</div>
<div class="container">
<div class="container">
<div class="search-bar">
<input id="searchInput" type="text" autocomplete="off" placeholder="请输入关键词（空格分隔）..." />
<button id="searchBtn">搜索</button>
</div>
<div id="historyTags" class="tag-history hidden"></div>
<ul id="results"></ul>
<div class="history-wrapper hidden" id="historyWrapper">
<div class="history-header">
<span>历史搜索：</span>
<img id="clearHistoryBtn" src="delete.png" title="清空历史记录" class="delete-icon" />
</div>
<div id="historyTags" class="tag-history"></div>
</div>
<script src="popup.js"></script>
<ul id="results"></ul>
</div>
<script src="popup.js"></script>
</body>
</html>

41
popup.js
View File

@ -1,21 +1,33 @@
document.addEventListener("DOMContentLoaded", () => {
const input = document.getElementById("searchInput");
const searchBtn = document.getElementById("searchBtn");
const clearHistoryBtn = document.getElementById("clearHistoryBtn");
const resultBox = document.getElementById("results");
const historyBox = document.getElementById("historyTags");
const historyWrapper = document.getElementById("historyWrapper");
let currentPage = 1;
let totalPages = 1;
let lastKeywords = [];
function log(...args) {
console.log("[v1.0.2]", ...args);
try {
const version = chrome.runtime?.getManifest?.().version || "dev";
console.log(`[v${version}]`, ...args);
} catch (e) {
console.log("[v?]", ...args);
}
}
function showLoading() {
resultBox.innerHTML = "<li>加载中...</li>";
}
function clearResults() {
resultBox.innerHTML = "";
historyWrapper.classList.add("hidden");
}
function renderPagination() {
const pagination = document.createElement("div");
pagination.className = "pagination";
@ -38,10 +50,7 @@ document.addEventListener("DOMContentLoaded", () => {
}
function updateHistory(keyword) {
if (!chrome?.storage?.local) {
log("chrome.storage.local 不可用，跳过历史记录");
return;
}
if (!chrome?.storage?.local) return;
chrome.storage.local.get(["searchHistory"], (res) => {
let history = res.searchHistory || [];
history = [keyword, ...history.filter(item => item !== keyword)];
@ -56,7 +65,7 @@ document.addEventListener("DOMContentLoaded", () => {
const history = res.searchHistory || [];
historyBox.innerHTML = "";
if (history.length === 0) {
historyBox.classList.add("hidden");
historyWrapper.classList.add("hidden");
return;
}
@ -71,7 +80,7 @@ document.addEventListener("DOMContentLoaded", () => {
historyBox.appendChild(tag);
});
historyBox.classList.remove("hidden");
historyWrapper.classList.remove("hidden");
});
}
@ -135,7 +144,10 @@ document.addEventListener("DOMContentLoaded", () => {
function triggerSearch() {
const inputValue = input.value.trim();
if (!inputValue) return;
if (!inputValue) {
clearResults();
return;
}
const keywords = inputValue.split(/\s+/).filter(Boolean);
updateHistory(inputValue);
fetchResults(keywords, 1);
@ -147,8 +159,19 @@ document.addEventListener("DOMContentLoaded", () => {
});
input.addEventListener("focus", renderHistoryTags);
input.addEventListener("input", () => {
if (!input.value.trim()) clearResults();
});
input.addEventListener("blur", () => {
setTimeout(() => historyBox.classList.add("hidden"), 200);
setTimeout(() => historyWrapper.classList.add("hidden"), 200);
});
clearHistoryBtn.addEventListener("click", () => {
chrome.storage.local.remove("searchHistory", () => {
log("历史记录已清空");
renderHistoryTags();
});
});
log("插件初始化完成");

60
styles.css
View File

@ -147,3 +147,63 @@ h1 {
.pagination button:hover {
background-color: #ddd;
}
/* 基础结构样式保持不变，新增按钮样式 */
#clearHistoryBtn {
background: #f8f8f8;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
padding: 0 10px;
cursor: pointer;
line-height: 28px;
height: 32px;
}
#clearHistoryBtn:hover {
background-color: #eee;
}
/* 原样式基础上追加 */
.history-wrapper {
margin-bottom: 10px;
}
.history-header {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
margin-bottom: 6px;
}
#clearHistoryBtn {
background: #f8f8f8;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
padding: 2px 8px;
cursor: pointer;
line-height: 20px;
}
#clearHistoryBtn:hover {
background-color: #eee;
}
.delete-icon {
width: 16px;
height: 16px;
max-width: 100%;
object-fit: contain;
cursor: pointer;
opacity: 0.6;
transition: opacity 0.2s;
}
.delete-icon:hover {
opacity: 1;
background-color: #f0f0f0;
border-radius: 3px;
}