加载指令 AsamLoadingDirective

使用场景

将加载遮罩绑定到元素，在状态变化或元素卸载时关闭。

状态、动态文字与卸载

切换遮罩、修改提示文字，并卸载目标检查清理。

状态、动态文字与卸载

vue

<template>
	<div class="actions">
		<AsamButton type="default" native-type="button" @click="loading = !loading"
			>切换加载</AsamButton
		>
		<label>
			<span>提示文字</span>
			<AsamInput v-model="text" />
		</label>
		<AsamButton type="default" native-type="button" @click="mounted = !mounted"
			>卸载/恢复区域</AsamButton
		>
	</div>
	<div
		v-if="mounted"
		v-asam-loading="loading"
		v-bind="{ 'element-loading-text': text, class: 'loading-target' }"
	>
		<p class="example-paragraph">局部内容区域</p>
	</div>
	<p class="example-paragraph" role="status">{{ loading ? '加载中' : '加载已结束' }}</p>
</template>

<script lang="ts" setup>
defineOptions({ name: 'AsamLoadingDirectiveBasicDemo' });
import { ref } from 'vue';
import { AsamInput, AsamButton, AsamLoadingDirective as vAsamLoading } from '@asam-ui/ui';
const loading = ref(false);
const text = ref('正在加载');
const mounted = ref(true);
</script>

<style scoped>
.actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--asam-space-md);
	align-items: center;
}

.panel {
	padding: var(--asam-space-lg);
	border: 1px solid var(--asam-color-border);
	border-radius: var(--asam-radius-control);
}

.loading-target {
	min-height: 140px;
	position: relative;
	padding: var(--asam-space-lg);
}
</style>

<style scoped>
p:where(.example-paragraph) {
	margin-block: 16px;
	line-height: 1.8;
	overflow-wrap: anywhere;
}
</style>

vue

<template>
	<div class="actions">
		<AsamButton type="default" native-type="button" @click="loading = !loading"
			>切换加载</AsamButton
		>
		<label>
			<span>提示文字</span>
			<AsamInput v-model="text" />
		</label>
		<AsamButton type="default" native-type="button" @click="mounted = !mounted"
			>卸载/恢复区域</AsamButton
		>
	</div>
	<div
		v-if="mounted"
		v-asam-loading="loading"
		v-bind="{ 'element-loading-text': text, class: 'loading-target' }"
	>
		<p class="example-paragraph">局部内容区域</p>
	</div>
	<p class="example-paragraph" role="status">{{ loading ? '加载中' : '加载已结束' }}</p>
</template>

<script setup>
defineOptions({ name: 'AsamLoadingDirectiveBasicDemo' });
import { ref } from 'vue';
import { AsamInput, AsamButton, AsamLoadingDirective as vAsamLoading } from '@asam-ui/ui';
const loading = ref(false);
const text = ref('正在加载');
const mounted = ref(true);
</script>

<style scoped>
.actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--asam-space-md);
	align-items: center;
}

.panel {
	padding: var(--asam-space-lg);
	border: 1px solid var(--asam-color-border);
	border-radius: var(--asam-radius-control);
}

.loading-target {
	min-height: 140px;
	position: relative;
	padding: var(--asam-space-lg);
}
</style>

<style scoped>
p:where(.example-paragraph) {
	margin-block: 16px;
	line-height: 1.8;
	overflow-wrap: anywhere;
}
</style>

使用约定

绑定值可以是 boolean 或加载选项对象。完整说明。

组合职责与生命周期

绑定 false 或 true 控制显隐；对象值直接提供 text/background/spinner/svg/svgViewBox/customClass 和目标选项，绑定对象的文字等视觉字段按原生规则更新。完整说明。

宿主卸载由原生组件原生 unmounted 钩子处理，不另建状态、关闭守卫或清理算法。

全屏指令与自动结束

fullscreen 与 lock 修饰符选择视口范围并锁定滚动；绑定 false 或宿主卸载时由指令关闭。

全屏指令与自动结束

vue

<template>
	<AsamButton v-asam-loading.fullscreen.lock="loading" type="default" @click="start"
		>显示全屏指令加载</AsamButton
	>
	<p class="example-paragraph">指令绑定状态决定显隐，1.5 秒后自动结束。</p>
</template>

<script lang="ts" setup>
import { ref, onBeforeUnmount } from 'vue';
import { AsamButton, vAsamLoading } from '@asam-ui/ui';
const loading = ref(false);
let timer: ReturnType<typeof setTimeout> | undefined;
const start = () => {
	clearTimeout(timer);
	loading.value = true;
	timer = setTimeout(() => {
		loading.value = false;
	}, 1500);
};
onBeforeUnmount(() => clearTimeout(timer));
</script>

<style scoped>
p:where(.example-paragraph) {
	margin-block: 16px;
	line-height: 1.8;
	overflow-wrap: anywhere;
}
</style>

vue

<template>
	<AsamButton v-asam-loading.fullscreen.lock="loading" type="default" @click="start"
		>显示全屏指令加载</AsamButton
	>
	<p class="example-paragraph">指令绑定状态决定显隐，1.5 秒后自动结束。</p>
</template>

<script setup>
import { ref, onBeforeUnmount } from 'vue';
import { AsamButton, vAsamLoading } from '@asam-ui/ui';
const loading = ref(false);
let timer;
const start = () => {
	clearTimeout(timer);
	loading.value = true;
	timer = setTimeout(() => {
		loading.value = false;
	}, 1500);
};
onBeforeUnmount(() => clearTimeout(timer));
</script>

<style scoped>
p:where(.example-paragraph) {
	margin-block: 16px;
	line-height: 1.8;
	overflow-wrap: anywhere;
}
</style>

局部表格加载

遮罩只覆盖当前目标表格。

局部表格加载

许可

vue

<template>
	<AsamTable v-asam-loading="loading" :data="tableData" style="width: 100%">
		<AsamTableColumn prop="date" label="日期" width="180" />
		<AsamTableColumn prop="name" label="姓名" width="180" />
		<AsamTableColumn prop="address" label="地址" />
	</AsamTable>
</template>

<script lang="ts" setup>
import { AsamTable, AsamTableColumn, vAsamLoading } from '@asam-ui/ui';

import { ref } from 'vue';

const loading = ref(true);

const tableData = [
	{
		date: '2016-05-02',
		name: '约翰·史密斯',
		address: '普陀区金沙江路 1518 号'
	},
	{
		date: '2016-05-04',
		name: '约翰·史密斯',
		address: '普陀区金沙江路 1518 号'
	},
	{
		date: '2016-05-01',
		name: '约翰·史密斯',
		address: '普陀区金沙江路 1518 号'
	}
];
</script>

<style>
body {
	margin: 0;
}

.example-showcase .el-loading-mask {
	z-index: 9;
}
</style>

许可

vue

<template>
	<AsamTable v-asam-loading="loading" :data="tableData" style="width: 100%">
		<AsamTableColumn prop="date" label="日期" width="180" />
		<AsamTableColumn prop="name" label="姓名" width="180" />
		<AsamTableColumn prop="address" label="地址" />
	</AsamTable>
</template>

<script setup>
import { AsamTable, AsamTableColumn, vAsamLoading } from '@asam-ui/ui';
import { ref } from 'vue';
const loading = ref(true);
const tableData = [
	{
		date: '2016-05-02',
		name: '约翰·史密斯',
		address: '普陀区金沙江路 1518 号'
	},
	{
		date: '2016-05-04',
		name: '约翰·史密斯',
		address: '普陀区金沙江路 1518 号'
	},
	{
		date: '2016-05-01',
		name: '约翰·史密斯',
		address: '普陀区金沙江路 1518 号'
	}
];
</script>

<style>
body {
	margin: 0;
}

.example-showcase .el-loading-mask {
	z-index: 9;
}
</style>

自定义文字与加载图案

绑定文字、背景和 SVG 图案。

自定义文字与加载图案

许可

vue

<template>
	<div class="demo-root-layout">
		<AsamTable
			v-asam-loading="
				loading
					? {
							text: '加载中……',
							spinner: svg,
							svgViewBox: '-10, -10, 50, 50',
							background: 'rgba(122, 122, 122, 0.8)'
						}
					: false
			"
			:data="tableData"
			style="width: 100%"
		>
			<AsamTableColumn prop="date" label="日期" width="180" />
			<AsamTableColumn prop="name" label="姓名" width="180" />
			<AsamTableColumn prop="address" label="地址" />
		</AsamTable>
		<AsamTable
			v-asam-loading="loading ? { svg, svgViewBox: '-10, -10, 50, 50' } : false"
			:data="tableData"
			style="width: 100%"
		>
			<AsamTableColumn prop="date" label="日期" width="180" />
			<AsamTableColumn prop="name" label="姓名" width="180" />
			<AsamTableColumn prop="address" label="地址" />
		</AsamTable>
	</div>
</template>

<script lang="ts" setup>
import { AsamTable, AsamTableColumn, vAsamLoading } from '@asam-ui/ui';

import { ref } from 'vue';

const loading = ref(true);
const svg = `
        <path class="path" d="
          M 30 15
          L 28 17
          M 25.61 25.61
          A 15 15, 0, 0, 1, 15 30
          A 15 15, 0, 1, 1, 27.99 7.5
          L 15 15
        " style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
      `;
const tableData = [
	{
		date: '2016-05-02',
		name: '约翰·史密斯',
		address: '普陀区金沙江路 1518 号'
	},
	{
		date: '2016-05-04',
		name: '约翰·史密斯',
		address: '普陀区金沙江路 1518 号'
	},
	{
		date: '2016-05-01',
		name: '约翰·史密斯',
		address: '普陀区金沙江路 1518 号'
	}
];
</script>

<style>
.example-showcase .el-loading-mask {
	z-index: 9;
}
</style>

<style scoped>
.demo-root-layout {
	display: grid;
	gap: var(--asam-space-md);
	justify-items: start;
}
.demo-root-layout > :is(p, pre, output) {
	margin-block: 0;
}
</style>

许可

vue

<template>
	<div class="demo-root-layout">
		<AsamTable
			v-asam-loading="
				loading
					? {
							text: '加载中……',
							spinner: svg,
							svgViewBox: '-10, -10, 50, 50',
							background: 'rgba(122, 122, 122, 0.8)'
						}
					: false
			"
			:data="tableData"
			style="width: 100%"
		>
			<AsamTableColumn prop="date" label="日期" width="180" />
			<AsamTableColumn prop="name" label="姓名" width="180" />
			<AsamTableColumn prop="address" label="地址" />
		</AsamTable>
		<AsamTable
			v-asam-loading="loading ? { svg, svgViewBox: '-10, -10, 50, 50' } : false"
			:data="tableData"
			style="width: 100%"
		>
			<AsamTableColumn prop="date" label="日期" width="180" />
			<AsamTableColumn prop="name" label="姓名" width="180" />
			<AsamTableColumn prop="address" label="地址" />
		</AsamTable>
	</div>
</template>

<script setup>
import { AsamTable, AsamTableColumn, vAsamLoading } from '@asam-ui/ui';
import { ref } from 'vue';
const loading = ref(true);
const svg = `
        <path class="path" d="
          M 30 15
          L 28 17
          M 25.61 25.61
          A 15 15, 0, 0, 1, 15 30
          A 15 15, 0, 1, 1, 27.99 7.5
          L 15 15
        " style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
      `;
const tableData = [
	{
		date: '2016-05-02',
		name: '约翰·史密斯',
		address: '普陀区金沙江路 1518 号'
	},
	{
		date: '2016-05-04',
		name: '约翰·史密斯',
		address: '普陀区金沙江路 1518 号'
	},
	{
		date: '2016-05-01',
		name: '约翰·史密斯',
		address: '普陀区金沙江路 1518 号'
	}
];
</script>

<style>
.example-showcase .el-loading-mask {
	z-index: 9;
}
</style>

<style scoped>
.demo-root-layout {
	display: grid;
	gap: var(--asam-space-md);
	justify-items: start;
}
.demo-root-layout > :is(p, pre, output) {
	margin-block: 0;
}
</style>

API

指令 `AsamLoadingDirective`

属性名	说明	类型	默认值
`created`	—	`DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`beforeMount`	—	`DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`mounted`	—	`DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`beforeUpdate`	—	`DirectiveHook<HTMLElement, VNode<any, HTMLElement, { [key: string]: any; }>, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`updated`	—	`DirectiveHook<HTMLElement, VNode<any, HTMLElement, { [key: string]: any; }>, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`beforeUnmount`	—	`DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`unmounted`	—	`DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`getSSRProps`	—	`(typeof AsamLoadingDirective)["getSSRProps"]`	—
`deep`	—	`boolean \| undefined`	—
`install`	—	`(app: App) => void`	—

类型 `AsamLoadingBinding`

属性名	说明	类型	默认值
`visible`	—	`boolean \| undefined`	—
`text`	显示在加载图标下方的加载文案	查看完整类型 `string \| VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> \| VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] \| undefined`	—
`background`	背景遮罩的颜色	`string \| undefined`	—
`beforeClose`	—	`(() => boolean) \| undefined`	—
`fullscreen`	同 v-loading 指令中的 fullscreen 修饰符	`boolean \| undefined`	—
`closed`	—	`(() => void) \| undefined`	—
`svg`	—	`string \| undefined`	—
`svgViewBox`	—	`string \| undefined`	—
`spinner`	自定义加载图标类名	`string \| boolean \| undefined`	—
`lock`	同 v-loading 指令中的 lock 修饰符	`boolean \| undefined`	—
`customClass`	loading 的自定义类名	`string \| undefined`	—
`target`	Loading 需要覆盖的 DOM 节点。可传入一个 DOM 对象或字符串；若传入字符串，则会将其作为参数传入 document.querySelector以获取到对应 DOM 节点	`string \| HTMLElement \| undefined`	—
`body`	同 v-loading 指令中的 body 修饰符	`boolean \| undefined`	—

类型 `AsamLoadingModifiers`

类型 `AsamLoadingDirectiveType`

属性名	说明	类型	默认值
`created`	—	`DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`beforeMount`	—	`DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`mounted`	—	`DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`beforeUpdate`	—	`DirectiveHook<HTMLElement, VNode<any, HTMLElement, { [key: string]: any; }>, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`updated`	—	`DirectiveHook<HTMLElement, VNode<any, HTMLElement, { [key: string]: any; }>, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`beforeUnmount`	—	`DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`unmounted`	—	`DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> \| undefined`	—
`getSSRProps`	—	`(AsamLoadingDirectiveType)["getSSRProps"]`	—
`deep`	—	`boolean \| undefined`	—
`install`	—	`(app: App) => void`	—

类型 `AsamLoadingDirectiveState`

属性名	说明	类型	默认值
`instance`	—	`AsamLoadingInstance`	—
`options`	—	`AsamLoadingOptions`	—

类型 `AsamLoadingOptions`

属性名	说明	类型	默认值
`visible`	—	`boolean \| undefined`	`options.visible ?? true`
`text`	显示在加载图标下方的加载文案	查看完整类型 `MaybeRef<string \| VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> \| VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> \| undefined`	`options.text \|\| ""`
`background`	背景遮罩的颜色	`MaybeRef<string> \| undefined`	`options.background \|\| ""`
`beforeClose`	Loading 关闭之前执行的函数。如果此函数返回 false ，关闭过程将被中止。反之，loading 将被关闭。	`(() => boolean) \| undefined`	`options.beforeClose`
`fullscreen`	同 v-loading 指令中的 fullscreen 修饰符	`boolean \| undefined`	`target === document.body && (options.fullscreen ?? true)`
`closed`	Loading 完全关闭后触发的函数	`(() => void) \| undefined`	`options.closed`
`svg`	自定义 SVG 元素覆盖默认加载器	`MaybeRef<string> \| undefined`	`options.svg \|\| ""`
`svgViewBox`	设置用于加载 svg 元素的 viewBox 属性	`MaybeRef<string> \| undefined`	`options.svgViewBox \|\| ""`
`spinner`	自定义加载图标类名	`MaybeRef<string \| boolean> \| undefined`	`options.spinner \|\| false`
`lock`	同 v-loading 指令中的 lock 修饰符	`boolean \| undefined`	`options.lock ?? false`
`customClass`	loading 的自定义类名	`MaybeRef<string> \| undefined`	`"asam-loading"`
`target`	Loading 需要覆盖的 DOM 节点。可传入一个 DOM 对象或字符串；若传入字符串，则会将其作为参数传入 document.querySelector以获取到对应 DOM 节点	`string \| HTMLElement \| undefined`	—
`body`	同 v-loading 指令中的 body 修饰符	`boolean \| undefined`	—

类型 `AsamLoadingInstance`

属性名	说明	类型	默认值
`setText`	—	`(text: string \| VNode \| VNode[]) => void`	—
`removeElLoadingChild`	—	`() => void`	—
`close`	—	`() => void`	—
`handleAfterLeave`	—	`() => void`	—
`vm`	—	`(AsamLoadingInstance)["vm"]`	—
`$el`	—	`HTMLElement \| null`	—
`originalPosition`	—	`(AsamLoadingInstance)["originalPosition"]`	—
`originalOverflow`	—	`(AsamLoadingInstance)["originalOverflow"]`	—
`visible`	—	`(AsamLoadingInstance)["visible"]`	—
`parent`	—	`(AsamLoadingInstance)["parent"]`	—
`background`	—	`(AsamLoadingInstance)["background"]`	—
`svg`	—	`(AsamLoadingInstance)["svg"]`	—
`svgViewBox`	—	`(AsamLoadingInstance)["svgViewBox"]`	—
`spinner`	—	`(AsamLoadingInstance)["spinner"]`	—
`text`	—	`(AsamLoadingInstance)["text"]`	—
`fullscreen`	—	`(AsamLoadingInstance)["fullscreen"]`	—
`lock`	—	`(AsamLoadingInstance)["lock"]`	—
`customClass`	—	`(AsamLoadingInstance)["customClass"]`	—
`target`	—	`(AsamLoadingInstance)["target"]`	—
`beforeClose`	—	`(AsamLoadingInstance)["beforeClose"]`	—
`closed`	—	`(AsamLoadingInstance)["closed"]`	—

用法与契约补充说明

使用约定

绑定值可以是 boolean 或加载选项对象。fullscreen/body/lock 修饰符分别选择全屏、挂到 body 和锁定滚动。对象选项和 element-loading-text 等原生属性提供文本与外观，文字按原生 updated 规则更新。绑定 false 和宿主卸载直接交由原生指令关闭；beforeClose/closed 是加载服务选项，不属于原生指令处理的协议。旧 asam-loading-* 属性迁移为 element-loading-*。没有控件 size；服务参数和返回实例参见 LoadingService。

组合职责与生命周期

绑定 false 或 true 控制显隐；对象值直接提供 text/background/spinner/svg/svgViewBox/customClass 和目标选项，绑定对象的文字等视觉字段按原生规则更新。fullscreen、body 与 lock 修饰符在创建时确定遮罩范围，改变拓扑需先关闭再重建。卸载钩子释放实例、锁屏和目标样式。与服务不同，不自行持有全局共享全屏句柄。

参数与事件补充说明

透传基础生命周期钩子、绑定与修饰符；不增加 ASAM 实例状态或关闭守卫。

参数与事件说明

`created`

必填：否；声明来源：依赖声明。

created 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(el: HTMLElement, binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<any, HTMLElement, { [key: string]: any; }>, prevVNode: null): void

`beforeMount`

必填：否；声明来源：依赖声明。

beforeMount 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(el: HTMLElement, binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<any, HTMLElement, { [key: string]: any; }>, prevVNode: null): void

`mounted`

必填：否；声明来源：依赖声明。

mounted 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(el: HTMLElement, binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<any, HTMLElement, { [key: string]: any; }>, prevVNode: null): void

`beforeUpdate`

必填：否；声明来源：依赖声明。

beforeUpdate 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(el: HTMLElement, binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<any, HTMLElement, { [key: string]: any; }>, prevVNode: VNode<any, HTMLElement, { [key: string]: any; }>): void

`updated`

必填：否；声明来源：依赖声明。

updated 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

`beforeUnmount`

必填：否；声明来源：依赖声明。

beforeUnmount 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(el: HTMLElement, binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<any, HTMLElement, { [key: string]: any; }>, prevVNode: null): void

`unmounted`

必填：否；声明来源：依赖声明。

unmounted 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(el: HTMLElement, binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<any, HTMLElement, { [key: string]: any; }>, prevVNode: null): void

`getSSRProps`

必填：否；声明来源：依赖声明。

getSSRProps 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): ReturnType<Extract<NonNullable<(typeof AsamLoadingDirective)["getSSRProps"]>, (...args: never[]) => unknown>>

`deep`

必填：否；声明来源：依赖声明。

deep 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

枚举：false / true

`install`

必填：是；声明来源：ASAM 声明。

install 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(app: App<any>): void

AsamLoadingDirective 公开类型视图

import type { DirectiveHook, DirectiveBinding, VNode, RendererNode, RendererElement, App } from 'vue';
import type { AsamLoadingBinding, AsamLoadingModifiers, AsamLoadingDirectiveType } from '@asam-ui/ui';
import { AsamLoadingDirective } from '@asam-ui/ui';

// AsamLoadingDirective
type PublicContract = {
	"created"?: DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"beforeMount"?: DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"mounted"?: DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"beforeUpdate"?: DirectiveHook<HTMLElement, VNode<any, HTMLElement, { [key: string]: any; }>, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"updated"?: DirectiveHook<HTMLElement, VNode<any, HTMLElement, { [key: string]: any; }>, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"beforeUnmount"?: DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"unmounted"?: DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"getSSRProps"?: (typeof AsamLoadingDirective)["getSSRProps"];
	"deep"?: boolean | undefined;
	"install": (app: App) => void;
};

组合契约按分支生效；请同时查看公开类型。

参数与事件说明

`visible`

必填：按分支；声明来源：上游声明。

visible 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

契约分支 3

枚举：false / true

`text`

必填：按分支；声明来源：上游声明。

text 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

契约分支 3

text.type: VNodeTypes — 依赖声明
事件参数：(props: any, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "type">>, (...args: never[]) => unknown>>[1]): any
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
text.props: (VNodeProps & { [key: string]: any; }) | null — 依赖声明
text.key: PropertyKey | null — 依赖声明
text.ref: PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "ref"> — 依赖声明
- text.ref.i: ComponentInternalInstance — 依赖声明
  组件实例。
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.ref.r: VNodeRef — 依赖声明
  实际 ref。
  事件参数：(ref: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, refs: Record<string, any>): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.ref.k: string | undefined — 依赖声明
  setup 中的 ref 键。
- text.ref.f: boolean | undefined — 依赖声明
  refInFor 标记。
  枚举：false / true
text.scopeId: string | null — 依赖声明
仅用于 SFC；创建 VNode 时由 currentScopeId 赋值，与 currentRenderingInstance 配合使用。
text.children: VNodeNormalizedChildren — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
text.component: ComponentInternalInstance | null — 依赖声明
- text.component.uid: number — 依赖声明
- text.component.type: ConcreteComponent<{}, any, any, ComputedOptions, MethodOptions, {}, any> — 依赖声明
  事件参数：(props: {}, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "component">>, "type">>, (...args: never[]) => unknown>>[1]): any
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.parent: ComponentInternalInstance | null — 依赖声明
  嵌套展开边界：递归引用；完整类型见公开类型视图。
- text.component.root: ComponentInternalInstance — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.appContext: AppContext — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }> — 依赖声明
  父虚拟 DOM 中代表当前组件的 VNode。
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.subTree: VNode<RendererNode, RendererElement, { [key: string]: any; }> — 依赖声明
  当前组件自身虚拟 DOM 树的根 VNode。
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.effect: ReactiveEffect<any> — 依赖声明
  渲染副作用实例。
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.update: () => void — 依赖声明
  强制更新渲染副作用。
  事件参数：(): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.job: PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "component">>, "job"> — 依赖声明
  交给调度器的渲染任务，会检查是否需要更新。
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.proxy: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null — 依赖声明
- text.component.exposed: Record<string, any> | null — 依赖声明
- text.component.exposeProxy: Record<string, any> | null — 依赖声明
- text.component.data: PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "component">>, "data"> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.props: PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "component">>, "props"> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.attrs: PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "component">>, "attrs"> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.slots: PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "component">>, "slots"> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.refs: PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "component">>, "refs"> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.emit: (event: string, ...args: any[]) => void — 依赖声明
  事件参数：(event: string, ...args: any[]): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.isMounted: boolean — 依赖声明
  枚举：false / true
- text.component.isUnmounted: boolean — 依赖声明
  枚举：false / true
- text.component.isDeactivated: boolean — 依赖声明
  枚举：false / true
text.dirs: DirectiveBinding<any, string, any>[] | null — 依赖声明
text.transition: TransitionHooks<RendererElement> | null — 依赖声明
- text.transition.mode: "default" | "in-out" | "out-in" | undefined — 依赖声明
  枚举："default" / "in-out" / "out-in"
- text.transition.persisted: boolean — 依赖声明
  枚举：false / true
- text.transition.beforeEnter: (el: RendererElement) => void — 依赖声明
  事件参数：(el: RendererElement): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.transition.enter: (el: RendererElement) => void — 依赖声明
  事件参数：(el: RendererElement): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.transition.leave: (el: RendererElement, remove: () => void) => void — 依赖声明
  事件参数：(el: RendererElement, remove: () => void): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.transition.clone: (vnode: VNode) => TransitionHooks<RendererElement> — 依赖声明
  事件参数：(vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): TransitionHooks<RendererElement>
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.transition.afterLeave: (() => void) | undefined — 依赖声明
  事件参数：(): void
- text.transition.delayLeave: ((el: RendererElement, earlyRemove: () => void, delayedLeave: () => void) => void) | undefined — 依赖声明
  事件参数：(el: RendererElement, earlyRemove: () => void, delayedLeave: () => void): void
- text.transition.delayedLeave: (() => void) | undefined — 依赖声明
  事件参数：(): void
text.el: RendererNode | null — 依赖声明
text.placeholder: RendererNode | null — 依赖声明
text.anchor: RendererNode | null — 依赖声明
text.target: RendererElement | null — 依赖声明
text.targetStart: RendererNode | null — 依赖声明
text.targetAnchor: RendererNode | null — 依赖声明
text.suspense: SuspenseBoundary | null — 依赖声明
- text.suspense.vnode: VNode<RendererNode, RendererElement, SuspenseProps> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.parent: SuspenseBoundary | null — 依赖声明
  嵌套展开边界：递归引用；完整类型见公开类型视图。
- text.suspense.parentComponent: ComponentInternalInstance | null — 依赖声明
  - text.suspense.parentComponent.uid: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.parentComponent.type: ConcreteComponent<{}, any, any, ComputedOptions, MethodOptions, {}, any> — 依赖声明
    事件参数：(props: {}, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "parentComponent">>, "type">>, (...args: never[]) => unknown>>[1]): any
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.parent: ComponentInternalInstance | null — 依赖声明
    嵌套展开边界：递归引用；完整类型见公开类型视图。
  - text.suspense.parentComponent.root: ComponentInternalInstance — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.appContext: AppContext — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }> — 依赖声明
    父虚拟 DOM 中代表当前组件的 VNode。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.subTree: VNode<RendererNode, RendererElement, { [key: string]: any; }> — 依赖声明
    当前组件自身虚拟 DOM 树的根 VNode。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.effect: ReactiveEffect<any> — 依赖声明
    渲染副作用实例。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.update: () => void — 依赖声明
    强制更新渲染副作用。
    事件参数：(): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.job: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "parentComponent">>, "job"> — 依赖声明
    交给调度器的渲染任务，会检查是否需要更新。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.proxy: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.parentComponent.exposed: Record<string, any> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.parentComponent.exposeProxy: Record<string, any> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.parentComponent.data: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "parentComponent">>, "data"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.props: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "parentComponent">>, "props"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.attrs: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "parentComponent">>, "attrs"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.slots: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "parentComponent">>, "slots"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.refs: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "parentComponent">>, "refs"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.emit: (event: string, ...args: any[]) => void — 依赖声明
    事件参数：(event: string, ...args: any[]): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.isMounted: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.parentComponent.isUnmounted: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.parentComponent.isDeactivated: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
- text.suspense.namespace: ElementNamespace — 依赖声明
  枚举："svg" / "mathml"
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.container: RendererElement — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.hiddenContainer: RendererElement — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.activeBranch: VNode<RendererNode, RendererElement, { [key: string]: any; }> | null — 依赖声明
  - text.suspense.activeBranch.type: VNodeTypes — 依赖声明
    事件参数：(props: any, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "activeBranch">>, "type">>, (...args: never[]) => unknown>>[1]): any
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.activeBranch.props: (VNodeProps & { [key: string]: any; }) | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.key: PropertyKey | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.ref: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "activeBranch">>, "ref"> — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.scopeId: string | null — 依赖声明
    仅用于 SFC；创建 VNode 时由 currentScopeId 赋值，与 currentRenderingInstance 配合使用。
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.children: VNodeNormalizedChildren — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.activeBranch.component: ComponentInternalInstance | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.dirs: DirectiveBinding<any, string, any>[] | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.transition: TransitionHooks<RendererElement> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.el: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.placeholder: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.anchor: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.target: RendererElement | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.targetStart: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.targetAnchor: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.suspense: SuspenseBoundary | null — 依赖声明
    嵌套展开边界：递归引用；完整类型见公开类型视图。
  - text.suspense.activeBranch.shapeFlag: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.patchFlag: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.appContext: AppContext | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
- text.suspense.isFallbackMountPending: boolean — 依赖声明
  枚举：false / true
- text.suspense.pendingBranch: VNode<RendererNode, RendererElement, { [key: string]: any; }> | null — 依赖声明
  - text.suspense.pendingBranch.type: VNodeTypes — 依赖声明
    事件参数：(props: any, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "pendingBranch">>, "type">>, (...args: never[]) => unknown>>[1]): any
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.pendingBranch.props: (VNodeProps & { [key: string]: any; }) | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.key: PropertyKey | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.ref: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "pendingBranch">>, "ref"> — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.scopeId: string | null — 依赖声明
    仅用于 SFC；创建 VNode 时由 currentScopeId 赋值，与 currentRenderingInstance 配合使用。
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.children: VNodeNormalizedChildren — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.pendingBranch.component: ComponentInternalInstance | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.dirs: DirectiveBinding<any, string, any>[] | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.transition: TransitionHooks<RendererElement> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.el: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.placeholder: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.anchor: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.target: RendererElement | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.targetStart: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.targetAnchor: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.suspense: SuspenseBoundary | null — 依赖声明
    嵌套展开边界：递归引用；完整类型见公开类型视图。
  - text.suspense.pendingBranch.shapeFlag: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.patchFlag: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.appContext: AppContext | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
- text.suspense.deps: number — 依赖声明
- text.suspense.pendingId: number — 依赖声明
- text.suspense.timeout: number — 依赖声明
- text.suspense.isInFallback: boolean — 依赖声明
  枚举：false / true
- text.suspense.isHydrating: boolean — 依赖声明
  枚举：false / true
- text.suspense.isUnmounted: boolean — 依赖声明
  枚举：false / true
- text.suspense.effects: Function[] — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.resolve: (force?: boolean, sync?: boolean) => void — 依赖声明
  事件参数：(force?: boolean | undefined, sync?: boolean | undefined): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.fallback: (fallbackVNode: VNode) => void — 依赖声明
  事件参数：(fallbackVNode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.move: PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "move"> — 依赖声明
  事件参数：(container: RendererElement, anchor: RendererNode | null, type: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "move">>, (...args: never[]) => unknown>>[2]): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.next: () => RendererNode | null — 依赖声明
  事件参数：(): RendererNode | null
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.registerDep: PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "registerDep"> — 依赖声明
  事件参数：(instance: ComponentInternalInstance, setupRenderEffect: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] | undefined>, "suspense">>, "registerDep">>, (...args: never[]) => unknown>>[1], optimized: boolean): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.unmount: (parentSuspense: SuspenseBoundary | null, doRemove?: boolean) => void — 依赖声明
  事件参数：(parentSuspense: SuspenseBoundary | null, doRemove?: boolean | undefined): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
text.shapeFlag: number — 依赖声明
text.patchFlag: number — 依赖声明
text.appContext: AppContext | null — 依赖声明
- text.appContext.app: App<any> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.appContext.config: AppConfig — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.appContext.mixins: ComponentOptions<{}, any, any, any, any, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>[] — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.appContext.components: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.appContext.directives: Record<string, Directive<any, any, string, any>> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.appContext.provides: Record<string | symbol, any> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`background`

必填：按分支；声明来源：上游声明。

`beforeClose`

必填：按分支；声明来源：上游声明。

beforeClose 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

契约分支 3

事件参数：(): boolean

`fullscreen`

必填：按分支；声明来源：上游声明。

fullscreen 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

契约分支 3

枚举：false / true

`closed`

必填：按分支；声明来源：上游声明。

closed 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

契约分支 3

事件参数：(): void

`svg`

必填：按分支；声明来源：上游声明。

`svgViewBox`

必填：按分支；声明来源：上游声明。

`spinner`

必填：按分支；声明来源：上游声明。

spinner 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

契约分支 3

枚举：false / true

`lock`

必填：按分支；声明来源：上游声明。

lock 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

契约分支 3

枚举：false / true

`customClass`

必填：按分支；声明来源：上游声明。

`target`

必填：按分支；声明来源：上游声明。

target 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

契约分支 3

嵌套展开边界：大型实例类型；完整类型见公开类型视图。

`body`

必填：按分支；声明来源：上游声明。

body 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

契约分支 3

枚举：false / true

AsamLoadingBinding 公开类型视图

import type { VNode, VNodeTypes, Attrs, VNodeProps, ComponentInternalInstance, VNodeRef, ComponentPublicInstance, ComponentOptionsBase, ComponentProvideOptions, VNodeNormalizedChildren, ConcreteComponent, ComputedOptions, MethodOptions, AppContext, RendererNode, RendererElement, ReactiveEffect, DirectiveBinding, TransitionHooks, SuspenseBoundary, SuspenseProps, ElementNamespace, App, AppConfig, ComponentOptions, Component, Directive } from 'vue';
import type { AsamLoadingBinding, AsamLoadingDirectiveType } from '@asam-ui/ui';

type PublicMember<T, K extends PropertyKey> = T extends unknown ? K extends keyof T ? T[K] : never : never;

// AsamLoadingBinding
type PublicContract = AsamLoadingBinding;

组合契约按分支生效；请同时查看公开类型。

AsamLoadingModifiers 公开类型视图

import type { AsamLoadingModifiers } from '@asam-ui/ui';

// AsamLoadingModifiers
type PublicContract = AsamLoadingModifiers;

参数与事件说明

`created`

必填：否；声明来源：依赖声明。

created 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(el: HTMLElement, binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<any, HTMLElement, { [key: string]: any; }>, prevVNode: null): void

`beforeMount`

必填：否；声明来源：依赖声明。

beforeMount 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(el: HTMLElement, binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<any, HTMLElement, { [key: string]: any; }>, prevVNode: null): void

`mounted`

必填：否；声明来源：依赖声明。

mounted 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(el: HTMLElement, binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<any, HTMLElement, { [key: string]: any; }>, prevVNode: null): void

`beforeUpdate`

必填：否；声明来源：依赖声明。

beforeUpdate 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

`updated`

必填：否；声明来源：依赖声明。

updated 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

`beforeUnmount`

必填：否；声明来源：依赖声明。

beforeUnmount 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(el: HTMLElement, binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<any, HTMLElement, { [key: string]: any; }>, prevVNode: null): void

`unmounted`

必填：否；声明来源：依赖声明。

unmounted 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(el: HTMLElement, binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<any, HTMLElement, { [key: string]: any; }>, prevVNode: null): void

`getSSRProps`

必填：否；声明来源：依赖声明。

getSSRProps 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(binding: DirectiveBinding<AsamLoadingBinding, AsamLoadingModifiers, unknown>, vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): ReturnType<Extract<NonNullable<(AsamLoadingDirectiveType)["getSSRProps"]>, (...args: never[]) => unknown>>

`deep`

必填：否；声明来源：依赖声明。

deep 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

枚举：false / true

`install`

必填：是；声明来源：ASAM 声明。

install 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(app: App<any>): void

AsamLoadingDirectiveType 公开类型视图

import type { DirectiveHook, DirectiveBinding, VNode, RendererNode, RendererElement, App } from 'vue';
import type { AsamLoadingDirectiveType, AsamLoadingBinding, AsamLoadingModifiers } from '@asam-ui/ui';

// AsamLoadingDirectiveType
type PublicContract = {
	"created"?: DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"beforeMount"?: DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"mounted"?: DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"beforeUpdate"?: DirectiveHook<HTMLElement, VNode<any, HTMLElement, { [key: string]: any; }>, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"updated"?: DirectiveHook<HTMLElement, VNode<any, HTMLElement, { [key: string]: any; }>, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"beforeUnmount"?: DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"unmounted"?: DirectiveHook<HTMLElement, null, AsamLoadingBinding, AsamLoadingModifiers, unknown> | undefined;
	"getSSRProps"?: (AsamLoadingDirectiveType)["getSSRProps"];
	"deep"?: boolean | undefined;
	"install": (app: App) => void;
};

参数与事件说明

`instance`

必填：是；声明来源：ASAM 声明。

instance 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

instance.setText: (text: string | VNode | VNode[]) => void — 上游声明
事件参数：(text: Parameters<Extract<NonNullable<(NonNullable<AsamLoadingInstance>)["setText"]>, (...args: never[]) => unknown>>[0]): void
instance.removeElLoadingChild: () => void — 上游声明
事件参数：(): void
instance.close: () => void — 上游声明
事件参数：(): void
instance.handleAfterLeave: () => void — 上游声明
事件参数：(): void
instance.vm: (NonNullable<AsamLoadingInstance>)["vm"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.$el: HTMLElement | null — 上游声明
嵌套展开边界：大型实例类型；完整类型见公开类型视图。
instance.originalPosition: (NonNullable<AsamLoadingInstance>)["originalPosition"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.originalOverflow: (NonNullable<AsamLoadingInstance>)["originalOverflow"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.visible: (NonNullable<AsamLoadingInstance>)["visible"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.parent: (NonNullable<AsamLoadingInstance>)["parent"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.background: (NonNullable<AsamLoadingInstance>)["background"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.svg: (NonNullable<AsamLoadingInstance>)["svg"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.svgViewBox: (NonNullable<AsamLoadingInstance>)["svgViewBox"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.spinner: (NonNullable<AsamLoadingInstance>)["spinner"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.text: (NonNullable<AsamLoadingInstance>)["text"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.fullscreen: (NonNullable<AsamLoadingInstance>)["fullscreen"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.lock: (NonNullable<AsamLoadingInstance>)["lock"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.customClass: (NonNullable<AsamLoadingInstance>)["customClass"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.target: (NonNullable<AsamLoadingInstance>)["target"] — 上游声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
instance.beforeClose: (NonNullable<AsamLoadingInstance>)["beforeClose"] — 上游声明
- instance.beforeClose.value: (() => boolean) | undefined — 依赖声明
  事件参数：(): boolean
- instance.beforeClose.__@RefSymbol@8854: true — 依赖声明
  仅用于区分类型：保留在公开声明中，通过私有 Symbol 避免出现在编辑器自动补全中。
  枚举：true
instance.closed: (NonNullable<AsamLoadingInstance>)["closed"] — 上游声明
- instance.closed.value: (() => void) | undefined — 依赖声明
  事件参数：(): void
- instance.closed.__@RefSymbol@8854: true — 依赖声明
  仅用于区分类型：保留在公开声明中，通过私有 Symbol 避免出现在编辑器自动补全中。
  枚举：true

`options`

必填：是；声明来源：ASAM 声明。

options 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

AsamLoadingDirectiveState 公开类型视图

import type { VNode } from 'vue';
import type { AsamLoadingDirectiveState, AsamLoadingInstance, AsamLoadingOptions } from '@asam-ui/ui';

type PublicMember<T, K extends PropertyKey> = T extends unknown ? K extends keyof T ? T[K] : never : never;

// AsamLoadingDirectiveState
type PublicContract = {
	"instance": AsamLoadingInstance;
	"options": AsamLoadingOptions;
};

参数与事件说明

`visible`

必填：否；声明来源：上游声明。

visible 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

枚举：false / true

默认值与来源

options.visible ?? true（源码表达式；上游声明）

`text`

必填：否；声明来源：上游声明。

text 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

text.type: VNodeTypes — 依赖声明
事件参数：(props: any, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "type">>, (...args: never[]) => unknown>>[1]): any
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
text.props: (VNodeProps & { [key: string]: any; }) | null — 依赖声明
text.key: PropertyKey | null — 依赖声明
text.ref: PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "ref"> — 依赖声明
- text.ref.i: ComponentInternalInstance — 依赖声明
  组件实例。
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.ref.r: VNodeRef — 依赖声明
  实际 ref。
  事件参数：(ref: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, refs: Record<string, any>): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.ref.k: string | undefined — 依赖声明
  setup 中的 ref 键。
- text.ref.f: boolean | undefined — 依赖声明
  refInFor 标记。
  枚举：false / true
text.scopeId: string | null — 依赖声明
仅用于 SFC；创建 VNode 时由 currentScopeId 赋值，与 currentRenderingInstance 配合使用。
text.children: VNodeNormalizedChildren — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
text.component: ComponentInternalInstance | null — 依赖声明
- text.component.uid: number — 依赖声明
- text.component.type: ConcreteComponent<{}, any, any, ComputedOptions, MethodOptions, {}, any> — 依赖声明
  事件参数：(props: {}, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "component">>, "type">>, (...args: never[]) => unknown>>[1]): any
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.parent: ComponentInternalInstance | null — 依赖声明
  嵌套展开边界：递归引用；完整类型见公开类型视图。
- text.component.root: ComponentInternalInstance — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.appContext: AppContext — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }> — 依赖声明
  父虚拟 DOM 中代表当前组件的 VNode。
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.subTree: VNode<RendererNode, RendererElement, { [key: string]: any; }> — 依赖声明
  当前组件自身虚拟 DOM 树的根 VNode。
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.effect: ReactiveEffect<any> — 依赖声明
  渲染副作用实例。
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.update: () => void — 依赖声明
  强制更新渲染副作用。
  事件参数：(): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.job: PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "component">>, "job"> — 依赖声明
  交给调度器的渲染任务，会检查是否需要更新。
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.proxy: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null — 依赖声明
- text.component.exposed: Record<string, any> | null — 依赖声明
- text.component.exposeProxy: Record<string, any> | null — 依赖声明
- text.component.data: PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "component">>, "data"> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.props: PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "component">>, "props"> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.attrs: PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "component">>, "attrs"> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.slots: PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "component">>, "slots"> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.refs: PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "component">>, "refs"> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.emit: (event: string, ...args: any[]) => void — 依赖声明
  事件参数：(event: string, ...args: any[]): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.component.isMounted: boolean — 依赖声明
  枚举：false / true
- text.component.isUnmounted: boolean — 依赖声明
  枚举：false / true
- text.component.isDeactivated: boolean — 依赖声明
  枚举：false / true
text.dirs: DirectiveBinding<any, string, any>[] | null — 依赖声明
text.transition: TransitionHooks<RendererElement> | null — 依赖声明
- text.transition.mode: "default" | "in-out" | "out-in" | undefined — 依赖声明
  枚举："default" / "in-out" / "out-in"
- text.transition.persisted: boolean — 依赖声明
  枚举：false / true
- text.transition.beforeEnter: (el: RendererElement) => void — 依赖声明
  事件参数：(el: RendererElement): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.transition.enter: (el: RendererElement) => void — 依赖声明
  事件参数：(el: RendererElement): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.transition.leave: (el: RendererElement, remove: () => void) => void — 依赖声明
  事件参数：(el: RendererElement, remove: () => void): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.transition.clone: (vnode: VNode) => TransitionHooks<RendererElement> — 依赖声明
  事件参数：(vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): TransitionHooks<RendererElement>
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.transition.afterLeave: (() => void) | undefined — 依赖声明
  事件参数：(): void
- text.transition.delayLeave: ((el: RendererElement, earlyRemove: () => void, delayedLeave: () => void) => void) | undefined — 依赖声明
  事件参数：(el: RendererElement, earlyRemove: () => void, delayedLeave: () => void): void
- text.transition.delayedLeave: (() => void) | undefined — 依赖声明
  事件参数：(): void
text.el: RendererNode | null — 依赖声明
text.placeholder: RendererNode | null — 依赖声明
text.anchor: RendererNode | null — 依赖声明
text.target: RendererElement | null — 依赖声明
text.targetStart: RendererNode | null — 依赖声明
text.targetAnchor: RendererNode | null — 依赖声明
text.suspense: SuspenseBoundary | null — 依赖声明
- text.suspense.vnode: VNode<RendererNode, RendererElement, SuspenseProps> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.parent: SuspenseBoundary | null — 依赖声明
  嵌套展开边界：递归引用；完整类型见公开类型视图。
- text.suspense.parentComponent: ComponentInternalInstance | null — 依赖声明
  - text.suspense.parentComponent.uid: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.parentComponent.type: ConcreteComponent<{}, any, any, ComputedOptions, MethodOptions, {}, any> — 依赖声明
    事件参数：(props: {}, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "parentComponent">>, "type">>, (...args: never[]) => unknown>>[1]): any
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.parent: ComponentInternalInstance | null — 依赖声明
    嵌套展开边界：递归引用；完整类型见公开类型视图。
  - text.suspense.parentComponent.root: ComponentInternalInstance — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.appContext: AppContext — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }> — 依赖声明
    父虚拟 DOM 中代表当前组件的 VNode。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.subTree: VNode<RendererNode, RendererElement, { [key: string]: any; }> — 依赖声明
    当前组件自身虚拟 DOM 树的根 VNode。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.effect: ReactiveEffect<any> — 依赖声明
    渲染副作用实例。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.update: () => void — 依赖声明
    强制更新渲染副作用。
    事件参数：(): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.job: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "parentComponent">>, "job"> — 依赖声明
    交给调度器的渲染任务，会检查是否需要更新。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.proxy: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.parentComponent.exposed: Record<string, any> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.parentComponent.exposeProxy: Record<string, any> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.parentComponent.data: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "parentComponent">>, "data"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.props: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "parentComponent">>, "props"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.attrs: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "parentComponent">>, "attrs"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.slots: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "parentComponent">>, "slots"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.refs: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "parentComponent">>, "refs"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.emit: (event: string, ...args: any[]) => void — 依赖声明
    事件参数：(event: string, ...args: any[]): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.parentComponent.isMounted: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.parentComponent.isUnmounted: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.parentComponent.isDeactivated: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
- text.suspense.namespace: ElementNamespace — 依赖声明
  枚举："svg" / "mathml"
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.container: RendererElement — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.hiddenContainer: RendererElement — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.activeBranch: VNode<RendererNode, RendererElement, { [key: string]: any; }> | null — 依赖声明
  - text.suspense.activeBranch.type: VNodeTypes — 依赖声明
    事件参数：(props: any, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "activeBranch">>, "type">>, (...args: never[]) => unknown>>[1]): any
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.activeBranch.props: (VNodeProps & { [key: string]: any; }) | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.key: PropertyKey | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.ref: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "activeBranch">>, "ref"> — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.scopeId: string | null — 依赖声明
    仅用于 SFC；创建 VNode 时由 currentScopeId 赋值，与 currentRenderingInstance 配合使用。
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.children: VNodeNormalizedChildren — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.activeBranch.component: ComponentInternalInstance | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.dirs: DirectiveBinding<any, string, any>[] | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.transition: TransitionHooks<RendererElement> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.el: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.placeholder: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.anchor: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.target: RendererElement | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.targetStart: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.targetAnchor: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.suspense: SuspenseBoundary | null — 依赖声明
    嵌套展开边界：递归引用；完整类型见公开类型视图。
  - text.suspense.activeBranch.shapeFlag: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.patchFlag: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.activeBranch.appContext: AppContext | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
- text.suspense.isFallbackMountPending: boolean — 依赖声明
  枚举：false / true
- text.suspense.pendingBranch: VNode<RendererNode, RendererElement, { [key: string]: any; }> | null — 依赖声明
  - text.suspense.pendingBranch.type: VNodeTypes — 依赖声明
    事件参数：(props: any, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "pendingBranch">>, "type">>, (...args: never[]) => unknown>>[1]): any
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.pendingBranch.props: (VNodeProps & { [key: string]: any; }) | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.key: PropertyKey | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.ref: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "pendingBranch">>, "ref"> — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.scopeId: string | null — 依赖声明
    仅用于 SFC；创建 VNode 时由 currentScopeId 赋值，与 currentRenderingInstance 配合使用。
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.children: VNodeNormalizedChildren — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.suspense.pendingBranch.component: ComponentInternalInstance | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.dirs: DirectiveBinding<any, string, any>[] | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.transition: TransitionHooks<RendererElement> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.el: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.placeholder: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.anchor: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.target: RendererElement | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.targetStart: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.targetAnchor: RendererNode | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.suspense: SuspenseBoundary | null — 依赖声明
    嵌套展开边界：递归引用；完整类型见公开类型视图。
  - text.suspense.pendingBranch.shapeFlag: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.patchFlag: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.suspense.pendingBranch.appContext: AppContext | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
- text.suspense.deps: number — 依赖声明
- text.suspense.pendingId: number — 依赖声明
- text.suspense.timeout: number — 依赖声明
- text.suspense.isInFallback: boolean — 依赖声明
  枚举：false / true
- text.suspense.isHydrating: boolean — 依赖声明
  枚举：false / true
- text.suspense.isUnmounted: boolean — 依赖声明
  枚举：false / true
- text.suspense.effects: Function[] — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.resolve: (force?: boolean, sync?: boolean) => void — 依赖声明
  事件参数：(force?: boolean | undefined, sync?: boolean | undefined): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.fallback: (fallbackVNode: VNode) => void — 依赖声明
  事件参数：(fallbackVNode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.move: PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "move"> — 依赖声明
  事件参数：(container: RendererElement, anchor: RendererNode | null, type: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "move">>, (...args: never[]) => unknown>>[2]): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.next: () => RendererNode | null — 依赖声明
  事件参数：(): RendererNode | null
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.registerDep: PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "registerDep"> — 依赖声明
  事件参数：(instance: ComponentInternalInstance, setupRenderEffect: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "suspense">>, "registerDep">>, (...args: never[]) => unknown>>[1], optimized: boolean): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.suspense.unmount: (parentSuspense: SuspenseBoundary | null, doRemove?: boolean) => void — 依赖声明
  事件参数：(parentSuspense: SuspenseBoundary | null, doRemove?: boolean | undefined): void
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
text.shapeFlag: number — 依赖声明
text.patchFlag: number — 依赖声明
text.appContext: AppContext | null — 依赖声明
- text.appContext.app: App<any> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.appContext.config: AppConfig — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.appContext.mixins: ComponentOptions<{}, any, any, any, any, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>[] — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.appContext.components: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.appContext.directives: Record<string, Directive<any, any, string, any>> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.appContext.provides: Record<string | symbol, any> — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
text.value: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[] — 依赖声明
- text.value.type: VNodeTypes — 依赖声明
  事件参数：(props: any, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "type">>, (...args: never[]) => unknown>>[1]): any
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.value.props: (VNodeProps & { [key: string]: any; }) | null — 依赖声明
- text.value.key: PropertyKey | null — 依赖声明
- text.value.ref: PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "ref"> — 依赖声明
  - text.value.ref.i: ComponentInternalInstance — 依赖声明
    组件实例。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.ref.r: VNodeRef — 依赖声明
    实际 ref。
    事件参数：(ref: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, refs: Record<string, any>): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.ref.k: string | undefined — 依赖声明
    setup 中的 ref 键。
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.ref.f: boolean | undefined — 依赖声明
    refInFor 标记。
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
- text.value.scopeId: string | null — 依赖声明
  仅用于 SFC；创建 VNode 时由 currentScopeId 赋值，与 currentRenderingInstance 配合使用。
- text.value.children: VNodeNormalizedChildren — 依赖声明
  嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.value.component: ComponentInternalInstance | null — 依赖声明
  - text.value.component.uid: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.component.type: ConcreteComponent<{}, any, any, ComputedOptions, MethodOptions, {}, any> — 依赖声明
    事件参数：(props: {}, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "component">>, "type">>, (...args: never[]) => unknown>>[1]): any
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.parent: ComponentInternalInstance | null — 依赖声明
    嵌套展开边界：递归引用；完整类型见公开类型视图。
  - text.value.component.root: ComponentInternalInstance — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.appContext: AppContext — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }> — 依赖声明
    父虚拟 DOM 中代表当前组件的 VNode。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.subTree: VNode<RendererNode, RendererElement, { [key: string]: any; }> — 依赖声明
    当前组件自身虚拟 DOM 树的根 VNode。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.effect: ReactiveEffect<any> — 依赖声明
    渲染副作用实例。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.update: () => void — 依赖声明
    强制更新渲染副作用。
    事件参数：(): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.job: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "component">>, "job"> — 依赖声明
    交给调度器的渲染任务，会检查是否需要更新。
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.proxy: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.component.exposed: Record<string, any> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.component.exposeProxy: Record<string, any> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.component.data: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "component">>, "data"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.props: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "component">>, "props"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.attrs: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "component">>, "attrs"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.slots: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "component">>, "slots"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.refs: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "component">>, "refs"> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.emit: (event: string, ...args: any[]) => void — 依赖声明
    事件参数：(event: string, ...args: any[]): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.component.isMounted: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.component.isUnmounted: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.component.isDeactivated: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
- text.value.dirs: DirectiveBinding<any, string, any>[] | null — 依赖声明
- text.value.transition: TransitionHooks<RendererElement> | null — 依赖声明
  - text.value.transition.mode: "default" | "in-out" | "out-in" | undefined — 依赖声明
    枚举："default" / "in-out" / "out-in"
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.transition.persisted: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.transition.beforeEnter: (el: RendererElement) => void — 依赖声明
    事件参数：(el: RendererElement): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.transition.enter: (el: RendererElement) => void — 依赖声明
    事件参数：(el: RendererElement): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.transition.leave: (el: RendererElement, remove: () => void) => void — 依赖声明
    事件参数：(el: RendererElement, remove: () => void): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.transition.clone: (vnode: VNode) => TransitionHooks<RendererElement> — 依赖声明
    事件参数：(vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): TransitionHooks<RendererElement>
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.transition.afterLeave: (() => void) | undefined — 依赖声明
    事件参数：(): void
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.transition.delayLeave: ((el: RendererElement, earlyRemove: () => void, delayedLeave: () => void) => void) | undefined — 依赖声明
    事件参数：(el: RendererElement, earlyRemove: () => void, delayedLeave: () => void): void
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.transition.delayedLeave: (() => void) | undefined — 依赖声明
    事件参数：(): void
    嵌套展开边界：深度上限；完整类型见公开类型视图。
- text.value.el: RendererNode | null — 依赖声明
- text.value.placeholder: RendererNode | null — 依赖声明
- text.value.anchor: RendererNode | null — 依赖声明
- text.value.target: RendererElement | null — 依赖声明
- text.value.targetStart: RendererNode | null — 依赖声明
- text.value.targetAnchor: RendererNode | null — 依赖声明
- text.value.suspense: SuspenseBoundary | null — 依赖声明
  - text.value.suspense.vnode: VNode<RendererNode, RendererElement, SuspenseProps> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.suspense.parent: SuspenseBoundary | null — 依赖声明
    嵌套展开边界：递归引用；完整类型见公开类型视图。
  - text.value.suspense.parentComponent: ComponentInternalInstance | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.suspense.namespace: ElementNamespace — 依赖声明
    枚举："svg" / "mathml"
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.suspense.container: RendererElement — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.suspense.hiddenContainer: RendererElement — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.suspense.activeBranch: VNode<RendererNode, RendererElement, { [key: string]: any; }> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.suspense.isFallbackMountPending: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.suspense.pendingBranch: VNode<RendererNode, RendererElement, { [key: string]: any; }> | null — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.suspense.deps: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.suspense.pendingId: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.suspense.timeout: number — 依赖声明
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.suspense.isInFallback: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.suspense.isHydrating: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.suspense.isUnmounted: boolean — 依赖声明
    枚举：false / true
    嵌套展开边界：深度上限；完整类型见公开类型视图。
  - text.value.suspense.effects: Function[] — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.suspense.resolve: (force?: boolean, sync?: boolean) => void — 依赖声明
    事件参数：(force?: boolean | undefined, sync?: boolean | undefined): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.suspense.fallback: (fallbackVNode: VNode) => void — 依赖声明
    事件参数：(fallbackVNode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.suspense.move: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "suspense">>, "move"> — 依赖声明
    事件参数：(container: RendererElement, anchor: RendererNode | null, type: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "suspense">>, "move">>, (...args: never[]) => unknown>>[2]): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.suspense.next: () => RendererNode | null — 依赖声明
    事件参数：(): RendererNode | null
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.suspense.registerDep: PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "suspense">>, "registerDep"> — 依赖声明
    事件参数：(instance: ComponentInternalInstance, setupRenderEffect: Parameters<Extract<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "value">>, "suspense">>, "registerDep">>, (...args: never[]) => unknown>>[1], optimized: boolean): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.suspense.unmount: (parentSuspense: SuspenseBoundary | null, doRemove?: boolean) => void — 依赖声明
    事件参数：(parentSuspense: SuspenseBoundary | null, doRemove?: boolean | undefined): void
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
- text.value.shapeFlag: number — 依赖声明
- text.value.patchFlag: number — 依赖声明
- text.value.appContext: AppContext | null — 依赖声明
  - text.value.appContext.app: App<any> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.appContext.config: AppConfig — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.appContext.mixins: ComponentOptions<{}, any, any, any, any, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>[] — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.appContext.components: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.appContext.directives: Record<string, Directive<any, any, string, any>> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
  - text.value.appContext.provides: Record<string | symbol, any> — 依赖声明
    嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
text.__@RefSymbol@8854: true — 依赖声明
仅用于区分类型：保留在公开声明中，通过私有 Symbol 避免出现在编辑器自动补全中。
枚举：true
text.__@WritableComputedRefSymbol@60030: true — 依赖声明
枚举：true
text.effect: PublicMember<NonNullable<MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined>, "effect"> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
text.__@ComputedRefSymbol@12594: true — 依赖声明
枚举：true

默认值与来源

options.text || ""（源码表达式；上游声明）

固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）

`background`

必填：否；声明来源：上游声明。

background 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

background.value: string — 依赖声明
background.__@RefSymbol@8854: true — 依赖声明
仅用于区分类型：保留在公开声明中，通过私有 Symbol 避免出现在编辑器自动补全中。
枚举：true
background.__@WritableComputedRefSymbol@60030: true — 依赖声明
枚举：true
background.effect: PublicMember<NonNullable<MaybeRef<string> | undefined>, "effect"> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
background.__@ComputedRefSymbol@12594: true — 依赖声明
枚举：true

默认值与来源

options.background || ""（源码表达式；上游声明）

固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）

`beforeClose`

必填：否；声明来源：上游声明。

beforeClose 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(): boolean

默认值与来源

options.beforeClose（源码表达式；上游声明）

固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）

`fullscreen`

必填：否；声明来源：上游声明。

fullscreen 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

枚举：false / true

默认值与来源

target === document.body && (options.fullscreen ?? true)（源码表达式；上游声明）

固定上游文档默认：true（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）

`closed`

必填：否；声明来源：上游声明。

closed 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(): void

默认值与来源

options.closed（源码表达式；上游声明）

固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）

`svg`

必填：否；声明来源：上游声明。

svg 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

svg.value: string — 依赖声明
svg.__@RefSymbol@8854: true — 依赖声明
仅用于区分类型：保留在公开声明中，通过私有 Symbol 避免出现在编辑器自动补全中。
枚举：true
svg.__@WritableComputedRefSymbol@60030: true — 依赖声明
枚举：true
svg.effect: PublicMember<NonNullable<MaybeRef<string> | undefined>, "effect"> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
svg.__@ComputedRefSymbol@12594: true — 依赖声明
枚举：true

默认值与来源

options.svg || ""（源码表达式；上游声明）

固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）

`svgViewBox`

必填：否；声明来源：上游声明。

svgViewBox 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

svgViewBox.value: string — 依赖声明
svgViewBox.__@RefSymbol@8854: true — 依赖声明
仅用于区分类型：保留在公开声明中，通过私有 Symbol 避免出现在编辑器自动补全中。
枚举：true
svgViewBox.__@WritableComputedRefSymbol@60030: true — 依赖声明
枚举：true
svgViewBox.effect: PublicMember<NonNullable<MaybeRef<string> | undefined>, "effect"> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
svgViewBox.__@ComputedRefSymbol@12594: true — 依赖声明
枚举：true

默认值与来源

options.svgViewBox || ""（源码表达式；上游声明）

固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）

`spinner`

必填：否；声明来源：上游声明。

spinner 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

枚举：false / true

spinner.value: string | boolean — 依赖声明
枚举：false / true
spinner.__@RefSymbol@8854: true — 依赖声明
仅用于区分类型：保留在公开声明中，通过私有 Symbol 避免出现在编辑器自动补全中。
枚举：true
spinner.__@WritableComputedRefSymbol@60030: true — 依赖声明
枚举：true
spinner.effect: PublicMember<NonNullable<MaybeRef<string | boolean> | undefined>, "effect"> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
spinner.__@ComputedRefSymbol@12594: true — 依赖声明
枚举：true

默认值与来源

options.spinner || false（源码表达式；上游声明）

固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）

`lock`

必填：否；声明来源：上游声明。

lock 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

枚举：false / true

默认值与来源

options.lock ?? false（源码表达式；上游声明）

固定上游文档默认：false（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）

`customClass`

必填：否；声明来源：上游声明。

customClass 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

customClass.value: string — 依赖声明
customClass.__@RefSymbol@8854: true — 依赖声明
仅用于区分类型：保留在公开声明中，通过私有 Symbol 避免出现在编辑器自动补全中。
枚举：true
customClass.__@WritableComputedRefSymbol@60030: true — 依赖声明
枚举：true
customClass.effect: PublicMember<NonNullable<MaybeRef<string> | undefined>, "effect"> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
customClass.__@ComputedRefSymbol@12594: true — 依赖声明
枚举：true

默认值与来源

"asam-loading"（已安装运行时；ASAM 声明）

固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）

`target`

必填：否；声明来源：上游声明。

target 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：大型实例类型；完整类型见公开类型视图。

默认值与来源

未知 / 未声明

固定上游文档默认：document.body（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）

`body`

必填：否；声明来源：上游声明。

body 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

枚举：false / true

默认值与来源

未知 / 未声明

固定上游文档默认：false（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）

AsamLoadingOptions 公开类型视图

import type { MaybeRef, VNode, VNodeTypes, Attrs, VNodeProps, ComponentInternalInstance, VNodeRef, ComponentPublicInstance, ComponentOptionsBase, ComponentProvideOptions, VNodeNormalizedChildren, ConcreteComponent, ComputedOptions, MethodOptions, AppContext, RendererNode, RendererElement, ReactiveEffect, DirectiveBinding, TransitionHooks, SuspenseBoundary, SuspenseProps, ElementNamespace, App, AppConfig, ComponentOptions, Component, Directive } from 'vue';
import type { AsamLoadingOptions } from '@asam-ui/ui';

type PublicMember<T, K extends PropertyKey> = T extends unknown ? K extends keyof T ? T[K] : never : never;

// AsamLoadingOptions
type PublicContract = {
	"visible"?: boolean | undefined;
	"text"?: MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | undefined;
	"background"?: MaybeRef<string> | undefined;
	"beforeClose"?: (() => boolean) | undefined;
	"fullscreen"?: boolean | undefined;
	"closed"?: (() => void) | undefined;
	"svg"?: MaybeRef<string> | undefined;
	"svgViewBox"?: MaybeRef<string> | undefined;
	"spinner"?: MaybeRef<string | boolean> | undefined;
	"lock"?: boolean | undefined;
	"customClass"?: MaybeRef<string> | undefined;
	"target"?: string | HTMLElement | undefined;
	"body"?: boolean | undefined;
};

参数与事件说明

`setText`

必填：是；声明来源：上游声明。

setText 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(text: Parameters<Extract<NonNullable<(text: string | VNode | VNode[]) => void>, (...args: never[]) => unknown>>[0]): void

`removeElLoadingChild`

必填：是；声明来源：上游声明。

removeElLoadingChild 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(): void

`close`

必填：是；声明来源：上游声明。

close 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(): void

`handleAfterLeave`

必填：是；声明来源：上游声明。

handleAfterLeave 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

事件参数：(): void

`vm`

必填：是；声明来源：上游声明。

vm 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`$el`

必填：是；声明来源：上游声明。

$el 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：大型实例类型；完整类型见公开类型视图。

`originalPosition`

必填：是；声明来源：上游声明。

originalPosition 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`originalOverflow`

必填：是；声明来源：上游声明。

originalOverflow 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`visible`

必填：是；声明来源：上游声明。

visible 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`parent`

必填：是；声明来源：上游声明。

parent 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`background`

必填：是；声明来源：上游声明。

background 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`svg`

必填：是；声明来源：上游声明。

svg 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`svgViewBox`

必填：是；声明来源：上游声明。

svgViewBox 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`spinner`

必填：是；声明来源：上游声明。

spinner 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`text`

必填：是；声明来源：上游声明。

text 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`fullscreen`

必填：是；声明来源：上游声明。

fullscreen 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`lock`

必填：是；声明来源：上游声明。

lock 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`customClass`

必填：是；声明来源：上游声明。

customClass 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`target`

必填：是；声明来源：上游声明。

target 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`beforeClose`

必填：否；声明来源：上游声明。

beforeClose 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

beforeClose.value: (() => boolean) | undefined — 依赖声明
事件参数：(): boolean
beforeClose.__@RefSymbol@8854: true — 依赖声明
仅用于区分类型：保留在公开声明中，通过私有 Symbol 避免出现在编辑器自动补全中。
枚举：true

`closed`

必填：否；声明来源：上游声明。

closed 参数与事件数据

下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。

closed.value: (() => void) | undefined — 依赖声明
事件参数：(): void
closed.__@RefSymbol@8854: true — 依赖声明
仅用于区分类型：保留在公开声明中，通过私有 Symbol 避免出现在编辑器自动补全中。
枚举：true

AsamLoadingInstance 公开类型视图

import type { VNode } from 'vue';
import type { AsamLoadingInstance } from '@asam-ui/ui';

type PublicMember<T, K extends PropertyKey> = T extends unknown ? K extends keyof T ? T[K] : never : never;

// AsamLoadingInstance
type PublicContract = {
	"setText": (text: string | VNode | VNode[]) => void;
	"removeElLoadingChild": () => void;
	"close": () => void;
	"handleAfterLeave": () => void;
	"vm": (AsamLoadingInstance)["vm"];
	"$el": HTMLElement | null;
	"originalPosition": (AsamLoadingInstance)["originalPosition"];
	"originalOverflow": (AsamLoadingInstance)["originalOverflow"];
	"visible": (AsamLoadingInstance)["visible"];
	"parent": (AsamLoadingInstance)["parent"];
	"background": (AsamLoadingInstance)["background"];
	"svg": (AsamLoadingInstance)["svg"];
	"svgViewBox": (AsamLoadingInstance)["svgViewBox"];
	"spinner": (AsamLoadingInstance)["spinner"];
	"text": (AsamLoadingInstance)["text"];
	"fullscreen": (AsamLoadingInstance)["fullscreen"];
	"lock": (AsamLoadingInstance)["lock"];
	"customClass": (AsamLoadingInstance)["customClass"];
	"target": (AsamLoadingInstance)["target"];
	"beforeClose"?: (AsamLoadingInstance)["beforeClose"];
	"closed"?: (AsamLoadingInstance)["closed"];
};

加载指令 AsamLoadingDirective

使用场景 ​

状态、动态文字与卸载 ​

状态、动态文字与卸载

使用约定 ​

组合职责与生命周期 ​

全屏指令与自动结束 ​

全屏指令与自动结束

局部表格加载 ​

局部表格加载

自定义文字与加载图案 ​

自定义文字与加载图案

API

指令 AsamLoadingDirective

类型 AsamLoadingBinding

类型 AsamLoadingModifiers

类型 AsamLoadingDirectiveType

类型 AsamLoadingDirectiveState

类型 AsamLoadingOptions

类型 AsamLoadingInstance

用法与契约补充说明 ​

使用约定 ​

组合职责与生命周期 ​

关联组件

参数与事件说明

created

beforeMount

mounted

beforeUpdate

updated

beforeUnmount

unmounted

getSSRProps

deep

install

参数与事件说明

visible

text

background

beforeClose

fullscreen

closed

svg

svgViewBox

spinner

lock

customClass

target

body

参数与事件说明

created

beforeMount

mounted

beforeUpdate

updated

beforeUnmount

unmounted

getSSRProps

deep

install

参数与事件说明

instance

options

参数与事件说明

visible

默认值与来源

text

默认值与来源

background

默认值与来源

beforeClose

默认值与来源

fullscreen

默认值与来源

closed

默认值与来源

svg

默认值与来源

svgViewBox

默认值与来源

使用场景

状态、动态文字与卸载

使用约定

组合职责与生命周期

全屏指令与自动结束

局部表格加载

自定义文字与加载图案

指令 `AsamLoadingDirective`

类型 `AsamLoadingBinding`

类型 `AsamLoadingModifiers`

类型 `AsamLoadingDirectiveType`

类型 `AsamLoadingDirectiveState`

类型 `AsamLoadingOptions`

类型 `AsamLoadingInstance`

用法与契约补充说明

使用约定

组合职责与生命周期

`created`

`beforeMount`

`mounted`

`beforeUpdate`

`updated`

`beforeUnmount`

`unmounted`

`getSSRProps`

`deep`

`install`

`visible`

`text`

`background`

`beforeClose`

`fullscreen`

`closed`

`svg`

`svgViewBox`

`spinner`

`lock`

`customClass`

`target`

`body`

`created`

`beforeMount`

`mounted`

`beforeUpdate`

`updated`

`beforeUnmount`

`unmounted`

`getSSRProps`

`deep`

`install`

`instance`

`options`

`visible`

`text`

`background`

`beforeClose`

`fullscreen`

`closed`

`svg`

`svgViewBox`

`spinner`

`lock`

`customClass`

`target`

`body`

`setText`

`removeElLoadingChild`

`close`

`handleAfterLeave`

`vm`

`$el`

`originalPosition`

`originalOverflow`

`visible`

`parent`

`background`

`svg`

`svgViewBox`

`spinner`

`text`