Upload 3 files

static/app.js

@@ -149,6 +149,8 @@ function cacheDOM() {
   DOM.filterExtList = $("#filter-ext-list");
   DOM.filterMinSize = $("#filter-min-size");
   DOM.filterMaxSize = $("#filter-max-size");
+  DOM.filterMinUnit = $("#filter-min-unit");
+  DOM.filterMaxUnit = $("#filter-max-unit");
   DOM.closeFiltersBtn = $("#close-filters-btn");
   DOM.folderSelectAll = $("#folder-select-all");
   DOM.folderDeselectAll = $("#folder-deselect-all");
@@ -373,8 +375,8 @@ function syncStateToURL(replace = true) {
   if (DOM.sortSelect.value !== "relevance") {
     params.set("sort", DOM.sortSelect.value);
   }
-  if (STATE.filterMinSize !== null) params.set("min_size", STATE.filterMinSize);
-  if (STATE.filterMaxSize !== null) params.set("max_size", STATE.filterMaxSize);
+  if (STATE.filterMinSize !== null) params.set("min_size", fmtSizeUrl(STATE.filterMinSize));
+  if (STATE.filterMaxSize !== null) params.set("max_size", fmtSizeUrl(STATE.filterMaxSize));
   if (!STATE.searchFolders) params.set("search_folders", "false");
   if (STATE.exact) params.set("exact", "1");
 
@@ -406,12 +408,30 @@ function syncURLToState() {
   DOM.sortSelect.value = sort;
 
   const minSize = params.get("min_size");
-  STATE.filterMinSize = minSize ? parseInt(minSize) : null;
-  DOM.filterMinSize.value = minSize || "";
+  if (minSize) {
+    var parsed = parseSizeStr(minSize);
+    STATE.filterMinSize = parsed;
+    var disp = bytesToDisplay(parsed);
+    DOM.filterMinSize.value = disp.value;
+    DOM.filterMinUnit.value = disp.unit;
+  } else {
+    STATE.filterMinSize = null;
+    DOM.filterMinSize.value = "";
+    DOM.filterMinUnit.value = "MB";
+  }
 
   const maxSize = params.get("max_size");
-  STATE.filterMaxSize = maxSize ? parseInt(maxSize) : null;
-  DOM.filterMaxSize.value = maxSize || "";
+  if (maxSize) {
+    var parsedMx = parseSizeStr(maxSize);
+    STATE.filterMaxSize = parsedMx;
+    var dispMx = bytesToDisplay(parsedMx);
+    DOM.filterMaxSize.value = dispMx.value;
+    DOM.filterMaxUnit.value = dispMx.unit;
+  } else {
+    STATE.filterMaxSize = null;
+    DOM.filterMaxSize.value = "";
+    DOM.filterMaxUnit.value = "MB";
+  }
 
   const searchFolders = params.get("search_folders");
   STATE.searchFolders = searchFolders !== "false";
@@ -1229,6 +1249,7 @@ function clearAllFilters() {
   STATE.filterMinSize = null; STATE.filterMaxSize = null;
   STATE.page = 1; STATE.results = [];
   DOM.filterMinSize.value = ""; DOM.filterMaxSize.value = "";
+  DOM.filterMinUnit.value = "MB"; DOM.filterMaxUnit.value = "MB";
   renderFilters(); doSearch(); showToast("已清空所有筛选条件");
   syncStateToURL(true);
 }
@@ -1337,9 +1358,43 @@ async function init() {
   DOM.emptyRandomBtn.addEventListener('click', randomBook);
 
   let sizeTimer;
-  const onSize = () => { clearTimeout(sizeTimer); sizeTimer = setTimeout(() => { STATE.filterMinSize = DOM.filterMinSize.value ? parseInt(DOM.filterMinSize.value) : null; STATE.filterMaxSize = DOM.filterMaxSize.value ? parseInt(DOM.filterMaxSize.value) : null; STATE.page = 1; STATE.results = []; doSearch(); }, 500); };
-  DOM.filterMinSize.addEventListener("input", onSize);
-  DOM.filterMaxSize.addEventListener("input", onSize);
+  const sizeInputToBytes = (input, unitSelect) => {
+    var val = parseFloat(input.value);
+    if (isNaN(val) || val < 0) return null;
+    var unit = unitSelect.value;
+    if (unit === "KB") val *= 1024;
+    else if (unit === "MB") val *= 1048576;
+    else if (unit === "GB") val *= 1073741824;
+    return Math.round(val);
+  };
+  const bytesToDisplay = (bytes) => {
+    if (bytes === null || bytes === undefined || bytes === 0) return { value: "", unit: "MB" };
+    if (bytes >= 1073741824) return { value: (bytes / 1073741824).toFixed(2).replace(/\.?0+$/, ""), unit: "GB" };
+    if (bytes >= 1048576) return { value: (bytes / 1048576).toFixed(1).replace(/\.0$/, ""), unit: "MB" };
+    if (bytes >= 1024) return { value: (bytes / 1024).toFixed(1).replace(/\.0$/, ""), unit: "KB" };
+    return { value: String(bytes), unit: "B" };
+  };
+  const fmtSizeUrl = (bytes) => {
+    if (bytes === null || bytes === undefined) return null;
+    var d = bytesToDisplay(bytes);
+    return d.value + d.unit;
+  };
+  const parseSizeStr = (str) => {
+    if (!str) return null;
+    var m = String(str).match(/^([\d.]+)\s*(GB|MB|KB|B)?$/i);
+    if (!m) return parseInt(str) || null;
+    var val = parseFloat(m[1]);
+    var unit = (m[2] || "B").toUpperCase();
+    if (unit === "GB") val *= 1073741824;
+    else if (unit === "MB") val *= 1048576;
+    else if (unit === "KB") val *= 1024;
+    return Math.round(val);
+  };
+  const applySizeFilter = () => { clearTimeout(sizeTimer); sizeTimer = setTimeout(() => { STATE.filterMinSize = sizeInputToBytes(DOM.filterMinSize, DOM.filterMinUnit); STATE.filterMaxSize = sizeInputToBytes(DOM.filterMaxSize, DOM.filterMaxUnit); STATE.page = 1; STATE.results = []; doSearch(); }, 500); };
+  DOM.filterMinSize.addEventListener("input", applySizeFilter);
+  DOM.filterMaxSize.addEventListener("input", applySizeFilter);
+  DOM.filterMinUnit.addEventListener("change", applySizeFilter);
+  DOM.filterMaxUnit.addEventListener("change", applySizeFilter);
 
   DOM.extSelectAll.addEventListener("click", () => { STATE.filterExtensions = (STATE.extensionList || []).map(e => e.name); STATE.page = 1; STATE.results = []; doSearch(); renderExtensionFilter(); });
   DOM.extDeselectAll.addEventListener("click", () => {

static/index.html

@@ -214,9 +214,21 @@
       <div class="filter-section">
         <div class="filter-section-title">文件大小</div>
         <div class="filter-size-row">
-          <input type="number" id="filter-min-size" class="size-input" placeholder="最小 (字节)" min="0" step="1">
+          <input type="number" id="filter-min-size" class="size-input" placeholder="最小" min="0" step="0.1">
+          <select id="filter-min-unit" class="size-unit">
+            <option value="B">B</option>
+            <option value="KB">KB</option>
+            <option value="MB" selected>MB</option>
+            <option value="GB">GB</option>
+          </select>
           <span class="size-sep">—</span>
-          <input type="number" id="filter-max-size" class="size-input" placeholder="最大 (字节)" min="0" step="1">
+          <input type="number" id="filter-max-size" class="size-input" placeholder="最大" min="0" step="0.1">
+          <select id="filter-max-unit" class="size-unit">
+            <option value="B">B</option>
+            <option value="KB">KB</option>
+            <option value="MB" selected>MB</option>
+            <option value="GB">GB</option>
+          </select>
         </div>
       </div>
     </div>

static/style.css

@@ -1030,6 +1030,15 @@ body.light .left-sidebar.expanded-wide .browser-item:nth-child(even) {
 .size-input:focus {
   border-color: var(--primary);
 }
+.size-unit {
+  font-size: 12px;
+  padding: 6px 4px;
+  border: 1px solid var(--outline-variant);
+  border-radius: var(--radius-sm);
+  background: var(--surface);
+  color: var(--on-surface);
+  cursor: pointer;
+}
 
 .size-sep {
   font-size: 12px;