使用场景 ​
用函数创建加载实例,持有返回值以更新提示和结束遮罩。
创建、更新和关闭实例 ​
将遮罩限制在当前目标内,卸载也释放自己创建的实例。
创建、更新和关闭实例
<template>
<div class="actions">
<AsamButton type="default" native-type="button" @click="start">启动加载</AsamButton>
<AsamButton type="default" native-type="button" @click="handle?.setText('即将完成')"
>更新加载文字</AsamButton
>
<AsamButton type="default" native-type="button" @click="stop">结束加载</AsamButton>
</div>
<div ref="target" class="loading-target">
<p class="example-paragraph">服务目标区域</p>
</div>
</template>
<script lang="ts" setup>
defineOptions({ name: 'AsamLoadingServiceBasicDemo' });
import { ref, onBeforeUnmount } from 'vue';
import { AsamButton, AsamLoadingService } from '@asam-ui/ui';
import type { AsamLoadingInstance } from '@asam-ui/ui';
const target = ref<HTMLElement>();
let handle: AsamLoadingInstance | undefined;
const stop = () => {
handle?.close();
handle = undefined;
};
const start = () => {
if (!target.value || handle) return;
handle = AsamLoadingService({ target: target.value, fullscreen: false, text: '正在加载' });
};
onBeforeUnmount(stop);
</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 {
position: relative;
min-height: 140px;
}
</style>
<style scoped>
p:where(.example-paragraph) {
margin-block: 16px;
line-height: 1.8;
overflow-wrap: anywhere;
}
</style>
<template>
<div class="actions">
<AsamButton type="default" native-type="button" @click="start">启动加载</AsamButton>
<AsamButton type="default" native-type="button" @click="handle?.setText('即将完成')"
>更新加载文字</AsamButton
>
<AsamButton type="default" native-type="button" @click="stop">结束加载</AsamButton>
</div>
<div ref="target" class="loading-target">
<p class="example-paragraph">服务目标区域</p>
</div>
</template>
<script setup>
defineOptions({ name: 'AsamLoadingServiceBasicDemo' });
import { ref, onBeforeUnmount } from 'vue';
import { AsamButton, AsamLoadingService } from '@asam-ui/ui';
const target = ref();
let handle;
const stop = () => {
handle?.close();
handle = undefined;
};
const start = () => {
if (!target.value || handle) return;
handle = AsamLoadingService({ target: target.value, fullscreen: false, text: '正在加载' });
};
onBeforeUnmount(stop);
</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 {
position: relative;
min-height: 140px;
}
</style>
<style scoped>
p:where(.example-paragraph) {
margin-block: 16px;
line-height: 1.8;
overflow-wrap: anywhere;
}
</style>
使用约定 ​
加载服务返回实时实例,支持 setText 与 close;显示和挂载范围由 options 配置。 完整说明。
组合职责与生命周期 ​
2.14.7 实例关闭并销毁后 $el 和 vm 返回 null;需要观察已移除节点时在关闭前保存 DOM 引用。 完整说明。
宿主上下文与所属服务清理 ​
本例仅关闭自己持有的句柄。宿主可通过 app.provide('asam-service-label', value) 提供服务内容;显式传入当前 AppContext。
宿主上下文与所属服务清理
<template>
<div class="actions">
<AsamButton native-type="submit" type="default" @click="open"
>显示带宿主上下文的服务</AsamButton
><AsamButton native-type="submit" type="default" @click="close">关闭本例服务</AsamButton>
</div>
<div ref="target" class="panel">局部加载目标</div>
</template>
<script lang="ts" setup>
import { defineComponent, getCurrentInstance, h, inject, onBeforeUnmount, ref } from 'vue';
import { AsamButton, AsamLoadingService, AsamMessage, AsamNotification } from '@asam-ui/ui';
import type { AsamLoadingInstance, AsamMessageHandler, AsamNotificationHandle } from '@asam-ui/ui';
const context = getCurrentInstance()?.appContext;
const target = ref<HTMLElement>();
const handles: Array<AsamMessageHandler | AsamNotificationHandle> = [];
let loading: AsamLoadingInstance | undefined;
const Label = defineComponent({
setup() {
const label = inject<string>('asam-service-label', '当前宿主的服务内容');
return () => h('span', label);
}
});
const close = () => {
handles.splice(0).forEach((handle) => handle.close());
loading?.close();
loading = undefined;
};
const open = () => {
close();
handles.push(AsamMessage({ message: h(Label), duration: 0 }, context));
handles.push(
AsamNotification(
{ title: '宿主上下文', message: h(Label), duration: 0, progress: true },
context
)
);
if (target.value)
loading = AsamLoadingService(
{ target: target.value, text: '局部处理', fullscreen: false },
context
);
};
onBeforeUnmount(close);
</script>
<style scoped>
.actions {
display: flex;
gap: var(--asam-space-md);
}
.panel {
min-height: 100px;
padding: var(--asam-space-lg);
border: 1px solid var(--asam-color-border);
}
</style>
<template>
<div class="actions">
<AsamButton native-type="submit" type="default" @click="open"
>显示带宿主上下文的服务</AsamButton
><AsamButton native-type="submit" type="default" @click="close">关闭本例服务</AsamButton>
</div>
<div ref="target" class="panel">局部加载目标</div>
</template>
<script setup>
import { defineComponent, getCurrentInstance, h, inject, onBeforeUnmount, ref } from 'vue';
import { AsamButton, AsamLoadingService, AsamMessage, AsamNotification } from '@asam-ui/ui';
const context = getCurrentInstance()?.appContext;
const target = ref();
const handles = [];
let loading;
const Label = defineComponent({
setup() {
const label = inject('asam-service-label', '当前宿主的服务内容');
return () => h('span', label);
}
});
const close = () => {
handles.splice(0).forEach((handle) => handle.close());
loading?.close();
loading = undefined;
};
const open = () => {
close();
handles.push(AsamMessage({ message: h(Label), duration: 0 }, context));
handles.push(
AsamNotification(
{ title: '宿主上下文', message: h(Label), duration: 0, progress: true },
context
)
);
if (target.value)
loading = AsamLoadingService(
{ target: target.value, text: '局部处理', fullscreen: false },
context
);
};
onBeforeUnmount(close);
</script>
<style scoped>
.actions {
display: flex;
gap: var(--asam-space-md);
}
.panel {
min-height: 100px;
padding: var(--asam-space-lg);
border: 1px solid var(--asam-color-border);
}
</style>
全屏加载与自动结束 ​
不指定 target 时使用全屏服务;示例在 1.5 秒后关闭自己持有的实例,并在卸载时清理。
全屏加载与自动结束
<template>
<AsamButton type="default" @click="start">显示全屏加载</AsamButton>
<p class="example-paragraph">锁定页面滚动,1.5 秒后自动结束;卸载时也会清理。</p>
</template>
<script lang="ts" setup>
import { onBeforeUnmount } from 'vue';
import { AsamButton, AsamLoadingService } from '@asam-ui/ui';
let handle: ReturnType<typeof AsamLoadingService> | undefined;
let timer: ReturnType<typeof setTimeout> | undefined;
const stop = () => {
clearTimeout(timer);
handle?.close();
handle = undefined;
};
const start = () => {
stop();
handle = AsamLoadingService({ fullscreen: true, lock: true, text: '全屏加载中,稍后自动结束' });
timer = setTimeout(stop, 1500);
};
onBeforeUnmount(stop);
</script>
<style scoped>
p:where(.example-paragraph) {
margin-block: 16px;
line-height: 1.8;
overflow-wrap: anywhere;
}
</style>
<template>
<AsamButton type="default" @click="start">显示全屏加载</AsamButton>
<p class="example-paragraph">锁定页面滚动,1.5 秒后自动结束;卸载时也会清理。</p>
</template>
<script setup>
import { onBeforeUnmount } from 'vue';
import { AsamButton, AsamLoadingService } from '@asam-ui/ui';
let handle;
let timer;
const stop = () => {
clearTimeout(timer);
handle?.close();
handle = undefined;
};
const start = () => {
stop();
handle = AsamLoadingService({ fullscreen: true, lock: true, text: '全屏加载中,稍后自动结束' });
timer = setTimeout(stop, 1500);
};
onBeforeUnmount(stop);
</script>
<style scoped>
p:where(.example-paragraph) {
margin-block: 16px;
line-height: 1.8;
overflow-wrap: anywhere;
}
</style>
API
服务 AsamLoadingService
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
_context | — | AppContext | null | — |
AsamLoadingService(options?: AsamLoadingOptions, context?: AppContext | null): AsamLoadingInstance
查看完整调用签名
(options?: Partial<Omit<AsamLoadingOptionsResolved, "parent" | "target"> & { target: HTMLElement | string; body: boolean; }> | undefined, context?: AppContext | null | undefined): AsamLoadingInstance
类型 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 | — |
类型 AsamLoadingOptionsResolved
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
parent | — | AsamLoadingParentElement | — |
background | 背景遮罩的颜色 | MaybeRef<string> | — |
svg | — | MaybeRef<string> | — |
svgViewBox | — | MaybeRef<string> | — |
spinner | 自定义加载图标类名 | MaybeRef<string | boolean> | — |
text | 显示在加载图标下方的加载文案 | 查看完整类型MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]> | — |
fullscreen | 同 v-loading 指令中的 fullscreen 修饰符 | boolean | — |
lock | 同 v-loading 指令中的 lock 修饰符 | boolean | — |
customClass | loading 的自定义类名 | MaybeRef<string> | — |
visible | — | boolean | — |
target | — | HTMLElement | — |
beforeClose | — | (() => boolean) | undefined | — |
closed | — | (() => void) | undefined | — |
类型 AsamLoadingParentElement
类型 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"] | — |
用法与契约补充说明 ​
组合职责与生命周期 ​
2.14.7 实例关闭并销毁后 $el 和 vm 返回 null;需要观察已移除节点时在关闭前保存 DOM 引用。customClass 可用字符串 ref,保留原生 live ref 和写入语义。创建时添加 ASAM 品牌类及颜色变量;之后改 customClass 沿用原生类更新,颜色变量继续保留。beforeClose 返回 false 可否决关闭;closed 只在真正关闭后通知。显式 AppContext 承接宿主注入,返回句柄始终由创建方持有。
更多参数与事件说明 ​
使用约定 ​
AsamLoadingService(options, appContext?) 返回实时实例,setText 更新文字,close 关闭实例;text、visible、background 等公开 refs 与 vm/DOM 句柄见 API。target 选择元素,fullscreen/body/lock 决定遮罩与滚动范围;beforeClose 可否决关闭,closed 通知关闭完成。省略 target 的默认全屏服务可能共享实例,业务须协调所有权。ASAM 自动添加品牌样式类;无 size 参数。组件卸载和异步流程 finally 都应关闭自己持有的实例。
关联组件
参数与事件补充说明
返回基础组件实时实例,包含原始 ref 与方法。
参数与事件说明
_context
必填:是;声明来源:ASAM 声明。
_context 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
_context.app:App<any>— 依赖声明嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
_context.config:AppConfig— 依赖声明嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
_context.mixins:ComponentOptions<{}, any, any, any, any, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>[]— 依赖声明嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
_context.components:Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>>— 依赖声明嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
_context.directives:Record<string, Directive<any, any, string, any>>— 依赖声明嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
_context.provides:Record<string | symbol, any>— 依赖声明嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
AsamLoadingService 公开类型视图
import type { AppContext, App, AppConfig, ComponentOptions, ComponentProvideOptions, Component, ComputedOptions, MethodOptions, Directive } from 'vue';
import type { AsamLoadingOptionsResolved, AsamLoadingInstance } from '@asam-ui/ui';
import { AsamLoadingService } from '@asam-ui/ui';
type PublicMember<T, K extends PropertyKey> = T extends unknown ? K extends keyof T ? T[K] : never : never;
// AsamLoadingService
type PublicContract = {
(options?: Partial<Omit<AsamLoadingOptionsResolved, "parent" | "target"> & { target: HTMLElement | string; body: boolean; }> | undefined, context?: AppContext | null | undefined): AsamLoadingInstance;
"_context": AppContext | null;
};
参数与事件说明
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/truetext.component.isUnmounted:boolean— 依赖声明枚举:
false/truetext.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/truetext.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— 依赖声明事件参数:
(): voidtext.transition.delayLeave:((el: RendererElement, earlyRemove: () => void, delayedLeave: () => void) => void) | undefined— 依赖声明事件参数:
(el: RendererElement, earlyRemove: () => void, delayedLeave: () => void): voidtext.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/truetext.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/truetext.suspense.isHydrating:boolean— 依赖声明枚举:
false/truetext.suspense.isUnmounted:boolean— 依赖声明枚举:
false/truetext.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 避免出现在编辑器自动补全中。
枚举:
truetext.__@WritableComputedRefSymbol@60030:true— 依赖声明枚举:
truetext.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 避免出现在编辑器自动补全中。
枚举:
truebackground.__@WritableComputedRefSymbol@60030:true— 依赖声明枚举:
truebackground.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 避免出现在编辑器自动补全中。
枚举:
truesvg.__@WritableComputedRefSymbol@60030:true— 依赖声明枚举:
truesvg.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 避免出现在编辑器自动补全中。
枚举:
truesvgViewBox.__@WritableComputedRefSymbol@60030:true— 依赖声明枚举:
truesvgViewBox.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/truespinner.__@RefSymbol@8854:true— 依赖声明仅用于区分类型:保留在公开声明中,通过私有 Symbol 避免出现在编辑器自动补全中。
枚举:
truespinner.__@WritableComputedRefSymbol@60030:true— 依赖声明枚举:
truespinner.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 避免出现在编辑器自动补全中。
枚举:
truecustomClass.__@WritableComputedRefSymbol@60030:true— 依赖声明枚举:
truecustomClass.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;
};
参数与事件说明
parent
必填:是;声明来源:上游声明。
parent 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:大型实例类型;完整类型见公开类型视图。
background
必填:是;声明来源:上游声明。
background 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
svg
必填:是;声明来源:上游声明。
svg 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
svgViewBox
必填:是;声明来源:上游声明。
svgViewBox 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
spinner
必填:是;声明来源:上游声明。
spinner 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
text
必填:是;声明来源:上游声明。
text 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
fullscreen
必填:是;声明来源:上游声明。
fullscreen 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
lock
必填:是;声明来源:上游声明。
lock 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
customClass
必填:是;声明来源:上游声明。
customClass 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
visible
必填:是;声明来源:上游声明。
visible 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
target
必填:是;声明来源:上游声明。
target 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
beforeClose
必填:否;声明来源:上游声明。
beforeClose 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(): boolean
closed
必填:否;声明来源:上游声明。
closed 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(): void
AsamLoadingOptionsResolved 公开类型视图
import type { MaybeRef, VNode } from 'vue';
import type { AsamLoadingOptionsResolved, AsamLoadingParentElement } from '@asam-ui/ui';
// AsamLoadingOptionsResolved
type PublicContract = {
"parent": AsamLoadingParentElement;
"background": MaybeRef<string>;
"svg": MaybeRef<string>;
"svgViewBox": MaybeRef<string>;
"spinner": MaybeRef<string | boolean>;
"text": MaybeRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]>;
"fullscreen": boolean;
"lock": boolean;
"customClass": MaybeRef<string>;
"visible": boolean;
"target": HTMLElement;
"beforeClose"?: (() => boolean) | undefined;
"closed"?: (() => void) | undefined;
};
此辅助类型包含大型基础声明;完整契约见公开类型视图。
AsamLoadingParentElement 公开类型视图
import type { AsamLoadingParentElement } from '@asam-ui/ui';
// AsamLoadingParentElement
type PublicContract = AsamLoadingParentElement;
参数与事件说明
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— 依赖声明事件参数:
(): booleanbeforeClose.__@RefSymbol@8854:true— 依赖声明仅用于区分类型:保留在公开声明中,通过私有 Symbol 避免出现在编辑器自动补全中。
枚举:
true
closed
必填:否;声明来源:上游声明。
closed 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
closed.value:(() => void) | undefined— 依赖声明事件参数:
(): voidclosed.__@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"];
};