niuma-ui 2.0.3 → 2.0.9

package/dist/components/virtual-list/src/virtual-list-utils.js

@@ -1,5 +1,8 @@
 //#region src/components/virtual-list/src/virtual-list-utils.ts
+/** Chrome / Firefox 可滚动高度上限之下，避免超长列表把滚动条撑爆。 */
+var RS_VIRTUAL_LIST_MAX_EXTENT = 8e6;
 function resolveItemSize(itemSize, index = 0) {
+	if (itemSize === "auto") return 32;
 	const size = typeof itemSize === "function" ? itemSize(index) : itemSize;
 	return Number.isFinite(size) && size > 0 ? size : 32;
 }
@@ -24,5 +27,216 @@ function parseVirtualListHeightPx(height) {
 	}
 	return null;
 }
+function normalizeOverscan(value, fallback = 4) {
+	if (value == null || !Number.isFinite(value)) return fallback;
+	return Math.max(0, Math.floor(value));
+}
+function capExtent(total, max = RS_VIRTUAL_LIST_MAX_EXTENT) {
+	if (!Number.isFinite(total) || total <= 0) return 0;
+	return Math.min(total, max);
+}
+function axisMax(total, viewport) {
+	return Math.max(0, total - Math.max(0, viewport));
+}
+/** 内容偏移 → 滚动条偏移。未触顶时二者相同。 */
+function contentToScroll(content, total, viewport, extent) {
+	const contentMax = axisMax(total, viewport);
+	const scrollMax = axisMax(extent, viewport);
+	if (contentMax === 0 || scrollMax === 0) return 0;
+	return Math.min(1, Math.max(0, content / contentMax)) * scrollMax;
+}
+/** 滚动条偏移 → 内容偏移。未触顶时二者相同。 */
+function scrollToContent(scroll, total, viewport, extent) {
+	const contentMax = axisMax(total, viewport);
+	const scrollMax = axisMax(extent, viewport);
+	if (contentMax === 0 || scrollMax === 0) return 0;
+	return Math.min(1, Math.max(0, scroll / scrollMax)) * contentMax;
+}
+/** 窗口在滚动内容里的平移。scale 为 1 时等于条目偏移。 */
+function windowOrigin(scroll, contentOffset, itemOffset) {
+	return scroll + itemOffset - contentOffset;
+}
+function buildVirtualMetrics(count, itemSize, measured, estimate = 32) {
+	const countSafe = Number.isFinite(count) && count > 0 ? Math.floor(count) : 0;
+	const estimatePx = resolveItemSize(estimate);
+	if (itemSize !== "auto" && typeof itemSize !== "function") {
+		const size = resolveItemSize(itemSize);
+		const total = countSafe * size;
+		return {
+			fixed: size,
+			total,
+			extent: capExtent(total),
+			sizeAt: () => size,
+			offsetAt: (index) => {
+				if (countSafe <= 0) return 0;
+				if (index >= countSafe) return total;
+				return Math.max(0, index) * size;
+			}
+		};
+	}
+	const sizes = new Array(countSafe);
+	const offsets = new Array(countSafe);
+	let total = 0;
+	for (let index = 0; index < countSafe; index += 1) {
+		let size = estimatePx;
+		if (itemSize === "auto") {
+			const known = measured?.get(index);
+			if (known != null && known > 0) size = known;
+		} else size = resolveItemSize(itemSize, index);
+		sizes[index] = size;
+		offsets[index] = total;
+		total += size;
+	}
+	return {
+		fixed: null,
+		total,
+		extent: capExtent(total),
+		sizeAt: (index) => {
+			if (index < 0 || index >= countSafe) return estimatePx;
+			return sizes[index] ?? estimatePx;
+		},
+		offsetAt: (index) => {
+			if (countSafe <= 0 || index <= 0) return 0;
+			if (index >= countSafe) return total;
+			return offsets[index] ?? total;
+		}
+	};
+}
+function findIndexAtOffset(count, offset, metrics) {
+	if (count <= 0) return 0;
+	const target = Math.max(0, offset);
+	if (metrics.fixed) return Math.min(count - 1, Math.floor(target / metrics.fixed));
+	let lo = 0;
+	let hi = count - 1;
+	let answer = 0;
+	while (lo <= hi) {
+		const mid = lo + hi >> 1;
+		if (metrics.offsetAt(mid) <= target) {
+			answer = mid;
+			lo = mid + 1;
+		} else hi = mid - 1;
+	}
+	return answer;
+}
+function resolveVisibleRange(count, contentOffset, viewport, overscan, metrics) {
+	if (count <= 0) return {
+		start: 0,
+		end: 0,
+		offset: 0
+	};
+	const over = normalizeOverscan(overscan);
+	const scroll = Math.max(0, contentOffset);
+	if (metrics.fixed) {
+		const start = Math.max(0, Math.floor(scroll / metrics.fixed) - over);
+		const visible = Math.ceil(Math.max(0, viewport) / metrics.fixed) + over * 2;
+		return {
+			start,
+			end: Math.min(count, start + visible),
+			offset: metrics.offsetAt(start)
+		};
+	}
+	const startIndex = findIndexAtOffset(count, scroll, metrics);
+	const endIndex = findIndexAtOffset(count, scroll + Math.max(0, viewport), metrics);
+	const start = Math.max(0, startIndex - over);
+	return {
+		start,
+		end: Math.min(count, endIndex + 1 + over),
+		offset: metrics.offsetAt(start)
+	};
+}
+function resolveAlignedOffset(options) {
+	const { index, align, count, viewport, contentOffset, total, offsetAt, sizeAt } = options;
+	if (index < 0 || index >= count) return null;
+	const itemTop = offsetAt(index);
+	const itemSize = sizeAt(index);
+	const itemBottom = itemTop + itemSize;
+	const viewTop = contentOffset;
+	const viewBottom = viewTop + viewport;
+	const maxScroll = axisMax(total, viewport);
+	if (align === "nearest" && itemTop >= viewTop && itemBottom <= viewBottom) return null;
+	let next = itemTop - (viewport - itemSize) / 2;
+	if (align === "start") next = itemTop;
+	if (align === "end") next = itemBottom - viewport;
+	if (align === "nearest") if (itemTop < viewTop) next = itemTop;
+	else if (itemBottom > viewBottom) next = itemBottom - viewport;
+	else return null;
+	return Math.min(maxScroll, Math.max(0, next));
+}
+function readHorizontalOffset(scrollLeft, max, rtl, type) {
+	if (!rtl || type === "default") return Math.max(0, scrollLeft);
+	if (type === "negative") return Math.abs(scrollLeft);
+	return Math.max(0, max - scrollLeft);
+}
+function writeHorizontalOffset(offset, max, rtl, type) {
+	const next = Math.min(Math.max(0, max), Math.max(0, offset));
+	if (!rtl || type === "default") return next;
+	if (type === "negative") return -next;
+	return Math.max(0, max - next);
+}
+var cachedRtlScrollType = null;
+/** 探测当前引擎的 RTL scrollLeft。探测节点用完即删。无 document 时按 default。 */
+function detectRtlScrollType() {
+	if (cachedRtlScrollType) return cachedRtlScrollType;
+	if (typeof document === "undefined" || !document.body) return "default";
+	const dummy = document.createElement("div");
+	const inner = document.createElement("div");
+	dummy.dir = "rtl";
+	dummy.style.cssText = "width:4px;height:1px;position:absolute;top:-9999px;overflow:scroll;visibility:hidden";
+	inner.style.cssText = "width:8px;height:1px";
+	dummy.appendChild(inner);
+	document.body.appendChild(dummy);
+	try {
+		const initial = dummy.scrollLeft;
+		dummy.scrollLeft = -1;
+		if (dummy.scrollLeft < 0) cachedRtlScrollType = "negative";
+		else if (initial > 0) cachedRtlScrollType = "reverse";
+		else cachedRtlScrollType = "default";
+	} finally {
+		dummy.remove();
+	}
+	return cachedRtlScrollType;
+}
+function resolveVirtualListKeyIndex(options) {
+	const { count } = options;
+	if (count <= 0) return null;
+	let motion = null;
+	const key = options.key;
+	if (options.orientation === "vertical") {
+		if (key === "ArrowDown") motion = 1;
+		else if (key === "ArrowUp") motion = -1;
+		else if (key === "PageDown") motion = "page-down";
+		else if (key === "PageUp") motion = "page-up";
+		else if (key === "Home") motion = "home";
+		else if (key === "End") motion = "end";
+	} else {
+		const forward = options.rtl ? "ArrowLeft" : "ArrowRight";
+		const backward = options.rtl ? "ArrowRight" : "ArrowLeft";
+		if (key === forward) motion = 1;
+		else if (key === backward) motion = -1;
+		else if (key === "Home") motion = "home";
+		else if (key === "End") motion = "end";
+	}
+	if (motion == null) return null;
+	const current = options.index;
+	const page = Math.max(1, Math.floor(options.pageSize) || 1);
+	if (motion === "home") return 0;
+	if (motion === "end") return count - 1;
+	if (motion === "page-down") {
+		const base = current == null || current < 0 ? -1 : current;
+		return Math.min(count - 1, base + page);
+	}
+	if (motion === "page-up") return Math.max(0, (current == null || current < 0 ? 0 : current) - page);
+	if (current == null || current < 0) return motion > 0 ? 0 : count - 1;
+	return Math.min(count - 1, Math.max(0, current + motion));
+}
+function readVirtualItemBox(entry, orientation) {
+	const box = entry.borderBoxSize?.[0];
+	if (box) {
+		const value = orientation === "horizontal" ? box.inlineSize : box.blockSize;
+		if (value > 0) return value;
+	}
+	const rect = orientation === "horizontal" ? entry.contentRect.width : entry.contentRect.height;
+	return Math.max(0, rect);
+}
 //#endregion
-export { isVirtualListFillHeight, parseVirtualListHeightPx, resolveItemSize, resolveVirtualListHeight };
+export { RS_VIRTUAL_LIST_MAX_EXTENT, axisMax, buildVirtualMetrics, capExtent, contentToScroll, detectRtlScrollType, findIndexAtOffset, isVirtualListFillHeight, normalizeOverscan, parseVirtualListHeightPx, readHorizontalOffset, readVirtualItemBox, resolveAlignedOffset, resolveItemSize, resolveVirtualListHeight, resolveVirtualListKeyIndex, resolveVisibleRange, scrollToContent, windowOrigin, writeHorizontalOffset };

package/dist/composables/useRsLoadingBar.d.ts

@@ -1,9 +1,6 @@
 import { type InjectionKey, type ShallowRef } from 'vue';
-export type RsLoadingBarApi = {
-    start: () => void;
-    finish: () => void;
-    error: () => void;
-};
+import type { RsLoadingBarApi } from '../components/loading-bar/src/loading-bar-utils';
+export type { RsLoadingBarApi } from '../components/loading-bar/src/loading-bar-utils';
 export declare const RS_LOADING_BAR_KEY: InjectionKey<ShallowRef<RsLoadingBarApi | null>>;
 /**
  * useRsLoadingBar 读取最近的 RsLoadingBar 实例 API。

package/dist/composables/useRsLoadingBar.js

@@ -1,6 +1,15 @@
 import { inject } from "vue";
 //#region src/composables/useRsLoadingBar.ts
 var RS_LOADING_BAR_KEY = Symbol("rs-loading-bar");
+var noop = {
+	start() {},
+	finish() {},
+	error() {},
+	set() {},
+	inc() {},
+	getProgress: () => 0,
+	isStarted: () => false
+};
 /**
 * useRsLoadingBar 读取最近的 RsLoadingBar 实例 API。
 * 调用方须位于 RsLoadingBar 默认插槽的后代树中；
@@ -8,11 +17,6 @@ var RS_LOADING_BAR_KEY = Symbol("rs-loading-bar");
 */
 function useRsLoadingBar() {
 	const injected = inject(RS_LOADING_BAR_KEY, null);
-	const noop = {
-		start() {},
-		finish() {},
-		error() {}
-	};
 	if (!injected) return noop;
 	return {
 		start() {
@@ -23,6 +27,18 @@ function useRsLoadingBar() {
 		},
 		error() {
 			injected.value?.error();
+		},
+		set(progress) {
+			injected.value?.set(progress);
+		},
+		inc(amount) {
+			injected.value?.inc(amount);
+		},
+		getProgress() {
+			return injected.value?.getProgress() ?? 0;
+		},
+		isStarted() {
+			return injected.value?.isStarted() ?? false;
 		}
 	};
 }

package/dist/composables/useRsTabsNav.d.ts

@@ -1,5 +1,5 @@
 import { type ComputedRef, type Ref } from 'vue';
-import { type RsTabItem, type RsTabsOverflow } from '../components/tabs/src/tabs-utils';
+import { type RsTabItem, type RsTabsOverflow, type RsTabsPosition } from '../components/tabs/src/tabs-utils';
 interface UseRsTabsNavOptions {
     items: ComputedRef<RsTabItem[]>;
     activeValue: Ref<string>;
@@ -11,6 +11,7 @@ interface UseRsTabsNavOptions {
     /** 右侧 #extra 区域，计入下拉溢出预留宽度 */
     extraRef?: Ref<HTMLElement | null>;
     addButtonWidth: number;
+    position?: ComputedRef<RsTabsPosition>;
 }
 export declare function useRsTabsNav(options: UseRsTabsNavOptions): {
     navViewportRef: Ref<HTMLElement | null, HTMLElement | null>;
@@ -29,5 +30,6 @@ export declare function useRsTabsNav(options: UseRsTabsNavOptions): {
     scrollNav: (direction: -1 | 1) => void;
     onNavScroll: () => void;
     scheduleLayout: () => void;
+    axis: ComputedRef<"x" | "y">;
 };
 export {};

package/dist/composables/useRsTabsNav.js

@@ -1,4 +1,4 @@
-import { resolveVisibleTabValues } from "../components/tabs/src/tabs-utils.js";
+import { isVerticalTabsPosition, resolveVisibleTabValues } from "../components/tabs/src/tabs-utils.js";
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
 //#region src/composables/useRsTabsNav.ts
 function useRsTabsNav(options) {
@@ -8,6 +8,10 @@ function useRsTabsNav(options) {
 	const canScrollPrev = ref(false);
 	const canScrollNext = ref(false);
 	let resizeObserver = null;
+	let disposed = false;
+	let layoutRaf = 0;
+	let boundViewport = null;
+	const axis = computed(() => isVerticalTabsPosition(options.position?.value ?? "top") ? "y" : "x");
 	const useDropdownOverflow = computed(() => options.overflow.value === "dropdown");
 	const useScrollOverflow = computed(() => options.overflow.value === "scroll");
 	const visibleTabItems = computed(() => options.items.value.filter((item) => visibleValues.value.has(item.value)));
@@ -18,13 +22,16 @@ function useRsTabsNav(options) {
 	})));
 	const activeInHidden = computed(() => hiddenItems.value.some((item) => item.value === options.activeValue.value));
 	const showOverflowMenu = computed(() => useDropdownOverflow.value && hiddenItems.value.length > 0);
+	function measureAlongAxis(node) {
+		return axis.value === "y" ? node.offsetHeight : node.offsetWidth;
+	}
 	function measureTriggerWidths() {
 		const measureRoot = options.measureRef.value;
 		if (measureRoot) {
 			const next = /* @__PURE__ */ new Map();
 			for (const node of measureRoot.querySelectorAll("[data-tab-value]")) {
 				const value = node.dataset.tabValue;
-				if (value) next.set(value, node.offsetWidth);
+				if (value) next.set(value, measureAlongAxis(node));
 			}
 			if (next.size > 0) return next;
 		}
@@ -33,16 +40,21 @@ function useRsTabsNav(options) {
 		if (!viewport) return next;
 		for (const trigger of viewport.querySelectorAll(".rs-tabs__trigger[data-tab-value]")) {
 			const value = trigger.dataset.tabValue;
-			if (value) next.set(value, trigger.offsetWidth);
+			if (value) next.set(value, measureAlongAxis(trigger));
 		}
 		return next;
 	}
-	function reservedWidth() {
-		let width = 0;
-		if (useDropdownOverflow.value && options.items.value.length > 1) width += options.overflowRef.value?.offsetWidth ?? 76;
-		if (options.canAdd.value) width += options.addButtonWidth;
-		width += options.extraRef?.value?.offsetWidth ?? 0;
-		return width;
+	function reservedSize() {
+		let size = 0;
+		if (useDropdownOverflow.value && options.items.value.length > 1) {
+			const overflowNode = options.overflowRef.value;
+			const overflowFallback = axis.value === "y" ? 36 : 76;
+			size += overflowNode ? measureAlongAxis(overflowNode) : overflowFallback;
+		}
+		if (options.canAdd.value) size += options.addButtonWidth;
+		const extra = options.extraRef?.value;
+		if (extra) size += measureAlongAxis(extra);
+		return size;
 	}
 	function recomputeVisibleTabs() {
 		if (!useDropdownOverflow.value) {
@@ -52,8 +64,8 @@ function useRsTabsNav(options) {
 		const nav = options.navRef.value;
 		if (!nav) return;
 		triggerWidths.value = measureTriggerWidths();
-		const availableWidth = nav.clientWidth;
-		visibleValues.value = resolveVisibleTabValues(options.items.value, triggerWidths.value, availableWidth, options.activeValue.value, reservedWidth(), { keepActiveVisible: false });
+		const available = axis.value === "y" ? nav.clientHeight : nav.clientWidth;
+		visibleValues.value = resolveVisibleTabValues(options.items.value, triggerWidths.value, available, options.activeValue.value, reservedSize(), { keepActiveVisible: false });
 	}
 	function updateScrollButtons() {
 		const viewport = navViewportRef.value;
@@ -62,39 +74,87 @@ function useRsTabsNav(options) {
 			canScrollNext.value = false;
 			return;
 		}
+		if (axis.value === "y") {
+			canScrollPrev.value = viewport.scrollTop > 1;
+			canScrollNext.value = viewport.scrollTop + viewport.clientHeight < viewport.scrollHeight - 1;
+			return;
+		}
 		canScrollPrev.value = viewport.scrollLeft > 1;
 		canScrollNext.value = viewport.scrollLeft + viewport.clientWidth < viewport.scrollWidth - 1;
 	}
 	function scrollNav(direction) {
-		navViewportRef.value?.scrollBy({
-			left: direction * 180,
+		const viewport = navViewportRef.value;
+		if (!viewport) return;
+		const delta = direction * 180;
+		if (axis.value === "y") {
+			viewport.scrollBy({
+				top: delta,
+				behavior: "smooth"
+			});
+			return;
+		}
+		viewport.scrollBy({
+			left: delta,
 			behavior: "smooth"
 		});
 	}
 	function onNavScroll() {
 		updateScrollButtons();
 	}
+	function scrollElementIntoView(el, viewport) {
+		if (axis.value === "y") {
+			const top = el.offsetTop;
+			const bottom = top + el.offsetHeight;
+			if (top < viewport.scrollTop) viewport.scrollTop = top;
+			else if (bottom > viewport.scrollTop + viewport.clientHeight) viewport.scrollTop = bottom - viewport.clientHeight;
+			return;
+		}
+		const left = el.offsetLeft;
+		const right = left + el.offsetWidth;
+		if (left < viewport.scrollLeft) viewport.scrollLeft = left;
+		else if (right > viewport.scrollLeft + viewport.clientWidth) viewport.scrollLeft = right - viewport.clientWidth;
+	}
 	async function scrollActiveTabIntoView() {
 		if (!useScrollOverflow.value) return;
 		await nextTick();
+		if (disposed) return;
 		const viewport = navViewportRef.value;
 		if (!viewport) return;
-		viewport.querySelector(`.rs-tabs__trigger[data-state='active']`)?.scrollIntoView({
-			inline: "nearest",
-			block: "nearest",
-			behavior: "smooth"
-		});
+		const active = viewport.querySelector(`.rs-tabs__trigger[data-state='active']`);
+		if (active) scrollElementIntoView(active, viewport);
 		updateScrollButtons();
 	}
+	function onNavWheel(event) {
+		if (disposed || !useScrollOverflow.value || axis.value === "y") return;
+		const viewport = navViewportRef.value;
+		if (!viewport) return;
+		if (Math.abs(event.deltaY) <= Math.abs(event.deltaX)) return;
+		if (viewport.scrollWidth <= viewport.clientWidth) return;
+		event.preventDefault();
+		viewport.scrollLeft += event.deltaY;
+		onNavScroll();
+	}
+	function unbindWheel() {
+		if (!boundViewport) return;
+		boundViewport.removeEventListener("wheel", onNavWheel);
+		boundViewport = null;
+	}
+	function bindWheel() {
+		const viewport = navViewportRef.value;
+		unbindWheel();
+		if (!viewport || !useScrollOverflow.value || axis.value === "y") return;
+		viewport.addEventListener("wheel", onNavWheel, { passive: false });
+		boundViewport = viewport;
+	}
 	function scheduleLayout() {
-		nextTick(() => {
+		if (disposed) return;
+		if (layoutRaf) cancelAnimationFrame(layoutRaf);
+		layoutRaf = requestAnimationFrame(() => {
+			layoutRaf = 0;
+			if (disposed) return;
 			recomputeVisibleTabs();
 			updateScrollButtons();
-			if (!useDropdownOverflow.value) return;
-			nextTick(() => {
-				recomputeVisibleTabs();
-				updateScrollButtons();
-			});
+			bindWheel();
 		});
 	}
 	onMounted(() => {
@@ -105,18 +165,25 @@ function useRsTabsNav(options) {
 		resizeObserver.observe(nav);
 	});
 	onUnmounted(() => {
+		disposed = true;
+		if (layoutRaf) cancelAnimationFrame(layoutRaf);
+		layoutRaf = 0;
+		unbindWheel();
 		resizeObserver?.disconnect();
 		resizeObserver = null;
 	});
 	watch(() => [
-		options.items.value,
+		options.items.value.map((item) => item.value).join("\0"),
+		options.items.value.map((item) => `${item.label}\0${item.icon ?? ""}\0${item.badge ?? ""}`).join("\n"),
 		options.overflow.value,
-		options.canAdd.value
-	], () => scheduleLayout(), { deep: true });
+		options.canAdd.value,
+		axis.value
+	].join("\n"), () => scheduleLayout());
 	watch(options.activeValue, () => {
 		scheduleLayout();
 		scrollActiveTabIntoView();
 	});
+	watch(navViewportRef, () => bindWheel());
 	return {
 		navViewportRef,
 		useDropdownOverflow,
@@ -130,7 +197,8 @@ function useRsTabsNav(options) {
 		canScrollNext,
 		scrollNav,
 		onNavScroll,
-		scheduleLayout
+		scheduleLayout,
+		axis
 	};
 }
 //#endregion

package/dist/composables/useRsToast.d.ts

@@ -1,15 +1,13 @@
-import type { RsToastPosition, RsToastType } from '../components/_shared/src/overlay-utils';
-export type { RsToastPosition, RsToastType };
-export type RsToastInput = string | {
-    title: string;
-    description?: string;
-    position?: RsToastPosition;
-    duration?: number;
-};
+import { type RsToastInput, type RsToastKind, type RsToastOptions, type RsToastPromiseMessages, type RsToastAction } from '../components/toaster/src/toast-utils';
+export type { RsToastAction, RsToastInput, RsToastKind, RsToastOptions, RsToastPromiseMessages, };
 export declare function useRsToast(): {
-    success: (input: RsToastInput) => void;
-    error: (input: RsToastInput) => void;
-    info: (input: RsToastInput) => void;
-    warning: (input: RsToastInput) => void;
-    dismiss: (id?: number | string) => string | number | undefined;
+    success: (input: RsToastInput) => string;
+    error: (input: RsToastInput) => string;
+    info: (input: RsToastInput) => string;
+    warning: (input: RsToastInput) => string;
+    message: (input: RsToastInput) => string;
+    loading: (input: RsToastInput) => string;
+    promise: <T>(task: Promise<T> | (() => Promise<T>), data: RsToastPromiseMessages<T>) => string;
+    update: (id: string, input: RsToastInput, type?: RsToastKind) => void;
+    dismiss: (id?: string | number) => void;
 };

package/dist/composables/useRsToast.js

@@ -1,29 +1,78 @@
-import { toast } from "vue-sonner";
+import { resolveRsMessage } from "../locale/registry.js";
+import { rsConfigKey } from "./useRsConfig.js";
+import { readDocumentLocale } from "../locale/apply.js";
+import { errorToastText, normalizePromiseMessage, normalizeRsToastInput } from "../components/toaster/src/toast-utils.js";
+import { dismissRsToast, pushRsToast, rsToasts } from "../components/toaster/src/toast-store.js";
+import { getCurrentInstance, inject } from "vue";
 //#region src/composables/useRsToast.ts
-function resolveToast(input) {
-	if (typeof input === "string") return { title: input };
-	return input;
+function show(type, input, duration) {
+	const payload = normalizeRsToastInput(input);
+	return pushRsToast({
+		...payload,
+		type,
+		duration: duration ?? payload.duration
+	});
+}
+/** 在 setup 里跟 ConfigProvider；在 setup 外跟 document / 本机语言。回调里不再调用 inject。 */
+function createToastTranslator() {
+	const config = getCurrentInstance() ? inject(rsConfigKey, null) : null;
+	return (key) => resolveRsMessage(config?.locale.value ?? readDocumentLocale(), key) ?? key;
 }
 function useRsToast() {
-	function show(type, input) {
-		const payload = resolveToast(input);
-		const options = {
-			description: payload.description,
-			...payload.position ? { position: payload.position } : {},
-			...payload.duration ? { duration: payload.duration } : {},
-			class: `rs-toast rs-toast--${type}`
-		};
-		if (type === "success") toast.success(payload.title, options);
-		else if (type === "error") toast.error(payload.title, options);
-		else if (type === "warning") toast.warning(payload.title, options);
-		else toast.info(payload.title, options);
+	const t = createToastTranslator();
+	function update(id, input, type) {
+		const current = rsToasts.value.find((item) => item.id === id);
+		if (!current) return;
+		const payload = normalizeRsToastInput(input);
+		const typeChanged = type != null && type !== current.type;
+		pushRsToast({
+			type: type ?? current.type,
+			title: payload.title,
+			description: payload.description ?? current.description,
+			position: payload.position ?? current.position,
+			duration: payload.duration ?? (typeChanged && type !== "loading" ? void 0 : current.duration),
+			id,
+			toasterId: payload.toasterId ?? current.toasterId,
+			dismissible: payload.dismissible ?? current.dismissible,
+			closeButton: payload.closeButton ?? current.closeButton,
+			richColors: payload.richColors ?? current.richColors,
+			action: payload.action ?? current.action,
+			cancel: payload.cancel ?? current.cancel,
+			onDismiss: payload.onDismiss ?? current.onDismiss,
+			onAutoClose: payload.onAutoClose ?? current.onAutoClose
+		});
+	}
+	function promise(task, data) {
+		const loading = normalizeRsToastInput(data.loading);
+		const id = pushRsToast({
+			...loading,
+			type: "loading",
+			duration: loading.duration ?? Number.POSITIVE_INFINITY,
+			id: data.id ?? loading.id,
+			toasterId: data.toasterId ?? loading.toasterId
+		});
+		const run = typeof task === "function" ? task() : task;
+		Promise.resolve(run).then((value) => {
+			const next = normalizePromiseMessage(data.success, value) ?? { title: t("toaster.done") };
+			update(id, next, "success");
+		}, (error) => {
+			const next = normalizePromiseMessage(data.error, error) ?? { title: errorToastText(error) || t("toaster.failed") };
+			update(id, next, "error");
+		});
+		return id;
 	}
 	return {
 		success: (input) => show("success", input),
 		error: (input) => show("error", input),
 		info: (input) => show("info", input),
 		warning: (input) => show("warning", input),
-		dismiss: toast.dismiss
+		message: (input) => show("default", input),
+		loading: (input) => show("loading", input, normalizeRsToastInput(input).duration ?? Number.POSITIVE_INFINITY),
+		promise,
+		update,
+		dismiss: (id) => {
+			dismissRsToast(id == null || id === "" ? void 0 : String(id));
+		}
 	};
 }
 //#endregion