niuma-ui 2.0.3 → 2.0.9

package/dist/components/upload/src/upload-utils.js

@@ -1,8 +1,24 @@
 //#region src/components/upload/src/upload-utils.ts
-function formatFileSize(size) {
-	if (size < 1024) return `${size} B`;
-	if (size < 1024 * 1024) return `${(size / 1024).toFixed(1)} KB`;
-	return `${(size / 1024 / 1024).toFixed(1)} MB`;
+function formatFileSize(size, locale) {
+	const abs = Number.isFinite(size) ? Math.max(0, size) : 0;
+	const units = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	let value = abs;
+	let unit = 0;
+	while (value >= 1024 && unit < units.length - 1) {
+		value /= 1024;
+		unit += 1;
+	}
+	if (unit === 0) return `${Math.round(value)} B`;
+	return `${locale ? new Intl.NumberFormat(locale, {
+		minimumFractionDigits: 1,
+		maximumFractionDigits: 1
+	}).format(value) : value.toFixed(1)} ${units[unit]}`;
 }
 function isFileAccepted(file, accept) {
 	if (!accept) return true;
@@ -40,17 +56,131 @@ function mergeUploadFiles(current, next, maxCount) {
 function removeUploadFileAt(files, index) {
 	return files.filter((_, currentIndex) => currentIndex !== index);
 }
-/** 触发浏览器下载指定 File / Blob */
+function isSameUploadFile(left, right) {
+	return left.name === right.name && left.size === right.size && left.lastModified === right.lastModified && left.type === right.type;
+}
+function skipDuplicateUploadFiles(current, incoming) {
+	return incoming.filter((file) => !current.some((item) => isSameUploadFile(item, file)));
+}
+function resolveUploadCapture(capture) {
+	if (capture === true) return "environment";
+	if (capture === "user" || capture === "environment") return capture;
+}
+function isImageUploadFile(file) {
+	if (file.type.startsWith("image/")) return true;
+	return resolveUploadFileIcon(file) === "file-image";
+}
+function asFileSystemEntry(item) {
+	const getter = item.webkitGetAsEntry;
+	if (typeof getter !== "function") return null;
+	return getter.call(item);
+}
+function droppedDataHasDirectory(data) {
+	const items = data?.items;
+	if (!items?.length) return false;
+	return Array.from(items).some((item) => asFileSystemEntry(item)?.isDirectory);
+}
+function readFileEntry(entry) {
+	return new Promise((resolve) => {
+		if (!entry.file) {
+			resolve(null);
+			return;
+		}
+		entry.file((file) => resolve(file), () => resolve(null));
+	});
+}
+function readDirectoryEntries(entry) {
+	const reader = entry.createReader?.();
+	if (!reader) return Promise.resolve([]);
+	const collected = [];
+	return new Promise((resolve) => {
+		const pump = () => {
+			reader.readEntries((batch) => {
+				if (!batch.length) {
+					resolve(collected);
+					return;
+				}
+				collected.push(...batch);
+				pump();
+			}, () => resolve(collected));
+		};
+		pump();
+	});
+}
+async function collectEntryFiles(entry, output) {
+	if (entry.isFile) {
+		const file = await readFileEntry(entry);
+		if (file) output.push(file);
+		return;
+	}
+	if (!entry.isDirectory) return;
+	const children = await readDirectoryEntries(entry);
+	for (const child of children) await collectEntryFiles(child, output);
+}
+/** 读取拖入的 File。文件夹走 webkitGetAsEntry；否则回退 dataTransfer.files。 */
+async function collectDroppedFiles(data) {
+	if (!data) return [];
+	const fromList = Array.from(data.files ?? []);
+	const items = data.items;
+	if (!items?.length) return fromList;
+	const entries = Array.from(items).map((item) => asFileSystemEntry(item)).filter((entry) => Boolean(entry));
+	if (!entries.length) return fromList;
+	const files = [];
+	for (const entry of entries) await collectEntryFiles(entry, files);
+	return files.length ? files : fromList;
+}
+function nextUploadPreviewUrls(current, files, enabled, createUrl) {
+	const live = new Set(files);
+	const next = /* @__PURE__ */ new Map();
+	const revoked = [];
+	if (!enabled) {
+		revoked.push(...current.values());
+		return {
+			next,
+			revoked
+		};
+	}
+	for (const [file, url] of current) if (live.has(file)) next.set(file, url);
+	else revoked.push(url);
+	for (const file of files) {
+		if (!isImageUploadFile(file) || next.has(file)) continue;
+		const url = createUrl(file);
+		if (url) next.set(file, url);
+	}
+	return {
+		next,
+		revoked
+	};
+}
+function pruneBrokenUploadPreview(broken, files) {
+	const live = new Set(files);
+	return new Set([...broken].filter((file) => live.has(file)));
+}
+function createUploadObjectUrl(file) {
+	if (typeof URL === "undefined" || typeof URL.createObjectURL !== "function") return "";
+	return URL.createObjectURL(file);
+}
+function revokeUploadObjectUrl(url) {
+	if (!url || typeof URL === "undefined" || typeof URL.revokeObjectURL !== "function") return;
+	URL.revokeObjectURL(url);
+}
+/** 触发浏览器下载指定 File / Blob。无 document 时空操作。延迟 revoke，避免下载被中断。 */
 function downloadUploadFile(file, filename) {
+	if (typeof document === "undefined" || typeof URL === "undefined") return;
 	const name = filename || (file instanceof File ? file.name : "download");
-	const url = URL.createObjectURL(file);
+	const url = createUploadObjectUrl(file);
+	if (!url) return;
 	const link = document.createElement("a");
 	link.href = url;
 	link.download = name;
 	document.body.appendChild(link);
 	link.click();
-	document.body.removeChild(link);
-	URL.revokeObjectURL(url);
+	link.remove();
+	if (typeof window === "undefined") {
+		revokeUploadObjectUrl(url);
+		return;
+	}
+	window.setTimeout(() => revokeUploadObjectUrl(url), 1500);
 }
 /** 将文本等内容还原为可回显的 File（编辑态回填） */
 function createUploadFileFromContent(name, content, type = "application/octet-stream") {
@@ -174,4 +304,4 @@ function resolveUploadFileIcon(file) {
 	return "file";
 }
 //#endregion
-export { createUploadFileFromContent, downloadUploadFile, formatFileSize, isFileAccepted, mergeUploadFiles, removeUploadFileAt, resolveUploadFileIcon, validateUploadFiles };
+export { collectDroppedFiles, createUploadFileFromContent, createUploadObjectUrl, downloadUploadFile, droppedDataHasDirectory, formatFileSize, isFileAccepted, isImageUploadFile, isSameUploadFile, mergeUploadFiles, nextUploadPreviewUrls, pruneBrokenUploadPreview, removeUploadFileAt, resolveUploadCapture, resolveUploadFileIcon, revokeUploadObjectUrl, skipDuplicateUploadFiles, validateUploadFiles };

package/dist/components/virtual-list/index.d.ts

@@ -1,3 +1,3 @@
 export { default as RsVirtualList } from './src/RsVirtualList.js';
-export type { RsVirtualListItemSize } from './src/virtual-list-utils';
+export type { RsVirtualListAlign, RsVirtualListExpose, RsVirtualListInstance, RsVirtualListItemKey, RsVirtualListItemSize, RsVirtualListOrientation, } from './src/virtual-list-utils';
 export { resolveItemSize, resolveVirtualListHeight } from './src/virtual-list-utils';

package/dist/components/virtual-list/src/RsVirtualList.css

@@ -1,28 +1,83 @@
 
-.rs-virtual-list[data-v-4d459ccc] {
+.rs-virtual-list[data-v-c4f5f6d4] {
   overflow: auto;
-  border: 1px solid var(--rs-border-subtle);
+  box-sizing: border-box;
+  border: 1px solid var(--rs-virtual-list-border, var(--rs-border-subtle));
   border-radius: var(--rs-virtual-list-radius, var(--rs-radius-sm));
+  background: var(--rs-virtual-list-bg, var(--rs-surface));
+  color: var(--rs-virtual-list-fg, var(--rs-text-primary));
+  text-align: start;
+}
+.rs-virtual-list--horizontal[data-v-c4f5f6d4] {
+  overflow-x: auto;
+  overflow-y: hidden;
 }
-.rs-virtual-list--fill[data-v-4d459ccc] {
+.rs-virtual-list--borderless[data-v-c4f5f6d4] {
+  border-color: transparent;
+  background: transparent;
+}
+.rs-virtual-list--fill[data-v-c4f5f6d4] {
   flex: 1;
   align-self: stretch;
   width: 100%;
   min-height: 0;
   height: 0;
 }
-.rs-virtual-list__spacer[data-v-4d459ccc] {
+.rs-virtual-list--keyboard[data-v-c4f5f6d4]:focus-visible {
+  outline: var(--rs-focus-ring-width, 2px) solid var(--rs-focus-border);
+  outline-offset: calc(var(--rs-focus-ring-width, 2px) * -1);
+}
+.rs-virtual-list__spacer[data-v-c4f5f6d4] {
   position: relative;
 }
-.rs-virtual-list__items[data-v-4d459ccc] {
+.rs-virtual-list__items[data-v-c4f5f6d4] {
   position: absolute;
   inset-inline: 0;
   top: 0;
+  transform: translate3d(var(--rs-virtual-list-x, 0px), var(--rs-virtual-list-y, 0px), 0);
 }
-.rs-virtual-list__item[data-v-4d459ccc] {
+.rs-virtual-list--scrolling .rs-virtual-list__items[data-v-c4f5f6d4] {
+  will-change: transform;
+}
+.rs-virtual-list--horizontal .rs-virtual-list__items[data-v-c4f5f6d4] {
+  inset-inline: auto;
+  inset-inline-start: 0;
+  display: flex;
+  flex-direction: row;
+  width: max-content;
+  height: 100%;
+}
+.rs-virtual-list__item[data-v-c4f5f6d4] {
+  position: relative;
   box-sizing: border-box;
 }
-.rs-virtual-list__item--active[data-v-4d459ccc] {
-  background: color-mix(in srgb, var(--rs-primary) 14%, var(--rs-surface));
-  box-shadow: inset 2px 0 0 var(--rs-primary);
+.rs-virtual-list--horizontal .rs-virtual-list__item[data-v-c4f5f6d4] {
+  flex: none;
+  height: 100%;
+}
+.rs-virtual-list__item--active[data-v-c4f5f6d4] {
+  background: var(
+    --rs-virtual-list-active-bg,
+    color-mix(in srgb, var(--rs-primary) 14%, var(--rs-surface))
+  );
+}
+.rs-virtual-list__item--active[data-v-c4f5f6d4]::before {
+  content: '';
+  position: absolute;
+  inset-inline-start: 0;
+  inset-block: 0;
+  width: var(--rs-virtual-list-accent-width, 0.125rem);
+  background: var(--rs-virtual-list-accent, var(--rs-primary));
+  pointer-events: none;
+}
+.rs-virtual-list__empty[data-v-c4f5f6d4] {
+  padding: var(--rs-space-lg);
+  color: var(--rs-text-secondary);
+  font-size: var(--rs-font-size-sm);
+  text-align: start;
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-virtual-list--scrolling .rs-virtual-list__items[data-v-c4f5f6d4] {
+    will-change: auto;
+}
 }

package/dist/components/virtual-list/src/RsVirtualList.d.ts

@@ -1,30 +1,56 @@
 import type { RsRadius } from '../../../theme/types';
-import type { RsVirtualListItemSize } from './virtual-list-utils';
+import type { RsVirtualListAlign, RsVirtualListItemKey, RsVirtualListItemSize, RsVirtualListOrientation } from './virtual-list-utils';
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<({
         items: T[];
         itemSize?: RsVirtualListItemSize;
+        /** `'auto'` 时，测量前用来估算总高度。 */
+        estimateSize?: number;
         height?: number | string;
         overscan?: number;
-        activeIndex?: number | null;
         /** keep-alive 外层可见性；变为 true 时重同步视口与 scroll 位置 */
         layoutActive?: boolean;
         /** 外层圆角。直角列表传 `none`。默认 sm。 */
         radius?: RsRadius;
+        /** 滚动轴。默认纵向。 */
+        orientation?: RsVirtualListOrientation;
+        /** 稳定键。默认用索引，滚动时复用同一批节点。 */
+        itemKey?: RsVirtualListItemKey<T>;
+        /**
+         * 方向键 / Home / End 移动当前项。默认关，避免抢走外层（如日志）的键盘。
+         * 打开后根是 listbox，需要焦点。
+         */
+        keyboard?: boolean;
+        /** 外框。嵌进已有表面时关掉。 */
+        bordered?: boolean;
+        ariaLabel?: string;
+        id?: string;
+    } & {
+        activeIndex?: number | null;
+    }) & {
+        onChange?: ((index: number, item: T) => any) | undefined;
+        onScroll?: ((event: Event) => any) | undefined;
+        "onUpdate:activeIndex"?: ((value: number | null) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        scrollToIndex: (index: number, align?: "nearest" | "center" | "start" | "end") => void;
+        scrollToIndex: (index: number, align?: RsVirtualListAlign) => void;
+        scrollToOffset: (offset: number) => void;
+        getScrollOffset: () => number;
+        getViewport: () => HTMLElement | undefined;
+        focus: () => void;
     }>) => void;
     attrs: any;
     slots: {
+        empty?: (props: {}) => any;
+    } & {
         default?: (props: {
             item: T;
             index: number;
         }) => any;
     };
-    emit: {};
+    emit: (((evt: "change", index: number, item: T) => void) & ((evt: "scroll", event: Event) => void)) & ((event: "update:activeIndex", value: number | null) => void);
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };