通知服务 AsamNotification

使用场景

在页面角落展示带标题的通知，适用于较完整的结果说明。

通知位置与关闭句柄

创建右下角通知，支持通知自身关闭按钮和本例关闭操作。

通知位置与关闭句柄

vue

<template>
	<div class="actions">
		<AsamButton type="default" native-type="button" @click="notify">显示通知</AsamButton>
		<AsamButton type="default" native-type="button" @click="closeOwned"
			>关闭本例通知</AsamButton
		>
	</div>
</template>

<script lang="ts" setup>
defineOptions({ name: 'AsamNotificationBasicDemo' });
import { onBeforeUnmount } from 'vue';
import { AsamButton, AsamNotification } from '@asam-ui/ui';
import type { AsamNotificationHandle } from '@asam-ui/ui';
const handles: AsamNotificationHandle[] = [];
const notify = () => {
	handles.push(
		AsamNotification.success({
			title: '处理完成',
			message: '共处理 3 条本地记录。',
			position: 'bottom-right',
			duration: 0,
			showClose: true
		})
	);
};
const closeOwned = () => {
	handles.splice(0).forEach((handle) => handle.close());
};
onBeforeUnmount(closeOwned);
</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);
}
</style>

vue

<template>
	<div class="actions">
		<AsamButton type="default" native-type="button" @click="notify">显示通知</AsamButton>
		<AsamButton type="default" native-type="button" @click="closeOwned"
			>关闭本例通知</AsamButton
		>
	</div>
</template>

<script setup>
defineOptions({ name: 'AsamNotificationBasicDemo' });
import { onBeforeUnmount } from 'vue';
import { AsamButton, AsamNotification } from '@asam-ui/ui';
const handles = [];
const notify = () => {
	handles.push(
		AsamNotification.success({
			title: '处理完成',
			message: '共处理 3 条本地记录。',
			position: 'bottom-right',
			duration: 0,
			showClose: true
		})
	);
};
const closeOwned = () => {
	handles.splice(0).forEach((handle) => handle.close());
};
onBeforeUnmount(closeOwned);
</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);
}
</style>

使用约定

AsamNotification(options, appContext?) 与 success/warning/info/error 快捷调用返回 handle.close()。完整说明。

完整用法

以下用法使用本库公开入口。每个示例提供完整 TS/JS SFC，参数、事件、插槽和实例类型见本页 API。服务实例由创建方负责关闭；HTML 内容仅用于调用方已知的可信字符串。

基本用法

许可

vue

<template>
	<div class="flex flex-wrap demo-gap">
		<AsamButton type="default" class="!ml-0" @click="open1"> 自动关闭 </AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open2"> 不自动关闭 </AsamButton>
	</div>
</template>

<script lang="ts" setup>
import { AsamButton, AsamNotification, type AsamNotificationHandle } from '@asam-ui/ui';

import { onBeforeUnmount } from 'vue';

import { h } from 'vue';

const open1 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '标题',
			message: h('i', { style: 'color: teal' }, '这是一条提醒。')
		})
	);
};

const open2 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '提示',
			message: '这条消息不会自动关闭。',
			duration: 0
		})
	);
};

const ownedAsamNotification = new Set<AsamNotificationHandle>();
let mountedAsamNotification = true;
const trackAsamNotification = (handle: AsamNotificationHandle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

<style scoped>
/* Keep layout utilities local so the downloaded SFC needs no CSS preset. */
.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.demo-gap {
	gap: var(--asam-space-sm);
}
</style>

许可

vue

<template>
	<div class="flex flex-wrap demo-gap">
		<AsamButton type="default" class="!ml-0" @click="open1"> 自动关闭 </AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open2"> 不自动关闭 </AsamButton>
	</div>
</template>

<script setup>
import { AsamButton, AsamNotification } from '@asam-ui/ui';
import { onBeforeUnmount } from 'vue';
import { h } from 'vue';
const open1 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '标题',
			message: h('i', { style: 'color: teal' }, '这是一条提醒。')
		})
	);
};
const open2 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '提示',
			message: '这条消息不会自动关闭。',
			duration: 0
		})
	);
};
const ownedAsamNotification = new Set();
let mountedAsamNotification = true;
const trackAsamNotification = (handle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

<style scoped>
/* Keep layout utilities local so the downloaded SFC needs no CSS preset. */
.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.demo-gap {
	gap: var(--asam-space-sm);
}
</style>

状态与快捷调用

许可

vue

<template>
	<div class="flex flex-wrap demo-gap">
		<AsamButton type="default" class="!ml-0" @click="open5">主要</AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open1">成功</AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open2">警告</AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open3">信息</AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open4">错误</AsamButton>
	</div>
</template>

<script lang="ts" setup>
import { AsamButton, AsamNotification, type AsamNotificationHandle } from '@asam-ui/ui';

import { onBeforeUnmount } from 'vue';

const open1 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '成功',
			message: '这是一条成功消息。',
			type: 'success'
		})
	);
};

const open2 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '警告',
			message: '这是一条警告消息。',
			type: 'warning'
		})
	);
};

const open3 = () => {
	trackAsamNotification(
		AsamNotification.info({
			title: '信息',
			message: '这是一条信息提示。'
		})
	);
};

const open4 = () => {
	trackAsamNotification(
		AsamNotification.error({
			title: '错误',
			message: '这是一条错误消息。'
		})
	);
};

const open5 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '主要',
			message: '这是一条主要消息。',
			type: 'primary'
		})
	);
};

const ownedAsamNotification = new Set<AsamNotificationHandle>();
let mountedAsamNotification = true;
const trackAsamNotification = (handle: AsamNotificationHandle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

<style scoped>
/* Keep layout utilities local so the downloaded SFC needs no CSS preset. */
.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.demo-gap {
	gap: var(--asam-space-sm);
}
</style>

许可

vue

<template>
	<div class="flex flex-wrap demo-gap">
		<AsamButton type="default" class="!ml-0" @click="open5">主要</AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open1">成功</AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open2">警告</AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open3">信息</AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open4">错误</AsamButton>
	</div>
</template>

<script setup>
import { AsamButton, AsamNotification } from '@asam-ui/ui';
import { onBeforeUnmount } from 'vue';
const open1 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '成功',
			message: '这是一条成功消息。',
			type: 'success'
		})
	);
};
const open2 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '警告',
			message: '这是一条警告消息。',
			type: 'warning'
		})
	);
};
const open3 = () => {
	trackAsamNotification(
		AsamNotification.info({
			title: '信息',
			message: '这是一条信息提示。'
		})
	);
};
const open4 = () => {
	trackAsamNotification(
		AsamNotification.error({
			title: '错误',
			message: '这是一条错误消息。'
		})
	);
};
const open5 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '主要',
			message: '这是一条主要消息。',
			type: 'primary'
		})
	);
};
const ownedAsamNotification = new Set();
let mountedAsamNotification = true;
const trackAsamNotification = (handle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

<style scoped>
/* Keep layout utilities local so the downloaded SFC needs no CSS preset. */
.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.demo-gap {
	gap: var(--asam-space-sm);
}
</style>

四角定位

许可

vue

<template>
	<div class="flex flex-wrap demo-gap">
		<AsamButton type="default" class="!ml-0" @click="open1"> 右上方 </AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open2"> 右下方 </AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open3"> 左下方 </AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open4"> 左上方 </AsamButton>
	</div>
</template>

<script lang="ts" setup>
import { AsamButton, AsamNotification, type AsamNotificationHandle } from '@asam-ui/ui';

import { onBeforeUnmount } from 'vue';

const open1 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '自定义位置',
			message: '我位于右上角。'
		})
	);
};

const open2 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '自定义位置',
			message: '我位于右下角。',
			position: 'bottom-right'
		})
	);
};

const open3 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '自定义位置',
			message: '我位于左下角。',
			position: 'bottom-left'
		})
	);
};

const open4 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '自定义位置',
			message: '我位于左上角。',
			position: 'top-left'
		})
	);
};

const ownedAsamNotification = new Set<AsamNotificationHandle>();
let mountedAsamNotification = true;
const trackAsamNotification = (handle: AsamNotificationHandle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

<style scoped>
/* Keep layout utilities local so the downloaded SFC needs no CSS preset. */
.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.demo-gap {
	gap: var(--asam-space-sm);
}
</style>

许可

vue

<template>
	<div class="flex flex-wrap demo-gap">
		<AsamButton type="default" class="!ml-0" @click="open1"> 右上方 </AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open2"> 右下方 </AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open3"> 左下方 </AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open4"> 左上方 </AsamButton>
	</div>
</template>

<script setup>
import { AsamButton, AsamNotification } from '@asam-ui/ui';
import { onBeforeUnmount } from 'vue';
const open1 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '自定义位置',
			message: '我位于右上角。'
		})
	);
};
const open2 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '自定义位置',
			message: '我位于右下角。',
			position: 'bottom-right'
		})
	);
};
const open3 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '自定义位置',
			message: '我位于左下角。',
			position: 'bottom-left'
		})
	);
};
const open4 = () => {
	trackAsamNotification(
		AsamNotification({
			title: '自定义位置',
			message: '我位于左上角。',
			position: 'top-left'
		})
	);
};
const ownedAsamNotification = new Set();
let mountedAsamNotification = true;
const trackAsamNotification = (handle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

<style scoped>
/* Keep layout utilities local so the downloaded SFC needs no CSS preset. */
.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.demo-gap {
	gap: var(--asam-space-sm);
}
</style>

叠放与间距

许可

vue

<template>
	<AsamButton type="default" @click="open"> 带偏移量的通知 </AsamButton>
</template>

<script lang="ts" setup>
import { AsamButton, AsamNotification, type AsamNotificationHandle } from '@asam-ui/ui';

import { onBeforeUnmount } from 'vue';

const open = () => {
	trackAsamNotification(
		AsamNotification.success({
			title: '成功',
			message: '这是一条成功消息。',
			offset: 100
		})
	);
};

const ownedAsamNotification = new Set<AsamNotificationHandle>();
let mountedAsamNotification = true;
const trackAsamNotification = (handle: AsamNotificationHandle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

许可

vue

<template>
	<AsamButton type="default" @click="open"> 带偏移量的通知 </AsamButton>
</template>

<script setup>
import { AsamButton, AsamNotification } from '@asam-ui/ui';
import { onBeforeUnmount } from 'vue';
const open = () => {
	trackAsamNotification(
		AsamNotification.success({
			title: '成功',
			message: '这是一条成功消息。',
			offset: 100
		})
	);
};
const ownedAsamNotification = new Set();
let mountedAsamNotification = true;
const trackAsamNotification = (handle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

可信 HTML 内容

许可

vue

<template>
	<AsamButton type="default" @click="open"> 使用 HTML 字符串 </AsamButton>
</template>

<script lang="ts" setup>
import { AsamButton, AsamNotification, type AsamNotificationHandle } from '@asam-ui/ui';

import { onBeforeUnmount } from 'vue';

const open = () => {
	trackAsamNotification(
		AsamNotification({
			title: 'HTML 内容',
			dangerouslyUseHTMLString: true,
			message: '<strong>这是一段 <i>HTML</i> 内容</strong>'
		})
	);
};

const ownedAsamNotification = new Set<AsamNotificationHandle>();
let mountedAsamNotification = true;
const trackAsamNotification = (handle: AsamNotificationHandle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

许可

vue

<template>
	<AsamButton type="default" @click="open"> 使用 HTML 字符串 </AsamButton>
</template>

<script setup>
import { AsamButton, AsamNotification } from '@asam-ui/ui';
import { onBeforeUnmount } from 'vue';
const open = () => {
	trackAsamNotification(
		AsamNotification({
			title: 'HTML 内容',
			dangerouslyUseHTMLString: true,
			message: '<strong>这是一段 <i>HTML</i> 内容</strong>'
		})
	);
};
const ownedAsamNotification = new Set();
let mountedAsamNotification = true;
const trackAsamNotification = (handle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

VNode 内容

许可

vue

<template>
	<div class="flex flex-wrap demo-gap">
		<AsamButton type="default" class="!ml-0" @click="open">普通 VNode</AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open1">动态属性</AsamButton>
	</div>
</template>

<script lang="ts" setup>
import { AsamButton, AsamNotification, AsamSwitch, type AsamNotificationHandle } from '@asam-ui/ui';

import { onBeforeUnmount } from 'vue';

import { h, ref } from 'vue';

const open = () => {
	trackAsamNotification(
		AsamNotification({
			title: '使用 VNode',
			message: h('p', null, [
				h('span', null, '消息内容可以使用 '),
				h('i', { style: 'color: teal' }, 'VNode')
			])
		})
	);
};

const open1 = () => {
	const checked = ref<boolean | string | number>(false);
	trackAsamNotification(
		AsamNotification({
			title: '使用 VNode',
			// Should pass a function if VNode contains dynamic props
			message: () =>
				h(AsamSwitch, {
					modelValue: checked.value,
					'onUpdate:modelValue': (val: boolean | string | number) => {
						checked.value = val;
					}
				})
		})
	);
};

const ownedAsamNotification = new Set<AsamNotificationHandle>();
let mountedAsamNotification = true;
const trackAsamNotification = (handle: AsamNotificationHandle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

<style scoped>
/* Keep layout utilities local so the downloaded SFC needs no CSS preset. */
.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.demo-gap {
	gap: var(--asam-space-sm);
}
</style>

许可

vue

<template>
	<div class="flex flex-wrap demo-gap">
		<AsamButton type="default" class="!ml-0" @click="open">普通 VNode</AsamButton>
		<AsamButton type="default" class="!ml-0" @click="open1">动态属性</AsamButton>
	</div>
</template>

<script setup>
import { AsamButton, AsamNotification, AsamSwitch } from '@asam-ui/ui';
import { onBeforeUnmount } from 'vue';
import { h, ref } from 'vue';
const open = () => {
	trackAsamNotification(
		AsamNotification({
			title: '使用 VNode',
			message: h('p', null, [
				h('span', null, '消息内容可以使用 '),
				h('i', { style: 'color: teal' }, 'VNode')
			])
		})
	);
};
const open1 = () => {
	const checked = ref(false);
	trackAsamNotification(
		AsamNotification({
			title: '使用 VNode',
			// Should pass a function if VNode contains dynamic props
			message: () =>
				h(AsamSwitch, {
					modelValue: checked.value,
					'onUpdate:modelValue': (val) => {
						checked.value = val;
					}
				})
		})
	);
};
const ownedAsamNotification = new Set();
let mountedAsamNotification = true;
const trackAsamNotification = (handle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

<style scoped>
/* Keep layout utilities local so the downloaded SFC needs no CSS preset. */
.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.demo-gap {
	gap: var(--asam-space-sm);
}
</style>

进度计时与悬停暂停

许可

vue

<template>
	<AsamButton type="default" @click="open('')"> 默认 </AsamButton>
	<AsamButton type="default" @click="open('success')"> 成功 </AsamButton>
	<AsamButton type="default" @click="open('warning')"> 警告 </AsamButton>
	<AsamButton type="default" @click="open('error')"> 错误 </AsamButton>
	<AsamButton type="default" @click="open('info')"> 信息 </AsamButton>
	<AsamButton type="default" @click="openCustomColor"> 自定义颜色 </AsamButton>
	<AsamButton type="default" @click="openWithoutPause"> 悬停时不暂停 </AsamButton>
</template>

<script lang="ts" setup>
import {
	AsamButton,
	AsamNotification,
	type AsamNotificationHandle,
	type AsamNotificationType
} from '@asam-ui/ui';

import { onBeforeUnmount } from 'vue';

function open(type: AsamNotificationType) {
	trackAsamNotification(
		AsamNotification({
			title: `${type || 'Default'} progress`,
			message: '鼠标悬停时暂停计时和进度条。',
			type,
			duration: 6000,
			progress: true
		})
	);
}

function openWithoutPause() {
	trackAsamNotification(
		AsamNotification({
			title: '悬停时不暂停',
			message: '鼠标悬停时计时和进度条继续运行。',
			duration: 6000,
			progress: true,
			pauseOnHover: false
		})
	);
}

function openCustomColor() {
	trackAsamNotification(
		AsamNotification({
			title: '自定义颜色',
			message: '自定义进度条颜色覆盖默认颜色。',
			duration: 6000,
			progress: {
				color: [
					{ color: '#f56c6c', percentage: 20 },
					{ color: '#e6a23c', percentage: 40 },
					{ color: '#5cb87a', percentage: 60 },
					{ color: '#1989fa', percentage: 80 },
					{ color: '#6f7ad3', percentage: 100 }
				]
			}
		})
	);
}

const ownedAsamNotification = new Set<AsamNotificationHandle>();
let mountedAsamNotification = true;
const trackAsamNotification = (handle: AsamNotificationHandle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

许可

vue

<template>
	<AsamButton type="default" @click="open('')"> 默认 </AsamButton>
	<AsamButton type="default" @click="open('success')"> 成功 </AsamButton>
	<AsamButton type="default" @click="open('warning')"> 警告 </AsamButton>
	<AsamButton type="default" @click="open('error')"> 错误 </AsamButton>
	<AsamButton type="default" @click="open('info')"> 信息 </AsamButton>
	<AsamButton type="default" @click="openCustomColor"> 自定义颜色 </AsamButton>
	<AsamButton type="default" @click="openWithoutPause"> 悬停时不暂停 </AsamButton>
</template>

<script setup>
import { AsamButton, AsamNotification } from '@asam-ui/ui';
import { onBeforeUnmount } from 'vue';
function open(type) {
	trackAsamNotification(
		AsamNotification({
			title: `${type || 'Default'} progress`,
			message: '鼠标悬停时暂停计时和进度条。',
			type,
			duration: 6000,
			progress: true
		})
	);
}
function openWithoutPause() {
	trackAsamNotification(
		AsamNotification({
			title: '悬停时不暂停',
			message: '鼠标悬停时计时和进度条继续运行。',
			duration: 6000,
			progress: true,
			pauseOnHover: false
		})
	);
}
function openCustomColor() {
	trackAsamNotification(
		AsamNotification({
			title: '自定义颜色',
			message: '自定义进度条颜色覆盖默认颜色。',
			duration: 6000,
			progress: {
				color: [
					{ color: '#f56c6c', percentage: 20 },
					{ color: '#e6a23c', percentage: 40 },
					{ color: '#5cb87a', percentage: 60 },
					{ color: '#1989fa', percentage: 80 },
					{ color: '#6f7ad3', percentage: 100 }
				]
			}
		})
	);
}
const ownedAsamNotification = new Set();
let mountedAsamNotification = true;
const trackAsamNotification = (handle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

隐藏关闭按钮

许可

vue

<template>
	<AsamButton type="default" @click="open"> 隐藏关闭按钮 </AsamButton>
</template>

<script lang="ts" setup>
import { AsamButton, AsamNotification, type AsamNotificationHandle } from '@asam-ui/ui';

import { onBeforeUnmount } from 'vue';

const open = () => {
	trackAsamNotification(
		AsamNotification.success({
			title: '信息',
			message: '这条消息没有关闭按钮。',
			showClose: false
		})
	);
};

const ownedAsamNotification = new Set<AsamNotificationHandle>();
let mountedAsamNotification = true;
const trackAsamNotification = (handle: AsamNotificationHandle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

许可

vue

<template>
	<AsamButton type="default" @click="open"> 隐藏关闭按钮 </AsamButton>
</template>

<script setup>
import { AsamButton, AsamNotification } from '@asam-ui/ui';
import { onBeforeUnmount } from 'vue';
const open = () => {
	trackAsamNotification(
		AsamNotification.success({
			title: '信息',
			message: '这条消息没有关闭按钮。',
			showClose: false
		})
	);
};
const ownedAsamNotification = new Set();
let mountedAsamNotification = true;
const trackAsamNotification = (handle) => {
	if (mountedAsamNotification) ownedAsamNotification.add(handle);
	else handle.close();
	return handle;
};
onBeforeUnmount(() => {
	mountedAsamNotification = false;
	for (const handle of ownedAsamNotification) handle.close();
	ownedAsamNotification.clear();
});
</script>

组合职责与生命周期

通过 progress 配置倒计时进度条；通知存续时间仍由 duration 决定。完整说明。

宿主上下文与所属服务清理

本例仅关闭自己持有的句柄。宿主可通过 app.provide('asam-service-label', value) 提供服务内容；显式传入当前 AppContext。

宿主上下文与所属服务清理

vue

<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>

vue

<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>

计时进度、悬停和卸载清理

本例仅关闭自己持有的句柄。宿主可通过 app.provide('asam-service-label', value) 提供服务内容；显式传入当前 AppContext。

计时进度、悬停和卸载清理

vue

<template>
	<div class="actions">
		<AsamButton native-type="submit" type="default" @click="open(2400, true)"
			>悬停暂停</AsamButton
		><AsamButton native-type="submit" type="default" @click="open(2400, false)"
			>悬停继续计时</AsamButton
		><AsamButton native-type="submit" type="default" @click="open(0, true)">持续通知</AsamButton
		><AsamButton native-type="submit" type="default" @click="close">关闭本例通知</AsamButton>
	</div>
	<p class="example-paragraph" role="status">已关闭 {{ closed }} 次</p>
</template>
<script lang="ts" setup>
import { onBeforeUnmount, ref } from 'vue';
import { AsamButton, AsamNotification } from '@asam-ui/ui';
import type { AsamNotificationHandle, AsamNotificationProgress } from '@asam-ui/ui';
const closed = ref(0);
const handles = new Set<AsamNotificationHandle>();
const progress: AsamNotificationProgress = {
	strokeWidth: 4,
	color: [
		{ color: '#1989fa', percentage: 50 },
		{ color: '#5cb87a', percentage: 100 }
	]
};
const open = (duration: number, pauseOnHover: boolean) => {
	const handle = AsamNotification({
		title: duration === 0 ? '持续通知' : '进度倒计时',
		message: '将鼠标移入通知观察计时变化',
		duration,
		pauseOnHover,
		progress,
		onClose: () => {
			closed.value++;
			handles.delete(handle);
		}
	});
	handles.add(handle);
};
const close = () => {
	for (const handle of handles) handle.close();
	handles.clear();
};
onBeforeUnmount(close);
</script>
<style scoped>
.actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--asam-space-md);
}
</style>

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

vue

<template>
	<div class="actions">
		<AsamButton native-type="submit" type="default" @click="open(2400, true)"
			>悬停暂停</AsamButton
		><AsamButton native-type="submit" type="default" @click="open(2400, false)"
			>悬停继续计时</AsamButton
		><AsamButton native-type="submit" type="default" @click="open(0, true)">持续通知</AsamButton
		><AsamButton native-type="submit" type="default" @click="close">关闭本例通知</AsamButton>
	</div>
	<p class="example-paragraph" role="status">已关闭 {{ closed }} 次</p>
</template>
<script setup>
import { onBeforeUnmount, ref } from 'vue';
import { AsamButton, AsamNotification } from '@asam-ui/ui';
const closed = ref(0);
const handles = new Set();
const progress = {
	strokeWidth: 4,
	color: [
		{ color: '#1989fa', percentage: 50 },
		{ color: '#5cb87a', percentage: 100 }
	]
};
const open = (duration, pauseOnHover) => {
	const handle = AsamNotification({
		title: duration === 0 ? '持续通知' : '进度倒计时',
		message: '将鼠标移入通知观察计时变化',
		duration,
		pauseOnHover,
		progress,
		onClose: () => {
			closed.value++;
			handles.delete(handle);
		}
	});
	handles.add(handle);
};
const close = () => {
	for (const handle of handles) handle.close();
	handles.clear();
};
onBeforeUnmount(close);
</script>
<style scoped>
.actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--asam-space-md);
}
</style>

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

API

服务 `AsamNotification`

属性名	说明	类型	默认值
`primary`	—	`AsamNotificationService["primary"]`	—
`success`	—	`AsamNotificationService["primary"]`	—
`warning`	—	`AsamNotificationService["primary"]`	—
`error`	—	`AsamNotificationService["primary"]`	—
`info`	—	`AsamNotificationService["primary"]`	—
`closeAll`	—	`() => void`	—
`updateOffsets`	—	`(position?: AsamNotificationOptions["position"]) => void`	—
`_context`	—	`(typeof AsamNotification)["_context"]`	—
`install`	—	`(app: App) => void`	—

(options?: AsamNotificationParams | undefined, appContext?: Parameters<typeof AsamNotification>[1]): AsamNotificationHandle

类型 `AsamNotificationOptions`

属性名	说明	类型	默认值
`zIndex`	初始 zIndex	`number \| undefined`	—
`offset`	相对屏幕顶部的偏移量偏移的距离，在同一时刻，所有的 Notification 实例应当具有一个相同的偏移量	`number \| undefined`	`0`
`onClick`	点击 Notification 时的回调函数	`(() => void) \| undefined`	`() => void 0`
`title`	标题	`string \| undefined`	`""`
`type`	通知的类型	`enum"" \| "primary" \| "success" \| "warning" \| "info" \| "error"`完整类型：`AsamNotificationType \| undefined`	`""`
`position`	自定义弹出位置	`enum"top-left" \| "top-right" \| "bottom-left" \| "bottom-right"`完整类型：`AsamNotificationPosition \| undefined`	`"top-right"`
`duration`	显示时间, 单位为毫秒。值为 0 则不会自动关闭	`number \| undefined`	`4500`
`icon`	自定义图标。若设置了 type，则 icon 会被覆盖	`(AsamNotificationOptions)["icon"]`	—
`pauseOnHover`	悬停于通知上时是否暂停计时器。	`boolean \| undefined`	`true`
`progress`	显示自动关闭倒计时的进度条。设置 true 使用默认进度条，或传入对象自定义基础进度条参数。	`boolean \| AsamNotificationProgress \| undefined`	`false`
`message`	通知栏正文内容	`(AsamNotificationOptions)["message"]`	`""`
`closeIcon`	自定义关闭图标，默认Close	`(AsamNotificationOptions)["closeIcon"]`	`Close`
`showClose`	是否显示关闭按钮	`boolean \| undefined`	`true`
`customClass`	自定义类名	`AsamNotificationOptions["customClass"]`	`"asam-notification"`
`dangerouslyUseHTMLString`	是否将 message 属性作为 HTML 片段处理	`boolean \| undefined`	`false`
`appendTo`	设置 notification 的根元素，默认为 document.body	`string \| HTMLElement \| undefined`	—
`onClose`	关闭时的回调函数	`((vm: VNode) => void) \| undefined`	—

类型 `AsamNotificationParams`

属性名	说明	类型	默认值
`zIndex`	初始 zIndex	`number \| undefined`	—
`offset`	相对屏幕顶部的偏移量偏移的距离，在同一时刻，所有的 Notification 实例应当具有一个相同的偏移量	`number \| undefined`	—
`onClick`	点击 Notification 时的回调函数	`(() => void) \| undefined`	—
`title`	标题	`string \| undefined`	—
`type`	通知的类型	`enum"" \| "primary" \| "success" \| "warning" \| "info" \| "error"`完整类型：`AsamNotificationType \| undefined \| VNodeTypes`	—
`position`	自定义弹出位置	`enum"top-left" \| "top-right" \| "bottom-left" \| "bottom-right"`完整类型：`AsamNotificationPosition \| undefined`	—
`duration`	显示时间, 单位为毫秒。值为 0 则不会自动关闭	`number \| undefined`	—
`icon`	自定义图标。若设置了 type，则 icon 会被覆盖	`PublicMember<AsamNotificationParams, "icon">`	—
`pauseOnHover`	悬停于通知上时是否暂停计时器。	`boolean \| undefined`	—
`progress`	显示自动关闭倒计时的进度条。设置 true 使用默认进度条，或传入对象自定义基础进度条参数。	`boolean \| AsamNotificationProgress \| undefined`	—
`message`	通知栏正文内容	`PublicMember<AsamNotificationParams, "message">`	—
`closeIcon`	自定义关闭图标，默认Close	`PublicMember<AsamNotificationParams, "closeIcon">`	—
`showClose`	是否显示关闭按钮	`boolean \| undefined`	—
`customClass`	自定义类名	`AsamNotificationOptions["customClass"]`	—
`dangerouslyUseHTMLString`	是否将 message 属性作为 HTML 片段处理	`boolean \| undefined`	—
`appendTo`	设置 notification 的根元素，默认为 document.body	`string \| HTMLElement \| undefined`	—
`onClose`	关闭时的回调函数	`((vm: VNode) => void) \| undefined`	—
`props`	—	`(VNodeProps & { [key: string]: any; }) \| null`	—
`key`	—	`PropertyKey \| null`	—
`ref`	—	`PublicMember<AsamNotificationParams, "ref">`	—
`scopeId`	仅用于 SFC；创建 VNode 时由 currentScopeId 赋值，与 currentRenderingInstance 配合使用。	`string \| null`	—
`children`	—	`VNodeNormalizedChildren`	—
`component`	—	`ComponentInternalInstance \| null`	—
`dirs`	—	`DirectiveBinding<any, string, any>[] \| null`	—
`transition`	—	`TransitionHooks<RendererElement> \| null`	—
`el`	—	`RendererNode \| null`	—
`placeholder`	—	`RendererNode \| null`	—
`anchor`	—	`RendererNode \| null`	—
`target`	—	`RendererElement \| null`	—
`targetStart`	—	`RendererNode \| null`	—
`targetAnchor`	—	`RendererNode \| null`	—
`suspense`	—	`SuspenseBoundary \| null`	—
`shapeFlag`	—	`number`	—
`patchFlag`	—	`number`	—
`appContext`	—	`AppContext \| null`	—

类型 `AsamNotificationHandle`

属性名	说明	类型	默认值
`close`	—	`() => void`	—

类型 `AsamNotificationType`

类型 `AsamNotificationPosition`

类型 `AsamNotificationService`

属性名	说明	类型	默认值
`primary`	—	`AsamNotificationService["primary"]`	—
`success`	—	`AsamNotificationService["primary"]`	—
`warning`	—	`AsamNotificationService["primary"]`	—
`error`	—	`AsamNotificationService["primary"]`	—
`info`	—	`AsamNotificationService["primary"]`	—
`closeAll`	—	`() => void`	—
`updateOffsets`	—	`(position?: AsamNotificationOptions["position"]) => void`	—
`_context`	—	`(AsamNotificationService)["_context"]`	—
`install`	—	`(app: App) => void`	—

(options?: AsamNotificationParams | undefined, appContext?: Parameters<AsamNotificationService>[1]): AsamNotificationHandle

类型 `AsamNotificationProgress`

属性名	说明	类型	默认值
`color`	进度条背景色（会覆盖 status 状态颜色）	`string \| AsamProgressColor[] \| AsamProgressFn \| undefined`	—
`format`	指定进度条文字内容	`AsamProgressFn \| undefined`	—
`status`	进度条当前状态	`enum"" \| "success" \| "warning" \| "exception"`完整类型：`"" \| "success" \| "warning" \| "exception" \| undefined`	—
`strokeWidth`	进度条的宽度	`number \| undefined`	—
`strokeLinecap`	路径端点形状，支持 butt、circle、dashboard。	`enum"inherit" \| "square" \| "butt" \| "round"`完整类型：`NonNullable<"inherit" \| "square" \| "butt" \| "round" \| undefined> \| undefined`	—
`textInside`	进度条显示文字内置在进度条内（仅 type 为 'line' 时可用）	`boolean \| undefined`	—
`showText`	是否显示进度条文字内容	`boolean \| undefined`	—
`striped`	在进度条上增加条纹	`boolean \| undefined`	—
`stripedFlow`	让进度条上的条纹流动起来	`boolean \| undefined`	—

用法与契约补充说明

使用约定

AsamNotification(options, appContext?) 与 success/warning/info/error 快捷调用返回 handle.close()。title/message、duration、showClose、position、offset、zIndex、onClick/onClose 配置内容、位置与交互。duration=0 保持显示，closeAll 为全局关闭。ASAM 传递应用上下文并添加品牌样式类。无四档 size；卸载关闭自身实例。

更多参数与事件说明

组合职责与生命周期

progress=true 显示倒计时进度条，对象可定制颜色、strokeWidth 等 AsamNotificationProgress 参数；percentage/type/duration/indeterminate/width 由通知自身管理，不接受外部赋值。pauseOnHover 默认暂停倒计时与进度，false 时持续计时；duration=0 持续显示，不自动结束。字符串或 VNode 快捷参数、options.message 内容函数均保留原语义。四角 position、offset、zIndex 和 updateOffsets 管理叠放；onClick/onClose 保留回调。创建方保存 close 句柄，在卸载时逐个清理自己的通知。customClass 接受 Vue 类值。

参数与事件补充说明

参数与事件说明

`primary`

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

primary 参数与事件数据

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

事件参数：(options?: Parameters<Extract<NonNullable<AsamNotificationService["primary"]>, (...args: never[]) => unknown>>[0], appContext?: Parameters<Extract<NonNullable<AsamNotificationService["primary"]>, (...args: never[]) => unknown>>[1]): AsamNotificationHandle

`success`

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

success 参数与事件数据

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

`warning`

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

warning 参数与事件数据

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

`error`

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

error 参数与事件数据

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

`info`

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

info 参数与事件数据

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

`closeAll`

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

closeAll 参数与事件数据

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

事件参数：(): void

`updateOffsets`

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

updateOffsets 参数与事件数据

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

事件参数：(position?: AsamNotificationPosition | undefined): void

`_context`

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

_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> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`install`

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

install 参数与事件数据

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

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

AsamNotification 公开类型视图

import type { App, AppConfig, ComponentOptions, ComponentProvideOptions, Component, ComputedOptions, MethodOptions, Directive } from 'vue';
import type { AsamNotificationService, AsamNotificationHandle, AsamNotificationOptions, AsamNotificationPosition, AsamNotificationParams } from '@asam-ui/ui';
import { AsamNotification } from '@asam-ui/ui';

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

// AsamNotification
type PublicContract = {
	(options?: AsamNotificationParams | undefined, appContext?: Parameters<typeof AsamNotification>[1]): AsamNotificationHandle;
	"primary": AsamNotificationService["primary"];
	"success": AsamNotificationService["primary"];
	"warning": AsamNotificationService["primary"];
	"error": AsamNotificationService["primary"];
	"info": AsamNotificationService["primary"];
	"closeAll": () => void;
	"updateOffsets": (position?: AsamNotificationOptions["position"]) => void;
	"_context": (typeof AsamNotification)["_context"];
	"install": (app: App) => void;
};

参数与事件说明

`zIndex`

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

默认值与来源

未知 / 未声明

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

`offset`

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

默认值与来源

0（源码表达式；上游声明）

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

固定上游源码默认表达式：0（2.14.7；源码事实，未作为 ASAM 运行实测）

`onClick`

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

onClick 参数与事件数据

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

事件参数：(): void

默认值与来源

() => void 0（源码表达式；上游声明）

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

固定上游源码函数默认值（作为值，不执行）：() => undefined（2.14.7；源码事实，未作为 ASAM 运行实测）

`title`

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

默认值与来源

""（源码表达式；上游声明）

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

固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）

`type`

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

type 参数与事件数据

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

枚举："" / "primary" / "success" / "warning" / "info" / "error"

默认值与来源

""（源码表达式；上游声明）

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

固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）

`position`

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

position 参数与事件数据

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

枚举："top-left" / "top-right" / "bottom-left" / "bottom-right"

默认值与来源

"top-right"（源码表达式；上游声明）

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

固定上游源码默认表达式：'top-right'（2.14.7；源码事实，未作为 ASAM 运行实测）

`duration`

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

默认值与来源

4500（源码表达式；上游声明）

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

固定上游源码默认表达式：4500（2.14.7；源码事实，未作为 ASAM 运行实测）

`icon`

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

icon 参数与事件数据

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

事件参数：(props: any, ctx: Parameters<Extract<NonNullable<(AsamNotificationOptions)["icon"]>, (...args: never[]) => unknown>>[1]): any

icon.__isFragment: undefined — 依赖声明
icon.__isTeleport: undefined — 依赖声明
icon.__isSuspense: undefined — 依赖声明

默认值与来源

未知 / 未声明

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

固定上游源码未声明 default（2.14.7；源码事实，未作为 ASAM 运行实测）

`pauseOnHover`

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

pauseOnHover 参数与事件数据

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

枚举：false / true

默认值与来源

true（源码表达式；上游声明）

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

固定上游源码默认表达式：true（2.14.7；源码事实，未作为 ASAM 运行实测）

`progress`

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

progress 参数与事件数据

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

枚举：false / true

progress.color: string | AsamProgressColor[] | AsamProgressFn | undefined — 上游声明
进度条背景色（会覆盖 status 状态颜色）
固定上游文档默认：''（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
事件参数：(percentage: number): string
progress.format: AsamProgressFn | undefined — 上游声明
指定进度条文字内容
固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
事件参数：(percentage: number): string
progress.status: "" | "success" | "warning" | "exception" | undefined — 上游声明
进度条当前状态
固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
枚举："" / "success" / "warning" / "exception"
progress.strokeWidth: number | undefined — 上游声明
进度条的宽度
固定上游文档默认：6（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
progress.strokeLinecap: NonNullable<"inherit" | "square" | "butt" | "round" | undefined> | undefined — 上游声明
路径端点形状，支持 butt、circle、dashboard。
固定上游文档默认：round（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
枚举："inherit" / "square" / "butt" / "round"
progress.textInside: boolean | undefined — 上游声明
进度条显示文字内置在进度条内（仅 type 为 'line' 时可用）
固定上游文档默认：false（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
枚举：false / true
progress.showText: boolean | undefined — 上游声明
是否显示进度条文字内容
固定上游文档默认：true（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
枚举：false / true
progress.striped: boolean | undefined — 上游声明
在进度条上增加条纹
固定上游文档默认：false（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
枚举：false / true
progress.stripedFlow: boolean | undefined — 上游声明
让进度条上的条纹流动起来
固定上游文档默认：false（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
枚举：false / true

默认值与来源

false（源码表达式；上游声明）

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

固定上游源码默认表达式：false（2.14.7；源码事实，未作为 ASAM 运行实测）

`message`

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

message 参数与事件数据

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

事件参数：(): ReturnType<Extract<NonNullable<(AsamNotificationOptions)["message"]>, (...args: never[]) => unknown>>

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

默认值与来源

""（源码表达式；上游声明）

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

固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）

`closeIcon`

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

closeIcon 参数与事件数据

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

事件参数：(props: any, ctx: Parameters<Extract<NonNullable<(AsamNotificationOptions)["closeIcon"]>, (...args: never[]) => unknown>>[1]): any

closeIcon.__isFragment: undefined — 依赖声明
closeIcon.__isTeleport: undefined — 依赖声明
closeIcon.__isSuspense: undefined — 依赖声明

默认值与来源

Close（源码表达式；上游声明）

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

固定上游源码默认表达式：Close（2.14.7；源码事实，未作为 ASAM 运行实测）

`showClose`

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

showClose 参数与事件数据

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

枚举：false / true

默认值与来源

true（源码表达式；上游声明）

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

固定上游源码默认表达式：true（2.14.7；源码事实，未作为 ASAM 运行实测）

`customClass`

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

customClass 参数与事件数据

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

枚举：false

默认值与来源

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

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

固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）

`dangerouslyUseHTMLString`

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

dangerouslyUseHTMLString 参数与事件数据

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

枚举：false / true

默认值与来源

false（源码表达式；上游声明）

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

`appendTo`

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

appendTo 参数与事件数据

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

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

默认值与来源

未知 / 未声明

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

`onClose`

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

onClose 参数与事件数据

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

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

默认值与来源

未知 / 未声明

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

固定上游源码未声明 default（2.14.7；源码事实，未作为 ASAM 运行实测）

AsamNotificationOptions 公开类型视图

import type { Attrs, VNode, VNodeTypes, 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 { AsamNotificationOptions, AsamNotificationType, AsamNotificationPosition, AsamNotificationProgress, AsamProgressColor, AsamProgressFn, AsamNotificationService } from '@asam-ui/ui';

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

// AsamNotificationOptions
type PublicContract = {
	"zIndex"?: number | undefined;
	"offset"?: number | undefined;
	"onClick"?: (() => void) | undefined;
	"title"?: string | undefined;
	"type"?: AsamNotificationType | undefined;
	"position"?: AsamNotificationPosition | undefined;
	"duration"?: number | undefined;
	"icon"?: (AsamNotificationOptions)["icon"];
	"pauseOnHover"?: boolean | undefined;
	"progress"?: boolean | AsamNotificationProgress | undefined;
	"message"?: (AsamNotificationOptions)["message"];
	"closeIcon"?: (AsamNotificationOptions)["closeIcon"];
	"showClose"?: boolean | undefined;
	"customClass"?: AsamNotificationOptions["customClass"];
	"dangerouslyUseHTMLString"?: boolean | undefined;
	"appendTo"?: string | HTMLElement | undefined;
	"onClose"?: ((vm: VNode) => void) | undefined;
};

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

参数与事件说明

`zIndex`

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

`offset`

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

默认值与来源

未知 / 未声明

固定上游源码默认表达式：0（2.14.7；源码事实，未作为 ASAM 运行实测）

`onClick`

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

onClick 参数与事件数据

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

契约分支 2

事件参数：(): void

默认值与来源

未知 / 未声明

固定上游源码函数默认值（作为值，不执行）：() => undefined（2.14.7；源码事实，未作为 ASAM 运行实测）

`title`

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

默认值与来源

未知 / 未声明

固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）

`type`

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

type 参数与事件数据

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

契约分支 2

枚举："" / "primary" / "success" / "warning" / "info" / "error"

契约分支 3

事件参数：(props: any, ctx: Parameters<Extract<NonNullable<VNodeTypes>, (...args: never[]) => unknown>>[1]): any

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

默认值与来源

未知 / 未声明

来源分支 2

固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）

`position`

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

position 参数与事件数据

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

契约分支 2

枚举："top-left" / "top-right" / "bottom-left" / "bottom-right"

默认值与来源

未知 / 未声明

固定上游源码默认表达式：'top-right'（2.14.7；源码事实，未作为 ASAM 运行实测）

`duration`

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

默认值与来源

未知 / 未声明

固定上游源码默认表达式：4500（2.14.7；源码事实，未作为 ASAM 运行实测）

`icon`

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

icon 参数与事件数据

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

契约分支 2

事件参数：(props: any, ctx: Parameters<Extract<NonNullable<PublicMember<AsamNotificationParams, "icon">>, (...args: never[]) => unknown>>[1]): any

icon.__isFragment: undefined — 依赖声明
icon.__isTeleport: undefined — 依赖声明
icon.__isSuspense: undefined — 依赖声明

默认值与来源

未知 / 未声明

固定上游源码未声明 default（2.14.7；源码事实，未作为 ASAM 运行实测）

`pauseOnHover`

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

pauseOnHover 参数与事件数据

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

契约分支 2

枚举：false / true

默认值与来源

未知 / 未声明

固定上游源码默认表达式：true（2.14.7；源码事实，未作为 ASAM 运行实测）

`progress`

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

progress 参数与事件数据

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

契约分支 2

枚举：false / true

progress.color: string | AsamProgressColor[] | AsamProgressFn | undefined — 上游声明
进度条背景色（会覆盖 status 状态颜色）
固定上游文档默认：''（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
事件参数：(percentage: number): string
progress.format: AsamProgressFn | undefined — 上游声明
指定进度条文字内容
固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
事件参数：(percentage: number): string
progress.status: "" | "success" | "warning" | "exception" | undefined — 上游声明
进度条当前状态
固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
枚举："" / "success" / "warning" / "exception"
progress.strokeWidth: number | undefined — 上游声明
进度条的宽度
固定上游文档默认：6（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
progress.strokeLinecap: NonNullable<"inherit" | "square" | "butt" | "round" | undefined> | undefined — 上游声明
路径端点形状，支持 butt、circle、dashboard。
固定上游文档默认：round（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
枚举："inherit" / "square" / "butt" / "round"
progress.textInside: boolean | undefined — 上游声明
进度条显示文字内置在进度条内（仅 type 为 'line' 时可用）
固定上游文档默认：false（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
枚举：false / true
progress.showText: boolean | undefined — 上游声明
是否显示进度条文字内容
固定上游文档默认：true（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
枚举：false / true
progress.striped: boolean | undefined — 上游声明
在进度条上增加条纹
固定上游文档默认：false（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
枚举：false / true
progress.stripedFlow: boolean | undefined — 上游声明
让进度条上的条纹流动起来
固定上游文档默认：false（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
枚举：false / true

默认值与来源

未知 / 未声明

固定上游源码默认表达式：false（2.14.7；源码事实，未作为 ASAM 运行实测）

`message`

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

message 参数与事件数据

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

契约分支 2

事件参数：(): ReturnType<Extract<NonNullable<PublicMember<AsamNotificationParams, "message">>, (...args: never[]) => unknown>>

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

默认值与来源

未知 / 未声明

固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）

`closeIcon`

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

closeIcon 参数与事件数据

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

契约分支 2

事件参数：(props: any, ctx: Parameters<Extract<NonNullable<PublicMember<AsamNotificationParams, "closeIcon">>, (...args: never[]) => unknown>>[1]): any

closeIcon.__isFragment: undefined — 依赖声明
closeIcon.__isTeleport: undefined — 依赖声明
closeIcon.__isSuspense: undefined — 依赖声明

默认值与来源

未知 / 未声明

固定上游源码默认表达式：Close（2.14.7；源码事实，未作为 ASAM 运行实测）

`showClose`

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

showClose 参数与事件数据

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

契约分支 2

枚举：false / true

默认值与来源

未知 / 未声明

固定上游源码默认表达式：true（2.14.7；源码事实，未作为 ASAM 运行实测）

`customClass`

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

customClass 参数与事件数据

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

契约分支 2

枚举：false

默认值与来源

未知 / 未声明

固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）

`dangerouslyUseHTMLString`

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

dangerouslyUseHTMLString 参数与事件数据

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

契约分支 2

枚举：false / true

`appendTo`

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

appendTo 参数与事件数据

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

契约分支 2

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

`onClose`

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

onClose 参数与事件数据

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

契约分支 2

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

默认值与来源

未知 / 未声明

固定上游源码未声明 default（2.14.7；源码事实，未作为 ASAM 运行实测）

`props`

必填：按分支；声明来源：依赖声明。

`key`

必填：按分支；声明来源：依赖声明。

`ref`

必填：按分支；声明来源：依赖声明。

ref 参数与事件数据

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

契约分支 3

ref.i: ComponentInternalInstance — 依赖声明
组件实例。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
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
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
ref.k: string | undefined — 依赖声明
setup 中的 ref 键。
ref.f: boolean | undefined — 依赖声明
refInFor 标记。
枚举：false / true

`scopeId`

必填：按分支；声明来源：依赖声明。

`children`

必填：按分支；声明来源：依赖声明。

children 参数与事件数据

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

契约分支 3

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

`component`

必填：按分支；声明来源：依赖声明。

component 参数与事件数据

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

契约分支 3

component.uid: number — 依赖声明
component.type: ConcreteComponent<{}, any, any, ComputedOptions, MethodOptions, {}, any> — 依赖声明
事件参数：(props: {}, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<ComponentInternalInstance | null>, "type">>, (...args: never[]) => unknown>>[1]): any
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.parent: ComponentInternalInstance | null — 依赖声明
嵌套展开边界：递归引用；完整类型见公开类型视图。
component.root: ComponentInternalInstance — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.appContext: AppContext — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }> — 依赖声明
父虚拟 DOM 中代表当前组件的 VNode。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.subTree: VNode<RendererNode, RendererElement, { [key: string]: any; }> — 依赖声明
当前组件自身虚拟 DOM 树的根 VNode。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.effect: ReactiveEffect<any> — 依赖声明
渲染副作用实例。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.update: () => void — 依赖声明
强制更新渲染副作用。
事件参数：(): void
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.job: PublicMember<NonNullable<ComponentInternalInstance | null>, "job"> — 依赖声明
交给调度器的渲染任务，会检查是否需要更新。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.proxy: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null — 依赖声明
component.exposed: Record<string, any> | null — 依赖声明
component.exposeProxy: Record<string, any> | null — 依赖声明
component.data: PublicMember<NonNullable<ComponentInternalInstance | null>, "data"> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.props: PublicMember<NonNullable<ComponentInternalInstance | null>, "props"> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.attrs: PublicMember<NonNullable<ComponentInternalInstance | null>, "attrs"> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.slots: PublicMember<NonNullable<ComponentInternalInstance | null>, "slots"> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.refs: PublicMember<NonNullable<ComponentInternalInstance | null>, "refs"> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.emit: (event: string, ...args: any[]) => void — 依赖声明
事件参数：(event: string, ...args: any[]): void
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.isMounted: boolean — 依赖声明
枚举：false / true
component.isUnmounted: boolean — 依赖声明
枚举：false / true
component.isDeactivated: boolean — 依赖声明
枚举：false / true

`dirs`

必填：按分支；声明来源：依赖声明。

`transition`

必填：按分支；声明来源：依赖声明。

transition 参数与事件数据

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

契约分支 3

transition.mode: "default" | "in-out" | "out-in" | undefined — 依赖声明
枚举："default" / "in-out" / "out-in"
transition.persisted: boolean — 依赖声明
枚举：false / true
transition.beforeEnter: (el: RendererElement) => void — 依赖声明
事件参数：(el: RendererElement): void
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
transition.enter: (el: RendererElement) => void — 依赖声明
事件参数：(el: RendererElement): void
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
transition.leave: (el: RendererElement, remove: () => void) => void — 依赖声明
事件参数：(el: RendererElement, remove: () => void): void
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
transition.clone: (vnode: VNode) => TransitionHooks<RendererElement> — 依赖声明
事件参数：(vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): TransitionHooks<RendererElement>
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
transition.afterLeave: (() => void) | undefined — 依赖声明
事件参数：(): void
transition.delayLeave: ((el: RendererElement, earlyRemove: () => void, delayedLeave: () => void) => void) | undefined — 依赖声明
事件参数：(el: RendererElement, earlyRemove: () => void, delayedLeave: () => void): void
transition.delayedLeave: (() => void) | undefined — 依赖声明
事件参数：(): void

`el`

必填：按分支；声明来源：依赖声明。

`placeholder`

必填：按分支；声明来源：依赖声明。

`anchor`

必填：按分支；声明来源：依赖声明。

`target`

必填：按分支；声明来源：依赖声明。

`targetStart`

必填：按分支；声明来源：依赖声明。

`targetAnchor`

必填：按分支；声明来源：依赖声明。

`suspense`

必填：按分支；声明来源：依赖声明。

suspense 参数与事件数据

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

契约分支 3

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

`shapeFlag`

必填：按分支；声明来源：依赖声明。

`patchFlag`

必填：按分支；声明来源：依赖声明。

`appContext`

必填：按分支；声明来源：依赖声明。

appContext 参数与事件数据

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

契约分支 3

appContext.app: App<any> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
appContext.config: AppConfig — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
appContext.mixins: ComponentOptions<{}, any, any, any, any, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>[] — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
appContext.components: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
appContext.directives: Record<string, Directive<any, any, string, any>> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
appContext.provides: Record<string | symbol, any> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

AsamNotificationParams 公开类型视图

import type { Attrs, VNode, VNodeTypes, 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 { AsamNotificationParams, AsamNotificationOptions, AsamNotificationType, AsamNotificationPosition, AsamNotificationProgress, AsamProgressColor, AsamProgressFn, AsamNotificationService } from '@asam-ui/ui';

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

// AsamNotificationParams
type PublicContract = AsamNotificationParams;

参数与事件说明

`close`

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

close 参数与事件数据

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

事件参数：(): void

AsamNotificationHandle 公开类型视图

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

// AsamNotificationHandle
type PublicContract = {
	"close": () => void;
};

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

AsamNotificationType 公开类型视图

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

// AsamNotificationType
type PublicContract = AsamNotificationType;

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

AsamNotificationPosition 公开类型视图

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

// AsamNotificationPosition
type PublicContract = AsamNotificationPosition;

参数与事件说明

`primary`

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

primary 参数与事件数据

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

`success`

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

success 参数与事件数据

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

`warning`

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

warning 参数与事件数据

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

`error`

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

error 参数与事件数据

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

`info`

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

info 参数与事件数据

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

`closeAll`

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

closeAll 参数与事件数据

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

事件参数：(): void

`updateOffsets`

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

updateOffsets 参数与事件数据

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

事件参数：(position?: AsamNotificationPosition | undefined): void

`_context`

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

_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> — 依赖声明
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。

`install`

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

install 参数与事件数据

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

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

AsamNotificationService 公开类型视图

import type { App, AppConfig, ComponentOptions, ComponentProvideOptions, Component, ComputedOptions, MethodOptions, Directive } from 'vue';
import type { AsamNotificationService, AsamNotificationHandle, AsamNotificationOptions, AsamNotificationPosition, AsamNotificationParams } from '@asam-ui/ui';

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

// AsamNotificationService
type PublicContract = {
	(options?: AsamNotificationParams | undefined, appContext?: Parameters<AsamNotificationService>[1]): AsamNotificationHandle;
	"primary": AsamNotificationService["primary"];
	"success": AsamNotificationService["primary"];
	"warning": AsamNotificationService["primary"];
	"error": AsamNotificationService["primary"];
	"info": AsamNotificationService["primary"];
	"closeAll": () => void;
	"updateOffsets": (position?: AsamNotificationOptions["position"]) => void;
	"_context": (AsamNotificationService)["_context"];
	"install": (app: App) => void;
};

进度条配置不包含 percentage、type、duration、indeterminate 和 width；进度条始终为倒计时驱动的线形进度条。

参数与事件说明

`color`

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

color 参数与事件数据

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

事件参数：(percentage: number): string

`format`

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

format 参数与事件数据

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

事件参数：(percentage: number): string

`status`

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

status 参数与事件数据

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

枚举："" / "success" / "warning" / "exception"

`strokeWidth`

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

`strokeLinecap`

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

strokeLinecap 参数与事件数据

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

枚举："inherit" / "square" / "butt" / "round"

`textInside`

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

textInside 参数与事件数据

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

枚举：false / true

`showText`

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

showText 参数与事件数据

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

枚举：false / true

`striped`

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

striped 参数与事件数据

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

枚举：false / true

`stripedFlow`

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

stripedFlow 参数与事件数据

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

枚举：false / true

AsamNotificationProgress 公开类型视图

import type { AsamNotificationProgress, AsamProgressColor, AsamProgressFn, AsamNotificationType, AsamNotificationOptions } from '@asam-ui/ui';

// AsamNotificationProgress
type PublicContract = {
	"color"?: string | AsamProgressColor[] | AsamProgressFn | undefined;
	"format"?: AsamProgressFn | undefined;
	"status"?: "" | "success" | "warning" | "exception" | undefined;
	"strokeWidth"?: number | undefined;
	"strokeLinecap"?: NonNullable<"inherit" | "square" | "butt" | "round" | undefined> | undefined;
	"textInside"?: boolean | undefined;
	"showText"?: boolean | undefined;
	"striped"?: boolean | undefined;
	"stripedFlow"?: boolean | undefined;
};

通知服务 AsamNotification

使用场景 ​

通知位置与关闭句柄 ​

通知位置与关闭句柄

使用约定 ​

完整用法 ​

基本用法 ​

基本用法

状态与快捷调用 ​

状态与快捷调用

四角定位 ​

四角定位

叠放与间距 ​

叠放与间距

可信 HTML 内容 ​

可信 HTML 内容

VNode 内容 ​

VNode 内容

进度计时与悬停暂停 ​

进度计时与悬停暂停

隐藏关闭按钮 ​

隐藏关闭按钮

组合职责与生命周期 ​

宿主上下文与所属服务清理 ​

宿主上下文与所属服务清理

计时进度、悬停和卸载清理 ​

计时进度、悬停和卸载清理

API

服务 AsamNotification

类型 AsamNotificationOptions

类型 AsamNotificationParams

类型 AsamNotificationHandle

类型 AsamNotificationType

类型 AsamNotificationPosition

类型 AsamNotificationService

类型 AsamNotificationProgress

用法与契约补充说明 ​

使用约定 ​

更多参数与事件说明 ​

组合职责与生命周期 ​

关联组件

参数与事件说明

primary

success

warning

error

info

closeAll

updateOffsets

_context

install

参数与事件说明

zIndex

默认值与来源

offset

默认值与来源

onClick

默认值与来源

title

默认值与来源

type

默认值与来源

position

默认值与来源

duration

默认值与来源

icon

默认值与来源

pauseOnHover

默认值与来源

progress

默认值与来源

message

默认值与来源

closeIcon

默认值与来源

showClose

默认值与来源

customClass

默认值与来源

使用场景

通知位置与关闭句柄

使用约定

完整用法

基本用法

状态与快捷调用

四角定位

叠放与间距

可信 HTML 内容

VNode 内容

进度计时与悬停暂停

隐藏关闭按钮

组合职责与生命周期

宿主上下文与所属服务清理

计时进度、悬停和卸载清理

服务 `AsamNotification`

类型 `AsamNotificationOptions`

类型 `AsamNotificationParams`

类型 `AsamNotificationHandle`

类型 `AsamNotificationType`

类型 `AsamNotificationPosition`

类型 `AsamNotificationService`

类型 `AsamNotificationProgress`

用法与契约补充说明

使用约定

更多参数与事件说明

组合职责与生命周期

`primary`

`success`

`warning`

`error`

`info`

`closeAll`

`updateOffsets`

`_context`

`install`

`zIndex`

`offset`

`onClick`

`title`

`type`

`position`

`duration`

`icon`

`pauseOnHover`

`progress`

`message`

`closeIcon`

`showClose`

`customClass`

`dangerouslyUseHTMLString`

`appendTo`

`onClose`

`zIndex`

`offset`

`onClick`

`title`

`type`

`position`

`duration`

`icon`

`pauseOnHover`

`progress`

`message`

`closeIcon`

`showClose`

`customClass`

`dangerouslyUseHTMLString`

`appendTo`

`onClose`

`props`

`key`

`ref`

`scopeId`

`children`

`component`

`dirs`

`transition`

`el`

`placeholder`