使用场景
按名称和值展示一组概要信息。
基础用法与状态
下列示例只使用本入口的实际公开能力。
基础用法与状态
<template>
<div class="descriptions-examples">
<AsamDescriptions
v-for="size in sizes"
:key="size"
v-bind="{ title: size + ' 说明', size, column: 2, border: true }"
>
<AsamDescriptionsItem label="名称">本地草稿</AsamDescriptionsItem>
<AsamDescriptionsItem label="状态">待编辑</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注" :span="2">
<span>用名称和值描述内容。</span>
</AsamDescriptionsItem>
</AsamDescriptions>
</div>
</template>
<script lang="ts" setup>
defineOptions({ name: 'AsamDescriptionsBasicDemo' });
import { AsamDescriptions, AsamDescriptionsItem } from '@asam-ui/ui';
import type { AsamControlSize } from '@asam-ui/ui';
const sizes: AsamControlSize[] = ['large', 'big', 'default', 'small'];
</script>
<style scoped>
.descriptions-examples {
display: grid;
gap: var(--asam-space-md);
}
</style><template>
<div class="descriptions-examples">
<AsamDescriptions
v-for="size in sizes"
:key="size"
v-bind="{ title: size + ' 说明', size, column: 2, border: true }"
>
<AsamDescriptionsItem label="名称">本地草稿</AsamDescriptionsItem>
<AsamDescriptionsItem label="状态">待编辑</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注" :span="2">
<span>用名称和值描述内容。</span>
</AsamDescriptionsItem>
</AsamDescriptions>
</div>
</template>
<script setup>
defineOptions({ name: 'AsamDescriptionsBasicDemo' });
import { AsamDescriptions, AsamDescriptionsItem } from '@asam-ui/ui';
const sizes = ['large', 'big', 'default', 'small'];
</script>
<style scoped>
.descriptions-examples {
display: grid;
gap: var(--asam-space-md);
}
</style>使用约定
title、extra、column、border、direction 与 labelWidth 控制列表；title/extra/default 插槽组织内容。ASAM size 支持 large/big/default/small 并继承上下文。组件不编辑或获取业务数据。
布局与 slot 节点按原生描述列表语义处理，组件不克隆节点、不补写 span/rowspan 默认，也不接管行列规划。AsamDescriptionsItem 保持原生可识别的公开描述项；省略、undefined、null 等输入遵循依赖的实际行为。同输入原生实例出现的布局限制同样适用。
完整使用场景
基础用法
下列完整示例包含状态与交互，源码提供 TS 和 JS 两种版本。
基础用法
<template>
<AsamDescriptions title="用户信息">
<AsamDescriptionsItem label="用户名">kooriookami</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话">18100000000</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点">苏州</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
</template>
<script lang="ts" setup>
defineOptions({ name: 'AsamDescriptionsCapBasicUsageDemo' });
import { AsamDescriptions, AsamDescriptionsItem, AsamTag } from '@asam-ui/ui';
</script><template>
<AsamDescriptions title="用户信息">
<AsamDescriptionsItem label="用户名">kooriookami</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话">18100000000</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点">苏州</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
</template>
<script setup>
defineOptions({ name: 'AsamDescriptionsCapBasicUsageDemo' });
import { AsamDescriptions, AsamDescriptionsItem, AsamTag } from '@asam-ui/ui';
</script>
尺寸
下列完整示例包含状态与交互，源码提供 TS 和 JS 两种版本。
尺寸
<!-- 此演示还使用 @asam-ui/icons-vue，请按官网对应指南配置这些公开依赖。 -->
<template>
<AsamRadioGroup
:model-value="size"
@update:model-value="
(value) => {
if (
value === 'small' ||
value === 'default' ||
value === 'big' ||
value === 'large'
)
size = value;
}
"
>
<AsamRadioItem value="large">大尺寸</AsamRadioItem>
<AsamRadioItem value="default">默认</AsamRadioItem>
<AsamRadioItem value="small">小尺寸</AsamRadioItem>
</AsamRadioGroup>
<!-- prettier-ignore -->
<AsamDescriptions
class="margin-top"
title="带边框"
:column="3"
:size="size"
border
>
<template #extra>
<AsamButton type="default">操作</AsamButton>
</template>
<AsamDescriptionsItem>
<template #label>
<div class="cell-item">
<AsamIcon :style="iconStyle">
<user />
</AsamIcon>
用户名
</div>
</template>
kooriookami
</AsamDescriptionsItem>
<AsamDescriptionsItem>
<template #label>
<div class="cell-item">
<AsamIcon :style="iconStyle">
<iphone />
</AsamIcon>
电话
</div>
</template>
18100000000
</AsamDescriptionsItem>
<AsamDescriptionsItem>
<template #label>
<div class="cell-item">
<AsamIcon :style="iconStyle">
<location />
</AsamIcon>
地点
</div>
</template>
苏州
</AsamDescriptionsItem>
<AsamDescriptionsItem>
<template #label>
<div class="cell-item">
<AsamIcon :style="iconStyle">
<tickets />
</AsamIcon>
备注
</div>
</template>
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem>
<template #label>
<div class="cell-item">
<AsamIcon :style="iconStyle">
<office-building />
</AsamIcon>
地址
</div>
</template>
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
<AsamDescriptions
class="margin-top"
title="无边框"
:column="3"
:size="size"
:style="blockMargin"
>
<template #extra>
<AsamButton type="default">操作</AsamButton>
</template>
<AsamDescriptionsItem label="用户名">kooriookami</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话">18100000000</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点">苏州</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
</template>
<script lang="ts" setup>
defineOptions({ name: 'AsamDescriptionsCapSizesDemo' });
import {
AsamRadioGroup,
AsamRadioItem,
AsamDescriptions,
AsamButton,
AsamDescriptionsItem,
AsamIcon,
AsamTag
} from '@asam-ui/ui';
import { computed, ref } from 'vue';
import { Iphone, Location, OfficeBuilding, Tickets, User } from '@asam-ui/icons-vue';
import type { AsamControlSize } from '@asam-ui/ui';
const size = ref<AsamControlSize>('default');
const iconStyle = computed(() => {
const marginMap = {
large: '8px',
default: '6px',
big: '4px',
small: '4px'
};
return {
marginRight: marginMap[size.value] || marginMap.default
};
});
const blockMargin = computed(() => {
const marginMap = {
large: '32px',
default: '28px',
big: '24px',
small: '24px'
};
return {
marginTop: marginMap[size.value] || marginMap.default
};
});
</script>
<style scoped>
.el-descriptions {
margin-top: 20px;
}
.cell-item {
display: flex;
align-items: center;
}
.margin-top {
margin-top: 20px;
}
</style><!-- 此演示还使用 @asam-ui/icons-vue，请按官网对应指南配置这些公开依赖。 -->
<template>
<AsamRadioGroup
:model-value="size"
@update:model-value="
(value) => {
if (
value === 'small' ||
value === 'default' ||
value === 'big' ||
value === 'large'
)
size = value;
}
"
>
<AsamRadioItem value="large">大尺寸</AsamRadioItem>
<AsamRadioItem value="default">默认</AsamRadioItem>
<AsamRadioItem value="small">小尺寸</AsamRadioItem>
</AsamRadioGroup>
<!-- prettier-ignore -->
<AsamDescriptions
class="margin-top"
title="带边框"
:column="3"
:size="size"
border
>
<template #extra>
<AsamButton type="default">操作</AsamButton>
</template>
<AsamDescriptionsItem>
<template #label>
<div class="cell-item">
<AsamIcon :style="iconStyle">
<user />
</AsamIcon>
用户名
</div>
</template>
kooriookami
</AsamDescriptionsItem>
<AsamDescriptionsItem>
<template #label>
<div class="cell-item">
<AsamIcon :style="iconStyle">
<iphone />
</AsamIcon>
电话
</div>
</template>
18100000000
</AsamDescriptionsItem>
<AsamDescriptionsItem>
<template #label>
<div class="cell-item">
<AsamIcon :style="iconStyle">
<location />
</AsamIcon>
地点
</div>
</template>
苏州
</AsamDescriptionsItem>
<AsamDescriptionsItem>
<template #label>
<div class="cell-item">
<AsamIcon :style="iconStyle">
<tickets />
</AsamIcon>
备注
</div>
</template>
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem>
<template #label>
<div class="cell-item">
<AsamIcon :style="iconStyle">
<office-building />
</AsamIcon>
地址
</div>
</template>
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
<AsamDescriptions
class="margin-top"
title="无边框"
:column="3"
:size="size"
:style="blockMargin"
>
<template #extra>
<AsamButton type="default">操作</AsamButton>
</template>
<AsamDescriptionsItem label="用户名">kooriookami</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话">18100000000</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点">苏州</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
</template>
<script setup>
defineOptions({ name: 'AsamDescriptionsCapSizesDemo' });
import {
AsamRadioGroup,
AsamRadioItem,
AsamDescriptions,
AsamButton,
AsamDescriptionsItem,
AsamIcon,
AsamTag
} from '@asam-ui/ui';
import { computed, ref } from 'vue';
import { Iphone, Location, OfficeBuilding, Tickets, User } from '@asam-ui/icons-vue';
const size = ref('default');
const iconStyle = computed(() => {
const marginMap = {
large: '8px',
default: '6px',
big: '4px',
small: '4px'
};
return {
marginRight: marginMap[size.value] || marginMap.default
};
});
const blockMargin = computed(() => {
const marginMap = {
large: '32px',
default: '28px',
big: '24px',
small: '24px'
};
return {
marginTop: marginMap[size.value] || marginMap.default
};
});
</script>
<style scoped>
.el-descriptions {
margin-top: 20px;
}
.cell-item {
display: flex;
align-items: center;
}
.margin-top {
margin-top: 20px;
}
</style>
垂直列表
下列完整示例包含状态与交互，源码提供 TS 和 JS 两种版本。
垂直列表
<template>
<AsamRadioGroup
:model-value="size"
@update:model-value="
(value) => {
if (
value === 'small' ||
value === 'default' ||
value === 'big' ||
value === 'large'
)
size = value;
}
"
>
<AsamRadioItem value="large">大尺寸</AsamRadioItem>
<AsamRadioItem value="default">默认</AsamRadioItem>
<AsamRadioItem value="small">小尺寸</AsamRadioItem>
</AsamRadioGroup>
<AsamDescriptions title="带边框的垂直列表" direction="vertical" :column="4" :size="size" border>
<AsamDescriptionsItem label="用户名">kooriookami</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话">18100000000</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点" :span="2">苏州</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
<AsamDescriptions
title="不带边框的垂直列表"
:column="4"
:size="size"
direction="vertical"
:style="blockMargin"
>
<AsamDescriptionsItem label="用户名">kooriookami</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话">18100000000</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点" :span="2">苏州</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
</template>
<script lang="ts" setup>
defineOptions({ name: 'AsamDescriptionsCapVerticalListDemo' });
import {
AsamRadioGroup,
AsamRadioItem,
AsamDescriptions,
AsamDescriptionsItem,
AsamTag
} from '@asam-ui/ui';
import { computed, ref } from 'vue';
import type { AsamControlSize } from '@asam-ui/ui';
const size = ref<AsamControlSize>('default');
const blockMargin = computed(() => {
const marginMap = {
large: '32px',
default: '28px',
big: '24px',
small: '24px'
};
return {
marginTop: marginMap[size.value] || marginMap.default
};
});
</script>
<style scoped>
.el-descriptions {
margin-top: 20px;
}
</style><template>
<AsamRadioGroup
:model-value="size"
@update:model-value="
(value) => {
if (
value === 'small' ||
value === 'default' ||
value === 'big' ||
value === 'large'
)
size = value;
}
"
>
<AsamRadioItem value="large">大尺寸</AsamRadioItem>
<AsamRadioItem value="default">默认</AsamRadioItem>
<AsamRadioItem value="small">小尺寸</AsamRadioItem>
</AsamRadioGroup>
<AsamDescriptions title="带边框的垂直列表" direction="vertical" :column="4" :size="size" border>
<AsamDescriptionsItem label="用户名">kooriookami</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话">18100000000</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点" :span="2">苏州</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
<AsamDescriptions
title="不带边框的垂直列表"
:column="4"
:size="size"
direction="vertical"
:style="blockMargin"
>
<AsamDescriptionsItem label="用户名">kooriookami</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话">18100000000</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点" :span="2">苏州</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
</template>
<script setup>
defineOptions({ name: 'AsamDescriptionsCapVerticalListDemo' });
import {
AsamRadioGroup,
AsamRadioItem,
AsamDescriptions,
AsamDescriptionsItem,
AsamTag
} from '@asam-ui/ui';
import { computed, ref } from 'vue';
const size = ref('default');
const blockMargin = computed(() => {
const marginMap = {
large: '32px',
default: '28px',
big: '24px',
small: '24px'
};
return {
marginTop: marginMap[size.value] || marginMap.default
};
});
</script>
<style scoped>
.el-descriptions {
margin-top: 20px;
}
</style>
单元格跨行 2.8.1
下列完整示例包含状态与交互，源码提供 TS 和 JS 两种版本。
单元格跨行 2.8.1
<template>
<AsamDescriptions title="横向列表宽度" border>
<!-- prettier-ignore -->
<AsamDescriptionsItem
:rowspan="2"
:width="140"
label="照片"
align="center"
>
<AsamImage
style="width: 100px; height: 100px"
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22180%22%3E%3Crect%20width%3D%22320%22%20height%3D%22180%22%20fill%3D%22%238899aa%22%2F%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%2245%22%20r%3D%2228%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M0%20180L100%2060L220%20180%22%20fill%3D%22%2340566c%22%2F%3E%3Ctext%20x%3D%2212%22%20y%3D%2230%22%20fill%3D%22%23fff%22%3EASAM%20%E7%A4%BA%E4%BE%8B%3C%2Ftext%3E%3C%2Fsvg%3E"
/>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="用户名">kooriookami</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话">18100000000</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点">苏州</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
<AsamDescriptions title="纵向列表宽度" direction="vertical" border style="margin-top: 20px">
<!-- prettier-ignore -->
<AsamDescriptionsItem
:rowspan="2"
:width="140"
label="照片"
align="center"
>
<AsamImage
style="width: 100px; height: 100px"
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22180%22%3E%3Crect%20width%3D%22320%22%20height%3D%22180%22%20fill%3D%22%238899aa%22%2F%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%2245%22%20r%3D%2228%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M0%20180L100%2060L220%20180%22%20fill%3D%22%2340566c%22%2F%3E%3Ctext%20x%3D%2212%22%20y%3D%2230%22%20fill%3D%22%23fff%22%3EASAM%20%E7%A4%BA%E4%BE%8B%3C%2Ftext%3E%3C%2Fsvg%3E"
/>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="用户名">kooriookami</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话">18100000000</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点">苏州</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
</template>
<script lang="ts" setup>
defineOptions({ name: 'AsamDescriptionsCapRowspanDemo' });
import { AsamDescriptions, AsamDescriptionsItem, AsamImage, AsamTag } from '@asam-ui/ui';
</script><template>
<AsamDescriptions title="横向列表宽度" border>
<!-- prettier-ignore -->
<AsamDescriptionsItem
:rowspan="2"
:width="140"
label="照片"
align="center"
>
<AsamImage
style="width: 100px; height: 100px"
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22180%22%3E%3Crect%20width%3D%22320%22%20height%3D%22180%22%20fill%3D%22%238899aa%22%2F%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%2245%22%20r%3D%2228%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M0%20180L100%2060L220%20180%22%20fill%3D%22%2340566c%22%2F%3E%3Ctext%20x%3D%2212%22%20y%3D%2230%22%20fill%3D%22%23fff%22%3EASAM%20%E7%A4%BA%E4%BE%8B%3C%2Ftext%3E%3C%2Fsvg%3E"
/>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="用户名">kooriookami</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话">18100000000</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点">苏州</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
<AsamDescriptions title="纵向列表宽度" direction="vertical" border style="margin-top: 20px">
<!-- prettier-ignore -->
<AsamDescriptionsItem
:rowspan="2"
:width="140"
label="照片"
align="center"
>
<AsamImage
style="width: 100px; height: 100px"
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22180%22%3E%3Crect%20width%3D%22320%22%20height%3D%22180%22%20fill%3D%22%238899aa%22%2F%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%2245%22%20r%3D%2228%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M0%20180L100%2060L220%20180%22%20fill%3D%22%2340566c%22%2F%3E%3Ctext%20x%3D%2212%22%20y%3D%2230%22%20fill%3D%22%23fff%22%3EASAM%20%E7%A4%BA%E4%BE%8B%3C%2Ftext%3E%3C%2Fsvg%3E"
/>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="用户名">kooriookami</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话">18100000000</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点">苏州</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
</template>
<script setup>
defineOptions({ name: 'AsamDescriptionsCapRowspanDemo' });
import { AsamDescriptions, AsamDescriptionsItem, AsamImage, AsamTag } from '@asam-ui/ui';
</script>
自定义样式
下列完整示例包含状态与交互，源码提供 TS 和 JS 两种版本。
自定义样式
<template>
<AsamDescriptions title="自定义样式列表" :column="3" border>
<AsamDescriptionsItem
label="用户名"
label-align="right"
align="center"
label-class-name="my-label"
class-name="my-content"
width="150px"
>
kooriookami
</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话" label-align="right" align="center">
18100000000
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点" label-align="right" align="center">
苏州
</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注" label-align="right" align="center">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址" label-align="right" align="center">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
</template>
<script lang="ts" setup>
defineOptions({ name: 'AsamDescriptionsCapCustomizedStyleDemo' });
import { AsamDescriptions, AsamDescriptionsItem, AsamTag } from '@asam-ui/ui';
</script>
<style scoped>
/* stylelint-disable selector-pseudo-class-no-unknown -- Vue SFC compiler implements :deep and :global selectors. */
:deep(.my-label) {
background: var(--el-color-success-light-9) !important;
}
:deep(.my-content) {
background: var(--el-color-danger-light-9);
}
/* stylelint-enable selector-pseudo-class-no-unknown */
</style><template>
<AsamDescriptions title="自定义样式列表" :column="3" border>
<AsamDescriptionsItem
label="用户名"
label-align="right"
align="center"
label-class-name="my-label"
class-name="my-content"
width="150px"
>
kooriookami
</AsamDescriptionsItem>
<AsamDescriptionsItem label="电话" label-align="right" align="center">
18100000000
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地点" label-align="right" align="center">
苏州
</AsamDescriptionsItem>
<AsamDescriptionsItem label="备注" label-align="right" align="center">
<AsamTag size="small">学校</AsamTag>
</AsamDescriptionsItem>
<AsamDescriptionsItem label="地址" label-align="right" align="center">
江苏省苏州市吴中区吴中大道 1188 号
</AsamDescriptionsItem>
</AsamDescriptions>
</template>
<script setup>
defineOptions({ name: 'AsamDescriptionsCapCustomizedStyleDemo' });
import { AsamDescriptions, AsamDescriptionsItem, AsamTag } from '@asam-ui/ui';
</script>
<style scoped>
/* stylelint-disable selector-pseudo-class-no-unknown -- Vue SFC compiler implements :deep and :global selectors. */
:deep(.my-label) {
background: var(--el-color-success-light-9) !important;
}
:deep(.my-content) {
background: var(--el-color-danger-light-9);
}
/* stylelint-enable selector-pseudo-class-no-unknown */
</style>API
属性 AsamDescriptionsProps
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
title | 自定义标题，显示在左上方 | string | undefined | '' |
border | 是否带有边框 | boolean | undefined | false |
direction | 排列的方向 | enum"horizontal" | "vertical"完整类型："horizontal" | "vertical" | undefined | 'horizontal' |
labelWidth | 各标签列的宽度。 | string | number | undefined | — |
column | 一行 Descriptions Item 的数量 | number | undefined | 3 |
extra | 自定义操作区，显示在右上方 | string | undefined | '' |
size | 列表的尺寸 | enum"large" | "big" | "default" | "small"完整类型：AsamControlSize | undefined | — |
插槽 AsamDescriptionsSlots
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
default | — | (() => VNode[]) | undefined | — |
title | — | (() => VNode[]) | undefined | — |
extra | — | (() => VNode[]) | undefined | — |
事件 AsamDescriptionsEmits
实例方法与状态 AsamDescriptionsExpose
类型 AsamDescriptionsInstance
类型 AsamDescriptionsDescriptionInstance
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
$ | — | AsamDescriptionsItemExpose["$"] | — |
$data | — | AsamTableColumnExpose | — |
$props | — | (AsamDescriptionsDescriptionInstance)["$props"] | — |
$attrs | — | AsamDescriptionsItemExpose["$attrs"] | — |
$refs | — | AsamDescriptionsItemExpose["$refs"] | — |
$slots | — | (AsamDescriptionsDescriptionInstance)["$slots"] | — |
$root | — | 查看完整类型ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null | — |
$parent | — | 查看完整类型ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null | — |
$host | — | Element | null | — |
$emit | — | (event: string, ...args: any[]) => void | — |
$el | — | any | — |
$options | — | (AsamDescriptionsDescriptionInstance)["$options"] | — |
$forceUpdate | — | () => void | — |
$nextTick | — | (AsamDescriptionsDescriptionInstance)["$nextTick"] | — |
$watch | — | (AsamDescriptionsDescriptionInstance)["$watch"] | — |
direction | — | enum"horizontal" | "vertical"完整类型："horizontal" | "vertical" | — |
column | — | number | — |
title | — | string | — |
extra | — | string | — |
size | 列表的尺寸 | enum"" | "large" | "default" | "small"完整类型："" | "large" | "default" | "small" | undefined | '' |
border | 是否带有边框 | boolean | undefined | false |
labelWidth | 各标签列的宽度。 | string | number | undefined | — |
$route | 当前规范化路由位置，详见 RouteLocationNormalizedLoaded。 | AsamDescriptionsItemExpose["$route"] | — |
$router | 应用使用的 Router 实例。 | AsamDescriptionsItemExpose["$router"] | — |
类型 AsamDescriptionsDescriptionItemProps
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
className | — | string | — |
width | — | (AsamDescriptionsDescriptionItemProps)["width"] | — |
label | — | string | — |
span | — | number | — |
rowspan | — | number | — |
minWidth | — | (AsamDescriptionsDescriptionItemProps)["minWidth"] | — |
align | — | enum"right" | "left" | "center"完整类型：(AsamDescriptionsDescriptionItemProps)["align"] | — |
labelClassName | — | string | — |
labelWidth | — | (AsamDescriptionsDescriptionItemProps)["labelWidth"] | — |
labelAlign | — | enum"right" | "left" | "center"完整类型：(AsamDescriptionsDescriptionItemProps)["labelAlign"] | — |
类型 AsamDescriptionsDescriptionItemVNode
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
type | — | AsamDescriptionsDescriptionItemVNode["type"] | — |
props | — | (VNodeProps & { [key: string]: any; } & Partial<AsamDescriptionsDescriptionItemProps>) | null | — |
key | — | PropertyKey | null | — |
ref | — | (AsamDescriptionsDescriptionItemVNode)["ref"] | — |
scopeId | 仅用于 SFC；创建 VNode 时由 currentScopeId 赋值，与 currentRenderingInstance 配合使用。 | string | null | — |
children | — | (AsamDescriptionsDescriptionItemVNode)["children"] | — |
component | — | AsamDescriptionsItemExpose["$"] | 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 | — |
类型 AsamDescriptionsDescriptionProps
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
border | 是否带有边框 | boolean | undefined | false |
column | 一行 Descriptions Item 的数量 | number | undefined | 3 |
direction | 排列的方向 | enum"horizontal" | "vertical"完整类型："horizontal" | "vertical" | undefined | 'horizontal' |
size | 列表的尺寸 | enum"" | "large" | "default" | "small"完整类型："" | "large" | "default" | "small" | undefined | '' |
title | 自定义标题，显示在左上方 | string | undefined | '' |
extra | 自定义操作区，显示在右上方 | string | undefined | '' |
labelWidth | 各标签列的宽度。 | string | number | undefined | — |
类型 AsamDescriptionsDescriptionItemPropsPublic
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
className | — | string | undefined | — |
width | — | (AsamDescriptionsDescriptionItemPropsPublic)["width"] | — |
label | — | string | undefined | — |
span | — | number | undefined | — |
rowspan | — | number | undefined | — |
minWidth | — | (AsamDescriptionsDescriptionItemPropsPublic)["minWidth"] | — |
labelWidth | — | (AsamDescriptionsDescriptionItemPropsPublic)["labelWidth"] | — |
align | — | enum"right" | "left" | "center"完整类型：(AsamDescriptionsDescriptionItemPropsPublic)["align"] | — |
labelAlign | — | enum"right" | "left" | "center"完整类型：(AsamDescriptionsDescriptionItemPropsPublic)["labelAlign"] | — |
labelClassName | — | string | undefined | — |
size | — | enum"large" | "big" | "default" | "small"完整类型：AsamControlSize | undefined | — |
类型 AsamDescriptionsDescriptionPropsPublic
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
title | — | string | undefined | — |
border | — | boolean | undefined | — |
direction | — | enum"horizontal" | "vertical"完整类型：(AsamDescriptionsDescriptionPropsPublic)["direction"] | — |
labelWidth | — | (AsamDescriptionsDescriptionPropsPublic)["labelWidth"] | — |
column | — | number | undefined | — |
extra | — | string | undefined | — |
size | — | enum"large" | "big" | "default" | "small"完整类型：AsamControlSize | undefined | — |
关联组件
参数与事件补充说明
完整基础 API，并支持 ASAM 四档尺寸继承。
参数与事件说明
title
必填：否；声明来源：上游声明。
默认值与来源
''（声明注释；上游声明）固定上游文档默认：''（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
border
必填：否；声明来源：上游声明。
border 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举：false / true
默认值与来源
false（声明注释；上游声明）固定上游文档默认：false（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
direction
必填：否；声明来源：上游声明。
direction 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："horizontal" / "vertical"
默认值与来源
'horizontal'（声明注释；上游声明）固定上游文档默认：horizontal（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
固定上游源码默认表达式：'horizontal'（2.14.7；源码事实，未作为 ASAM 运行实测）
labelWidth
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游文档默认：未声明（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
固定上游源码未声明 default（2.14.7；源码事实，未作为 ASAM 运行实测）
column
必填：否；声明来源：上游声明。
默认值与来源
3（声明注释；上游声明）固定上游文档默认：3（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
固定上游源码默认表达式：3（2.14.7；源码事实，未作为 ASAM 运行实测）
extra
必填：否；声明来源：上游声明。
默认值与来源
''（声明注释；上游声明）固定上游文档默认：''（2.14.7；文档事实，实际默认以 ASAM 源码 / 安装包为准）
固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
size
必填：否；声明来源：ASAM 声明。
size 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："large" / "big" / "default" / "small"
AsamDescriptionsProps 公开类型视图
import type { AsamDescriptionsProps, AsamControlSize } from '@asam-ui/ui';
// AsamDescriptionsProps
type PublicContract = {
"title"?: string | undefined;
"border"?: boolean | undefined;
"direction"?: "horizontal" | "vertical" | undefined;
"labelWidth"?: string | number | undefined;
"column"?: number | undefined;
"extra"?: string | undefined;
"size"?: AsamControlSize | undefined;
};参数与事件说明
default
必填：否；声明来源：ASAM 声明。
default 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数：(): VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]
title
必填：否；声明来源：ASAM 声明。
title 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数：(): VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]
extra
必填：否；声明来源：ASAM 声明。
extra 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数：(): VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]
AsamDescriptionsSlots 公开类型视图
import type { VNode } from 'vue';
import type { AsamDescriptionsSlots } from '@asam-ui/ui';
// AsamDescriptionsSlots
type PublicContract = {
"default"?: (() => VNode[]) | undefined;
"title"?: (() => VNode[]) | undefined;
"extra"?: (() => VNode[]) | undefined;
};AsamDescriptionsEmits 公开类型视图
import type { AsamDescriptionsEmits } from '@asam-ui/ui';
// AsamDescriptionsEmits
type PublicContract = AsamDescriptionsEmits;AsamDescriptionsExpose 公开类型视图
import type { AsamDescriptionsExpose } from '@asam-ui/ui';
// AsamDescriptionsExpose
type PublicContract = AsamDescriptionsExpose;AsamDescriptionsInstance 公开类型视图
import type { AsamDescriptionsInstance } from '@asam-ui/ui';
// AsamDescriptionsInstance
type PublicContract = AsamDescriptionsInstance;参数与事件说明
$
必填：是；声明来源：依赖声明。
$ 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
$data
必填：是；声明来源：依赖声明。
$props
必填：是；声明来源：依赖声明。
$attrs
必填：是；声明来源：依赖声明。
$attrs 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
$refs
必填：是；声明来源：依赖声明。
$refs 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
$slots
必填：是；声明来源：依赖声明。
$root
必填：是；声明来源：依赖声明。
$parent
必填：是；声明来源：依赖声明。
$host
必填：是；声明来源：依赖声明。
$host 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界：大型实例类型；完整类型见公开类型视图。
$emit
必填：是；声明来源：依赖声明。
$emit 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数：(event: string, ...args: any[]): void
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
$el
必填：是；声明来源：依赖声明。
$options
必填：是；声明来源：依赖声明。
$forceUpdate
必填：是；声明来源：依赖声明。
$forceUpdate 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数：(): void
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
$nextTick
必填：是；声明来源：依赖声明。
$nextTick 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数：(): Promise<void>
事件参数：<T, R>(this: T, fn: (this: T) => R | Promise<R>): Promise<R>
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
$watch
必填：是；声明来源：依赖声明。
$watch 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数：<T extends string | ((...args: any) => any)>(source: T, cb: Parameters<Extract<NonNullable<(AsamDescriptionsDescriptionInstance)["$watch"]>, (...args: never[]) => unknown>>[1], options?: WatchOptions<boolean> | undefined): WatchStopHandle
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
direction
必填：是；声明来源：上游声明。
direction 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："horizontal" / "vertical"
column
必填：是；声明来源：上游声明。
title
必填：是；声明来源：上游声明。
extra
必填：是；声明来源：上游声明。
size
必填：否；声明来源：上游声明。
size 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："" / "large" / "default" / "small"
默认值与来源
''（声明注释；上游声明）border
必填：否；声明来源：上游声明。
border 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举：false / true
默认值与来源
false（声明注释；上游声明）labelWidth
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default（2.14.7；源码事实，未作为 ASAM 运行实测）
$route
必填：是；声明来源：依赖声明。
$route 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
$route.matched:(NonNullable<AsamDescriptionsItemExpose["$route"]>)["matched"]— 依赖声明仅包含普通组件的 RouteLocationMatched 数组；懒加载组件已解析并替换 components 中的值，可直接展示路由，不包含重定向记录。此属性不可枚举。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
$route.name:(NonNullable<AsamDescriptionsItemExpose["$route"]>)["name"]— 依赖声明匹配路由记录的名称。
$route.fullPath:string— 依赖声明包含 search 和 hash 的完整位置字符串，使用百分号编码。
$route.query:(NonNullable<AsamDescriptionsItemExpose["$route"]>)["query"]— 依赖声明当前位置 search 属性的对象表示。
$route.hash:string— 依赖声明当前位置的哈希片段；存在时以 # 开头。
$route.redirectedFrom:(NonNullable<AsamDescriptionsItemExpose["$route"]>)["redirectedFrom"]— 依赖声明最终到达当前位置之前，最初尝试访问的位置。
$route.redirectedFrom.matched:PublicMember<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$route"]>)["redirectedFrom"]>, "matched">— 依赖声明包含添加路由时原始组件的 RouteRecord 数组，也可能包含重定向记录，不能直接用于展示。此属性不可枚举。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
$route.redirectedFrom.fullPath:string— 依赖声明包含 search 和 hash 的完整位置字符串，使用百分号编码。
$route.redirectedFrom.query:PublicMember<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$route"]>)["redirectedFrom"]>, "query">— 依赖声明当前位置 search 属性的对象表示。
$route.redirectedFrom.hash:string— 依赖声明当前位置的哈希片段；存在时以 # 开头。
$route.redirectedFrom.redirectedFrom:PublicMember<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$route"]>)["redirectedFrom"]>, "redirectedFrom">— 依赖声明最终到达当前位置之前，最初尝试访问的位置。
嵌套展开边界：递归引用；完整类型见公开类型视图。
$route.redirectedFrom.name:PublicMember<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$route"]>)["redirectedFrom"]>, "name">— 依赖声明匹配路由记录的名称。
$route.redirectedFrom.meta:PublicMember<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$route"]>)["redirectedFrom"]>, "meta">— 依赖声明全部匹配路由记录合并后的 meta 属性。
$route.redirectedFrom.params:PublicMember<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$route"]>)["redirectedFrom"]>, "params">— 依赖声明从 path 提取并解码后的参数对象。
$route.redirectedFrom.path:string— 依赖声明URL 中经过百分号编码的路径部分。
$route.redirectedFrom.replace:boolean | undefined— 依赖声明替换当前历史记录，而不是添加新记录。
枚举：
false/true$route.redirectedFrom.force:boolean | undefined— 依赖声明即使目标与当前位置相同，也触发导航；除非传入 replace: true，否则会添加一条历史记录。
枚举：
false/true$route.redirectedFrom.state:PublicMember<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$route"]>)["redirectedFrom"]>, "state">— 依赖声明通过 History API 保存的状态；不能包含响应式值，也不允许 Symbol 等部分值。详情参见 https://developer.mozilla.org/zh-CN/docs/Web/API/History/state。
$route.meta:(NonNullable<AsamDescriptionsItemExpose["$route"]>)["meta"]— 依赖声明全部匹配路由记录合并后的 meta 属性。
$route.params:(NonNullable<AsamDescriptionsItemExpose["$route"]>)["params"]— 依赖声明从 path 提取并解码后的参数对象。
$route.path:string— 依赖声明URL 中经过百分号编码的路径部分。
$router
必填：是；声明来源：依赖声明。
$router 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
$router.options:(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]— 依赖声明创建路由器时传入的原始配置对象。
$router.options.routes:(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["routes"]— 依赖声明需要添加到路由器的初始路由列表。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
$router.options.history:(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["history"]— 依赖声明路由器使用的历史记录实现。通常使用 createWebHistory，并配置服务器回退；createWebHashHistory 无需服务器配置，但搜索引擎无法处理其哈希路由，影响搜索优化。
$router.options.history.base:string— 依赖声明添加到每个 URL 前的基础路径；例如 base 为 /sub-folder 时，可将单页应用部署在域名的对应子目录。
嵌套展开边界：深度上限；完整类型见公开类型视图。
$router.options.history.location:string— 依赖声明当前历史记录位置。
嵌套展开边界：深度上限；完整类型见公开类型视图。
$router.options.history.state:(NonNullable<(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["history"]>)["state"]— 依赖声明当前历史记录状态。
嵌套展开边界：深度上限；完整类型见公开类型视图。
$router.options.history.push:(NonNullable<(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["history"]>)["push"]— 依赖声明导航到指定位置；使用 HTML5 History 时，通过 history.pushState 实际更新 URL。
事件参数：
(to: string, data?: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["history"]>)["push"]>, (...args: never[]) => unknown>>[1]): void嵌套展开边界：深度上限；完整类型见公开类型视图。
$router.options.history.replace:(NonNullable<(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["history"]>)["replace"]— 依赖声明与 RouterHistory.push 类似，但调用 history.replaceState，而非 history.pushState。
事件参数：
(to: string, data?: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["history"]>)["replace"]>, (...args: never[]) => unknown>>[1]): void嵌套展开边界：深度上限；完整类型见公开类型视图。
$router.options.history.go:(delta: number, triggerListeners?: boolean) => void— 依赖声明按指定方向遍历历史记录。
事件参数：
(delta: number, triggerListeners?: boolean | undefined): void嵌套展开边界：深度上限；完整类型见公开类型视图。
$router.options.history.listen:(NonNullable<(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["history"]>)["listen"]— 依赖声明为历史记录实现添加监听器；由浏览器前进、后退等外部导航，或传入 true 的 RouterHistory.back、RouterHistory.forward 触发。
事件参数：
(callback: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["history"]>)["listen"]>, (...args: never[]) => unknown>>[0]): () => void嵌套展开边界：深度上限；完整类型见公开类型视图。
$router.options.history.createHref:(location: AsamDescriptionsItemExpose["label"]) => string— 依赖声明生成用于链接元素的对应 href。
事件参数：
(location: string): string嵌套展开边界：深度上限；完整类型见公开类型视图。
$router.options.history.destroy:() => void— 依赖声明清除历史记录实现注册的全部事件监听器。
事件参数：
(): void嵌套展开边界：深度上限；完整类型见公开类型视图。
$router.options.scrollBehavior:(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["scrollBehavior"]— 依赖声明控制页面导航时滚动行为的函数；可返回 Promise 延迟滚动。
事件参数：
(to: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["scrollBehavior"]>, (...args: never[]) => unknown>>[0], from: AsamDescriptionsItemExpose["$route"], savedPosition: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["scrollBehavior"]>, (...args: never[]) => unknown>>[2]): ReturnType<Extract<NonNullable<(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["scrollBehavior"]>, (...args: never[]) => unknown>>$router.options.parseQuery:(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["parseQuery"]— 依赖声明自定义查询参数解析函数；与 EXPERIMENTAL_RouterOptions_Base.stringifyQuery 配套。
事件参数：
(search: string): ReturnType<Extract<NonNullable<(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["parseQuery"]>, (...args: never[]) => unknown>>$router.options.stringifyQuery:(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["stringifyQuery"]— 依赖声明自定义查询对象序列化函数；不要添加开头的 ?，与 parseQuery 的解析函数配套。
事件参数：
(query: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["options"]>)["stringifyQuery"]>, (...args: never[]) => unknown>>[0]): string$router.options.linkActiveClass:string | undefined— 依赖声明应用于激活 RouterLink 的默认类名；未指定时使用 router-link-active。
$router.options.linkExactActiveClass:string | undefined— 依赖声明应用于精确激活 RouterLink 的默认类名；未指定时使用 router-link-exact-active。
$router.options.end:boolean | undefined— 依赖声明是否在表达式末尾添加 $，使其匹配到路径结尾。
声明默认：
`true`（注释，实际运行默认以源码/安装包为准）枚举：
false/true$router.options.sensitive:boolean | undefined— 依赖声明使正则表达式区分大小写。
声明默认：
`false`（注释，实际运行默认以源码/安装包为准）枚举：
false/true$router.options.strict:boolean | undefined— 依赖声明是否禁止路径末尾的斜杠。
声明默认：
`false`（注释，实际运行默认以源码/安装包为准）枚举：
false/true
$router.addRoute:(NonNullable<AsamDescriptionsItemExpose["$router"]>)["addRoute"]— 依赖声明向已有路由添加子路由，或向路由器添加新的 RouteRecordRaw 路由记录。
事件参数完整签名见公开类型视图。
事件参数完整签名见公开类型视图。
$router.removeRoute:(NonNullable<AsamDescriptionsItemExpose["$router"]>)["removeRoute"]— 依赖声明按名称移除已有路由。
事件参数：
(name: Parameters<Extract<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["removeRoute"]>, (...args: never[]) => unknown>>[0]): void$router.clearRoutes:() => void— 依赖声明从路由器中删除全部路由。
事件参数：
(): void$router.currentRoute:ShallowRef<AsamDescriptionsItemExpose["$route"]>— 依赖声明当前 RouteLocationNormalized。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
$router.listening:boolean— 依赖声明允许关闭历史事件监听，这是用于微前端的底层 API。
枚举：
false/true$router.hasRoute:(NonNullable<AsamDescriptionsItemExpose["$router"]>)["hasRoute"]— 依赖声明检查指定名称的路由是否存在。
事件参数：
(name: Parameters<Extract<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["hasRoute"]>, (...args: never[]) => unknown>>[0]): boolean$router.getRoutes:(NonNullable<AsamDescriptionsItemExpose["$router"]>)["getRoutes"]— 依赖声明获取全部 RouteRecord 路由记录的完整列表。
事件参数：
(): ReturnType<Extract<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["getRoutes"]>, (...args: never[]) => unknown>>$router.resolve:(NonNullable<AsamDescriptionsItemExpose["$router"]>)["resolve"]— 依赖声明返回 RouteLocationRaw 的规范化位置，包含带基础路径的 href；默认使用 router.currentRoute 作为 currentLocation，仅在高级场景中覆盖。
事件参数完整签名见公开类型视图。
事件参数完整签名见公开类型视图。
$router.push:(NonNullable<AsamDescriptionsItemExpose["$router"]>)["push"]— 依赖声明通过向历史栈添加记录，以编程方式导航到新 URL。
事件参数：
(to: Parameters<Extract<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["push"]>, (...args: never[]) => unknown>>[0]): ReturnType<Extract<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["push"]>, (...args: never[]) => unknown>>$router.replace:(NonNullable<AsamDescriptionsItemExpose["$router"]>)["replace"]— 依赖声明通过替换历史栈中的当前记录，以编程方式导航到新 URL。
事件参数：
(to: Parameters<Extract<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["replace"]>, (...args: never[]) => unknown>>[0]): ReturnType<Extract<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["replace"]>, (...args: never[]) => unknown>>$router.back:() => void— 依赖声明通过 history.back() 在可用时后退，等价于 router.go(-1)。
事件参数：
(): void$router.forward:() => void— 依赖声明通过 history.forward() 在可用时前进，等价于 router.go(1)。
事件参数：
(): void$router.go:(delta: number) => void— 依赖声明通过调用 history.go() 在历史记录中前进或后退。
事件参数：
(delta: number): void$router.beforeEach:(NonNullable<AsamDescriptionsItemExpose["$router"]>)["beforeEach"]— 依赖声明添加每次导航之前执行的守卫，并返回移除此守卫的函数。
事件参数：
(guard: Parameters<Extract<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["beforeEach"]>, (...args: never[]) => unknown>>[0]): () => void$router.beforeResolve:(NonNullable<AsamDescriptionsItemExpose["$router"]>)["beforeResolve"]— 依赖声明添加导航确认之前执行的守卫，此时组件已获取且其他导航守卫已通过；返回移除此守卫的函数。
事件参数：
(guard: Parameters<Extract<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["beforeResolve"]>, (...args: never[]) => unknown>>[0]): () => void$router.afterEach:(NonNullable<AsamDescriptionsItemExpose["$router"]>)["afterEach"]— 依赖声明添加每次导航结束后执行的钩子，并返回移除此钩子的函数。
事件参数：
(guard: Parameters<Extract<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["afterEach"]>, (...args: never[]) => unknown>>[0]): () => void$router.onError:(NonNullable<AsamDescriptionsItemExpose["$router"]>)["onError"]— 依赖声明添加导航期间未捕获错误的处理函数，涵盖同步和异步异常、守卫返回或传给 next 的错误，以及路由异步组件解析错误。
事件参数：
(handler: Parameters<Extract<NonNullable<(NonNullable<AsamDescriptionsItemExpose["$router"]>)["onError"]>, (...args: never[]) => unknown>>[0]): () => void$router.isReady:() => Promise<void>— 依赖声明返回在初次导航完成后兑现的 Promise，此时关联的异步进入钩子与异步组件均已解析；导航已完成时立即兑现。可用于保持服务端与客户端渲染一致；服务端需手动推入初始位置，客户端从 URL 自动读取。
事件参数：
(): Promise<void>$router.install:(app: App) => void— 依赖声明由 app.use(router) 自动调用，用户不应手动调用；客户端调用时会触发初次导航。
事件参数：
(app: App<any>): void
AsamDescriptionsDescriptionInstance 公开类型视图
import type { VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentPublicInstance, ComponentOptionsBase, ComponentProvideOptions, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, WatchOptions, WatchStopHandle, ShallowRef, App } from 'vue';
import type { AsamDescriptionsDescriptionInstance, AsamDescriptionsItemExpose, AsamTableColumnExpose, AsamDescriptionsDescriptionProps, AsamDescriptionsProps } from '@asam-ui/ui';
type PublicMember<T, K extends PropertyKey> = T extends unknown ? K extends keyof T ? T[K] : never : never;
// AsamDescriptionsDescriptionInstance
type PublicContract = {
"$": AsamDescriptionsItemExpose["$"];
"$data": AsamTableColumnExpose;
"$props": (AsamDescriptionsDescriptionInstance)["$props"];
"$attrs": AsamDescriptionsItemExpose["$attrs"];
"$refs": AsamDescriptionsItemExpose["$refs"];
"$slots": (AsamDescriptionsDescriptionInstance)["$slots"];
"$root": ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null;
"$parent": ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null;
"$host": Element | null;
"$emit": (event: string, ...args: any[]) => void;
"$el": any;
"$options": (AsamDescriptionsDescriptionInstance)["$options"];
"$forceUpdate": () => void;
"$nextTick": (AsamDescriptionsDescriptionInstance)["$nextTick"];
"$watch": (AsamDescriptionsDescriptionInstance)["$watch"];
readonly "direction": "horizontal" | "vertical";
readonly "column": number;
readonly "title": string;
readonly "extra": string;
readonly "size"?: "" | "large" | "default" | "small" | undefined;
readonly "border"?: boolean | undefined;
readonly "labelWidth"?: string | number | undefined;
"$route": AsamDescriptionsItemExpose["$route"];
"$router": AsamDescriptionsItemExpose["$router"];
};参数与事件说明
className
必填：是；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
width
必填：是；声明来源：上游声明。
width 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
label
必填：是；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
span
必填：是；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：1（2.14.7；源码事实，未作为 ASAM 运行实测）
rowspan
必填：是；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：1（2.14.7；源码事实，未作为 ASAM 运行实测）
minWidth
必填：是；声明来源：上游声明。
minWidth 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
align
必填：是；声明来源：上游声明。
align 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："right" / "left" / "center"
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式：'left'（2.14.7；源码事实，未作为 ASAM 运行实测）
labelClassName
必填：是；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
labelWidth
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default（2.14.7；源码事实，未作为 ASAM 运行实测）
labelAlign
必填：否；声明来源：上游声明。
labelAlign 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："right" / "left" / "center"
默认值与来源
未知 / 未声明固定上游源码未声明 default（2.14.7；源码事实，未作为 ASAM 运行实测）
AsamDescriptionsDescriptionItemProps 公开类型视图
import type { AsamDescriptionsDescriptionItemProps, AsamDescriptionsItemExpose, AsamDescriptionsItemProps } from '@asam-ui/ui';
// AsamDescriptionsDescriptionItemProps
type PublicContract = {
"className": string;
"width": (AsamDescriptionsDescriptionItemProps)["width"];
"label": string;
"span": number;
"rowspan": number;
"minWidth": (AsamDescriptionsDescriptionItemProps)["minWidth"];
"align": (AsamDescriptionsDescriptionItemProps)["align"];
"labelClassName": string;
"labelWidth"?: (AsamDescriptionsDescriptionItemProps)["labelWidth"];
"labelAlign"?: (AsamDescriptionsDescriptionItemProps)["labelAlign"];
};参数与事件说明
type
必填：是；声明来源：依赖声明。
type 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数：(props: any, ctx: Parameters<Extract<NonNullable<AsamDescriptionsDescriptionItemVNode["type"]>, (...args: never[]) => unknown>>[1]): any
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
props
必填：是；声明来源：依赖声明。
key
必填：是；声明来源：依赖声明。
ref
必填：是；声明来源：依赖声明。
ref 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
ref.i:AsamDescriptionsItemExpose["$"]— 依赖声明组件实例。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
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
必填：是；声明来源：依赖声明。
component
必填：是；声明来源：依赖声明。
component 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
component.uid:number— 依赖声明component.type:ConcreteComponent<{}, any, any, ComputedOptions, MethodOptions, {}, any>— 依赖声明事件参数：
(props: {}, ctx: Parameters<Extract<NonNullable<PublicMember<NonNullable<AsamDescriptionsItemExpose["$"] | null>, "type">>, (...args: never[]) => unknown>>[1]): any嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.parent:AsamDescriptionsItemExpose["$"] | null— 依赖声明嵌套展开边界：递归引用；完整类型见公开类型视图。
component.root:AsamDescriptionsItemExpose["$"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
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<AsamDescriptionsItemExpose["$"] | 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:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.props:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.attrs:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.slots:PublicMember<NonNullable<AsamDescriptionsItemExpose["$"] | null>, "slots">— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.refs:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.emit:(event: string, ...args: any[]) => void— 依赖声明事件参数：
(event: string, ...args: any[]): void嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
component.isMounted:boolean— 依赖声明枚举：
false/truecomponent.isUnmounted:boolean— 依赖声明枚举：
false/truecomponent.isDeactivated:boolean— 依赖声明枚举：
false/true
dirs
必填：是；声明来源：依赖声明。
transition
必填：是；声明来源：依赖声明。
transition 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
transition.mode:"default" | "in-out" | "out-in" | undefined— 依赖声明枚举：
"default"/"in-out"/"out-in"transition.persisted:boolean— 依赖声明枚举：
false/truetransition.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— 依赖声明事件参数：
(): voidtransition.delayLeave:((el: RendererElement, earlyRemove: () => void, delayedLeave: () => void) => void) | undefined— 依赖声明事件参数：
(el: RendererElement, earlyRemove: () => void, delayedLeave: () => void): voidtransition.delayedLeave:(() => void) | undefined— 依赖声明事件参数：
(): void
el
必填：是；声明来源：依赖声明。
placeholder
必填：是；声明来源：依赖声明。
anchor
必填：是；声明来源：依赖声明。
target
必填：是；声明来源：依赖声明。
targetStart
必填：是；声明来源：依赖声明。
targetAnchor
必填：是；声明来源：依赖声明。
suspense
必填：是；声明来源：依赖声明。
suspense 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
suspense.vnode:VNode<RendererNode, RendererElement, SuspenseProps>— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.parent:SuspenseBoundary | null— 依赖声明嵌套展开边界：递归引用；完整类型见公开类型视图。
suspense.parentComponent:AsamDescriptionsItemExpose["$"] | 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:AsamDescriptionsItemExpose["$"] | null— 依赖声明嵌套展开边界：递归引用；完整类型见公开类型视图。
suspense.parentComponent.root:AsamDescriptionsItemExpose["$"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
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:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.parentComponent.props:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.parentComponent.attrs:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.parentComponent.slots:PublicMember<NonNullable<PublicMember<NonNullable<SuspenseBoundary | null>, "parentComponent">>, "slots">— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.parentComponent.refs:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.parentComponent.emit:(event: string, ...args: any[]) => void— 依赖声明事件参数：
(event: string, ...args: any[]): void嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.parentComponent.isMounted:boolean— 依赖声明枚举：
false/truesuspense.parentComponent.isUnmounted:boolean— 依赖声明枚举：
false/truesuspense.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:AsamDescriptionsDescriptionItemVNode["type"]— 依赖声明事件参数：
(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:AsamDescriptionsDescriptionItemVNode["ref"]— 依赖声明suspense.activeBranch.ref.i:AsamDescriptionsItemExpose["$"]— 依赖声明组件实例。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
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:AsamDescriptionsItemExpose["$"] | 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:AsamDescriptionsItemExpose["$"] | null— 依赖声明嵌套展开边界：递归引用；完整类型见公开类型视图。
suspense.activeBranch.component.root:AsamDescriptionsItemExpose["$"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
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:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.activeBranch.component.props:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.activeBranch.component.attrs:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.activeBranch.component.slots:PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<SuspenseBoundary | null>, "activeBranch">>, "component">>, "slots">— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.activeBranch.component.refs:AsamDescriptionsItemExpose["$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/truesuspense.pendingBranch:VNode<RendererNode, RendererElement, { [key: string]: any; }> | null— 依赖声明suspense.pendingBranch.type:AsamDescriptionsDescriptionItemVNode["type"]— 依赖声明事件参数：
(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:AsamDescriptionsDescriptionItemVNode["ref"]— 依赖声明suspense.pendingBranch.ref.i:AsamDescriptionsItemExpose["$"]— 依赖声明组件实例。
嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
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:AsamDescriptionsItemExpose["$"] | 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:AsamDescriptionsItemExpose["$"] | null— 依赖声明嵌套展开边界：递归引用；完整类型见公开类型视图。
suspense.pendingBranch.component.root:AsamDescriptionsItemExpose["$"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
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:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.pendingBranch.component.props:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.pendingBranch.component.attrs:AsamDescriptionsItemExpose["$refs"]— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.pendingBranch.component.slots:PublicMember<NonNullable<PublicMember<NonNullable<PublicMember<NonNullable<SuspenseBoundary | null>, "pendingBranch">>, "component">>, "slots">— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
suspense.pendingBranch.component.refs:AsamDescriptionsItemExpose["$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/truesuspense.isHydrating:boolean— 依赖声明枚举：
false/truesuspense.isUnmounted:boolean— 依赖声明枚举：
false/truesuspense.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: AsamDescriptionsItemExpose["$"], 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 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
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>— 依赖声明嵌套展开边界：框架 / 平台类型；完整类型见公开类型视图。
AsamDescriptionsDescriptionItemVNode 公开类型视图
import type { VNodeProps, VNodeRef, ComponentPublicInstance, ComponentOptionsBase, ComponentProvideOptions, VNodeArrayChildren, Slot, ConcreteComponent, ComputedOptions, MethodOptions, AppContext, VNode, RendererNode, RendererElement, ReactiveEffect, DirectiveBinding, TransitionHooks, SuspenseBoundary, SuspenseProps, ElementNamespace, VNodeNormalizedChildren, App, AppConfig, ComponentOptions, Component, Directive } from 'vue';
import type { AsamDescriptionsDescriptionItemVNode, AsamDescriptionsItemExpose, AsamDescriptionsDescriptionItemProps, AsamDescriptionsProps } from '@asam-ui/ui';
type PublicMember<T, K extends PropertyKey> = T extends unknown ? K extends keyof T ? T[K] : never : never;
// AsamDescriptionsDescriptionItemVNode
type PublicContract = {
"type": AsamDescriptionsDescriptionItemVNode["type"];
"props": (VNodeProps & { [key: string]: any; } & Partial<AsamDescriptionsDescriptionItemProps>) | null;
"key": PropertyKey | null;
"ref": (AsamDescriptionsDescriptionItemVNode)["ref"];
"scopeId": string | null;
"children": (AsamDescriptionsDescriptionItemVNode)["children"];
"component": AsamDescriptionsItemExpose["$"] | 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;
};参数与事件说明
border
必填：否；声明来源：上游声明。
border 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举：false / true
默认值与来源
false（声明注释；上游声明）column
必填：否；声明来源：上游声明。
默认值与来源
3（声明注释；上游声明）固定上游源码默认表达式：3（2.14.7；源码事实，未作为 ASAM 运行实测）
direction
必填：否；声明来源：上游声明。
direction 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："horizontal" / "vertical"
默认值与来源
'horizontal'（声明注释；上游声明）固定上游源码默认表达式：'horizontal'（2.14.7；源码事实，未作为 ASAM 运行实测）
size
必填：否；声明来源：上游声明。
size 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："" / "large" / "default" / "small"
默认值与来源
''（声明注释；上游声明）title
必填：否；声明来源：上游声明。
默认值与来源
''（声明注释；上游声明）固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
extra
必填：否；声明来源：上游声明。
默认值与来源
''（声明注释；上游声明）固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
labelWidth
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default（2.14.7；源码事实，未作为 ASAM 运行实测）
AsamDescriptionsDescriptionProps 公开类型视图
import type { AsamDescriptionsDescriptionProps, AsamDescriptionsProps, AsamDescriptionsDescriptionInstance } from '@asam-ui/ui';
// AsamDescriptionsDescriptionProps
type PublicContract = {
"border"?: boolean | undefined;
"column"?: number | undefined;
"direction"?: "horizontal" | "vertical" | undefined;
"size"?: "" | "large" | "default" | "small" | undefined;
"title"?: string | undefined;
"extra"?: string | undefined;
"labelWidth"?: string | number | undefined;
};参数与事件说明
className
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
width
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
label
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
span
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：1（2.14.7；源码事实，未作为 ASAM 运行实测）
rowspan
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：1（2.14.7；源码事实，未作为 ASAM 运行实测）
minWidth
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
labelWidth
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default（2.14.7；源码事实，未作为 ASAM 运行实测）
align
必填：否；声明来源：上游声明。
align 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："right" / "left" / "center"
默认值与来源
未知 / 未声明固定上游源码默认表达式：'left'（2.14.7；源码事实，未作为 ASAM 运行实测）
labelAlign
必填：否；声明来源：上游声明。
labelAlign 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："right" / "left" / "center"
默认值与来源
未知 / 未声明固定上游源码未声明 default（2.14.7；源码事实，未作为 ASAM 运行实测）
labelClassName
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
size
必填：否；声明来源：ASAM 声明。
size 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："large" / "big" / "default" / "small"
AsamDescriptionsDescriptionItemPropsPublic 公开类型视图
import type { AsamDescriptionsDescriptionItemPropsPublic, AsamDescriptionsProps, AsamDescriptionsItemProps, AsamControlSize } from '@asam-ui/ui';
// AsamDescriptionsDescriptionItemPropsPublic
type PublicContract = {
"className"?: string | undefined;
"width"?: (AsamDescriptionsDescriptionItemPropsPublic)["width"];
"label"?: string | undefined;
"span"?: number | undefined;
"rowspan"?: number | undefined;
"minWidth"?: (AsamDescriptionsDescriptionItemPropsPublic)["minWidth"];
"labelWidth"?: (AsamDescriptionsDescriptionItemPropsPublic)["labelWidth"];
"align"?: (AsamDescriptionsDescriptionItemPropsPublic)["align"];
"labelAlign"?: (AsamDescriptionsDescriptionItemPropsPublic)["labelAlign"];
"labelClassName"?: string | undefined;
"size"?: AsamControlSize | undefined;
};参数与事件说明
title
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
border
必填：否；声明来源：上游声明。
border 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举：false / true
direction
必填：否；声明来源：上游声明。
direction 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："horizontal" / "vertical"
默认值与来源
未知 / 未声明固定上游源码默认表达式：'horizontal'（2.14.7；源码事实，未作为 ASAM 运行实测）
labelWidth
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default（2.14.7；源码事实，未作为 ASAM 运行实测）
column
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：3（2.14.7；源码事实，未作为 ASAM 运行实测）
extra
必填：否；声明来源：上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式：''（2.14.7；源码事实，未作为 ASAM 运行实测）
size
必填：否；声明来源：ASAM 声明。
size 参数与事件数据
下列为声明可读视图；可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举："large" / "big" / "default" / "small"
AsamDescriptionsDescriptionPropsPublic 公开类型视图
import type { AsamDescriptionsDescriptionPropsPublic, AsamDescriptionsProps, AsamControlSize } from '@asam-ui/ui';
// AsamDescriptionsDescriptionPropsPublic
type PublicContract = {
readonly "title"?: string | undefined;
readonly "border"?: boolean | undefined;
readonly "direction"?: (AsamDescriptionsDescriptionPropsPublic)["direction"];
readonly "labelWidth"?: (AsamDescriptionsDescriptionPropsPublic)["labelWidth"];
readonly "column"?: number | undefined;
readonly "extra"?: string | undefined;
"size"?: AsamControlSize | undefined;
};