niuma-ui 2.0.3 → 2.0.9

package/dist/components/label/src/RsLabel.impl.js

@@ -1,6 +1,13 @@
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString } from "vue";
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import { useRsFormContext } from "../../form/src/form-utils.js";
+import { resolveRsLabelFor, resolveRsLabelHintId, showRsLabelOptional } from "./label-utils.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useId, useSlots } from "vue";
 //#region src/components/label/src/RsLabel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["for"];
+var _hoisted_1 = [
+	"id",
+	"for",
+	"aria-disabled"
+];
 var _hoisted_2 = { class: "rs-label__text" };
 var _hoisted_3 = {
 	key: 0,
@@ -8,18 +15,37 @@ var _hoisted_3 = {
 	"aria-hidden": "true"
 };
 var _hoisted_4 = {
-	key: 0,
-	class: "rs-label__hint"
+	key: 1,
+	class: "rs-label__sr"
+};
+var _hoisted_5 = {
+	key: 2,
+	class: "rs-label__optional"
 };
+var _hoisted_6 = {
+	key: 3,
+	class: "rs-label__colon",
+	"aria-hidden": "true"
+};
+var _hoisted_7 = ["id"];
 var RsLabel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsLabel",
 	__name: "RsLabel",
 	props: {
 		forId: {},
+		htmlFor: {},
+		for: {},
+		id: {},
 		required: {
 			type: Boolean,
 			default: false
 		},
+		optional: {
+			type: Boolean,
+			default: false
+		},
 		hint: {},
+		hintId: {},
 		disabled: {
 			type: Boolean,
 			default: false
@@ -27,17 +53,44 @@ var RsLabel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		nowrap: {
 			type: Boolean,
 			default: false
+		},
+		colon: {
+			type: Boolean,
+			default: false
 		}
 	},
 	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const { t } = useRsI18n();
+		const formContext = useRsFormContext();
+		const autoHintId = useId();
+		const controlId = computed(() => resolveRsLabelFor(props.htmlFor, props.forId, props.for));
+		const resolvedDisabled = computed(() => props.disabled || Boolean(formContext?.disabled.value));
+		const hasHint = computed(() => Boolean(slots.hint || props.hint));
+		const resolvedHintId = computed(() => resolveRsLabelHintId(props.hintId, autoHintId, hasHint.value));
+		const showOptional = computed(() => showRsLabelOptional(props.required, props.optional));
+		const rootClass = computed(() => ["rs-label", {
+			"rs-label--disabled": resolvedDisabled.value,
+			"rs-label--nowrap": props.nowrap
+		}]);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("label", {
-				class: normalizeClass(["rs-label", {
-					"rs-label--disabled": __props.disabled,
-					"rs-label--nowrap": __props.nowrap
-				}]),
-				for: __props.forId
-			}, [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true), __props.required ? (openBlock(), createElementBlock("span", _hoisted_3, "*")) : createCommentVNode("", true)]), __props.hint ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)], 10, _hoisted_1);
+				id: __props.id,
+				class: normalizeClass(rootClass.value),
+				for: controlId.value,
+				"aria-disabled": resolvedDisabled.value ? "true" : void 0
+			}, [createElementVNode("span", _hoisted_2, [
+				renderSlot(_ctx.$slots, "default", {}, void 0, true),
+				__props.required ? (openBlock(), createElementBlock("span", _hoisted_3, "*")) : createCommentVNode("", true),
+				__props.required ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(t)("label.required")), 1)) : createCommentVNode("", true),
+				showOptional.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("label.optional")), 1)) : createCommentVNode("", true),
+				__props.colon ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(unref(t)("label.colon")), 1)) : createCommentVNode("", true)
+			]), hasHint.value ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				id: resolvedHintId.value,
+				class: "rs-label__hint"
+			}, [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(__props.hint), 1)], true)], 8, _hoisted_7)) : createCommentVNode("", true)], 10, _hoisted_1);
 		};
 	}
 });

package/dist/components/label/src/RsLabel.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsLabel_vue_vue_type_script_setup_true_lang_default from "./RsLabel.impl.js";
 
 //#region src/components/label/src/RsLabel.vue
-var RsLabel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLabel_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e4daa758"]]);
+var RsLabel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLabel_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dc8b2069"]]);
 //#endregion
 export { RsLabel_default as default };

package/dist/components/label/src/label-utils.d.ts

@@ -0,0 +1,6 @@
+/** 解析写入原生 label[for] 的控件 id。htmlFor / forId / for 是别名。 */
+export declare function resolveRsLabelFor(htmlFor?: string, forId?: string, nativeFor?: string): string | undefined;
+/** 有 hint 时才给说明分配 id，供控件 aria-describedby。 */
+export declare function resolveRsLabelHintId(hintId: string | undefined, autoId: string, hasHint: boolean): string | undefined;
+/** 必填优先；optional 只在非必填时展示。 */
+export declare function showRsLabelOptional(required: boolean, optional: boolean): boolean;

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

@@ -0,0 +1,16 @@
+//#region src/components/label/src/label-utils.ts
+/** 解析写入原生 label[for] 的控件 id。htmlFor / forId / for 是别名。 */
+function resolveRsLabelFor(htmlFor, forId, nativeFor) {
+	return htmlFor || forId || nativeFor || void 0;
+}
+/** 有 hint 时才给说明分配 id，供控件 aria-describedby。 */
+function resolveRsLabelHintId(hintId, autoId, hasHint) {
+	if (!hasHint) return void 0;
+	return hintId || autoId;
+}
+/** 必填优先；optional 只在非必填时展示。 */
+function showRsLabelOptional(required, optional) {
+	return optional && !required;
+}
+//#endregion
+export { resolveRsLabelFor, resolveRsLabelHintId, showRsLabelOptional };

package/dist/components/link/src/RsLink.d.ts

@@ -16,11 +16,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    tone: RsLinkTone;
-    disabled: boolean;
     icon: string;
+    disabled: boolean;
     target: "_self" | "_blank" | "_parent" | "_top" | (string & {});
     rel: string;
+    tone: RsLinkTone;
     underline: RsLinkUnderline;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/loading/index.d.ts

@@ -1 +1,2 @@
 export { default as RsLoading } from './src/RsLoading.js';
+export type { RsLoadingSize, RsLoadingTone, RsLoadingVariant } from './src/loading-utils';

package/dist/components/loading/src/RsLoading.css

@@ -1,106 +1,22 @@
 
-.rs-loading {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  color: var(--rs-muted);
-  font-size: var(--rs-font-size-sm);
-}
-.rs-loading--block {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  padding: 1.5rem;
+.rs-loading-host[data-v-a0afaad1] {
+  position: relative;
+  display: block;
+  inline-size: 100%;
+  min-inline-size: 0;
 }
-.rs-loading--overlay {
-  position: absolute;
-  inset: 0;
-  z-index: 1;
+.rs-loading-host--block[data-v-a0afaad1] {
   display: flex;
-  align-items: center;
   justify-content: center;
-  background: color-mix(in srgb, var(--rs-surface) 72%, transparent);
-}
-.rs-loading__spinner {
-  display: inline-block;
-  border-radius: var(--rs-radius-full);
-  border: 2px solid color-mix(in srgb, var(--rs-muted) 30%, transparent);
-  border-top-color: var(--rs-primary);
-  animation: rs-loading-spin 0.7s linear infinite;
-}
-.rs-loading__spinner--sm {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-.rs-loading__spinner--md {
-  width: 1.125rem;
-  height: 1.125rem;
-}
-.rs-loading__spinner--lg {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.rs-loading__dots {
-  display: inline-flex;
-  gap: 0.25rem;
-}
-.rs-loading__dot {
-  width: 0.375rem;
-  height: 0.375rem;
-  border-radius: var(--rs-radius-full);
-  background: var(--rs-primary);
-  animation: rs-loading-bounce 1s ease-in-out infinite;
-}
-.rs-loading__dot:nth-child(2) {
-  animation-delay: 0.15s;
-}
-.rs-loading__dot:nth-child(3) {
-  animation-delay: 0.3s;
-}
-.rs-loading__skeleton {
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.rs-loading__skeleton-line {
-  display: block;
-  height: 0.75rem;
-  border-radius: var(--rs-radius-xs);
-  background: linear-gradient(
-    90deg,
-    var(--rs-surface-hover) 25%,
-    color-mix(in srgb, var(--rs-border) 60%, transparent) 50%,
-    var(--rs-surface-hover) 75%
-  );
-  background-size: 200% 100%;
-  animation: rs-loading-shimmer 1.2s ease-in-out infinite;
-}
-.rs-loading__skeleton-line:last-child {
-  width: 70%;
-}
-@keyframes rs-loading-spin {
-to {
-    transform: rotate(360deg);
-}
-}
-@keyframes rs-loading-bounce {
-0%,
-  80%,
-  100% {
-    opacity: 0.35;
-    transform: translateY(0);
-}
-40% {
-    opacity: 1;
-    transform: translateY(-2px);
 }
+.rs-loading-host__content[data-v-a0afaad1] {
+  min-inline-size: 0;
 }
-@keyframes rs-loading-shimmer {
-0% {
-    background-position: 200% 0;
+.rs-loading-host--blur > .rs-loading-host__content[data-v-a0afaad1] {
+  filter: blur(var(--rs-loading-blur, 0.125rem));
 }
-100% {
-    background-position: -200% 0;
+@media (prefers-reduced-motion: reduce) {
+.rs-loading-host--blur > .rs-loading-host__content[data-v-a0afaad1] {
+    filter: none;
 }
 }

package/dist/components/loading/src/RsLoading.d.ts

@@ -1,24 +1,74 @@
-import type { RsLoadingSize, RsLoadingTone, RsLoadingVariant } from './loading-utils';
+import { type RsLoadingSize, type RsLoadingTone, type RsLoadingVariant } from './loading-utils';
 type __VLS_Props = {
+    /** 为 false 时不渲染指示器。有默认插槽时内容仍留下。 */
     loading?: boolean;
     variant?: RsLoadingVariant;
+    /** sm / md / lg。不跟 Form / ConfigProvider。 */
     size?: RsLoadingSize;
+    /** 色相。default 与 neutral 同色。 */
     tone?: RsLoadingTone;
+    /** 可见文案，也是默认可访问名称。未传走 loading.label。 */
     label?: string;
+    /** 覆盖可访问名称。可见文案仍走 label。 */
+    ariaLabel?: string;
     showLabel?: boolean;
     block?: boolean;
+    /**
+     * 无默认插槽时绝对铺满父级（父级需 position: relative）。
+     * 有默认插槽时指示器始终盖在内容上。
+     */
     overlay?: boolean;
+    /** 固定铺满视口，传送到 getContainer 或 body。 */
+    fullscreen?: boolean;
+    /** 仅 fullscreen 时锁 body 滚动，卸载或关闭后恢复。 */
+    lock?: boolean;
+    /** 进入加载后延迟这么多毫秒再出现，避免快请求闪一下。 */
+    delay?: number;
+    /** 一旦出现，至少显示这么多毫秒。 */
+    minDuration?: number;
+    /** 盖住内容时模糊底层。默认关，滤镜会多一层合成。 */
+    blur?: boolean;
     skeletonLines?: number;
+    /** 全屏传送目标。返回空或抛错时用 body。非全屏不调用。 */
+    getContainer?: () => HTMLElement | string | null;
+    id?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare var __VLS_9: {}, __VLS_12: {}, __VLS_14: {}, __VLS_29: {}, __VLS_32: {}, __VLS_47: {}, __VLS_50: {};
+type __VLS_Slots = {} & {
+    indicator?: (props: typeof __VLS_9) => any;
+} & {
+    label?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    indicator?: (props: typeof __VLS_29) => any;
+} & {
+    label?: (props: typeof __VLS_32) => any;
+} & {
+    indicator?: (props: typeof __VLS_47) => any;
+} & {
+    label?: (props: typeof __VLS_50) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     variant: RsLoadingVariant;
     overlay: boolean;
     size: RsLoadingSize;
+    blur: boolean;
+    block: boolean;
     tone: RsLoadingTone;
     loading: boolean;
     showLabel: boolean;
-    block: boolean;
+    delay: number;
+    fullscreen: boolean;
+    lock: boolean;
+    minDuration: number;
     skeletonLines: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/loading/src/RsLoading.impl.js

@@ -1,12 +1,17 @@
 import { useRsI18n } from "../../../composables/useRsI18n.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
+import { acquireRsLoadingScrollLock, planRsLoadingVisibility, resolveRsLoadingSize, resolveRsLoadingSkeletonCount, resolveRsLoadingTeleportTarget, resolveRsLoadingTone, resolveRsLoadingVariant } from "./loading-utils.js";
+import loading_status_default from "./loading-status.js";
+import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, normalizeClass, onScopeDispose, openBlock, ref, renderSlot, useSlots, watch, withCtx } from "vue";
 //#region src/components/loading/src/RsLoading.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label"];
-var _hoisted_2 = {
-	key: 3,
-	class: "rs-loading__label"
+var _hoisted_1 = ["id", "aria-busy"];
+var _hoisted_2 = ["inert"];
+var _hoisted_3 = {
+	key: 2,
+	hidden: "",
+	class: "rs-loading-anchor"
 };
 var RsLoading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsLoading",
 	__name: "RsLoading",
 	props: {
 		loading: {
@@ -17,6 +22,7 @@ var RsLoading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		size: { default: "md" },
 		tone: { default: "primary" },
 		label: {},
+		ariaLabel: {},
 		showLabel: {
 			type: Boolean,
 			default: false
@@ -29,42 +35,219 @@ var RsLoading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			type: Boolean,
 			default: false
 		},
-		skeletonLines: { default: 4 }
+		fullscreen: {
+			type: Boolean,
+			default: false
+		},
+		lock: {
+			type: Boolean,
+			default: false
+		},
+		delay: { default: 0 },
+		minDuration: { default: 0 },
+		blur: {
+			type: Boolean,
+			default: false
+		},
+		skeletonLines: { default: 4 },
+		getContainer: {},
+		id: {}
 	},
 	setup(__props) {
 		const props = __props;
+		const slots = useSlots();
 		const { t } = useRsI18n();
+		const shown = ref(false);
+		const shownAt = ref(null);
+		let timer;
+		let releaseLock = null;
+		let disposed = false;
+		const hasContent = computed(() => Boolean(slots.default));
+		const hasIndicator = computed(() => Boolean(slots.indicator));
+		const hasLabelSlot = computed(() => Boolean(slots.label));
+		const resolvedSize = computed(() => resolveRsLoadingSize(props.size));
+		const resolvedTone = computed(() => resolveRsLoadingTone(props.tone));
+		const resolvedVariant = computed(() => resolveRsLoadingVariant(props.variant));
+		const skeletonCount = computed(() => resolveRsLoadingSkeletonCount(props.skeletonLines));
 		const resolvedLabel = computed(() => props.label ?? t("loading.label"));
-		const skeletonLines = computed(() => Array.from({ length: Math.max(1, props.skeletonLines) }, (_, index) => index));
+		const accessibleName = computed(() => props.ariaLabel?.trim() || resolvedLabel.value);
+		const showText = computed(() => props.showLabel || hasLabelSlot.value);
+		const cover = computed(() => props.overlay || hasContent.value || props.fullscreen);
+		const teleportTarget = computed(() => resolveRsLoadingTeleportTarget(props.fullscreen, props.getContainer));
+		const hostClass = computed(() => ["rs-loading-host", {
+			"rs-loading-host--block": props.block,
+			"rs-loading-host--blur": props.blur && shown.value
+		}]);
+		function clearTimer() {
+			if (timer !== void 0) {
+				clearTimeout(timer);
+				timer = void 0;
+			}
+		}
+		function syncLock(active) {
+			if (typeof window === "undefined") return;
+			if (active) {
+				if (!releaseLock) releaseLock = acquireRsLoadingScrollLock();
+				return;
+			}
+			releaseLock?.();
+			releaseLock = null;
+		}
+		function applyPlan() {
+			clearTimer();
+			if (disposed) return;
+			const plan = planRsLoadingVisibility({
+				loading: props.loading,
+				visible: shown.value,
+				delayMs: props.delay,
+				minDurationMs: props.minDuration,
+				shownAt: shownAt.value,
+				now: Date.now()
+			});
+			if (plan.action === "show") {
+				shown.value = true;
+				shownAt.value = plan.shownAt;
+				return;
+			}
+			if (plan.action === "hide") {
+				shown.value = false;
+				shownAt.value = null;
+				return;
+			}
+			if (plan.action !== "wait") return;
+			if (typeof window === "undefined") return;
+			const then = plan.then;
+			timer = setTimeout(() => {
+				timer = void 0;
+				if (disposed) return;
+				if (then === "show") {
+					if (!props.loading) return;
+					shown.value = true;
+					shownAt.value = Date.now();
+					return;
+				}
+				if (props.loading) return;
+				shown.value = false;
+				shownAt.value = null;
+			}, plan.ms);
+		}
+		watch(() => [
+			props.loading,
+			props.delay,
+			props.minDuration
+		], () => applyPlan(), { immediate: true });
+		watch(() => shown.value && props.fullscreen && props.lock, (active) => syncLock(active), { immediate: true });
+		onScopeDispose(() => {
+			disposed = true;
+			clearTimer();
+			syncLock(false);
+		});
 		return (_ctx, _cache) => {
-			return __props.loading ? (openBlock(), createElementBlock("div", {
+			return !hasContent.value && shown.value && !__props.fullscreen ? (openBlock(), createBlock(loading_status_default, {
 				key: 0,
-				class: normalizeClass(["rs-loading", {
-					"rs-loading--block": __props.block,
-					"rs-loading--overlay": __props.overlay
-				}]),
-				role: "status",
-				"aria-label": resolvedLabel.value
-			}, [__props.variant === "spinner" ? (openBlock(), createElementBlock("span", {
-				key: 0,
-				class: normalizeClass(["rs-loading__spinner", [`rs-loading__spinner--${__props.size}`, `rs-loading__spinner--${__props.tone}`]])
-			}, null, 2)) : __props.variant === "dots" ? (openBlock(), createElementBlock("span", {
+				id: __props.id,
+				variant: resolvedVariant.value,
+				size: resolvedSize.value,
+				tone: resolvedTone.value,
+				label: resolvedLabel.value,
+				ariaLabel: accessibleName.value,
+				"show-text": showText.value,
+				block: __props.block,
+				overlay: cover.value,
+				fullscreen: false,
+				"skeleton-count": skeletonCount.value
+			}, createSlots({ _: 2 }, [hasIndicator.value ? {
+				name: "indicator",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "indicator", {}, void 0, true)]),
+				key: "0"
+			} : void 0, hasLabelSlot.value ? {
+				name: "label",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, void 0, true)]),
+				key: "1"
+			} : void 0]), 1032, [
+				"id",
+				"variant",
+				"size",
+				"tone",
+				"label",
+				"ariaLabel",
+				"show-text",
+				"block",
+				"overlay",
+				"skeleton-count"
+			])) : hasContent.value ? (openBlock(), createElementBlock("div", {
 				key: 1,
-				class: normalizeClass(["rs-loading__dots", `rs-loading__dots--${__props.size}`])
-			}, [(openBlock(), createElementBlock(Fragment, null, renderList(3, (dot) => {
-				return createElementVNode("span", {
-					key: dot,
-					class: "rs-loading__dot"
-				});
-			}), 64))], 2)) : (openBlock(), createElementBlock("div", {
-				key: 2,
-				class: normalizeClass(["rs-loading__skeleton", `rs-loading__skeleton--${__props.size}`])
-			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(skeletonLines.value, (line) => {
-				return openBlock(), createElementBlock("span", {
-					key: line,
-					class: "rs-loading__skeleton-line"
-				});
-			}), 128))], 2)), __props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(resolvedLabel.value), 1)) : createCommentVNode("", true)], 10, _hoisted_1)) : createCommentVNode("", true);
+				id: __props.id,
+				class: normalizeClass(hostClass.value),
+				"aria-busy": shown.value ? "true" : "false"
+			}, [createElementVNode("div", {
+				class: "rs-loading-host__content",
+				inert: shown.value ? true : void 0
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_2), (openBlock(), createBlock(Teleport, {
+				to: teleportTarget.value,
+				disabled: !__props.fullscreen
+			}, [shown.value ? (openBlock(), createBlock(loading_status_default, {
+				key: 0,
+				variant: resolvedVariant.value,
+				size: resolvedSize.value,
+				tone: resolvedTone.value,
+				label: resolvedLabel.value,
+				ariaLabel: accessibleName.value,
+				"show-text": showText.value,
+				block: __props.block,
+				overlay: cover.value,
+				fullscreen: __props.fullscreen,
+				"skeleton-count": skeletonCount.value
+			}, createSlots({ _: 2 }, [hasIndicator.value ? {
+				name: "indicator",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "indicator", {}, void 0, true)]),
+				key: "0"
+			} : void 0, hasLabelSlot.value ? {
+				name: "label",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, void 0, true)]),
+				key: "1"
+			} : void 0]), 1032, [
+				"variant",
+				"size",
+				"tone",
+				"label",
+				"ariaLabel",
+				"show-text",
+				"block",
+				"overlay",
+				"fullscreen",
+				"skeleton-count"
+			])) : createCommentVNode("", true)], 8, ["to", "disabled"]))], 10, _hoisted_1)) : __props.fullscreen && shown.value ? (openBlock(), createElementBlock("div", _hoisted_3, [(openBlock(), createBlock(Teleport, { to: teleportTarget.value }, [createVNode(loading_status_default, {
+				id: __props.id,
+				variant: resolvedVariant.value,
+				size: resolvedSize.value,
+				tone: resolvedTone.value,
+				label: resolvedLabel.value,
+				ariaLabel: accessibleName.value,
+				"show-text": showText.value,
+				block: __props.block,
+				overlay: true,
+				fullscreen: true,
+				"skeleton-count": skeletonCount.value
+			}, createSlots({ _: 2 }, [hasIndicator.value ? {
+				name: "indicator",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "indicator", {}, void 0, true)]),
+				key: "0"
+			} : void 0, hasLabelSlot.value ? {
+				name: "label",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, void 0, true)]),
+				key: "1"
+			} : void 0]), 1032, [
+				"id",
+				"variant",
+				"size",
+				"tone",
+				"label",
+				"ariaLabel",
+				"show-text",
+				"block",
+				"skeleton-count"
+			])], 8, ["to"]))])) : createCommentVNode("", true);
 		};
 	}
 });

package/dist/components/loading/src/RsLoading.js

@@ -1,7 +1,8 @@
 import './RsLoading.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
 import RsLoading_vue_vue_type_script_setup_true_lang_default from "./RsLoading.impl.js";
 
 //#region src/components/loading/src/RsLoading.vue
-var RsLoading_default = RsLoading_vue_vue_type_script_setup_true_lang_default;
+var RsLoading_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLoading_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a0afaad1"]]);
 //#endregion
 export { RsLoading_default as default };