niuma-ui 2.0.4 → 2.0.9

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;
+    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 };

package/dist/components/loading/src/loading-status.css

@@ -0,0 +1,210 @@
+
+.rs-loading[data-v-3e88a656] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-loading-gap, var(--rs-space-sm));
+  color: var(--rs-loading-label, var(--rs-text-secondary));
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-normal);
+}
+.rs-loading--tone-default[data-v-3e88a656],
+.rs-loading--tone-neutral[data-v-3e88a656] {
+  --rs-loading-accent: var(--rs-text-secondary);
+}
+.rs-loading--tone-primary[data-v-3e88a656] {
+  --rs-loading-accent: var(--rs-primary);
+}
+.rs-loading--tone-success[data-v-3e88a656] {
+  --rs-loading-accent: var(--rs-success);
+}
+.rs-loading--tone-warning[data-v-3e88a656] {
+  --rs-loading-accent: var(--rs-warning);
+}
+.rs-loading--tone-danger[data-v-3e88a656] {
+  --rs-loading-accent: var(--rs-danger);
+}
+.rs-loading--tone-info[data-v-3e88a656] {
+  --rs-loading-accent: var(--rs-info);
+}
+.rs-loading--block[data-v-3e88a656] {
+  display: flex;
+  justify-content: center;
+  inline-size: 100%;
+  padding: var(--rs-loading-pad, var(--rs-space-xl));
+}
+.rs-loading--overlay[data-v-3e88a656] {
+  position: absolute;
+  inset: 0;
+  z-index: var(--rs-loading-z, 1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--rs-loading-overlay, color-mix(in srgb, var(--rs-surface) 72%, transparent));
+}
+.rs-loading--fullscreen[data-v-3e88a656] {
+  position: fixed;
+  inset: 0;
+  z-index: var(--rs-z-modal);
+  pointer-events: auto;
+}
+.rs-loading__mark[data-v-3e88a656] {
+  display: inline-flex;
+  min-inline-size: 0;
+}
+.rs-loading__mark--fill[data-v-3e88a656] {
+  inline-size: 100%;
+}
+.rs-loading--overlay .rs-loading__mark--fill[data-v-3e88a656] {
+  inline-size: min(100%, 20rem);
+}
+.rs-loading__label[data-v-3e88a656] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--rs-space-sm);
+  color: var(--rs-loading-label, var(--rs-text-secondary));
+}
+.rs-loading__spinner[data-v-3e88a656] {
+  display: inline-block;
+  border-radius: var(--rs-radius-full);
+  border: var(--rs-loading-stroke, 2px) solid var(--rs-loading-track, color-mix(in srgb, var(--rs-text-tertiary) 35%, transparent));
+  border-top-color: var(--rs-loading-accent, var(--rs-primary));
+  animation: rs-loading-spin-3e88a656 var(--rs-loading-spin-duration, 0.7s) linear infinite;
+}
+.rs-loading__spinner--sm[data-v-3e88a656] {
+  inline-size: var(--rs-loading-spinner-sm, 0.875rem);
+  block-size: var(--rs-loading-spinner-sm, 0.875rem);
+}
+.rs-loading__spinner--md[data-v-3e88a656] {
+  inline-size: var(--rs-loading-spinner-md, 1.125rem);
+  block-size: var(--rs-loading-spinner-md, 1.125rem);
+}
+.rs-loading__spinner--lg[data-v-3e88a656] {
+  inline-size: var(--rs-loading-spinner-lg, 1.5rem);
+  block-size: var(--rs-loading-spinner-lg, 1.5rem);
+}
+.rs-loading__dots[data-v-3e88a656] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+}
+.rs-loading__dot[data-v-3e88a656] {
+  inline-size: var(--rs-loading-dot-md, 0.375rem);
+  block-size: var(--rs-loading-dot-md, 0.375rem);
+  border-radius: var(--rs-radius-full);
+  background: var(--rs-loading-accent, var(--rs-primary));
+  animation: rs-loading-bounce-3e88a656 var(--rs-loading-bounce-duration, 1s) ease-in-out infinite;
+}
+.rs-loading__dots--sm .rs-loading__dot[data-v-3e88a656] {
+  inline-size: var(--rs-loading-dot-sm, 0.25rem);
+  block-size: var(--rs-loading-dot-sm, 0.25rem);
+}
+.rs-loading__dots--lg .rs-loading__dot[data-v-3e88a656] {
+  inline-size: var(--rs-loading-dot-lg, 0.5rem);
+  block-size: var(--rs-loading-dot-lg, 0.5rem);
+}
+.rs-loading__dot[data-v-3e88a656]:nth-child(2) {
+  animation-delay: 0.15s;
+}
+.rs-loading__dot[data-v-3e88a656]:nth-child(3) {
+  animation-delay: 0.3s;
+}
+.rs-loading__skeleton[data-v-3e88a656] {
+  display: flex;
+  inline-size: 100%;
+  flex-direction: column;
+  gap: var(--rs-space-sm);
+}
+.rs-loading__skeleton-line[data-v-3e88a656] {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  block-size: var(--rs-loading-skeleton-h-md, 0.75rem);
+  border-radius: var(--rs-radius-xs);
+  background: var(--rs-loading-skeleton, var(--rs-surface-hover));
+}
+.rs-loading__skeleton--sm .rs-loading__skeleton-line[data-v-3e88a656] {
+  block-size: var(--rs-loading-skeleton-h-sm, 0.5rem);
+}
+.rs-loading__skeleton--lg .rs-loading__skeleton-line[data-v-3e88a656] {
+  block-size: var(--rs-loading-skeleton-h-lg, 1rem);
+}
+.rs-loading__skeleton-line[data-v-3e88a656]::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  transform: translateX(-100%);
+  background: linear-gradient(
+    90deg,
+    transparent,
+    var(--rs-loading-skeleton-shine, color-mix(in srgb, var(--rs-border) 55%, transparent)),
+    transparent
+  );
+  animation: rs-loading-shimmer-3e88a656 var(--rs-loading-shimmer-duration, 1.2s) ease-in-out infinite;
+}
+.rs-loading__skeleton-line[data-v-3e88a656]:last-child {
+  inline-size: 70%;
+}
+@keyframes rs-loading-spin-3e88a656 {
+to {
+    transform: rotate(360deg);
+}
+}
+@keyframes rs-loading-bounce-3e88a656 {
+0%,
+  80%,
+  100% {
+    opacity: 0.35;
+    transform: translateY(0);
+}
+40% {
+    opacity: 1;
+    transform: translateY(-0.125rem);
+}
+}
+@keyframes rs-loading-shimmer-3e88a656 {
+from {
+    transform: translateX(-100%);
+}
+to {
+    transform: translateX(100%);
+}
+}
+@keyframes rs-loading-pulse-3e88a656 {
+0%,
+  100% {
+    opacity: 0.45;
+}
+50% {
+    opacity: 1;
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-loading__spinner[data-v-3e88a656],
+  .rs-loading__dot[data-v-3e88a656] {
+    animation-name: rs-loading-pulse-3e88a656;
+    animation-duration: 1.6s;
+    animation-timing-function: ease-in-out;
+    animation-iteration-count: infinite;
+    animation-delay: 0s;
+}
+.rs-loading__skeleton-line[data-v-3e88a656]::after {
+    animation: none;
+    transform: none;
+    opacity: 0.4;
+}
+}
+@media (forced-colors: active) {
+.rs-loading--overlay[data-v-3e88a656],
+  .rs-loading--fullscreen[data-v-3e88a656] {
+    background: Canvas;
+}
+.rs-loading__spinner[data-v-3e88a656] {
+    border-color: GrayText;
+    border-top-color: Highlight;
+}
+.rs-loading__dot[data-v-3e88a656],
+  .rs-loading__skeleton-line[data-v-3e88a656] {
+    background: CanvasText;
+}
+}

package/dist/components/loading/src/loading-status.d.ts

@@ -0,0 +1,34 @@
+import { type RsLoadingSize, type RsLoadingTone, type RsLoadingVariant } from './loading-utils';
+type __VLS_Props = {
+    id?: string;
+    variant: RsLoadingVariant;
+    size: RsLoadingSize;
+    tone: RsLoadingTone;
+    label: string;
+    ariaLabel: string;
+    showText: boolean;
+    block: boolean;
+    overlay: boolean;
+    fullscreen: boolean;
+    skeletonCount: number;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    indicator?: (props: typeof __VLS_1) => any;
+} & {
+    label?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    overlay: boolean;
+    block: boolean;
+    showText: boolean;
+    fullscreen: boolean;
+}, {}, {}, {}, 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;
+    };
+};