vitepress-plugin-filelist 0.6.2 → 0.7.0

package/dist/client/browser/index.js

@@ -179,12 +179,29 @@ function previewKind(name) {
 function totalSize(items) {
 	return items.reduce((sum, item) => sum + (Number.isFinite(item.size) && (item.size ?? 0) > 0 ? item.size : 0), 0);
 }
-function compareNodes(a, b, key, ascending = true) {
+const collators = /* @__PURE__ */ new Map();
+/**
+* Name order for a UI locale: pinyin for Chinese, alphabetical for English,
+* with numbers in natural order (“2” before “10”) either way.
+*/
+function collatorFor(locale) {
+	const tag = locale.toLowerCase().startsWith("zh") ? "zh-Hans-CN" : "en";
+	let collator = collators.get(tag);
+	if (!collator) {
+		collator = new Intl.Collator(tag, {
+			numeric: true,
+			sensitivity: "base"
+		});
+		collators.set(tag, collator);
+	}
+	return collator;
+}
+function compareNodes(a, b, key, ascending = true, locale = "zh-CN") {
 	if (a.is_dir !== b.is_dir) return a.is_dir ? -1 : 1;
 	let result = 0;
 	if (key === "size") result = a.size - b.size;
 	else if (key === "modified") result = new Date(a.modified).getTime() - new Date(b.modified).getTime();
-	else result = a.name.localeCompare(b.name, "zh-Hans-CN", { numeric: true });
+	else result = collatorFor(locale).compare(a.name, b.name) || (a.name < b.name ? -1 : a.name > b.name ? 1 : 0);
 	return ascending ? result : -result;
 }
 /**
@@ -899,6 +916,20 @@ const fileListLocales = {
 		forgetPassword: "忘记",
 		unlockFolder: "输入 {name} 的密码",
 		networkHint: "可能被跨域拦截：请检查 OpenList 的 cors.allow_origins，或 OpenList-Worker 的 ALLOW_URLS。",
+		deepHint: "只筛选了已加载的内容",
+		deepSearch: "深度搜索",
+		deepRunning: "正在深度搜索 · 已查找 {count} 个文件夹",
+		deepStop: "停止",
+		deepDone: "已搜索全部 {count} 个文件夹",
+		deepCapped: "已查找 {count} 个文件夹，还有未搜索的子目录",
+		deepContinue: "继续",
+		deepSkipped: "跳过 {count} 个加密文件夹",
+		deepFailed: "{count} 个文件夹读取失败",
+		viewMode: "显示方式",
+		viewSource: "源码",
+		viewRendered: "渲染",
+		htmlSandboxNote: "已禁用脚本；网页引用的相对路径资源不会加载",
+		imageOmitted: "［图片：{alt}］",
 		batchFailedTitle: "打包失败",
 		batchFailedHint: "可以减少勾选的文件后重试。",
 		downloadStarted: "已交给浏览器下载：{name}",
@@ -979,6 +1010,20 @@ const fileListLocales = {
 		forgetPassword: "Forget",
 		unlockFolder: "Enter the password for {name}",
 		networkHint: "Possibly blocked by CORS: check cors.allow_origins in OpenList, or ALLOW_URLS in OpenList-Worker.",
+		deepHint: "Only loaded folders are filtered",
+		deepSearch: "Deep search",
+		deepRunning: "Searching · {count} folders checked",
+		deepStop: "Stop",
+		deepDone: "Searched all {count} folders",
+		deepCapped: "{count} folders checked; some sub-folders remain",
+		deepContinue: "Continue",
+		deepSkipped: "{count} locked folders skipped",
+		deepFailed: "{count} folders could not be read",
+		viewMode: "View",
+		viewSource: "Source",
+		viewRendered: "Rendered",
+		htmlSandboxNote: "Scripts are disabled; resources at relative paths do not load",
+		imageOmitted: "[Image: {alt}]",
 		batchFailedTitle: "Could not create the ZIP",
 		batchFailedHint: "Try again with fewer files selected.",
 		downloadStarted: "Downloading {name} in your browser",
@@ -1007,6 +1052,45 @@ function resolveLabels(locale = "zh-CN", overrides) {
 		...overrides
 	};
 }
+// src/client/markdown.ts
+/**
+* Markdown → safe HTML for the preview dialog. Loaded on demand, so pages that
+* never render Markdown do not download markdown-it or DOMPurify.
+*
+* - Raw HTML in the file is allowed, then sanitised (no scripts, handlers, iframes...)
+* - Only absolute http(s) / mailto links stay clickable, opening in a new tab;
+*   relative links (to other files in the share) become plain text
+* - Images with a relative source are replaced by their alt text, because the
+*   share's relative paths do not resolve on the documentation site
+*/
+async function renderMarkdown(source, imageLabel) {
+	const [{ default: MarkdownIt }, { default: DOMPurify }] = await Promise.all([import("markdown-it"), import("dompurify")]);
+	const probe = DOMPurify.isSupported ? DOMPurify.sanitize("<img src=\"x\" onerror=\"1\"><script>1<\/script>") : "<script";
+	if (/<script|onerror/i.test(probe)) throw new Error("HTML sanitiser unavailable");
+	const html = new MarkdownIt({
+		html: true,
+		linkify: true
+	}).render(source);
+	const template = document.createElement("template");
+	template.innerHTML = DOMPurify.sanitize(html);
+	const fragment = template.content;
+	for (const link of fragment.querySelectorAll("a")) {
+		const href = link.getAttribute("href") ?? "";
+		if (/^(https?:|mailto:)/i.test(href)) {
+			link.setAttribute("target", "_blank");
+			link.setAttribute("rel", "noopener noreferrer");
+		} else link.replaceWith(...link.childNodes);
+	}
+	for (const image of fragment.querySelectorAll("img")) {
+		const src = image.getAttribute("src") ?? "";
+		if (/^(https?:|data:image\/)/i.test(src)) continue;
+		const placeholder = document.createElement("span");
+		placeholder.className = "fl-md-image";
+		placeholder.textContent = imageLabel(image.getAttribute("alt") || src.split("/").pop() || "");
+		image.replaceWith(placeholder);
+	}
+	return template.innerHTML;
+}
 // src/client/PreviewDialog.vue
 const _hoisted_1$1 = ["aria-label"];
 const _hoisted_2$1 = {
@@ -1031,33 +1115,40 @@ const _hoisted_13$1 = [
 	"aria-label",
 	"title"
 ];
-const _hoisted_14$1 = { class: "fl-preview-tools fl-preview-actions" };
-const _hoisted_15$1 = ["aria-label", "title"];
-const _hoisted_16$1 = ["aria-label", "title"];
-const _hoisted_17$1 = ["data-mode"];
-const _hoisted_18$1 = {
+const _hoisted_14$1 = ["aria-label"];
+const _hoisted_15$1 = ["aria-pressed", "onClick"];
+const _hoisted_16$1 = { class: "fl-preview-tools fl-preview-actions" };
+const _hoisted_17$1 = ["aria-label", "title"];
+const _hoisted_18$1 = ["aria-label", "title"];
+const _hoisted_19$1 = ["data-mode"];
+const _hoisted_20$1 = {
 	key: 0,
 	class: "fl-preview-status",
 	role: "status"
 };
-const _hoisted_19$1 = ["src", "alt"];
-const _hoisted_20$1 = ["src"];
-const _hoisted_21$1 = ["src"];
-const _hoisted_22$1 = {
-	key: 4,
-	class: "fl-preview-text"
-};
-const _hoisted_23$1 = {
+const _hoisted_21$1 = ["src", "alt"];
+const _hoisted_22$1 = ["src"];
+const _hoisted_23$1 = ["src"];
+const _hoisted_24$1 = {
 	key: 0,
 	class: "fl-preview-note"
 };
-const _hoisted_24$1 = ["src", "title"];
-const _hoisted_25$1 = {
+const _hoisted_25$1 = ["innerHTML"];
+const _hoisted_26$1 = {
+	key: 1,
+	class: "fl-preview-status",
+	role: "status"
+};
+const _hoisted_27$1 = { class: "fl-preview-note" };
+const _hoisted_28$1 = ["srcdoc", "title"];
+const _hoisted_29$1 = { key: 3 };
+const _hoisted_30$1 = ["src", "title"];
+const _hoisted_31$1 = {
 	key: 6,
 	class: "fl-preview-info"
 };
-const _hoisted_26$1 = ["data-kind"];
-const _hoisted_27$1 = { class: "fl-preview-message" };
+const _hoisted_32$1 = ["data-kind"];
+const _hoisted_33$1 = { class: "fl-preview-message" };
 const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	__name: "PreviewDialog",
 	props: {
@@ -1090,7 +1181,9 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		/**
 		* File preview in a native <dialog>, without leaving the page.
 		*
-		* image / video / audio: native elements; text: the first `maxTextBytes`
+		* image / video / audio: native elements; text: the first `maxTextBytes`,
+		* with Markdown and HTML switchable between source (default) and rendered
+		* (Markdown sanitised in VitePress' doc style, HTML in a script-less sandbox);
 		* through a Range request; pdf: the first matching OpenList `iframe_previews`
 		* viewer, else the browser's reader through a Blob. Anything else (Office
 		* included), failures, oversized PDFs and demo mode: file info + download.
@@ -1109,8 +1202,18 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const blobUrl = ref("");
 		const rotation = ref(0);
 		const actualSize = ref(false);
+		/** Markdown / HTML: show the source or render it. Kept while the page is open. */
+		const view = ref("source");
+		const renderedHtml = ref("");
 		let controller;
 		let loadSeq = 0;
+		/** Text files that can also be rendered. */
+		const renderAs = computed(() => {
+			const name = props.file?.name ?? "";
+			if (/\.(md|markdown)$/i.test(name)) return "markdown";
+			if (/\.html?$/i.test(name)) return "html";
+			return null;
+		});
 		const tooLarge = computed(() => kind.value === "pdf" && !props.viewer && (props.file?.size ?? 0) > props.maxPdfBytes);
 		const mode = computed(() => {
 			if (props.demo) return "demo";
@@ -1120,6 +1223,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			return kind.value;
 		});
 		const busy = computed(() => !props.demo && kind.value !== "none" && !props.error && !bodyFailed.value && (props.resolving || loadingBody.value || !props.src && !tooLarge.value));
+		const canRender = computed(() => !!renderAs.value && mode.value === "text" && !busy.value);
 		const infoMessage = computed(() => {
 			const file = props.file;
 			if (!file) return "";
@@ -1140,6 +1244,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			loadingBody.value = false;
 			bodyFailed.value = false;
 			textContent.value = "";
+			renderedHtml.value = "";
 			truncated.value = false;
 			rotation.value = 0;
 			actualSize.value = false;
@@ -1221,6 +1326,20 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			props.error,
 			props.demo
 		], () => void loadBody(), { immediate: true });
+		watch(() => [
+			view.value,
+			renderAs.value,
+			textContent.value
+		], async ([current, as, text]) => {
+			if (current !== "rendered" || as !== "markdown" || !text) return;
+			const seq = loadSeq;
+			try {
+				const html = await renderMarkdown(text, (alt) => t("imageOmitted", { alt }));
+				if (seq === loadSeq) renderedHtml.value = html;
+			} catch {
+				if (seq === loadSeq) view.value = "source";
+			}
+		});
 		watch(() => props.open, (open) => {
 			const el = dialog.value;
 			if (!el) return;
@@ -1270,49 +1389,66 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 					"aria-hidden": "true"
 				}, toDisplayString(unref(extOf)(__props.file.name) || "FILE"), 9, _hoisted_4$1),
 				createElementVNode("div", _hoisted_5$1, [createElementVNode("span", _hoisted_6$1, toDisplayString(__props.file.name), 1), createElementVNode("span", _hoisted_7$1, toDisplayString(unref(formatSize)(__props.file.size)) + " · " + toDisplayString(unref(formatDate)(__props.file.modified)), 1)]),
-				__props.total > 1 || mode.value === "image" && !busy.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, [__props.total > 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-					createElementVNode("button", {
-						class: "fl-preview-tool",
+				__props.total > 1 || mode.value === "image" && !busy.value || canRender.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+					__props.total > 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+						createElementVNode("button", {
+							class: "fl-preview-tool",
+							type: "button",
+							"aria-label": t("previous"),
+							title: t("previous"),
+							onClick: _cache[0] || (_cache[0] = ($event) => emit("prev"))
+						}, [createVNode(_sfc_main$2, {
+							name: "previous",
+							size: 18
+						})], 8, _hoisted_9$1),
+						createElementVNode("span", _hoisted_10$1, toDisplayString(__props.position) + " / " + toDisplayString(__props.total), 1),
+						createElementVNode("button", {
+							class: "fl-preview-tool",
+							type: "button",
+							"aria-label": t("next"),
+							title: t("next"),
+							onClick: _cache[1] || (_cache[1] = ($event) => emit("next"))
+						}, [createVNode(_sfc_main$2, {
+							name: "next",
+							size: 18
+						})], 8, _hoisted_11$1)
+					], 64)) : createCommentVNode("v-if", true),
+					mode.value === "image" && !busy.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("button", {
+						class: "fl-preview-tool fl-preview-rotate",
 						type: "button",
-						"aria-label": t("previous"),
-						title: t("previous"),
-						onClick: _cache[0] || (_cache[0] = ($event) => emit("prev"))
+						"aria-label": t("rotate"),
+						title: t("rotate"),
+						onClick: _cache[2] || (_cache[2] = ($event) => rotation.value = (rotation.value + 90) % 360)
 					}, [createVNode(_sfc_main$2, {
-						name: "previous",
-						size: 18
-					})], 8, _hoisted_9$1),
-					createElementVNode("span", _hoisted_10$1, toDisplayString(__props.position) + " / " + toDisplayString(__props.total), 1),
-					createElementVNode("button", {
-						class: "fl-preview-tool",
+						name: "refresh",
+						size: 17
+					})], 8, _hoisted_12$1), createElementVNode("button", {
+						class: "fl-preview-tool fl-preview-zoom",
 						type: "button",
-						"aria-label": t("next"),
-						title: t("next"),
-						onClick: _cache[1] || (_cache[1] = ($event) => emit("next"))
+						"aria-pressed": actualSize.value,
+						"aria-label": t("actualSize"),
+						title: t("actualSize"),
+						onClick: _cache[3] || (_cache[3] = ($event) => actualSize.value = !actualSize.value)
 					}, [createVNode(_sfc_main$2, {
-						name: "next",
-						size: 18
-					})], 8, _hoisted_11$1)
-				], 64)) : createCommentVNode("v-if", true), mode.value === "image" && !busy.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("button", {
-					class: "fl-preview-tool fl-preview-rotate",
-					type: "button",
-					"aria-label": t("rotate"),
-					title: t("rotate"),
-					onClick: _cache[2] || (_cache[2] = ($event) => rotation.value = (rotation.value + 90) % 360)
-				}, [createVNode(_sfc_main$2, {
-					name: "refresh",
-					size: 17
-				})], 8, _hoisted_12$1), createElementVNode("button", {
-					class: "fl-preview-tool fl-preview-zoom",
-					type: "button",
-					"aria-pressed": actualSize.value,
-					"aria-label": t("actualSize"),
-					title: t("actualSize"),
-					onClick: _cache[3] || (_cache[3] = ($event) => actualSize.value = !actualSize.value)
-				}, [createVNode(_sfc_main$2, {
-					name: actualSize.value ? "zoomOut" : "zoomIn",
-					size: 17
-				}, null, 8, ["name"])], 8, _hoisted_13$1)], 64)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
-				createElementVNode("div", _hoisted_14$1, [!__props.demo ? (openBlock(), createElementBlock("button", {
+						name: actualSize.value ? "zoomOut" : "zoomIn",
+						size: 17
+					}, null, 8, ["name"])], 8, _hoisted_13$1)], 64)) : createCommentVNode("v-if", true),
+					canRender.value ? (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: "fl-preview-view",
+						role: "group",
+						"aria-label": t("viewMode")
+					}, [(openBlock(), createElementBlock(Fragment, null, renderList(["source", "rendered"], (option) => {
+						return createElementVNode("button", {
+							key: option,
+							class: "fl-preview-view-btn",
+							type: "button",
+							"aria-pressed": view.value === option,
+							onClick: ($event) => view.value = option
+						}, toDisplayString(t(option === "source" ? "viewSource" : "viewRendered")), 9, _hoisted_15$1);
+					}), 64))], 8, _hoisted_14$1)) : createCommentVNode("v-if", true)
+				])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_16$1, [!__props.demo ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					class: "fl-preview-tool fl-preview-download",
 					type: "button",
@@ -1322,7 +1458,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				}, [createVNode(_sfc_main$2, {
 					name: "download",
 					size: 17
-				})], 8, _hoisted_15$1)) : createCommentVNode("v-if", true), createElementVNode("button", {
+				})], 8, _hoisted_17$1)) : createCommentVNode("v-if", true), createElementVNode("button", {
 					class: "fl-preview-tool fl-preview-close",
 					type: "button",
 					autofocus: "",
@@ -1332,18 +1468,18 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				}, [createVNode(_sfc_main$2, {
 					name: "close",
 					size: 18
-				})], 8, _hoisted_16$1)])
+				})], 8, _hoisted_18$1)])
 			]), createElementVNode("div", {
 				class: "fl-preview-body",
 				"data-mode": busy.value ? "loading" : mode.value
-			}, [busy.value ? (openBlock(), createElementBlock("div", _hoisted_18$1, toDisplayString(t("loading")), 1)) : mode.value === "image" ? (openBlock(), createElementBlock("img", {
+			}, [busy.value ? (openBlock(), createElementBlock("div", _hoisted_20$1, toDisplayString(t("loading")), 1)) : mode.value === "image" ? (openBlock(), createElementBlock("img", {
 				key: 1,
 				class: normalizeClass(["fl-preview-image", { "fl-preview-actual": actualSize.value }]),
 				src: __props.src,
 				alt: __props.file.name,
 				style: normalizeStyle({ transform: rotation.value ? `rotate(${rotation.value}deg)` : void 0 }),
 				onError: markFailed
-			}, null, 46, _hoisted_19$1)) : mode.value === "video" ? (openBlock(), createElementBlock("video", {
+			}, null, 46, _hoisted_21$1)) : mode.value === "video" ? (openBlock(), createElementBlock("video", {
 				key: 2,
 				class: "fl-preview-video",
 				src: __props.src,
@@ -1351,25 +1487,42 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				playsinline: "",
 				preload: "metadata",
 				onError: markFailed
-			}, null, 40, _hoisted_20$1)) : mode.value === "audio" ? (openBlock(), createElementBlock("audio", {
+			}, null, 40, _hoisted_22$1)) : mode.value === "audio" ? (openBlock(), createElementBlock("audio", {
 				key: 3,
 				class: "fl-preview-audio",
 				src: __props.src,
 				controls: "",
 				preload: "metadata",
 				onError: markFailed
-			}, null, 40, _hoisted_21$1)) : mode.value === "text" ? (openBlock(), createElementBlock("div", _hoisted_22$1, [truncated.value ? (openBlock(), createElementBlock("p", _hoisted_23$1, toDisplayString(t("textTruncated", { size: unref(formatSize)(__props.maxTextBytes) })), 1)) : createCommentVNode("v-if", true), createElementVNode("pre", null, toDisplayString(textContent.value), 1)])) : mode.value === "pdf" ? (openBlock(), createElementBlock("iframe", {
+			}, null, 40, _hoisted_23$1)) : mode.value === "text" ? (openBlock(), createElementBlock("div", {
+				key: 4,
+				class: normalizeClass(["fl-preview-text", { "fl-preview-rendered": renderAs.value && view.value === "rendered" }])
+			}, [truncated.value ? (openBlock(), createElementBlock("p", _hoisted_24$1, toDisplayString(t("textTruncated", { size: unref(formatSize)(__props.maxTextBytes) })), 1)) : createCommentVNode("v-if", true), renderAs.value === "markdown" && view.value === "rendered" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" sanitised by renderMarkdown (DOMPurify) "), renderedHtml.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "vp-doc fl-md",
+				innerHTML: renderedHtml.value
+			}, null, 8, _hoisted_25$1)) : (openBlock(), createElementBlock("div", _hoisted_26$1, toDisplayString(t("loading")), 1))], 64)) : renderAs.value === "html" && view.value === "rendered" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+				createElementVNode("p", _hoisted_27$1, toDisplayString(t("htmlSandboxNote")), 1),
+				createCommentVNode(" empty sandbox: no scripts, no forms, no popups, an opaque origin "),
+				createElementVNode("iframe", {
+					class: "fl-preview-html",
+					sandbox: "",
+					referrerpolicy: "no-referrer",
+					srcdoc: textContent.value,
+					title: __props.file.name
+				}, null, 8, _hoisted_28$1)
+			], 64)) : (openBlock(), createElementBlock("pre", _hoisted_29$1, toDisplayString(textContent.value), 1))], 2)) : mode.value === "pdf" ? (openBlock(), createElementBlock("iframe", {
 				key: 5,
 				class: "fl-preview-frame",
 				src: __props.viewer || blobUrl.value,
 				title: __props.file.name
-			}, null, 8, _hoisted_24$1)) : (openBlock(), createElementBlock("div", _hoisted_25$1, [
+			}, null, 8, _hoisted_30$1)) : (openBlock(), createElementBlock("div", _hoisted_31$1, [
 				createElementVNode("span", {
 					class: "fl-type fl-preview-badge",
 					"data-kind": unref(fileKind)(__props.file.name),
 					"aria-hidden": "true"
-				}, toDisplayString(unref(extOf)(__props.file.name) || "FILE"), 9, _hoisted_26$1),
-				createElementVNode("p", _hoisted_27$1, toDisplayString(infoMessage.value), 1),
+				}, toDisplayString(unref(extOf)(__props.file.name) || "FILE"), 9, _hoisted_32$1),
+				createElementVNode("p", _hoisted_33$1, toDisplayString(infoMessage.value), 1),
 				!__props.demo ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					class: "fl-btn fl-btn-primary",
@@ -1379,7 +1532,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 					name: "download",
 					size: 15
 				}), createTextVNode(" " + toDisplayString(t("download")), 1)])) : createCommentVNode("v-if", true)
-			]))], 8, _hoisted_17$1)])) : createCommentVNode("v-if", true)], 40, _hoisted_1$1);
+			]))], 8, _hoisted_19$1)])) : createCommentVNode("v-if", true)], 40, _hoisted_1$1);
 		};
 	}
 });
@@ -1406,9 +1559,9 @@ function toNodes(items, parent, password) {
 		zipPath: [...parent.zipPath, item.name]
 	}));
 }
-function sortTree(nodes, key, ascending) {
-	nodes.sort((a, b) => compareNodes(a, b, key, ascending));
-	for (const node of nodes) if (node.children.length) sortTree(node.children, key, ascending);
+function sortTree(nodes, key, ascending, locale) {
+	nodes.sort((a, b) => compareNodes(a, b, key, ascending, locale));
+	for (const node of nodes) if (node.children.length) sortTree(node.children, key, ascending, locale);
 }
 /** Loaded files at or under a node. */
 function descendantFiles(node) {
@@ -1724,24 +1877,28 @@ const _hoisted_52 = {
 const _hoisted_53 = ["data-kind"];
 const _hoisted_54 = { class: "fl-label" };
 const _hoisted_55 = ["onClick"];
-const _hoisted_56 = { class: "fl-meta" };
-const _hoisted_57 = {
+const _hoisted_56 = {
+	key: 0,
+	class: "fl-hit"
+};
+const _hoisted_57 = { class: "fl-meta" };
+const _hoisted_58 = {
 	key: 5,
 	class: "fl-count"
 };
-const _hoisted_58 = ["id"];
-const _hoisted_59 = [
+const _hoisted_59 = ["id"];
+const _hoisted_60 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_60 = {
+const _hoisted_61 = {
 	key: 8,
 	class: "fl-loading",
 	"aria-hidden": "true"
 };
-const _hoisted_61 = ["onSubmit", "onKeydown"];
-const _hoisted_62 = [
+const _hoisted_62 = ["onSubmit", "onKeydown"];
+const _hoisted_63 = [
 	"onUpdate:modelValue",
 	"data-unlock",
 	"placeholder",
@@ -1749,40 +1906,49 @@ const _hoisted_62 = [
 	"aria-invalid",
 	"aria-describedby"
 ];
-const _hoisted_63 = [
+const _hoisted_64 = [
 	"aria-pressed",
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_64 = ["disabled"];
-const _hoisted_65 = [
+const _hoisted_65 = ["disabled"];
+const _hoisted_66 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_66 = { class: "fl-cell fl-cell-size" };
-const _hoisted_67 = { class: "fl-cell fl-cell-date" };
-const _hoisted_68 = { class: "fl-cell fl-cell-op" };
-const _hoisted_69 = ["aria-label", "onClick"];
-const _hoisted_70 = [
+const _hoisted_67 = { class: "fl-cell fl-cell-size" };
+const _hoisted_68 = { class: "fl-cell fl-cell-date" };
+const _hoisted_69 = { class: "fl-cell fl-cell-op" };
+const _hoisted_70 = ["aria-label", "onClick"];
+const _hoisted_71 = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
 ];
-const _hoisted_71 = [
+const _hoisted_72 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_72 = [
+const _hoisted_73 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-const _hoisted_73 = { class: "fl-foot" };
 const _hoisted_74 = {
 	key: 4,
+	class: "fl-row fl-deep",
+	role: "status"
+};
+const _hoisted_75 = { class: "fl-cell fl-more-cell" };
+const _hoisted_76 = { class: "fl-more-count" };
+const _hoisted_77 = { class: "fl-more-count" };
+const _hoisted_78 = { class: "fl-more-count" };
+const _hoisted_79 = { class: "fl-foot" };
+const _hoisted_80 = {
+	key: 5,
 	class: "fl-toast",
 	role: "status"
 };
@@ -1806,6 +1972,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			default: true
 		},
 		pageSize: { default: 200 },
+		deepSearchLimit: { default: 500 },
 		zipWarnSize: {},
 		zipMaxSize: {},
 		locale: { default: "zh-CN" },
@@ -1870,7 +2037,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return isNetworkError(error) ? `${message} ${t("corsHint")}` : message;
 		}
 		function sortNodes(nodes) {
-			sortTree(nodes, sortKey.value, sortAsc.value);
+			sortTree(nodes, sortKey.value, sortAsc.value, props.locale);
 		}
 		function focusUnlock(path) {
 			nextTick(() => {
@@ -1975,7 +2142,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		* Load a folder's children. A password error locks the folder instead of
 		* toasting; `prompt` also shows its same-row input (and focuses it).
 		*/
-		async function loadChildren(node, prompt = false) {
+		async function loadChildren(node, prompt = false, quiet = false) {
 			if (node.loaded) return true;
 			if (node.lock) {
 				if (prompt) startPrompt(node, prompt === "focus");
@@ -1991,7 +2158,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					node.expanded = false;
 					node.lock = newLock(false, passwords.dropStale(rememberedAt) ? "stale" : "");
 					if (prompt) startPrompt(node, prompt === "focus");
-				} else showToast(failureMessage("folderFailed", error));
+				} else if (!quiet) showToast(failureMessage("folderFailed", error));
 				return false;
 			} finally {
 				node.loading = false;
@@ -2078,6 +2245,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}
 		/** First load, or a retry after an error: shows the loading state. */
 		async function loadRoot() {
+			stopDeepSearch();
 			refreshSeq += 1;
 			refreshing.value = false;
 			loadingRoot.value = true;
@@ -2101,6 +2269,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		*/
 		async function refresh() {
 			if (refreshing.value || loadingRoot.value) return;
+			stopDeepSearch();
 			if (!roots.value.length || errorMsg.value || rootLock.value) {
 				await loadRoot();
 				return;
@@ -2200,6 +2369,124 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return out;
 		});
 		const visible = computed(() => rows.value.filter((row) => !isMore(row)));
+		/** A name split around the filter keyword, for highlighting. */
+		function nameParts(name) {
+			const query = keyword.value.trim().toLowerCase();
+			if (!query) return [{
+				text: name,
+				hit: false
+			}];
+			const parts = [];
+			const lower = name.toLowerCase();
+			let from = 0;
+			for (let at = lower.indexOf(query); at !== -1; at = lower.indexOf(query, from)) {
+				if (at > from) parts.push({
+					text: name.slice(from, at),
+					hit: false
+				});
+				parts.push({
+					text: name.slice(at, at + query.length),
+					hit: true
+				});
+				from = at + query.length;
+			}
+			if (from < name.length) parts.push({
+				text: name.slice(from),
+				hit: false
+			});
+			return parts;
+		}
+		/**
+		* The filter only sees loaded folders. Deep search loads the rest under the
+		* mounted paths (four at a time, `deepSearchLimit` per run) so matches appear
+		* in place, in their folders, like any other row. Locked folders are skipped.
+		*/
+		const deep = reactive({
+			running: false,
+			searched: 0,
+			skipped: 0,
+			failed: 0,
+			capped: false,
+			done: false
+		});
+		let deepSeq = 0;
+		/** Folders that are known but not loaded yet (locked ones excluded). */
+		function unloadedFolders() {
+			const out = [];
+			const walk = (nodes) => {
+				for (const node of nodes) {
+					if (!node.is_dir || node.lock) continue;
+					if (!node.loaded) out.push(node);
+					else walk(node.children);
+				}
+			};
+			walk(roots.value);
+			return out;
+		}
+		const hasUnloaded = computed(() => unloadedFolders().length > 0);
+		const deepRow = computed(() => {
+			if (!keyword.value.trim()) return null;
+			if (deep.running) return "running";
+			if (deep.capped) return "capped";
+			if (hasUnloaded.value) return "idle";
+			return deep.done ? "done" : null;
+		});
+		async function deepSearch() {
+			const seq = ++deepSeq;
+			const limit = Math.max(1, Math.floor(props.deepSearchLimit ?? 500));
+			const runStart = deep.searched;
+			Object.assign(deep, {
+				running: true,
+				capped: false,
+				done: false,
+				skipped: 0,
+				failed: 0
+			});
+			let wave = unloadedFolders();
+			while (wave.length && seq === deepSeq) {
+				const next = [];
+				const queue = [...wave];
+				const worker = async () => {
+					for (let node = queue.shift(); node && seq === deepSeq; node = queue.shift()) {
+						if (deep.searched - runStart >= limit) return;
+						deep.searched += 1;
+						if (!await loadChildren(node, false, true)) {
+							if (node.lock) deep.skipped += 1;
+							else deep.failed += 1;
+							continue;
+						}
+						for (const child of node.children) if (child.is_dir && !child.loaded && !child.lock) next.push(child);
+					}
+				};
+				await Promise.all(Array.from({ length: Math.min(4, queue.length) }, worker));
+				if (deep.searched - runStart >= limit) break;
+				wave = next;
+			}
+			if (seq !== deepSeq) return;
+			deep.running = false;
+			deep.capped = hasUnloaded.value && deep.searched - runStart >= limit;
+			deep.done = !deep.capped;
+		}
+		function stopDeepSearch() {
+			deepSeq += 1;
+			deep.running = false;
+		}
+		watch(keyword, (value) => {
+			if (value.trim()) return;
+			stopDeepSearch();
+			Object.assign(deep, {
+				searched: 0,
+				skipped: 0,
+				failed: 0,
+				capped: false,
+				done: false
+			});
+		});
+		const deepSummary = computed(() => [
+			deepRow.value === "capped" ? t("deepCapped", { count: deep.searched }) : t("deepDone", { count: deep.searched }),
+			deep.skipped ? t("deepSkipped", { count: deep.skipped }) : "",
+			deep.failed ? t("deepFailed", { count: deep.failed }) : ""
+		].filter(Boolean).join(" · "));
 		const stats = computed(() => folderStats(roots.value, selected.value));
 		const noStats = {
 			files: 0,
@@ -2736,14 +3023,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							createElementVNode("span", _hoisted_54, [createElementVNode("span", {
 								class: normalizeClass(["fl-name", { "fl-name-dir": node.is_dir }]),
 								onClick: ($event) => node.lock || node.is_dir ? toggleExpand(node) : download(node)
-							}, toDisplayString(node.name), 11, _hoisted_55), createElementVNode("span", _hoisted_56, [!node.is_dir ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(formatSize)(node.size)) + " · " + toDisplayString(unref(formatDate)(node.modified)), 1)], 64)) : node.loaded ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(t("folderItems", { count: statsOf(node).files })) + " · " + toDisplayString(unref(formatSize)(statsOf(node).bytes)), 1)], 64)) : createCommentVNode("v-if", true)])]),
-							node.is_dir && node.loaded ? (openBlock(), createElementBlock("span", _hoisted_57, toDisplayString(t("folderItems", { count: statsOf(node).files })), 1)) : createCommentVNode("v-if", true),
+							}, [(openBlock(true), createElementBlock(Fragment, null, renderList(nameParts(node.name), (part, at) => {
+								return openBlock(), createElementBlock(Fragment, { key: at }, [part.hit ? (openBlock(), createElementBlock("mark", _hoisted_56, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+							}), 128))], 10, _hoisted_55), createElementVNode("span", _hoisted_57, [!node.is_dir ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(formatSize)(node.size)) + " · " + toDisplayString(unref(formatDate)(node.modified)), 1)], 64)) : node.loaded ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(t("folderItems", { count: statsOf(node).files })) + " · " + toDisplayString(unref(formatSize)(statsOf(node).bytes)), 1)], 64)) : createCommentVNode("v-if", true)])]),
+							node.is_dir && node.loaded ? (openBlock(), createElementBlock("span", _hoisted_58, toDisplayString(t("folderItems", { count: statsOf(node).files })), 1)) : createCommentVNode("v-if", true),
 							node.lock?.prompting && node.lock.error ? (openBlock(), createElementBlock("span", {
 								key: 6,
 								id: `${unref(uid)}-error-${index}`,
 								class: "fl-unlock-message",
 								role: "alert"
-							}, toDisplayString(unlockErrorText(node.lock.error)), 9, _hoisted_58)) : createCommentVNode("v-if", true),
+							}, toDisplayString(unlockErrorText(node.lock.error)), 9, _hoisted_59)) : createCommentVNode("v-if", true),
 							!node.lock && unref(remembered).has(node.path) ? (openBlock(), createElementBlock("button", {
 								key: 7,
 								class: "fl-remembered",
@@ -2754,8 +3043,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "key",
 								size: 11
-							}), createTextVNode(" " + toDisplayString(t("remembered")) + " · " + toDisplayString(t("forgetPassword")), 1)], 8, _hoisted_59)) : createCommentVNode("v-if", true),
-							node.loading ? (openBlock(), createElementBlock("span", _hoisted_60, "…")) : createCommentVNode("v-if", true)
+							}), createTextVNode(" " + toDisplayString(t("remembered")) + " · " + toDisplayString(t("forgetPassword")), 1)], 8, _hoisted_60)) : createCommentVNode("v-if", true),
+							node.loading ? (openBlock(), createElementBlock("span", _hoisted_61, "…")) : createCommentVNode("v-if", true)
 						], 8, _hoisted_48),
 						node.lock?.prompting ? (openBlock(), createElementBlock("form", {
 							key: 0,
@@ -2777,7 +3066,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								"aria-label": t("passwordFor", { name: node.name }),
 								"aria-invalid": !!node.lock.error,
 								"aria-describedby": node.lock.error ? `${unref(uid)}-error-${index}` : void 0
-							}, null, 8, _hoisted_62), [[vModelText, node.lock.input]]),
+							}, null, 8, _hoisted_63), [[vModelText, node.lock.input]]),
 							canRemember.value ? (openBlock(), createElementBlock("button", {
 								key: 0,
 								class: "fl-unlock-remember",
@@ -2786,12 +3075,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								"aria-label": t("rememberPassword"),
 								title: t("rememberPassword"),
 								onClick: ($event) => node.lock.remember = !node.lock.remember
-							}, [createVNode(_sfc_main$2, { name: "key" })], 8, _hoisted_63)) : createCommentVNode("v-if", true),
+							}, [createVNode(_sfc_main$2, { name: "key" })], 8, _hoisted_64)) : createCommentVNode("v-if", true),
 							createElementVNode("button", {
 								class: "fl-unlock-submit",
 								type: "submit",
 								disabled: node.lock.busy || !node.lock.input
-							}, toDisplayString(t("open")), 9, _hoisted_64),
+							}, toDisplayString(t("open")), 9, _hoisted_65),
 							createElementVNode("button", {
 								class: "fl-unlock-cancel",
 								type: "button",
@@ -2801,11 +3090,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "close",
 								size: 14
-							})], 8, _hoisted_65)
-						], 40, _hoisted_61)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-							createElementVNode("span", _hoisted_66, toDisplayString(node.is_dir ? "—" : unref(formatSize)(node.size)), 1),
-							createElementVNode("span", _hoisted_67, toDisplayString(unref(formatDate)(node.modified)), 1),
-							createElementVNode("span", _hoisted_68, [node.lock ? (openBlock(), createElementBlock("button", {
+							})], 8, _hoisted_66)
+						], 40, _hoisted_62)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+							createElementVNode("span", _hoisted_67, toDisplayString(node.is_dir ? "—" : unref(formatSize)(node.size)), 1),
+							createElementVNode("span", _hoisted_68, toDisplayString(unref(formatDate)(node.modified)), 1),
+							createElementVNode("span", _hoisted_69, [node.lock ? (openBlock(), createElementBlock("button", {
 								key: 0,
 								class: "fl-action fl-arrow-end fl-lock",
 								type: "button",
@@ -2814,7 +3103,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "lock",
 								size: 18
-							})], 8, _hoisted_69)) : node.is_dir ? (openBlock(), createElementBlock("button", {
+							})], 8, _hoisted_70)) : node.is_dir ? (openBlock(), createElementBlock("button", {
 								key: 1,
 								class: normalizeClass(["fl-action fl-arrow-end", { "fl-arrow-open": node.expanded }]),
 								type: "button",
@@ -2824,25 +3113,49 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							}, [createVNode(_sfc_main$2, {
 								name: "next",
 								size: 18
-							})], 10, _hoisted_70)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [canPreview(node) ? (openBlock(), createElementBlock("button", {
+							})], 10, _hoisted_71)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [canPreview(node) ? (openBlock(), createElementBlock("button", {
 								key: 0,
 								class: "fl-action fl-preview-btn",
 								type: "button",
 								"aria-label": `${t("preview")} ${node.name}`,
 								title: t("preview"),
 								onClick: ($event) => preview(node)
-							}, [createVNode(_sfc_main$2, { name: "eye" })], 8, _hoisted_71)) : createCommentVNode("v-if", true), createElementVNode("button", {
+							}, [createVNode(_sfc_main$2, { name: "eye" })], 8, _hoisted_72)) : createCommentVNode("v-if", true), createElementVNode("button", {
 								class: "fl-action fl-download",
 								type: "button",
 								"aria-label": `${t("download")} ${node.name}`,
 								title: t("download"),
 								onClick: ($event) => download(node)
-							}, [createVNode(_sfc_main$2, { name: "download" })], 8, _hoisted_72)], 64))])
+							}, [createVNode(_sfc_main$2, { name: "download" })], 8, _hoisted_73)], 64))])
 						], 64))
 					], 6))], 64);
 				}), 128)),
-				createElementVNode("div", _hoisted_73, [createElementVNode("span", null, toDisplayString(t("loaded", { count: allFiles.value.length })) + " · " + toDisplayString(t("totalSize", { size: unref(formatSize)(unref(totalSize)(allFiles.value)) })), 1)]),
-				toast.value ? (openBlock(), createElementBlock("div", _hoisted_74, toDisplayString(toast.value), 1)) : createCommentVNode("v-if", true),
+				deepRow.value ? (openBlock(), createElementBlock("div", _hoisted_74, [_cache[14] || (_cache[14] = createElementVNode("span", { class: "fl-cell fl-cell-check" }, null, -1)), createElementVNode("span", _hoisted_75, [_cache[13] || (_cache[13] = createElementVNode("span", {
+					class: "fl-indent",
+					"aria-hidden": "true"
+				}, null, -1)), deepRow.value === "running" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+					createElementVNode("span", _hoisted_76, toDisplayString(t("deepRunning", { count: deep.searched })), 1),
+					createElementVNode("button", {
+						class: "fl-more-btn fl-more-all",
+						type: "button",
+						onClick: stopDeepSearch
+					}, toDisplayString(t("deepStop")), 1),
+					_cache[12] || (_cache[12] = createElementVNode("span", {
+						class: "fl-deep-bar",
+						"aria-hidden": "true"
+					}, null, -1))
+				], 64)) : deepRow.value === "idle" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_77, toDisplayString(deep.searched ? deepSummary.value : t("deepHint")), 1), createElementVNode("button", {
+					class: "fl-more-btn",
+					type: "button",
+					onClick: deepSearch
+				}, toDisplayString(t("deepSearch")), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("span", _hoisted_78, toDisplayString(deepSummary.value), 1), deepRow.value === "capped" ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					class: "fl-more-btn",
+					type: "button",
+					onClick: deepSearch
+				}, toDisplayString(t("deepContinue")), 1)) : createCommentVNode("v-if", true)], 64))])])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_79, [createElementVNode("span", null, toDisplayString(t("loaded", { count: allFiles.value.length })) + " · " + toDisplayString(t("totalSize", { size: unref(formatSize)(unref(totalSize)(allFiles.value)) })), 1)]),
+				toast.value ? (openBlock(), createElementBlock("div", _hoisted_80, toDisplayString(toast.value), 1)) : createCommentVNode("v-if", true),
 				createVNode(_sfc_main$3, {
 					open: !!zipDialog.value,
 					title: zipDialog.value?.title ?? "",