From 9c33a98984a64ebb7eb24753dde87152cd81e0ca Mon Sep 17 00:00:00 2001 From: luke Date: Sun, 25 May 2025 09:16:35 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=901.1=E7=89=88=E6=9C=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 6148 -> 6148 bytes delete.png | Bin 0 -> 4673 bytes manifest.json | 2 +- popup.html | 38 ++++++++++++++++++------------- popup.js | 43 ++++++++++++++++++++++++++-------- styles.css | 62 +++++++++++++++++++++++++++++++++++++++++++++++++- 6 files changed, 117 insertions(+), 28 deletions(-) create mode 100644 delete.png diff --git a/.DS_Store b/.DS_Store index f8f9e51d6e94b8091546972b153baf695d5dfe7d..70fdd9b9fa033b3261c4e7efb54960beca4ab947 100644 GIT binary patch delta 170 zcmZoMXffEJ##n#9hJk^Bg+Y%YogtHsPZXz%jNg|Tl?t4=0l85VgRBJ BDX0Jd diff --git a/delete.png b/delete.png new file mode 100644 index 0000000000000000000000000000000000000000..f777ca93a182f501090278987a8dbfb4116fa982 GIT binary patch literal 4673 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 literal 0 HcmV?d00001 diff --git a/manifest.json b/manifest.json index 63d9417..8e21a7e 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "manifest_version": 3, "name": "渠道应用开发部知识库", - "version": "1.0.2", + "version": "1.1", "description": "通过关键词快速搜索内部文档", "permissions": ["storage"], "host_permissions": [ diff --git a/popup.html b/popup.html index cc6b129..adbf4a5 100644 --- a/popup.html +++ b/popup.html @@ -6,25 +6,31 @@ -
- -
-

渠道应用开发部知识库

- 跳转OA -
+
+ +
+

渠道应用开发部知识库

+ 跳转OA +
+
+ +
+
+ +
-
-
- - + - +
    +
    + + - \ No newline at end of file + diff --git a/popup.js b/popup.js index cd2cc60..bafb03d 100644 --- a/popup.js +++ b/popup.js @@ -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 = "
  • 加载中...
    • "; } + 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,9 +159,20 @@ 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("插件初始化完成"); -}); \ No newline at end of file +}); diff --git a/styles.css b/styles.css index 4e70952..24a97fb 100644 --- a/styles.css +++ b/styles.css @@ -146,4 +146,64 @@ h1 { .pagination button:hover { background-color: #ddd; -} \ No newline at end of file +} + +/* 基础结构样式保持不变，新增按钮样式 */ + +#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; +}