使用场景 ​
在有限视窗内渲染可见行列单元格。
契约与组合 ​
这是虚拟网格基础入口,只渲染可见范围与 cache 缓冲。提供固定 height / width 和 totalRow / totalColumn,默认插槽的 style 必须放在真实项目根节点上,否则绝对位置与尺寸计算无法生效。插槽提供 rowIndex / columnIndex / style / data。
rowHeight / columnWidth 是尺寸函数;estimatedRowHeight / estimatedColumnWidth 用于尚未测算范围。 完整说明。
通过 scrollTo 与 scrollToItem 定位网格,支持双方向滚动。 完整说明。
这些低层入口没有表格列注册或独立选择模型,也没有额外四档 size;行列尺寸由宿主决定,颜色、间距和字体来自 ASAM tokens。
perfMode 默认值与 forceUpdate 行为保持原生。固定版本在 perfMode=true 时,reset 方法可能保留活跃样式缓存中的旧尺寸;此入口不增加缓存修复。示例保留公开 reset 调用,供观察同输入原生行为;需要完整重建视窗时可由宿主改变组件 key,宿主数据不受影响。
基础用法与状态 ​
基础用法与状态
<template>
<AsamDynamicSizeGrid
v-bind="{
height: 200,
width: 280,
totalRow: 50,
totalColumn: 5,
rowHeight,
columnWidth,
estimatedRowHeight: 50,
estimatedColumnWidth: 110
}"
>
<template #default="{ rowIndex, columnIndex, style }">
<div :style="style" class="virtual-cell">
{{ rowIndex + 1 }} 行 / {{ columnIndex + 1 }} 列
</div>
</template>
</AsamDynamicSizeGrid>
</template>
<script lang="ts" setup>
defineOptions({ name: 'AsamDynamicSizeGridBasicDemo' });
import { AsamDynamicSizeGrid } from '@asam-ui/ui';
const rowHeight = (index: number): number => (index % 2 === 0 ? 40 : 60);
const columnWidth = (index: number): number => (index % 2 === 0 ? 100 : 120);
</script>
<style scoped>
.virtual-cell {
box-sizing: border-box;
padding: var(--asam-space-sm);
border: 1px solid var(--asam-color-border);
}
</style>
<template>
<AsamDynamicSizeGrid
v-bind="{
height: 200,
width: 280,
totalRow: 50,
totalColumn: 5,
rowHeight,
columnWidth,
estimatedRowHeight: 50,
estimatedColumnWidth: 110
}"
>
<template #default="{ rowIndex, columnIndex, style }">
<div :style="style" class="virtual-cell">
{{ rowIndex + 1 }} 行 / {{ columnIndex + 1 }} 列
</div>
</template>
</AsamDynamicSizeGrid>
</template>
<script setup>
defineOptions({ name: 'AsamDynamicSizeGridBasicDemo' });
import { AsamDynamicSizeGrid } from '@asam-ui/ui';
const rowHeight = (index) => (index % 2 === 0 ? 40 : 60);
const columnWidth = (index) => (index % 2 === 0 ? 100 : 120);
</script>
<style scoped>
.virtual-cell {
box-sizing: border-box;
padding: var(--asam-space-sm);
border: 1px solid var(--asam-color-border);
}
</style>
首尾定位、动态尺寸、RTL 与滚动条 ​
首尾定位、动态尺寸、RTL 与滚动条
<template>
<AsamButton native-type="submit" type="default" @click="grid?.scrollToItem(99, 29, 'end')"
>到最后单元格</AsamButton
>
<AsamButton
native-type="submit"
type="default"
@click="grid?.scrollTo({ scrollLeft: 0, scrollTop: 0 })"
>返回网格起点</AsamButton
>
<AsamButton native-type="submit" type="default" @click="resize">改变行列尺寸</AsamButton>
<AsamButton native-type="submit" type="default" @click="latestRequest"
>连续定位末端后原点</AsamButton
>
<AsamButton native-type="submit" type="default" @click="unmountPending"
>调用滚动后卸载</AsamButton
>
<AsamCheckboxItem v-model="rtl">RTL</AsamCheckboxItem>
<AsamCheckboxItem v-model="always">滚动条持续显示</AsamCheckboxItem>
<p class="example-paragraph" data-testid="virtual-events">范围 {{ range }};滚动 {{ eventState }}</p>
<AsamDynamicSizeGrid
v-if="mounted"
:key="rtl ? 'rtl' : 'ltr'"
ref="grid"
:height="220"
:width="360"
:total-row="100"
:total-column="30"
:row-height="rowHeight"
:column-width="columnWidth"
:estimated-row-height="50"
:estimated-column-width="110"
:direction="rtl ? 'rtl' : 'ltr'"
:scrollbar-always-on="always"
@item-rendered="onRendered"
@scroll="onScroll"
>
<template #default="{ rowIndex, columnIndex, style }">
<div :style="style" class="virtual-cell" :data-cell="rowIndex + ':' + columnIndex">
{{ rowIndex + 1 }} 行 / {{ columnIndex + 1 }} 列
</div>
</template>
</AsamDynamicSizeGrid>
</template>
<script lang="ts" setup>
defineOptions({ name: 'AsamDynamicSizeGridBoundaryDemo' });
import { ref } from 'vue';
import { AsamCheckboxItem, AsamButton, AsamDynamicSizeGrid } from '@asam-ui/ui';
import type { AsamDynamicSizeGridExpose, AsamDynamicSizeGridEmits } from '@asam-ui/ui';
const grid = ref<AsamDynamicSizeGridExpose>();
const large = ref(false);
const rtl = ref(false);
const always = ref(true);
const mounted = ref(true);
const range = ref('');
const eventState = ref('');
function onRendered(value: AsamDynamicSizeGridEmits['itemRendered'][0]): void {
range.value =
value.rowVisibleStart +
':' +
value.rowVisibleEnd +
'/' +
value.columnVisibleStart +
':' +
value.columnVisibleEnd;
}
function onScroll(value: AsamDynamicSizeGridEmits['scroll'][0]): void {
eventState.value = value.scrollTop + ':' + value.scrollLeft;
}
const rowHeight = (index: number): number => (index % 2 ? 60 : 40) + (large.value ? 30 : 0);
const columnWidth = (index: number): number => (index % 2 ? 120 : 100) + (large.value ? 40 : 0);
function resize(): void {
large.value = !large.value;
grid.value?.resetAfter({ rowIndex: 0, columnIndex: 0 }, true);
}
function latestRequest(): void {
grid.value?.scrollToItem(99, 29, 'end');
grid.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });
}
function unmountPending(): void {
grid.value?.scrollToItem(99, 29, 'end');
mounted.value = false;
}
</script>
<style scoped>
.virtual-cell {
box-sizing: border-box;
padding: var(--asam-space-sm);
border: 1px solid var(--asam-color-border);
}
</style>
<style scoped>
p:where(.example-paragraph) {
margin-block: 16px;
line-height: 1.8;
overflow-wrap: anywhere;
}
</style>
<template>
<AsamButton native-type="submit" type="default" @click="grid?.scrollToItem(99, 29, 'end')"
>到最后单元格</AsamButton
>
<AsamButton
native-type="submit"
type="default"
@click="grid?.scrollTo({ scrollLeft: 0, scrollTop: 0 })"
>返回网格起点</AsamButton
>
<AsamButton native-type="submit" type="default" @click="resize">改变行列尺寸</AsamButton>
<AsamButton native-type="submit" type="default" @click="latestRequest"
>连续定位末端后原点</AsamButton
>
<AsamButton native-type="submit" type="default" @click="unmountPending"
>调用滚动后卸载</AsamButton
>
<AsamCheckboxItem v-model="rtl">RTL</AsamCheckboxItem>
<AsamCheckboxItem v-model="always">滚动条持续显示</AsamCheckboxItem>
<p class="example-paragraph" data-testid="virtual-events">范围 {{ range }};滚动 {{ eventState }}</p>
<AsamDynamicSizeGrid
v-if="mounted"
:key="rtl ? 'rtl' : 'ltr'"
ref="grid"
:height="220"
:width="360"
:total-row="100"
:total-column="30"
:row-height="rowHeight"
:column-width="columnWidth"
:estimated-row-height="50"
:estimated-column-width="110"
:direction="rtl ? 'rtl' : 'ltr'"
:scrollbar-always-on="always"
@item-rendered="onRendered"
@scroll="onScroll"
>
<template #default="{ rowIndex, columnIndex, style }">
<div :style="style" class="virtual-cell" :data-cell="rowIndex + ':' + columnIndex">
{{ rowIndex + 1 }} 行 / {{ columnIndex + 1 }} 列
</div>
</template>
</AsamDynamicSizeGrid>
</template>
<script setup>
defineOptions({ name: 'AsamDynamicSizeGridBoundaryDemo' });
import { ref } from 'vue';
import { AsamCheckboxItem, AsamButton, AsamDynamicSizeGrid } from '@asam-ui/ui';
const grid = ref();
const large = ref(false);
const rtl = ref(false);
const always = ref(true);
const mounted = ref(true);
const range = ref('');
const eventState = ref('');
function onRendered(value) {
range.value =
value.rowVisibleStart +
':' +
value.rowVisibleEnd +
'/' +
value.columnVisibleStart +
':' +
value.columnVisibleEnd;
}
function onScroll(value) {
eventState.value = value.scrollTop + ':' + value.scrollLeft;
}
const rowHeight = (index) => (index % 2 ? 60 : 40) + (large.value ? 30 : 0);
const columnWidth = (index) => (index % 2 ? 120 : 100) + (large.value ? 40 : 0);
function resize() {
large.value = !large.value;
grid.value?.resetAfter({ rowIndex: 0, columnIndex: 0 }, true);
}
function latestRequest() {
grid.value?.scrollToItem(99, 29, 'end');
grid.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });
}
function unmountPending() {
grid.value?.scrollToItem(99, 29, 'end');
mounted.value = false;
}
</script>
<style scoped>
.virtual-cell {
box-sizing: border-box;
padding: var(--asam-space-sm);
border: 1px solid var(--asam-color-border);
}
</style>
<style scoped>
p:where(.example-paragraph) {
margin-block: 16px;
line-height: 1.8;
overflow-wrap: anywhere;
}
</style>
实例、类型与边界 ​
公开 API 与下列完整 SFC 来自同一组件入口。TS 和 JS 演示分别提供所有本地依赖文件;类型约束只出现在 TS 中。远程请求与业务持久化由宿主承担。
API
属性 AsamDynamicSizeGridProps
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
style | — | (AsamDynamicSizeGridProps)["style"] | undefined |
className | — | AsamDynamicSizeGridProps["className"] | "" |
role | — | string | undefined | — |
width | — | (AsamDynamicSizeGridProps)["width"] | — |
data | — | any[] | undefined | 工厂函数(每个实例创建) |
height | — | (AsamDynamicSizeGridProps)["height"] | — |
scrollbarAlwaysOn | — | boolean | undefined | false |
containerElement | — | (AsamDynamicSizeGridProps)["containerElement"] | "div" |
direction | — | enum"ltr" | "rtl"完整类型:(AsamDynamicSizeGridProps)["direction"] | "ltr" |
innerElement | — | (AsamDynamicSizeGridProps)["innerElement"] | "div" |
innerProps | — | Record<string, unknown> | undefined | 工厂函数(每个实例创建) |
useIsScrolling | — | boolean | undefined | false |
innerWidth | — | (AsamDynamicSizeGridProps)["innerWidth"] | — |
perfMode | — | (AsamDynamicSizeGridProps)["perfMode"] | true |
columnCache | — | number | undefined | 2 |
estimatedColumnWidth | — | number | undefined | — |
estimatedRowHeight | — | number | undefined | — |
initScrollLeft | — | number | undefined | 0 |
initScrollTop | — | number | undefined | 0 |
itemKey | — | AsamDynamicSizeGridGridItemKeyGetter | undefined | 函数默认值(作为值传递) |
rowCache | — | number | undefined | 2 |
totalColumn | — | number | — |
totalRow | — | number | — |
hScrollbarSize | — | number | undefined | 6 |
vScrollbarSize | — | number | undefined | 6 |
scrollbarStartGap | — | number | undefined | 0 |
scrollbarEndGap | — | number | undefined | 2 |
key | — | PropertyKey | undefined | — |
ref | — | VNodeRef | undefined | — |
ref_for | — | boolean | undefined | — |
ref_key | — | string | undefined | — |
onVnodeBeforeMount | — | (AsamDynamicSizeGridProps)["onVnodeBeforeMount"] | — |
onVnodeMounted | — | (AsamDynamicSizeGridProps)["onVnodeMounted"] | — |
onVnodeBeforeUpdate | — | (AsamDynamicSizeGridProps)["onVnodeBeforeUpdate"] | — |
onVnodeUpdated | — | (AsamDynamicSizeGridProps)["onVnodeUpdated"] | — |
onVnodeBeforeUnmount | — | (AsamDynamicSizeGridProps)["onVnodeBeforeUnmount"] | — |
onVnodeUnmounted | — | (AsamDynamicSizeGridProps)["onVnodeUnmounted"] | — |
class | — | unknown | — |
rowHeight | — | (index: number) => number | — |
columnWidth | — | (index: number) => number | — |
onItemRendered | — | ((range: AsamDynamicSizeGridGridItemRenderedEvtParams) => void) | undefined | — |
onScroll | — | ((position: Pick<AsamDynamicSizeGridGridStates, "scrollLeft" | "scrollTop" | "xAxisScrollDir" | "yAxisScrollDir" | "updateRequested">) => void) | undefined | — |
实例方法与状态 AsamDynamicSizeGridExpose
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
states | — | 查看完整类型{ scrollLeft: number; scrollTop: number; xAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; yAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; isScrolling: boolean; updateRequested: boolean; } | — |
touchStartX | — | number | — |
touchStartY | — | number | — |
handleTouchStart | — | (e: TouchEvent) => void | — |
handleTouchMove | — | (e: TouchEvent) => void | — |
windowRef | — | AsamDynamicSizeGridExpose["windowRef"] | — |
innerRef | — | AsamDynamicSizeGridExpose["windowRef"] | — |
getItemStyleCache | — | (key?: unknown, size?: unknown, direction?: unknown) => Record<string, AsamDynamicSizeGridGridDefaultSlotParams["style"]> | — |
scrollTo | — | (options: AsamDynamicSizeGridGridScrollOptions) => void | — |
scrollToItem | — | (rowIndex?: number, columnIndex?: number, alignment?: AsamDynamicSizeGridAlignment) => void | — |
resetAfterColumnIndex | — | AsamDynamicSizeGridResetAfterIndex | — |
resetAfterRowIndex | — | AsamDynamicSizeGridResetAfterIndex | — |
resetAfter | — | AsamDynamicSizeGridResetAfterIndices | — |
类型 AsamDynamicSizeGridInstance
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
states | — | 查看完整类型{ scrollLeft: number; scrollTop: number; xAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; yAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; isScrolling: boolean; updateRequested: boolean; } | — |
touchStartX | — | number | — |
touchStartY | — | number | — |
handleTouchStart | — | (e: TouchEvent) => void | — |
handleTouchMove | — | (e: TouchEvent) => void | — |
windowRef | — | AsamDynamicSizeGridExpose["windowRef"] | — |
innerRef | — | AsamDynamicSizeGridExpose["windowRef"] | — |
getItemStyleCache | — | (key?: unknown, size?: unknown, direction?: unknown) => Record<string, AsamDynamicSizeGridGridDefaultSlotParams["style"]> | — |
scrollTo | — | (options: AsamDynamicSizeGridGridScrollOptions) => void | — |
scrollToItem | — | (rowIndex?: number, columnIndex?: number, alignment?: AsamDynamicSizeGridAlignment) => void | — |
resetAfterColumnIndex | — | AsamDynamicSizeGridResetAfterIndex | — |
resetAfterRowIndex | — | AsamDynamicSizeGridResetAfterIndex | — |
resetAfter | — | AsamDynamicSizeGridResetAfterIndices | — |
插槽 AsamDynamicSizeGridSlots
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
default | VNode key 由原生片段使用,不包含在插槽参数中。 | ((scope: AsamDynamicSizeGridGridDefaultSlotParams) => VNode[]) | undefined | — |
类型 AsamDynamicSizeGridAlignment
类型 AsamDynamicSizeGridDirection
类型 AsamDynamicSizeGridDynamicSizeListInstance
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
$ | — | AsamDynamicSizeGridDynamicSizeListInstance["$"] | — |
$data | — | AsamTableColumnExpose | — |
$props | — | (AsamDynamicSizeGridDynamicSizeListInstance)["$props"] | — |
$attrs | — | AsamDynamicSizeGridDynamicSizeListInstance["$attrs"] | — |
$refs | — | AsamDynamicSizeGridDynamicSizeListInstance["$refs"] | — |
$slots | — | AsamAvatarGroupSlots | — |
$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: "scroll" | "itemRendered" | "end-reached", ...args: any[]) => void | — |
$el | — | any | — |
$options | — | (AsamDynamicSizeGridDynamicSizeListInstance)["$options"] | — |
$forceUpdate | — | () => void | — |
$nextTick | — | (AsamDynamicSizeGridDynamicSizeListInstance)["$nextTick"] | — |
$watch | — | (AsamDynamicSizeGridDynamicSizeListInstance)["$watch"] | — |
layout | — | enum"horizontal" | "vertical"完整类型:(AsamDynamicSizeGridDynamicSizeListInstance)["layout"] | — |
data | — | any[] | — |
className | — | AsamDynamicSizeGridProps["className"] | — |
containerElement | — | (AsamDynamicSizeGridDynamicSizeListInstance)["containerElement"] | — |
innerElement | — | (AsamDynamicSizeGridDynamicSizeListInstance)["innerElement"] | — |
innerProps | — | Record<string, unknown> | — |
style | — | (AsamDynamicSizeGridDynamicSizeListInstance)["style"] | — |
perfMode | — | (AsamDynamicSizeGridDynamicSizeListInstance)["perfMode"] | — |
direction | — | enum"ltr" | "rtl"完整类型:(AsamDynamicSizeGridDynamicSizeListInstance)["direction"] | — |
useIsScrolling | — | boolean | — |
scrollbarAlwaysOn | — | boolean | — |
cache | — | number | — |
initScrollOffset | — | number | — |
width | — | (AsamDynamicSizeGridDynamicSizeListInstance)["width"] | — |
height | — | (AsamDynamicSizeGridDynamicSizeListInstance)["height"] | — |
innerWidth | — | (AsamDynamicSizeGridDynamicSizeListInstance)["innerWidth"] | — |
onItemRendered | — | ((...args: any[]) => any) | undefined | — |
estimatedItemSize | — | number | undefined | — |
total | — | number | — |
itemSize | — | (AsamDynamicSizeGridDynamicSizeListInstance)["itemSize"] | — |
onEnd-reached | — | ((...args: any[]) => any) | undefined | — |
ns | — | (AsamDynamicSizeGridDynamicSizeListInstance)["ns"] | — |
clientSize | — | string | number | undefined | — |
estimatedTotalSize | — | number | — |
windowStyle | — | (AsamDynamicSizeGridDynamicSizeListInstance)["windowStyle"] | — |
windowRef | — | AsamDynamicSizeGridExpose["windowRef"] | undefined | — |
innerRef | — | AsamDynamicSizeGridExpose["windowRef"] | undefined | — |
innerStyle | — | { height: string; pointerEvents: string | undefined; width: string; margin: number; boxSizing: string; } | — |
itemsToRender | — | number[] | — |
scrollbarRef | — | any | — |
states | — | 查看完整类型{ isScrolling: boolean; scrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; scrollOffset: number; updateRequested: boolean; isScrollbarDragging: boolean; } | — |
getItemStyle | — | (AsamDynamicSizeGridDynamicSizeListInstance)["getItemStyle"] | — |
onScroll | — | (e: Event) => void | — |
onScrollbarScroll | — | (distanceToGo: number, totalSteps: number) => void | — |
onWheel | — | (e: WheelEvent) => void | — |
scrollTo | — | (offset: number) => void | — |
scrollToItem | — | (idx: number, alignment?: AsamDynamicSizeGridAlignment) => void | — |
resetScrollTop | — | () => void | — |
$route | 当前规范化路由位置,详见 RouteLocationNormalizedLoaded。 | AsamDynamicSizeGridDynamicSizeListInstance["$route"] | — |
$router | 应用使用的 Router 实例。 | AsamDynamicSizeGridDynamicSizeListInstance["$router"] | — |
类型 AsamDynamicSizeGridExposesStates
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
isScrolling | — | boolean | — |
updateRequested | — | boolean | — |
类型 AsamDynamicSizeGridFixedSizeListInstance
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
$ | — | AsamDynamicSizeGridDynamicSizeListInstance["$"] | — |
$data | — | AsamTableColumnExpose | — |
$props | — | (AsamDynamicSizeGridFixedSizeListInstance)["$props"] | — |
$attrs | — | AsamDynamicSizeGridDynamicSizeListInstance["$attrs"] | — |
$refs | — | AsamDynamicSizeGridDynamicSizeListInstance["$refs"] | — |
$slots | — | AsamAvatarGroupSlots | — |
$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: "scroll" | "itemRendered" | "end-reached", ...args: any[]) => void | — |
$el | — | any | — |
$options | — | (AsamDynamicSizeGridFixedSizeListInstance)["$options"] | — |
$forceUpdate | — | () => void | — |
$nextTick | — | (AsamDynamicSizeGridFixedSizeListInstance)["$nextTick"] | — |
$watch | — | (AsamDynamicSizeGridFixedSizeListInstance)["$watch"] | — |
layout | — | enum"horizontal" | "vertical"完整类型:(AsamDynamicSizeGridFixedSizeListInstance)["layout"] | — |
data | — | any[] | — |
className | — | AsamDynamicSizeGridProps["className"] | — |
containerElement | — | (AsamDynamicSizeGridFixedSizeListInstance)["containerElement"] | — |
innerElement | — | (AsamDynamicSizeGridFixedSizeListInstance)["innerElement"] | — |
innerProps | — | Record<string, unknown> | — |
style | — | (AsamDynamicSizeGridFixedSizeListInstance)["style"] | — |
perfMode | — | (AsamDynamicSizeGridFixedSizeListInstance)["perfMode"] | — |
direction | — | enum"ltr" | "rtl"完整类型:(AsamDynamicSizeGridFixedSizeListInstance)["direction"] | — |
useIsScrolling | — | boolean | — |
scrollbarAlwaysOn | — | boolean | — |
cache | — | number | — |
initScrollOffset | — | number | — |
width | — | (AsamDynamicSizeGridFixedSizeListInstance)["width"] | — |
height | — | (AsamDynamicSizeGridFixedSizeListInstance)["height"] | — |
innerWidth | — | (AsamDynamicSizeGridFixedSizeListInstance)["innerWidth"] | — |
onItemRendered | — | ((...args: any[]) => any) | undefined | — |
estimatedItemSize | — | number | undefined | — |
total | — | number | — |
itemSize | — | (AsamDynamicSizeGridFixedSizeListInstance)["itemSize"] | — |
onEnd-reached | — | ((...args: any[]) => any) | undefined | — |
ns | — | (AsamDynamicSizeGridFixedSizeListInstance)["ns"] | — |
clientSize | — | string | number | undefined | — |
estimatedTotalSize | — | number | — |
windowStyle | — | (AsamDynamicSizeGridFixedSizeListInstance)["windowStyle"] | — |
windowRef | — | AsamDynamicSizeGridExpose["windowRef"] | undefined | — |
innerRef | — | AsamDynamicSizeGridExpose["windowRef"] | undefined | — |
innerStyle | — | { height: string; pointerEvents: string | undefined; width: string; margin: number; boxSizing: string; } | — |
itemsToRender | — | number[] | — |
scrollbarRef | — | any | — |
states | — | 查看完整类型{ isScrolling: boolean; scrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; scrollOffset: number; updateRequested: boolean; isScrollbarDragging: boolean; } | — |
getItemStyle | — | (AsamDynamicSizeGridFixedSizeListInstance)["getItemStyle"] | — |
onScroll | — | (e: Event) => void | — |
onScrollbarScroll | — | (distanceToGo: number, totalSteps: number) => void | — |
onWheel | — | (e: WheelEvent) => void | — |
scrollTo | — | (offset: number) => void | — |
scrollToItem | — | (idx: number, alignment?: AsamDynamicSizeGridAlignment) => void | — |
resetScrollTop | — | () => void | — |
$route | 当前规范化路由位置,详见 RouteLocationNormalizedLoaded。 | AsamDynamicSizeGridDynamicSizeListInstance["$route"] | — |
$router | 应用使用的 Router 实例。 | AsamDynamicSizeGridDynamicSizeListInstance["$router"] | — |
类型 AsamDynamicSizeGridGetEstimatedTotalSize
(props: T, cache: ReturnType<P>): number
类型 AsamDynamicSizeGridGetGridOffset
(props: T, index: number, alignment: AsamDynamicSizeGridAlignment, offset: number, cache: ReturnType<P>, scrollbarWidth: number): number
类型 AsamDynamicSizeGridGetOffset
(props: T, idx: number, alignment: AsamDynamicSizeGridAlignment, offset: number, cache: ReturnType<P>): number
类型 AsamDynamicSizeGridGetPosition
(props: T, index: number, cache: ReturnType<P>): [number, number]
类型 AsamDynamicSizeGridGetStartIndexForOffset
(props: T, offset: number, cache: ReturnType<P>): number
类型 AsamDynamicSizeGridGetStopIndexForStartIndex
(props: T, startIndex: number, scrollOffset: number, cache: ReturnType<P>): number
类型 AsamDynamicSizeGridGridCache
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
column | — | Record<string, AsamDynamicSizeGridListItem> | — |
row | — | Record<string, AsamDynamicSizeGridListItem> | — |
estimatedColumnWidth | — | number | — |
estimatedRowHeight | — | number | — |
lastVisitedColumnIndex | — | number | — |
lastVisitedRowIndex | — | number | — |
类型 AsamDynamicSizeGridGridConstructorProps
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
name | — | string | undefined | — |
getColumnOffset | — | AsamDynamicSizeGridGetGridOffset<T, P> | — |
getColumnPosition | — | AsamDynamicSizeGridGetPosition<T, P> | — |
getColumnStartIndexForOffset | — | AsamDynamicSizeGridGetStartIndexForOffset<T, P> | — |
getColumnStopIndexForStartIndex | — | AsamDynamicSizeGridGetStopIndexForStartIndex<T, P> | — |
getEstimatedTotalHeight | — | AsamDynamicSizeGridGetEstimatedTotalSize<T, P> | — |
getEstimatedTotalWidth | — | AsamDynamicSizeGridGetEstimatedTotalSize<T, P> | — |
getRowOffset | — | AsamDynamicSizeGridGetGridOffset<T, P> | — |
getRowPosition | — | AsamDynamicSizeGridGetPosition<T, P> | — |
getRowStartIndexForOffset | — | AsamDynamicSizeGridGetStartIndexForOffset<T, P> | — |
getRowStopIndexForStartIndex | — | AsamDynamicSizeGridGetStopIndexForStartIndex<T, P> | — |
initCache | — | P | — |
injectToInstance | — | ((instance: AsamDynamicSizeGridDynamicSizeListInstance["$"], cache: Ref<ReturnType<P>>) => void) | undefined | — |
clearCache | — | boolean | — |
validateProps | — | AsamDynamicSizeGridPropValidator<T> | — |
类型 AsamDynamicSizeGridGridDefaultSlotParams
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
style | — | AsamDynamicSizeGridGridDefaultSlotParams["style"] | — |
data | — | any | — |
isScrolling | — | boolean | undefined | — |
rowIndex | — | number | — |
columnIndex | — | number | — |
类型 AsamDynamicSizeGridGridExposes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
states | — | 查看完整类型{ scrollLeft: number; scrollTop: number; xAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; yAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; } & AsamDynamicSizeGridExposesStates | — |
touchStartX | — | Ref<number, number> | — |
touchStartY | — | Ref<number, number> | — |
handleTouchStart | — | (e: TouchEvent) => void | — |
handleTouchMove | — | (e: TouchEvent) => void | — |
scrollTo | — | (props: { scrollLeft: number; scrollTop: number; }) => void | — |
scrollToItem | — | (columnIndex?: number, rowIndex?: number, alignment?: AsamDynamicSizeGridAlignment) => void | — |
windowRef | — | Ref<AsamDynamicSizeGridExpose["windowRef"], AsamDynamicSizeGridExpose["windowRef"]> | — |
innerRef | — | Ref<AsamDynamicSizeGridExpose["windowRef"], AsamDynamicSizeGridExpose["windowRef"]> | — |
getItemStyleCache | — | (_: any, __: any, ___: any) => AsamDynamicSizeGridGridDefaultSlotParams["style"] | — |
类型 AsamDynamicSizeGridGridInstance
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
$ | — | AsamDynamicSizeGridDynamicSizeListInstance["$"] | — |
$data | — | AsamTableColumnExpose | — |
$props | — | (AsamDynamicSizeGridGridInstance)["$props"] | — |
$attrs | — | AsamDynamicSizeGridDynamicSizeListInstance["$attrs"] | — |
$refs | — | AsamDynamicSizeGridDynamicSizeListInstance["$refs"] | — |
$slots | — | AsamAvatarGroupSlots | — |
$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: "scroll" | "itemRendered", ...args: any[]) => void | — |
$el | — | any | — |
$options | — | (AsamDynamicSizeGridGridInstance)["$options"] | — |
$forceUpdate | — | () => void | — |
$nextTick | — | (AsamDynamicSizeGridGridInstance)["$nextTick"] | — |
$watch | — | (AsamDynamicSizeGridGridInstance)["$watch"] | — |
data | — | any[] | — |
className | — | AsamDynamicSizeGridProps["className"] | — |
containerElement | — | (AsamDynamicSizeGridGridInstance)["containerElement"] | — |
innerElement | — | (AsamDynamicSizeGridGridInstance)["innerElement"] | — |
innerProps | — | Record<string, unknown> | — |
style | — | (AsamDynamicSizeGridGridInstance)["style"] | — |
perfMode | — | (AsamDynamicSizeGridGridInstance)["perfMode"] | — |
direction | — | enum"ltr" | "rtl"完整类型:(AsamDynamicSizeGridGridInstance)["direction"] | — |
useIsScrolling | — | boolean | — |
scrollbarAlwaysOn | — | boolean | — |
itemKey | — | AsamDynamicSizeGridGridItemKeyGetter | — |
columnCache | — | number | — |
initScrollLeft | — | number | — |
initScrollTop | — | number | — |
rowCache | — | number | — |
hScrollbarSize | — | number | — |
vScrollbarSize | — | number | — |
scrollbarStartGap | — | number | — |
scrollbarEndGap | — | number | — |
role | — | string | undefined | — |
width | — | (AsamDynamicSizeGridGridInstance)["width"] | — |
height | — | (AsamDynamicSizeGridGridInstance)["height"] | — |
onScroll | — | ((...args: any[]) => any) | undefined | — |
innerWidth | — | (AsamDynamicSizeGridGridInstance)["innerWidth"] | — |
columnWidth | — | (AsamDynamicSizeGridGridInstance)["columnWidth"] | — |
estimatedColumnWidth | — | number | undefined | — |
estimatedRowHeight | — | number | undefined | — |
rowHeight | — | (AsamDynamicSizeGridGridInstance)["rowHeight"] | — |
totalColumn | — | number | — |
totalRow | — | number | — |
onItemRendered | — | ((...args: any[]) => any) | undefined | — |
$route | 当前规范化路由位置,详见 RouteLocationNormalizedLoaded。 | AsamDynamicSizeGridDynamicSizeListInstance["$route"] | — |
$router | 应用使用的 Router 实例。 | AsamDynamicSizeGridDynamicSizeListInstance["$router"] | — |
windowRef | — | AsamDynamicSizeGridExpose["windowRef"] | — |
innerRef | — | AsamDynamicSizeGridExpose["windowRef"] | — |
getItemStyleCache | — | (_: any, __: any, ___: any) => Record<string, unknown> | — |
scrollTo | — | (scrollOptions: AsamDynamicSizeGridGridScrollOptions) => void | — |
scrollToItem | — | (rowIndex: number, columnIndex: number, alignment: AsamDynamicSizeGridAlignment) => void | — |
states | — | AsamDynamicSizeGridGridStates | — |
类型 AsamDynamicSizeGridGridItemKeyGetter
<T extends { [key: string]: any; [key: number]: any; }>(args: { columnIndex: number; data: T; rowIndex: number; }): string | number
类型 AsamDynamicSizeGridGridItemRenderedEvtParams
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
columnCacheStart | — | number | — |
columnCacheEnd | — | number | — |
rowCacheStart | — | number | — |
rowCacheEnd | — | number | — |
columnVisibleStart | — | number | — |
columnVisibleEnd | — | number | — |
rowVisibleStart | — | number | — |
rowVisibleEnd | — | number | — |
类型 AsamDynamicSizeGridGridScrollOptions
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
scrollLeft | — | number | undefined | — |
scrollTop | — | number | undefined | — |
类型 AsamDynamicSizeGridGridStates
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
isScrolling | — | boolean | — |
scrollLeft | — | number | — |
scrollTop | — | number | — |
updateRequested | — | boolean | — |
xAxisScrollDir | — | enum"forward" | "backward"完整类型:AsamDynamicSizeGridGridStates["xAxisScrollDir"] | — |
yAxisScrollDir | — | enum"forward" | "backward"完整类型:AsamDynamicSizeGridGridStates["xAxisScrollDir"] | — |
类型 AsamDynamicSizeGridInitCacheFunc
(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): P
类型 AsamDynamicSizeGridInitGridCacheFunc
(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): AsamDynamicSizeGridGridCache
类型 AsamDynamicSizeGridInitListCacheFunc
(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): AsamDynamicSizeGridListCache
类型 AsamDynamicSizeGridItemProps
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
data | — | T | — |
style | — | AsamDynamicSizeGridGridDefaultSlotParams["style"] | — |
scrolling | — | boolean | undefined | — |
index | — | number | — |
类型 AsamDynamicSizeGridItemSize
(idx: number): number
类型 AsamDynamicSizeGridLayoutDirection
类型 AsamDynamicSizeGridListCache
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
items | — | Record<string, AsamDynamicSizeGridListItem> | — |
estimatedItemSize | — | number | — |
lastVisitedIndex | — | number | — |
clearCacheAfterIndex | — | (idx: number, forceUpdate?: boolean) => void | — |
类型 AsamDynamicSizeGridListConstructorProps
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
name | — | string | undefined | — |
getItemOffset | — | AsamDynamicSizeGridListItemSizer<T, P> | — |
getEstimatedTotalSize | — | AsamDynamicSizeGridGetEstimatedTotalSize<T, P> | — |
getItemSize | — | AsamDynamicSizeGridListItemSizer<T, P> | — |
getOffset | — | AsamDynamicSizeGridGetOffset<T, P> | — |
getStartIndexForOffset | — | AsamDynamicSizeGridGetStartIndexForOffset<T, P> | — |
getStopIndexForStartIndex | — | AsamDynamicSizeGridGetStopIndexForStartIndex<T, P> | — |
initCache | — | P | — |
clearCache | — | boolean | — |
validateProps | — | AsamDynamicSizeGridPropValidator<T> | — |
类型 AsamDynamicSizeGridListExposes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
scrollTo | — | (offset: number) => void | — |
scrollToItem | — | (idx: number, alignment?: AsamDynamicSizeGridAlignment) => void | — |
states | — | { scrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; scrollOffset: number; } & AsamDynamicSizeGridExposesStates | — |
windowRef | — | Ref<AsamDynamicSizeGridExpose["windowRef"], AsamDynamicSizeGridExpose["windowRef"]> | — |
innerRef | — | Ref<AsamDynamicSizeGridExpose["windowRef"], AsamDynamicSizeGridExpose["windowRef"]> | — |
getItemStyleCache | — | (_: any, __: any, ___: any) => AsamDynamicSizeGridGridDefaultSlotParams["style"] | — |
类型 AsamDynamicSizeGridListItem
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
offset | — | number | — |
size | — | number | — |
类型 AsamDynamicSizeGridListItemSizer
(props: T, index: number, cache: ReturnType<P>): number
类型 AsamDynamicSizeGridPropValidator
(props: T): void
类型 AsamDynamicSizeGridRTLOffsetType
类型 AsamDynamicSizeGridResetAfterIndex
(idx: number, forceUpdate: boolean): void
类型 AsamDynamicSizeGridResetAfterIndices
(indices: Parameters<AsamDynamicSizeGridResetAfterIndices>[0], forceUpdate: boolean): void
类型 AsamDynamicSizeGridScrollDir
类型 AsamDynamicSizeGridScrollbarExpose
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
onMouseUp | — | () => void | — |
类型 AsamDynamicSizeGridSharedExposes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
windowRef | — | Ref<AsamDynamicSizeGridExpose["windowRef"], AsamDynamicSizeGridExpose["windowRef"]> | — |
innerRef | — | Ref<AsamDynamicSizeGridExpose["windowRef"], AsamDynamicSizeGridExpose["windowRef"]> | — |
getItemStyleCache | — | (_: any, __: any, ___: any) => AsamDynamicSizeGridGridDefaultSlotParams["style"] | — |
类型 AsamDynamicSizeGridVirtualizedGridProps
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
className | — | string | false | Record<string, any> | AsamDynamicSizeGridProps["className"][] | null | — |
data | — | any[] | — |
height | — | (AsamDynamicSizeGridVirtualizedGridProps)["height"] | — |
scrollbarAlwaysOn | — | boolean | — |
containerElement | — | (AsamDynamicSizeGridVirtualizedGridProps)["containerElement"] | — |
direction | — | enum"ltr" | "rtl"完整类型:(AsamDynamicSizeGridVirtualizedGridProps)["direction"] | — |
innerElement | — | (AsamDynamicSizeGridVirtualizedGridProps)["innerElement"] | — |
innerProps | — | Record<string, unknown> | — |
useIsScrolling | — | boolean | — |
perfMode | — | (AsamDynamicSizeGridVirtualizedGridProps)["perfMode"] | — |
columnCache | — | number | — |
columnWidth | — | (AsamDynamicSizeGridVirtualizedGridProps)["columnWidth"] | — |
initScrollLeft | — | number | — |
initScrollTop | — | number | — |
itemKey | — | AsamDynamicSizeGridGridItemKeyGetter | — |
rowCache | — | number | — |
rowHeight | — | (AsamDynamicSizeGridVirtualizedGridProps)["rowHeight"] | — |
totalColumn | — | number | — |
totalRow | — | number | — |
hScrollbarSize | — | number | — |
vScrollbarSize | — | number | — |
scrollbarStartGap | — | number | — |
scrollbarEndGap | — | number | — |
style | — | (AsamDynamicSizeGridVirtualizedGridProps)["style"] | — |
role | — | string | undefined | — |
width | — | (AsamDynamicSizeGridVirtualizedGridProps)["width"] | — |
innerWidth | — | (AsamDynamicSizeGridVirtualizedGridProps)["innerWidth"] | — |
estimatedColumnWidth | — | number | undefined | — |
estimatedRowHeight | — | number | undefined | — |
类型 AsamDynamicSizeGridVirtualizedGridPropsPublic
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
height | — | (AsamDynamicSizeGridVirtualizedGridPropsPublic)["height"] | — |
columnWidth | — | (AsamDynamicSizeGridVirtualizedGridPropsPublic)["columnWidth"] | — |
rowHeight | — | (AsamDynamicSizeGridVirtualizedGridPropsPublic)["rowHeight"] | — |
totalColumn | — | number | — |
totalRow | — | number | — |
style | — | (AsamDynamicSizeGridVirtualizedGridPropsPublic)["style"] | — |
className | — | AsamDynamicSizeGridProps["className"] | — |
role | — | string | undefined | — |
width | — | (AsamDynamicSizeGridVirtualizedGridPropsPublic)["width"] | — |
data | — | any[] | undefined | — |
scrollbarAlwaysOn | — | boolean | undefined | — |
containerElement | — | (AsamDynamicSizeGridVirtualizedGridPropsPublic)["containerElement"] | — |
direction | — | enum"ltr" | "rtl"完整类型:(AsamDynamicSizeGridVirtualizedGridPropsPublic)["direction"] | — |
innerElement | — | (AsamDynamicSizeGridVirtualizedGridPropsPublic)["innerElement"] | — |
innerProps | — | Record<string, unknown> | undefined | — |
useIsScrolling | — | boolean | undefined | — |
innerWidth | — | (AsamDynamicSizeGridVirtualizedGridPropsPublic)["innerWidth"] | — |
perfMode | — | (AsamDynamicSizeGridVirtualizedGridPropsPublic)["perfMode"] | — |
columnCache | — | number | undefined | — |
estimatedColumnWidth | — | number | undefined | — |
estimatedRowHeight | — | number | undefined | — |
initScrollLeft | — | number | undefined | — |
initScrollTop | — | number | undefined | — |
itemKey | — | AsamDynamicSizeGridGridItemKeyGetter | undefined | — |
rowCache | — | number | undefined | — |
hScrollbarSize | — | number | undefined | — |
vScrollbarSize | — | number | undefined | — |
scrollbarStartGap | — | number | undefined | — |
scrollbarEndGap | — | number | undefined | — |
类型 AsamDynamicSizeGridVirtualizedListProps
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
className | — | string | false | Record<string, any> | AsamDynamicSizeGridProps["className"][] | null | — |
data | — | any[] | — |
height | — | (AsamDynamicSizeGridVirtualizedListProps)["height"] | — |
scrollbarAlwaysOn | — | boolean | — |
layout | — | enum"horizontal" | "vertical"完整类型:(AsamDynamicSizeGridVirtualizedListProps)["layout"] | — |
containerElement | — | (AsamDynamicSizeGridVirtualizedListProps)["containerElement"] | — |
direction | — | enum"ltr" | "rtl"完整类型:(AsamDynamicSizeGridVirtualizedListProps)["direction"] | — |
innerElement | — | (AsamDynamicSizeGridVirtualizedListProps)["innerElement"] | — |
innerProps | — | Record<string, unknown> | — |
useIsScrolling | — | boolean | — |
perfMode | — | (AsamDynamicSizeGridVirtualizedListProps)["perfMode"] | — |
cache | — | number | — |
initScrollOffset | — | number | — |
total | — | number | — |
itemSize | — | (AsamDynamicSizeGridVirtualizedListProps)["itemSize"] | — |
style | — | (AsamDynamicSizeGridVirtualizedListProps)["style"] | — |
width | — | (AsamDynamicSizeGridVirtualizedListProps)["width"] | — |
innerWidth | — | (AsamDynamicSizeGridVirtualizedListProps)["innerWidth"] | — |
estimatedItemSize | — | number | undefined | — |
类型 AsamDynamicSizeGridVirtualizedListPropsPublic
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
height | — | (AsamDynamicSizeGridVirtualizedListPropsPublic)["height"] | — |
total | — | number | — |
itemSize | — | (AsamDynamicSizeGridVirtualizedListPropsPublic)["itemSize"] | — |
style | — | (AsamDynamicSizeGridVirtualizedListPropsPublic)["style"] | — |
className | — | AsamDynamicSizeGridProps["className"] | — |
width | — | (AsamDynamicSizeGridVirtualizedListPropsPublic)["width"] | — |
data | — | any[] | undefined | — |
scrollbarAlwaysOn | — | boolean | undefined | — |
layout | — | enum"horizontal" | "vertical"完整类型:(AsamDynamicSizeGridVirtualizedListPropsPublic)["layout"] | — |
containerElement | — | (AsamDynamicSizeGridVirtualizedListPropsPublic)["containerElement"] | — |
direction | — | enum"ltr" | "rtl"完整类型:(AsamDynamicSizeGridVirtualizedListPropsPublic)["direction"] | — |
innerElement | — | (AsamDynamicSizeGridVirtualizedListPropsPublic)["innerElement"] | — |
innerProps | — | Record<string, unknown> | undefined | — |
useIsScrolling | — | boolean | undefined | — |
innerWidth | — | (AsamDynamicSizeGridVirtualizedListPropsPublic)["innerWidth"] | — |
perfMode | — | (AsamDynamicSizeGridVirtualizedListPropsPublic)["perfMode"] | — |
cache | — | number | undefined | — |
estimatedItemSize | — | number | undefined | — |
initScrollOffset | — | number | undefined | — |
类型 AsamDynamicSizeGridVirtualizedProps
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
className | — | string | false | Record<string, any> | AsamDynamicSizeGridProps["className"][] | null | — |
data | — | any[] | — |
height | — | (AsamDynamicSizeGridVirtualizedProps)["height"] | — |
scrollbarAlwaysOn | — | boolean | — |
containerElement | — | (AsamDynamicSizeGridVirtualizedProps)["containerElement"] | — |
direction | — | enum"ltr" | "rtl"完整类型:(AsamDynamicSizeGridVirtualizedProps)["direction"] | — |
innerElement | — | (AsamDynamicSizeGridVirtualizedProps)["innerElement"] | — |
innerProps | — | Record<string, unknown> | — |
useIsScrolling | — | boolean | — |
perfMode | — | (AsamDynamicSizeGridVirtualizedProps)["perfMode"] | — |
style | — | (AsamDynamicSizeGridVirtualizedProps)["style"] | — |
width | — | (AsamDynamicSizeGridVirtualizedProps)["width"] | — |
innerWidth | — | (AsamDynamicSizeGridVirtualizedProps)["innerWidth"] | — |
类型 AsamDynamicSizeGridVirtualizedPropsPublic
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
height | — | (AsamDynamicSizeGridVirtualizedPropsPublic)["height"] | — |
style | — | (AsamDynamicSizeGridVirtualizedPropsPublic)["style"] | — |
className | — | AsamDynamicSizeGridProps["className"] | — |
width | — | (AsamDynamicSizeGridVirtualizedPropsPublic)["width"] | — |
data | — | any[] | undefined | — |
scrollbarAlwaysOn | — | boolean | undefined | — |
containerElement | — | (AsamDynamicSizeGridVirtualizedPropsPublic)["containerElement"] | — |
direction | — | enum"ltr" | "rtl"完整类型:(AsamDynamicSizeGridVirtualizedPropsPublic)["direction"] | — |
innerElement | — | (AsamDynamicSizeGridVirtualizedPropsPublic)["innerElement"] | — |
innerProps | — | Record<string, unknown> | undefined | — |
useIsScrolling | — | boolean | undefined | — |
innerWidth | — | (AsamDynamicSizeGridVirtualizedPropsPublic)["innerWidth"] | — |
perfMode | — | (AsamDynamicSizeGridVirtualizedPropsPublic)["perfMode"] | — |
类型 AsamDynamicSizeGridVirtualizedScrollbarProps
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
visible | — | boolean | — |
layout | — | enum"horizontal" | "vertical"完整类型:(AsamDynamicSizeGridVirtualizedScrollbarProps)["layout"] | — |
class | — | string | false | Record<string, any> | AsamDynamicSizeGridProps["className"][] | null | — |
total | — | number | — |
clientSize | — | number | — |
alwaysOn | — | boolean | — |
ratio | — | number | — |
scrollFrom | — | number | — |
scrollbarSize | — | number | — |
startGap | — | number | — |
endGap | — | number | — |
类型 AsamDynamicSizeGridVirtualizedScrollbarPropsPublic
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
total | — | number | — |
clientSize | — | number | — |
ratio | — | number | — |
scrollFrom | — | number | — |
visible | — | boolean | undefined | — |
layout | — | enum"horizontal" | "vertical"完整类型:(AsamDynamicSizeGridVirtualizedScrollbarPropsPublic)["layout"] | — |
class | — | AsamDynamicSizeGridProps["className"] | — |
alwaysOn | — | boolean | undefined | — |
scrollbarSize | — | number | undefined | — |
startGap | — | number | undefined | — |
endGap | — | number | undefined | — |
事件 AsamDynamicSizeGridEmits
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
itemRendered | — | [range: AsamDynamicSizeGridGridItemRenderedEvtParams] | — |
scroll | — | [position: Pick<AsamDynamicSizeGridGridStates, "scrollLeft" | "scrollTop" | "xAxisScrollDir" | "yAxisScrollDir" | "updateRequested">] | — |
用法与契约补充说明 ​
契约与组合 ​
rowHeight / columnWidth 是尺寸函数;estimatedRowHeight / estimatedColumnWidth 用于尚未测算范围。函数结果改变后可调用公开 resetAfter({rowIndex,columnIndex}, true),或 resetAfterRowIndex / resetAfterColumnIndex 重置单个方向。三个方法以及 scrollTo / scrollToItem 直接来自原生实例,保留全部参数、this、返回值和 live 状态;ASAM 不清理样式缓存、不重放滚动请求、不接管原生卸载。
更多参数与事件说明 ​
契约与组合 ​
scrollTo({scrollLeft,scrollTop}) / scrollToItem(rowIndex,columnIndex,alignment) 支持公开定位;alignment 可以为 start / center / end / auto / smart(以本入口类型为准)。direction 支持 ltr / rtl,网格同时支持两方向滚动。scrollbarAlwaysOn 控制持续显示;useIsScrolling 决定插槽是否读取滚动中状态。远端定位时,固定 2.14.7 可能先写入滚动位置,再更新估算总长度,浏览器可能按旧长度钳制;同输入原生也有这一限制,ASAM 不补写第二次滚动。
关联组件
参数与事件补充说明
公开绑定参数,包含具备类型的事件监听器;默认值由运行时定义提供。
参数与事件说明
style
必填:否;声明来源:上游声明。
style 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
undefined(已安装运行时;已安装组件)className
必填:否;声明来源:上游声明。
className 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
默认值与来源
""(已安装运行时;已安装组件)role
必填:否;声明来源:上游声明。
width
必填:否;声明来源:上游声明。
data
必填:否;声明来源:上游声明。
默认值与来源
工厂函数(每个实例创建)(实例工厂;已安装组件)height
必填:是;声明来源:上游声明。
height 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
scrollbarAlwaysOn
必填:否;声明来源:上游声明。
scrollbarAlwaysOn 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
默认值与来源
false(隐式 Boolean 默认;已安装组件)containerElement
必填:否;声明来源:上游声明。
containerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:大型实例类型;完整类型见公开类型视图。
默认值与来源
"div"(已安装运行时;已安装组件)direction
必填:否;声明来源:上游声明。
direction 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"ltr" / "rtl"
默认值与来源
"ltr"(已安装运行时;已安装组件)innerElement
必填:否;声明来源:上游声明。
默认值与来源
"div"(已安装运行时;已安装组件)innerProps
必填:否;声明来源:上游声明。
默认值与来源
工厂函数(每个实例创建)(实例工厂;已安装组件)useIsScrolling
必填:否;声明来源:上游声明。
useIsScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
默认值与来源
false(隐式 Boolean 默认;已安装组件)innerWidth
必填:否;声明来源:上游声明。
perfMode
必填:否;声明来源:上游声明。
perfMode 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
默认值与来源
true(已安装运行时;已安装组件)columnCache
必填:否;声明来源:上游声明。
默认值与来源
2(已安装运行时;已安装组件)estimatedColumnWidth
必填:否;声明来源:上游声明。
estimatedRowHeight
必填:否;声明来源:上游声明。
initScrollLeft
必填:否;声明来源:上游声明。
默认值与来源
0(已安装运行时;已安装组件)initScrollTop
必填:否;声明来源:上游声明。
默认值与来源
0(已安装运行时;已安装组件)itemKey
必填:否;声明来源:上游声明。
itemKey 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:<T extends { [key: string]: any; [key: number]: any; }>(args: { columnIndex: number; data: T; rowIndex: number; }): string | number
默认值与来源
函数默认值(作为值传递)(函数值(不执行);已安装组件)rowCache
必填:否;声明来源:上游声明。
默认值与来源
2(已安装运行时;已安装组件)totalColumn
必填:是;声明来源:上游声明。
totalRow
必填:是;声明来源:上游声明。
hScrollbarSize
必填:否;声明来源:上游声明。
默认值与来源
6(已安装运行时;已安装组件)vScrollbarSize
必填:否;声明来源:上游声明。
默认值与来源
6(已安装运行时;已安装组件)scrollbarStartGap
必填:否;声明来源:上游声明。
默认值与来源
0(已安装运行时;已安装组件)scrollbarEndGap
必填:否;声明来源:上游声明。
默认值与来源
2(已安装运行时;已安装组件)key
必填:否;声明来源:依赖声明。
ref
必填:否;声明来源:依赖声明。
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.value:any— 依赖声明ref.__@RefSymbol@8854:true— 依赖声明仅用于区分类型:保留在公开声明中,通过私有 Symbol 避免出现在编辑器自动补全中。
枚举:
true
ref_for
必填:否;声明来源:依赖声明。
ref_for 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
ref_key
必填:否;声明来源:依赖声明。
onVnodeBeforeMount
必填:否;声明来源:依赖声明。
onVnodeBeforeMount 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): void
onVnodeMounted
必填:否;声明来源:依赖声明。
onVnodeMounted 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): void
onVnodeBeforeUpdate
必填:否;声明来源:依赖声明。
onVnodeBeforeUpdate 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }>, oldVNode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): void
onVnodeUpdated
必填:否;声明来源:依赖声明。
onVnodeUpdated 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }>, oldVNode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): void
onVnodeBeforeUnmount
必填:否;声明来源:依赖声明。
onVnodeBeforeUnmount 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): void
onVnodeUnmounted
必填:否;声明来源:依赖声明。
onVnodeUnmounted 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(vnode: VNode<RendererNode, RendererElement, { [key: string]: any; }>): void
class
必填:否;声明来源:依赖声明。
rowHeight
必填:是;声明来源:ASAM 声明。
rowHeight 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(index: number): number
columnWidth
必填:是;声明来源:ASAM 声明。
columnWidth 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(index: number): number
onItemRendered
必填:否;声明来源:ASAM 声明。
onItemRendered 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(...args: [range: AsamDynamicSizeGridGridItemRenderedEvtParams]): void
onScroll
必填:否;声明来源:ASAM 声明。
onScroll 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(...args: [position: Pick<AsamDynamicSizeGridGridStates, "scrollLeft" | "scrollTop" | "xAxisScrollDir" | "yAxisScrollDir" | "updateRequested">]): void
AsamDynamicSizeGridProps 公开类型视图
import type { VNodeRef, ComponentPublicInstance, ComponentOptionsBase, ComponentProvideOptions, VNode, RendererNode, RendererElement } from 'vue';
import type { AsamDynamicSizeGridProps, AsamDynamicSizeGridGridItemKeyGetter, AsamDynamicSizeGridGridDefaultSlotParams, AsamDynamicSizeGridGridItemRenderedEvtParams, AsamDynamicSizeGridEmits, AsamDynamicSizeGridGridStates } from '@asam-ui/ui';
type PublicMember<T, K extends PropertyKey> = T extends unknown ? K extends keyof T ? T[K] : never : never;
// AsamDynamicSizeGridProps
type PublicContract = {
readonly "style"?: (AsamDynamicSizeGridProps)["style"];
readonly "className"?: AsamDynamicSizeGridProps["className"];
readonly "role"?: string | undefined;
readonly "width"?: (AsamDynamicSizeGridProps)["width"];
readonly "data"?: any[] | undefined;
readonly "height": (AsamDynamicSizeGridProps)["height"];
readonly "scrollbarAlwaysOn"?: boolean | undefined;
readonly "containerElement"?: (AsamDynamicSizeGridProps)["containerElement"];
readonly "direction"?: (AsamDynamicSizeGridProps)["direction"];
readonly "innerElement"?: (AsamDynamicSizeGridProps)["innerElement"];
readonly "innerProps"?: Record<string, unknown> | undefined;
readonly "useIsScrolling"?: boolean | undefined;
readonly "innerWidth"?: (AsamDynamicSizeGridProps)["innerWidth"];
readonly "perfMode"?: (AsamDynamicSizeGridProps)["perfMode"];
readonly "columnCache"?: number | undefined;
readonly "estimatedColumnWidth"?: number | undefined;
readonly "estimatedRowHeight"?: number | undefined;
readonly "initScrollLeft"?: number | undefined;
readonly "initScrollTop"?: number | undefined;
readonly "itemKey"?: AsamDynamicSizeGridGridItemKeyGetter | undefined;
readonly "rowCache"?: number | undefined;
readonly "totalColumn": number;
readonly "totalRow": number;
readonly "hScrollbarSize"?: number | undefined;
readonly "vScrollbarSize"?: number | undefined;
readonly "scrollbarStartGap"?: number | undefined;
readonly "scrollbarEndGap"?: number | undefined;
"key"?: PropertyKey | undefined;
"ref"?: VNodeRef | undefined;
"ref_for"?: boolean | undefined;
"ref_key"?: string | undefined;
"onVnodeBeforeMount"?: (AsamDynamicSizeGridProps)["onVnodeBeforeMount"];
"onVnodeMounted"?: (AsamDynamicSizeGridProps)["onVnodeMounted"];
"onVnodeBeforeUpdate"?: (AsamDynamicSizeGridProps)["onVnodeBeforeUpdate"];
"onVnodeUpdated"?: (AsamDynamicSizeGridProps)["onVnodeUpdated"];
"onVnodeBeforeUnmount"?: (AsamDynamicSizeGridProps)["onVnodeBeforeUnmount"];
"onVnodeUnmounted"?: (AsamDynamicSizeGridProps)["onVnodeUnmounted"];
"class"?: unknown;
"rowHeight": (index: number) => number;
"columnWidth": (index: number) => number;
"onItemRendered"?: ((range: AsamDynamicSizeGridGridItemRenderedEvtParams) => void) | undefined;
"onScroll"?: ((position: Pick<AsamDynamicSizeGridGridStates, "scrollLeft" | "scrollTop" | "xAxisScrollDir" | "yAxisScrollDir" | "updateRequested">) => void) | undefined;
};
完整的上游实例,包含全部公开方法与响应式状态。
参数与事件说明
states
必填:是;声明来源:上游声明。
states 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
touchStartX
必填:是;声明来源:上游声明。
touchStartY
必填:是;声明来源:上游声明。
handleTouchStart
必填:是;声明来源:上游声明。
handleTouchStart 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(e: TouchEvent): void
handleTouchMove
必填:是;声明来源:上游声明。
handleTouchMove 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(e: TouchEvent): void
windowRef
必填:是;声明来源:上游声明。
windowRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerRef
必填:是;声明来源:上游声明。
innerRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
getItemStyleCache
必填:是;声明来源:ASAM 声明。
getItemStyleCache 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(key?: unknown, size?: unknown, direction?: unknown): Record<string, AsamDynamicSizeGridGridDefaultSlotParams["style"]>
scrollTo
必填:是;声明来源:ASAM 声明。
scrollTo 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(options: AsamDynamicSizeGridGridScrollOptions): void
scrollToItem
必填:是;声明来源:ASAM 声明。
scrollToItem 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(rowIndex?: number | undefined, columnIndex?: number | undefined, alignment?: AsamDynamicSizeGridAlignment | undefined): void
resetAfterColumnIndex
必填:是;声明来源:上游声明。
resetAfterColumnIndex 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number, forceUpdate: boolean): void
resetAfterRowIndex
必填:是;声明来源:上游声明。
resetAfterRowIndex 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number, forceUpdate: boolean): void
resetAfter
必填:是;声明来源:上游声明。
resetAfter 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(indices: Parameters<Extract<NonNullable<AsamDynamicSizeGridResetAfterIndices>, (...args: never[]) => unknown>>[0], forceUpdate: boolean): void
AsamDynamicSizeGridExpose 公开类型视图
import type { AsamDynamicSizeGridExpose, AsamDynamicSizeGridGridStates, AsamDynamicSizeGridProps, AsamDynamicSizeGridGridDefaultSlotParams, AsamDynamicSizeGridGridScrollOptions, AsamDynamicSizeGridAlignment, AsamDynamicSizeGridResetAfterIndex, AsamDynamicSizeGridDynamicSizeListInstance, AsamDynamicSizeGridResetAfterIndices } from '@asam-ui/ui';
// AsamDynamicSizeGridExpose
type PublicContract = {
"states": { scrollLeft: number; scrollTop: number; xAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; yAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; isScrolling: boolean; updateRequested: boolean; };
"touchStartX": number;
"touchStartY": number;
"handleTouchStart": (e: TouchEvent) => void;
"handleTouchMove": (e: TouchEvent) => void;
"windowRef": AsamDynamicSizeGridExpose["windowRef"];
"innerRef": AsamDynamicSizeGridExpose["windowRef"];
"getItemStyleCache": (key?: unknown, size?: unknown, direction?: unknown) => Record<string, AsamDynamicSizeGridGridDefaultSlotParams["style"]>;
"scrollTo": (options: AsamDynamicSizeGridGridScrollOptions) => void;
"scrollToItem": (rowIndex?: number, columnIndex?: number, alignment?: AsamDynamicSizeGridAlignment) => void;
"resetAfterColumnIndex": AsamDynamicSizeGridResetAfterIndex;
"resetAfterRowIndex": AsamDynamicSizeGridResetAfterIndex;
"resetAfter": AsamDynamicSizeGridResetAfterIndices;
};
参数与事件说明
states
必填:是;声明来源:上游声明。
states 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
touchStartX
必填:是;声明来源:上游声明。
touchStartY
必填:是;声明来源:上游声明。
handleTouchStart
必填:是;声明来源:上游声明。
handleTouchStart 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(e: TouchEvent): void
handleTouchMove
必填:是;声明来源:上游声明。
handleTouchMove 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(e: TouchEvent): void
windowRef
必填:是;声明来源:上游声明。
windowRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerRef
必填:是;声明来源:上游声明。
innerRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
getItemStyleCache
必填:是;声明来源:ASAM 声明。
getItemStyleCache 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(key?: unknown, size?: unknown, direction?: unknown): Record<string, AsamDynamicSizeGridGridDefaultSlotParams["style"]>
scrollTo
必填:是;声明来源:ASAM 声明。
scrollTo 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(options: AsamDynamicSizeGridGridScrollOptions): void
scrollToItem
必填:是;声明来源:ASAM 声明。
scrollToItem 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(rowIndex?: number | undefined, columnIndex?: number | undefined, alignment?: AsamDynamicSizeGridAlignment | undefined): void
resetAfterColumnIndex
必填:是;声明来源:上游声明。
resetAfterColumnIndex 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number, forceUpdate: boolean): void
resetAfterRowIndex
必填:是;声明来源:上游声明。
resetAfterRowIndex 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number, forceUpdate: boolean): void
resetAfter
必填:是;声明来源:上游声明。
resetAfter 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(indices: Parameters<Extract<NonNullable<AsamDynamicSizeGridResetAfterIndices>, (...args: never[]) => unknown>>[0], forceUpdate: boolean): void
AsamDynamicSizeGridInstance 公开类型视图
import type { AsamDynamicSizeGridInstance, AsamDynamicSizeGridGridStates, AsamDynamicSizeGridExpose, AsamDynamicSizeGridProps, AsamDynamicSizeGridGridDefaultSlotParams, AsamDynamicSizeGridGridScrollOptions, AsamDynamicSizeGridAlignment, AsamDynamicSizeGridResetAfterIndex, AsamDynamicSizeGridDynamicSizeListInstance, AsamDynamicSizeGridResetAfterIndices } from '@asam-ui/ui';
// AsamDynamicSizeGridInstance
type PublicContract = {
"states": { scrollLeft: number; scrollTop: number; xAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; yAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; isScrolling: boolean; updateRequested: boolean; };
"touchStartX": number;
"touchStartY": number;
"handleTouchStart": (e: TouchEvent) => void;
"handleTouchMove": (e: TouchEvent) => void;
"windowRef": AsamDynamicSizeGridExpose["windowRef"];
"innerRef": AsamDynamicSizeGridExpose["windowRef"];
"getItemStyleCache": (key?: unknown, size?: unknown, direction?: unknown) => Record<string, AsamDynamicSizeGridGridDefaultSlotParams["style"]>;
"scrollTo": (options: AsamDynamicSizeGridGridScrollOptions) => void;
"scrollToItem": (rowIndex?: number, columnIndex?: number, alignment?: AsamDynamicSizeGridAlignment) => void;
"resetAfterColumnIndex": AsamDynamicSizeGridResetAfterIndex;
"resetAfterRowIndex": AsamDynamicSizeGridResetAfterIndex;
"resetAfter": AsamDynamicSizeGridResetAfterIndices;
};
作用域插槽保留上游实例契约。
参数与事件说明
default
必填:否;声明来源:ASAM 声明。
default 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(scope: AsamDynamicSizeGridGridDefaultSlotParams): VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]
AsamDynamicSizeGridSlots 公开类型视图
import type { VNode } from 'vue';
import type { AsamDynamicSizeGridSlots, AsamDynamicSizeGridGridDefaultSlotParams } from '@asam-ui/ui';
// AsamDynamicSizeGridSlots
type PublicContract = {
"default"?: ((scope: AsamDynamicSizeGridGridDefaultSlotParams) => VNode[]) | undefined;
};
组合契约按分支生效;请同时查看公开类型。
AsamDynamicSizeGridAlignment 公开类型视图
import type { AsamDynamicSizeGridAlignment } from '@asam-ui/ui';
// AsamDynamicSizeGridAlignment
type PublicContract = AsamDynamicSizeGridAlignment;
组合契约按分支生效;请同时查看公开类型。
AsamDynamicSizeGridDirection 公开类型视图
import type { AsamDynamicSizeGridDirection } from '@asam-ui/ui';
// AsamDynamicSizeGridDirection
type PublicContract = AsamDynamicSizeGridDirection;
参数与事件说明
$
必填:是;声明来源:依赖声明。
$ 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$data
必填:是;声明来源:依赖声明。
$props
必填:是;声明来源:依赖声明。
$props 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:复杂类型;完整类型见公开类型视图。
$attrs
必填:是;声明来源:依赖声明。
$attrs 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$refs
必填:是;声明来源:依赖声明。
$refs 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$slots
必填:是;声明来源:依赖声明。
$slots 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$root
必填:是;声明来源:依赖声明。
$parent
必填:是;声明来源:依赖声明。
$host
必填:是;声明来源:依赖声明。
$host 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:大型实例类型;完整类型见公开类型视图。
$emit
必填:是;声明来源:依赖声明。
$emit 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(event: "scroll" | "itemRendered" | "end-reached", ...args: any[]): void
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$el
必填:是;声明来源:依赖声明。
$options
必填:是;声明来源:依赖声明。
$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<(AsamDynamicSizeGridDynamicSizeListInstance)["$watch"]>, (...args: never[]) => unknown>>[1], options?: WatchOptions<boolean> | undefined): WatchStopHandle
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
layout
必填:是;声明来源:上游声明。
layout 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"horizontal" / "vertical"
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
data
必填:是;声明来源:上游声明。
data 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
className
必填:是;声明来源:上游声明。
className 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
containerElement
必填:是;声明来源:上游声明。
containerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerElement
必填:是;声明来源:上游声明。
innerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerProps
必填:是;声明来源:上游声明。
innerProps 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
style
必填:是;声明来源:上游声明。
style 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
perfMode
必填:是;声明来源:上游声明。
perfMode 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
direction
必填:是;声明来源:上游声明。
direction 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"ltr" / "rtl"
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
useIsScrolling
必填:是;声明来源:上游声明。
useIsScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
scrollbarAlwaysOn
必填:是;声明来源:上游声明。
scrollbarAlwaysOn 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
cache
必填:是;声明来源:上游声明。
initScrollOffset
必填:是;声明来源:上游声明。
width
必填:否;声明来源:上游声明。
height
必填:是;声明来源:上游声明。
height 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerWidth
必填:否;声明来源:上游声明。
onItemRendered
必填:否;声明来源:上游声明。
onItemRendered 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(...args: any[]): any
estimatedItemSize
必填:否;声明来源:上游声明。
total
必填:是;声明来源:上游声明。
itemSize
必填:是;声明来源:上游声明。
itemSize 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number): number
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
onEnd-reached
必填:否;声明来源:上游声明。
onEnd-reached 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(...args: any[]): any
ns
必填:是;声明来源:上游声明。
ns 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
ns.namespace:(NonNullable<(AsamDynamicSizeGridDynamicSizeListInstance)["ns"]>)["namespace"]— 上游声明嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
ns.b:(blockSuffix?: string) => string— 上游声明事件参数:
(blockSuffix?: string | undefined): stringns.e:(element?: string) => string— 上游声明事件参数:
(element?: string | undefined): stringns.m:(modifier?: string) => string— 上游声明事件参数:
(modifier?: string | undefined): stringns.be:(blockSuffix?: string, element?: string) => string— 上游声明事件参数:
(blockSuffix?: string | undefined, element?: string | undefined): stringns.em:(element?: string, modifier?: string) => string— 上游声明事件参数:
(element?: string | undefined, modifier?: string | undefined): stringns.bm:(blockSuffix?: string, modifier?: string) => string— 上游声明事件参数:
(blockSuffix?: string | undefined, modifier?: string | undefined): stringns.bem:(blockSuffix?: string, element?: string, modifier?: string) => string— 上游声明事件参数:
(blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined): stringns.is:{ (name: string, state: boolean | undefined): string; (name: string): string; }— 上游声明事件参数:
(name: string, state: boolean | undefined): string事件参数:
(name: string): stringns.cssVar:(object: Record<string, string>) => Record<string, string>— 上游声明事件参数:
(object: Record<string, string>): Record<string, string>ns.cssVarName:(name: string) => string— 上游声明事件参数:
(name: string): stringns.cssVarBlock:(object: Record<string, string>) => Record<string, string>— 上游声明事件参数:
(object: Record<string, string>): Record<string, string>ns.cssVarBlockName:(name: string) => string— 上游声明事件参数:
(name: string): string
clientSize
必填:是;声明来源:上游声明。
estimatedTotalSize
必填:是;声明来源:上游声明。
windowStyle
必填:是;声明来源:上游声明。
windowStyle 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
windowRef
必填:是;声明来源:上游声明。
windowRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:大型实例类型;完整类型见公开类型视图。
innerRef
必填:是;声明来源:上游声明。
innerRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:大型实例类型;完整类型见公开类型视图。
innerStyle
必填:是;声明来源:上游声明。
innerStyle 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
innerStyle.height:string— 上游声明innerStyle.pointerEvents:string | undefined— 上游声明innerStyle.width:string— 上游声明innerStyle.margin:number— 上游声明innerStyle.boxSizing:string— 上游声明
itemsToRender
必填:是;声明来源:上游声明。
itemsToRender 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
scrollbarRef
必填:是;声明来源:上游声明。
states
必填:是;声明来源:上游声明。
states 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
states.isScrolling:boolean— 上游声明枚举:
false/truestates.scrollDir:AsamDynamicSizeGridGridStates["xAxisScrollDir"]— 上游声明枚举:
"forward"/"backward"states.scrollOffset:number— 上游声明states.updateRequested:boolean— 上游声明枚举:
false/truestates.isScrollbarDragging:boolean— 上游声明枚举:
false/true
getItemStyle
必填:是;声明来源:上游声明。
getItemStyle 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number): ReturnType<Extract<NonNullable<(AsamDynamicSizeGridDynamicSizeListInstance)["getItemStyle"]>, (...args: never[]) => unknown>>
onScroll
必填:是;声明来源:上游声明。
onScroll 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(e: Event): void
onScrollbarScroll
必填:是;声明来源:上游声明。
onScrollbarScroll 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(distanceToGo: number, totalSteps: number): void
onWheel
必填:是;声明来源:上游声明。
onWheel 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(e: WheelEvent): void
scrollTo
必填:是;声明来源:上游声明。
scrollTo 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(offset: number): void
scrollToItem
必填:是;声明来源:上游声明。
scrollToItem 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number, alignment?: AsamDynamicSizeGridAlignment | undefined): void
resetScrollTop
必填:是;声明来源:上游声明。
resetScrollTop 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(): void
$route
必填:是;声明来源:依赖声明。
$route 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
$route.matched:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["matched"]— 依赖声明仅包含普通组件的 RouteLocationMatched 数组;懒加载组件已解析并替换 components 中的值,可直接展示路由,不包含重定向记录。此属性不可枚举。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$route.name:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["name"]— 依赖声明匹配路由记录的名称。
$route.fullPath:string— 依赖声明包含 search 和 hash 的完整位置字符串,使用百分号编码。
$route.query:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["query"]— 依赖声明当前位置 search 属性的对象表示。
$route.hash:string— 依赖声明当前位置的哈希片段;存在时以 # 开头。
$route.redirectedFrom:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]— 依赖声明最终到达当前位置之前,最初尝试访问的位置。
$route.redirectedFrom.matched:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "matched">— 依赖声明包含添加路由时原始组件的 RouteRecord 数组,也可能包含重定向记录,不能直接用于展示。此属性不可枚举。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$route.redirectedFrom.fullPath:string— 依赖声明包含 search 和 hash 的完整位置字符串,使用百分号编码。
$route.redirectedFrom.query:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "query">— 依赖声明当前位置 search 属性的对象表示。
$route.redirectedFrom.hash:string— 依赖声明当前位置的哈希片段;存在时以 # 开头。
$route.redirectedFrom.redirectedFrom:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "redirectedFrom">— 依赖声明最终到达当前位置之前,最初尝试访问的位置。
嵌套展开边界:递归引用;完整类型见公开类型视图。
$route.redirectedFrom.name:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "name">— 依赖声明匹配路由记录的名称。
$route.redirectedFrom.meta:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "meta">— 依赖声明全部匹配路由记录合并后的 meta 属性。
$route.redirectedFrom.params:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "state">— 依赖声明通过 History API 保存的状态;不能包含响应式值,也不允许 Symbol 等部分值。详情参见 https://developer.mozilla.org/zh-CN/docs/Web/API/History/state。
$route.meta:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["meta"]— 依赖声明全部匹配路由记录合并后的 meta 属性。
$route.params:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["params"]— 依赖声明从 path 提取并解码后的参数对象。
$route.path:string— 依赖声明URL 中经过百分号编码的路径部分。
$router
必填:是;声明来源:依赖声明。
$router 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
$router.options:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]— 依赖声明创建路由器时传入的原始配置对象。
$router.options.routes:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["routes"]— 依赖声明需要添加到路由器的初始路由列表。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$router.options.history:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["state"]— 依赖声明当前历史记录状态。
嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.history.push:(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["push"]— 依赖声明导航到指定位置;使用 HTML5 History 时,通过 history.pushState 实际更新 URL。
事件参数:
(to: string, data?: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["push"]>, (...args: never[]) => unknown>>[1]): void嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.history.replace:(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["replace"]— 依赖声明与 RouterHistory.push 类似,但调用 history.replaceState,而非 history.pushState。
事件参数:
(to: string, data?: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["listen"]— 依赖声明为历史记录实现添加监听器;由浏览器前进、后退等外部导航,或传入 true 的 RouterHistory.back、RouterHistory.forward 触发。
事件参数:
(callback: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["listen"]>, (...args: never[]) => unknown>>[0]): () => void嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.history.createHref:(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["createHref"]— 依赖声明生成用于链接元素的对应 href。
事件参数:
(location: string): string嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.history.destroy:() => void— 依赖声明清除历史记录实现注册的全部事件监听器。
事件参数:
(): void嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.scrollBehavior:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["scrollBehavior"]— 依赖声明控制页面导航时滚动行为的函数;可返回 Promise 延迟滚动。
事件参数:
(to: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["scrollBehavior"]>, (...args: never[]) => unknown>>[0], from: AsamDynamicSizeGridDynamicSizeListInstance["$route"], savedPosition: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["scrollBehavior"]>, (...args: never[]) => unknown>>[2]): ReturnType<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["scrollBehavior"]>, (...args: never[]) => unknown>>$router.options.parseQuery:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["parseQuery"]— 依赖声明自定义查询参数解析函数;与 EXPERIMENTAL_RouterOptions_Base.stringifyQuery 配套。
事件参数:
(search: string): ReturnType<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["parseQuery"]>, (...args: never[]) => unknown>>$router.options.stringifyQuery:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["stringifyQuery"]— 依赖声明自定义查询对象序列化函数;不要添加开头的 ?,与 parseQuery 的解析函数配套。
事件参数:
(query: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["addRoute"]— 依赖声明向已有路由添加子路由,或向路由器添加新的 RouteRecordRaw 路由记录。
事件参数完整签名见公开类型视图。
事件参数完整签名见公开类型视图。
$router.removeRoute:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["removeRoute"]— 依赖声明按名称移除已有路由。
事件参数:
(name: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["removeRoute"]>, (...args: never[]) => unknown>>[0]): void$router.clearRoutes:() => void— 依赖声明从路由器中删除全部路由。
事件参数:
(): void$router.currentRoute:ShallowRef<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>— 依赖声明当前 RouteLocationNormalized。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$router.listening:boolean— 依赖声明允许关闭历史事件监听,这是用于微前端的底层 API。
枚举:
false/true$router.hasRoute:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["hasRoute"]— 依赖声明检查指定名称的路由是否存在。
事件参数:
(name: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["hasRoute"]>, (...args: never[]) => unknown>>[0]): boolean$router.getRoutes:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["getRoutes"]— 依赖声明获取全部 RouteRecord 路由记录的完整列表。
事件参数:
(): ReturnType<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["getRoutes"]>, (...args: never[]) => unknown>>$router.resolve:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["resolve"]— 依赖声明返回 RouteLocationRaw 的规范化位置,包含带基础路径的 href;默认使用 router.currentRoute 作为 currentLocation,仅在高级场景中覆盖。
事件参数完整签名见公开类型视图。
事件参数完整签名见公开类型视图。
$router.push:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["push"]— 依赖声明通过向历史栈添加记录,以编程方式导航到新 URL。
事件参数:
(to: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["push"]>, (...args: never[]) => unknown>>[0]): ReturnType<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["push"]>, (...args: never[]) => unknown>>$router.replace:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["replace"]— 依赖声明通过替换历史栈中的当前记录,以编程方式导航到新 URL。
事件参数:
(to: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["replace"]>, (...args: never[]) => unknown>>[0]): ReturnType<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["beforeEach"]— 依赖声明添加每次导航之前执行的守卫,并返回移除此守卫的函数。
事件参数:
(guard: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["beforeEach"]>, (...args: never[]) => unknown>>[0]): () => void$router.beforeResolve:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["beforeResolve"]— 依赖声明添加导航确认之前执行的守卫,此时组件已获取且其他导航守卫已通过;返回移除此守卫的函数。
事件参数:
(guard: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["beforeResolve"]>, (...args: never[]) => unknown>>[0]): () => void$router.afterEach:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["afterEach"]— 依赖声明添加每次导航结束后执行的钩子,并返回移除此钩子的函数。
事件参数:
(guard: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["afterEach"]>, (...args: never[]) => unknown>>[0]): () => void$router.onError:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["onError"]— 依赖声明添加导航期间未捕获错误的处理函数,涵盖同步和异步异常、守卫返回或传给 next 的错误,以及路由异步组件解析错误。
事件参数:
(handler: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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
AsamDynamicSizeGridDynamicSizeListInstance 公开类型视图
import type { VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentPublicInstance, ComponentOptionsBase, ComponentProvideOptions, ExtractPropTypes, PropType, Ref, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, WatchOptions, WatchStopHandle, ShallowRef, App } from 'vue';
import type { AsamDynamicSizeGridDynamicSizeListInstance, AsamTableColumnExpose, AsamDynamicSizeGridProps, AsamAvatarGroupSlots, AsamDynamicSizeGridGridDefaultSlotParams, AsamDynamicSizeGridExpose, AsamDynamicSizeGridGridStates, AsamDynamicSizeGridAlignment, AsamDynamicSizeGridItemSize } from '@asam-ui/ui';
type PublicMember<T, K extends PropertyKey> = T extends unknown ? K extends keyof T ? T[K] : never : never;
// AsamDynamicSizeGridDynamicSizeListInstance
type PublicContract = {
"$": AsamDynamicSizeGridDynamicSizeListInstance["$"];
"$data": AsamTableColumnExpose;
"$props": (AsamDynamicSizeGridDynamicSizeListInstance)["$props"];
"$attrs": AsamDynamicSizeGridDynamicSizeListInstance["$attrs"];
"$refs": AsamDynamicSizeGridDynamicSizeListInstance["$refs"];
"$slots": AsamAvatarGroupSlots;
"$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: "scroll" | "itemRendered" | "end-reached", ...args: any[]) => void;
"$el": any;
"$options": (AsamDynamicSizeGridDynamicSizeListInstance)["$options"];
"$forceUpdate": () => void;
"$nextTick": (AsamDynamicSizeGridDynamicSizeListInstance)["$nextTick"];
"$watch": (AsamDynamicSizeGridDynamicSizeListInstance)["$watch"];
readonly "layout": (AsamDynamicSizeGridDynamicSizeListInstance)["layout"];
readonly "data": any[];
readonly "className": AsamDynamicSizeGridProps["className"];
readonly "containerElement": (AsamDynamicSizeGridDynamicSizeListInstance)["containerElement"];
readonly "innerElement": (AsamDynamicSizeGridDynamicSizeListInstance)["innerElement"];
readonly "innerProps": Record<string, unknown>;
readonly "style": (AsamDynamicSizeGridDynamicSizeListInstance)["style"];
readonly "perfMode": (AsamDynamicSizeGridDynamicSizeListInstance)["perfMode"];
readonly "direction": (AsamDynamicSizeGridDynamicSizeListInstance)["direction"];
readonly "useIsScrolling": boolean;
readonly "scrollbarAlwaysOn": boolean;
readonly "cache": number;
readonly "initScrollOffset": number;
readonly "width"?: (AsamDynamicSizeGridDynamicSizeListInstance)["width"];
readonly "height": (AsamDynamicSizeGridDynamicSizeListInstance)["height"];
readonly "innerWidth"?: (AsamDynamicSizeGridDynamicSizeListInstance)["innerWidth"];
readonly "onItemRendered"?: ((...args: any[]) => any) | undefined;
readonly "estimatedItemSize"?: number | undefined;
readonly "total": number;
readonly "itemSize": (AsamDynamicSizeGridDynamicSizeListInstance)["itemSize"];
readonly "onEnd-reached"?: ((...args: any[]) => any) | undefined;
"ns": (AsamDynamicSizeGridDynamicSizeListInstance)["ns"];
"clientSize": string | number | undefined;
"estimatedTotalSize": number;
"windowStyle": (AsamDynamicSizeGridDynamicSizeListInstance)["windowStyle"];
"windowRef": AsamDynamicSizeGridExpose["windowRef"] | undefined;
"innerRef": AsamDynamicSizeGridExpose["windowRef"] | undefined;
"innerStyle": { height: string; pointerEvents: string | undefined; width: string; margin: number; boxSizing: string; };
"itemsToRender": number[];
"scrollbarRef": any;
"states": { isScrolling: boolean; scrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; scrollOffset: number; updateRequested: boolean; isScrollbarDragging: boolean; };
"getItemStyle": (AsamDynamicSizeGridDynamicSizeListInstance)["getItemStyle"];
"onScroll": (e: Event) => void;
"onScrollbarScroll": (distanceToGo: number, totalSteps: number) => void;
"onWheel": (e: WheelEvent) => void;
"scrollTo": (offset: number) => void;
"scrollToItem": (idx: number, alignment?: AsamDynamicSizeGridAlignment) => void;
"resetScrollTop": () => void;
"$route": AsamDynamicSizeGridDynamicSizeListInstance["$route"];
"$router": AsamDynamicSizeGridDynamicSizeListInstance["$router"];
};
参数与事件说明
isScrolling
必填:是;声明来源:上游声明。
isScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
updateRequested
必填:是;声明来源:上游声明。
updateRequested 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
AsamDynamicSizeGridExposesStates 公开类型视图
import type { AsamDynamicSizeGridExposesStates, AsamDynamicSizeGridDynamicSizeListInstance } from '@asam-ui/ui';
// AsamDynamicSizeGridExposesStates
type PublicContract = {
"isScrolling": boolean;
"updateRequested": boolean;
};
参数与事件说明
$
必填:是;声明来源:依赖声明。
$ 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$data
必填:是;声明来源:依赖声明。
$props
必填:是;声明来源:依赖声明。
$props 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:复杂类型;完整类型见公开类型视图。
$attrs
必填:是;声明来源:依赖声明。
$attrs 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$refs
必填:是;声明来源:依赖声明。
$refs 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$slots
必填:是;声明来源:依赖声明。
$slots 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$root
必填:是;声明来源:依赖声明。
$parent
必填:是;声明来源:依赖声明。
$host
必填:是;声明来源:依赖声明。
$host 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:大型实例类型;完整类型见公开类型视图。
$emit
必填:是;声明来源:依赖声明。
$emit 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(event: "scroll" | "itemRendered" | "end-reached", ...args: any[]): void
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$el
必填:是;声明来源:依赖声明。
$options
必填:是;声明来源:依赖声明。
$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<(AsamDynamicSizeGridFixedSizeListInstance)["$watch"]>, (...args: never[]) => unknown>>[1], options?: WatchOptions<boolean> | undefined): WatchStopHandle
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
layout
必填:是;声明来源:上游声明。
layout 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"horizontal" / "vertical"
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
data
必填:是;声明来源:上游声明。
data 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
className
必填:是;声明来源:上游声明。
className 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
containerElement
必填:是;声明来源:上游声明。
containerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerElement
必填:是;声明来源:上游声明。
innerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerProps
必填:是;声明来源:上游声明。
innerProps 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
style
必填:是;声明来源:上游声明。
style 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
perfMode
必填:是;声明来源:上游声明。
perfMode 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
direction
必填:是;声明来源:上游声明。
direction 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"ltr" / "rtl"
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
useIsScrolling
必填:是;声明来源:上游声明。
useIsScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
scrollbarAlwaysOn
必填:是;声明来源:上游声明。
scrollbarAlwaysOn 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
cache
必填:是;声明来源:上游声明。
initScrollOffset
必填:是;声明来源:上游声明。
width
必填:否;声明来源:上游声明。
height
必填:是;声明来源:上游声明。
height 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerWidth
必填:否;声明来源:上游声明。
onItemRendered
必填:否;声明来源:上游声明。
onItemRendered 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(...args: any[]): any
estimatedItemSize
必填:否;声明来源:上游声明。
total
必填:是;声明来源:上游声明。
itemSize
必填:是;声明来源:上游声明。
itemSize 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number): number
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
onEnd-reached
必填:否;声明来源:上游声明。
onEnd-reached 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(...args: any[]): any
ns
必填:是;声明来源:上游声明。
ns 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
ns.namespace:(NonNullable<(AsamDynamicSizeGridFixedSizeListInstance)["ns"]>)["namespace"]— 上游声明嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
ns.b:(blockSuffix?: string) => string— 上游声明事件参数:
(blockSuffix?: string | undefined): stringns.e:(element?: string) => string— 上游声明事件参数:
(element?: string | undefined): stringns.m:(modifier?: string) => string— 上游声明事件参数:
(modifier?: string | undefined): stringns.be:(blockSuffix?: string, element?: string) => string— 上游声明事件参数:
(blockSuffix?: string | undefined, element?: string | undefined): stringns.em:(element?: string, modifier?: string) => string— 上游声明事件参数:
(element?: string | undefined, modifier?: string | undefined): stringns.bm:(blockSuffix?: string, modifier?: string) => string— 上游声明事件参数:
(blockSuffix?: string | undefined, modifier?: string | undefined): stringns.bem:(blockSuffix?: string, element?: string, modifier?: string) => string— 上游声明事件参数:
(blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined): stringns.is:{ (name: string, state: boolean | undefined): string; (name: string): string; }— 上游声明事件参数:
(name: string, state: boolean | undefined): string事件参数:
(name: string): stringns.cssVar:(object: Record<string, string>) => Record<string, string>— 上游声明事件参数:
(object: Record<string, string>): Record<string, string>ns.cssVarName:(name: string) => string— 上游声明事件参数:
(name: string): stringns.cssVarBlock:(object: Record<string, string>) => Record<string, string>— 上游声明事件参数:
(object: Record<string, string>): Record<string, string>ns.cssVarBlockName:(name: string) => string— 上游声明事件参数:
(name: string): string
clientSize
必填:是;声明来源:上游声明。
estimatedTotalSize
必填:是;声明来源:上游声明。
windowStyle
必填:是;声明来源:上游声明。
windowStyle 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
windowRef
必填:是;声明来源:上游声明。
windowRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:大型实例类型;完整类型见公开类型视图。
innerRef
必填:是;声明来源:上游声明。
innerRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:大型实例类型;完整类型见公开类型视图。
innerStyle
必填:是;声明来源:上游声明。
innerStyle 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
innerStyle.height:string— 上游声明innerStyle.pointerEvents:string | undefined— 上游声明innerStyle.width:string— 上游声明innerStyle.margin:number— 上游声明innerStyle.boxSizing:string— 上游声明
itemsToRender
必填:是;声明来源:上游声明。
itemsToRender 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
scrollbarRef
必填:是;声明来源:上游声明。
states
必填:是;声明来源:上游声明。
states 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
states.isScrolling:boolean— 上游声明枚举:
false/truestates.scrollDir:AsamDynamicSizeGridGridStates["xAxisScrollDir"]— 上游声明枚举:
"forward"/"backward"states.scrollOffset:number— 上游声明states.updateRequested:boolean— 上游声明枚举:
false/truestates.isScrollbarDragging:boolean— 上游声明枚举:
false/true
getItemStyle
必填:是;声明来源:上游声明。
getItemStyle 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number): ReturnType<Extract<NonNullable<(AsamDynamicSizeGridFixedSizeListInstance)["getItemStyle"]>, (...args: never[]) => unknown>>
onScroll
必填:是;声明来源:上游声明。
onScroll 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(e: Event): void
onScrollbarScroll
必填:是;声明来源:上游声明。
onScrollbarScroll 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(distanceToGo: number, totalSteps: number): void
onWheel
必填:是;声明来源:上游声明。
onWheel 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(e: WheelEvent): void
scrollTo
必填:是;声明来源:上游声明。
scrollTo 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(offset: number): void
scrollToItem
必填:是;声明来源:上游声明。
scrollToItem 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number, alignment?: AsamDynamicSizeGridAlignment | undefined): void
resetScrollTop
必填:是;声明来源:上游声明。
resetScrollTop 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(): void
$route
必填:是;声明来源:依赖声明。
$route 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
$route.matched:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["matched"]— 依赖声明仅包含普通组件的 RouteLocationMatched 数组;懒加载组件已解析并替换 components 中的值,可直接展示路由,不包含重定向记录。此属性不可枚举。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$route.name:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["name"]— 依赖声明匹配路由记录的名称。
$route.fullPath:string— 依赖声明包含 search 和 hash 的完整位置字符串,使用百分号编码。
$route.query:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["query"]— 依赖声明当前位置 search 属性的对象表示。
$route.hash:string— 依赖声明当前位置的哈希片段;存在时以 # 开头。
$route.redirectedFrom:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]— 依赖声明最终到达当前位置之前,最初尝试访问的位置。
$route.redirectedFrom.matched:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "matched">— 依赖声明包含添加路由时原始组件的 RouteRecord 数组,也可能包含重定向记录,不能直接用于展示。此属性不可枚举。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$route.redirectedFrom.fullPath:string— 依赖声明包含 search 和 hash 的完整位置字符串,使用百分号编码。
$route.redirectedFrom.query:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "query">— 依赖声明当前位置 search 属性的对象表示。
$route.redirectedFrom.hash:string— 依赖声明当前位置的哈希片段;存在时以 # 开头。
$route.redirectedFrom.redirectedFrom:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "redirectedFrom">— 依赖声明最终到达当前位置之前,最初尝试访问的位置。
嵌套展开边界:递归引用;完整类型见公开类型视图。
$route.redirectedFrom.name:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "name">— 依赖声明匹配路由记录的名称。
$route.redirectedFrom.meta:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "meta">— 依赖声明全部匹配路由记录合并后的 meta 属性。
$route.redirectedFrom.params:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "state">— 依赖声明通过 History API 保存的状态;不能包含响应式值,也不允许 Symbol 等部分值。详情参见 https://developer.mozilla.org/zh-CN/docs/Web/API/History/state。
$route.meta:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["meta"]— 依赖声明全部匹配路由记录合并后的 meta 属性。
$route.params:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["params"]— 依赖声明从 path 提取并解码后的参数对象。
$route.path:string— 依赖声明URL 中经过百分号编码的路径部分。
$router
必填:是;声明来源:依赖声明。
$router 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
$router.options:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]— 依赖声明创建路由器时传入的原始配置对象。
$router.options.routes:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["routes"]— 依赖声明需要添加到路由器的初始路由列表。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$router.options.history:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["state"]— 依赖声明当前历史记录状态。
嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.history.push:(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["push"]— 依赖声明导航到指定位置;使用 HTML5 History 时,通过 history.pushState 实际更新 URL。
事件参数:
(to: string, data?: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["push"]>, (...args: never[]) => unknown>>[1]): void嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.history.replace:(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["replace"]— 依赖声明与 RouterHistory.push 类似,但调用 history.replaceState,而非 history.pushState。
事件参数:
(to: string, data?: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["listen"]— 依赖声明为历史记录实现添加监听器;由浏览器前进、后退等外部导航,或传入 true 的 RouterHistory.back、RouterHistory.forward 触发。
事件参数:
(callback: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["listen"]>, (...args: never[]) => unknown>>[0]): () => void嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.history.createHref:(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["createHref"]— 依赖声明生成用于链接元素的对应 href。
事件参数:
(location: string): string嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.history.destroy:() => void— 依赖声明清除历史记录实现注册的全部事件监听器。
事件参数:
(): void嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.scrollBehavior:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["scrollBehavior"]— 依赖声明控制页面导航时滚动行为的函数;可返回 Promise 延迟滚动。
事件参数:
(to: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["scrollBehavior"]>, (...args: never[]) => unknown>>[0], from: AsamDynamicSizeGridDynamicSizeListInstance["$route"], savedPosition: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["scrollBehavior"]>, (...args: never[]) => unknown>>[2]): ReturnType<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["scrollBehavior"]>, (...args: never[]) => unknown>>$router.options.parseQuery:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["parseQuery"]— 依赖声明自定义查询参数解析函数;与 EXPERIMENTAL_RouterOptions_Base.stringifyQuery 配套。
事件参数:
(search: string): ReturnType<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["parseQuery"]>, (...args: never[]) => unknown>>$router.options.stringifyQuery:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["stringifyQuery"]— 依赖声明自定义查询对象序列化函数;不要添加开头的 ?,与 parseQuery 的解析函数配套。
事件参数:
(query: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["addRoute"]— 依赖声明向已有路由添加子路由,或向路由器添加新的 RouteRecordRaw 路由记录。
事件参数完整签名见公开类型视图。
事件参数完整签名见公开类型视图。
$router.removeRoute:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["removeRoute"]— 依赖声明按名称移除已有路由。
事件参数:
(name: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["removeRoute"]>, (...args: never[]) => unknown>>[0]): void$router.clearRoutes:() => void— 依赖声明从路由器中删除全部路由。
事件参数:
(): void$router.currentRoute:ShallowRef<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>— 依赖声明当前 RouteLocationNormalized。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$router.listening:boolean— 依赖声明允许关闭历史事件监听,这是用于微前端的底层 API。
枚举:
false/true$router.hasRoute:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["hasRoute"]— 依赖声明检查指定名称的路由是否存在。
事件参数:
(name: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["hasRoute"]>, (...args: never[]) => unknown>>[0]): boolean$router.getRoutes:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["getRoutes"]— 依赖声明获取全部 RouteRecord 路由记录的完整列表。
事件参数:
(): ReturnType<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["getRoutes"]>, (...args: never[]) => unknown>>$router.resolve:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["resolve"]— 依赖声明返回 RouteLocationRaw 的规范化位置,包含带基础路径的 href;默认使用 router.currentRoute 作为 currentLocation,仅在高级场景中覆盖。
事件参数完整签名见公开类型视图。
事件参数完整签名见公开类型视图。
$router.push:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["push"]— 依赖声明通过向历史栈添加记录,以编程方式导航到新 URL。
事件参数:
(to: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["push"]>, (...args: never[]) => unknown>>[0]): ReturnType<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["push"]>, (...args: never[]) => unknown>>$router.replace:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["replace"]— 依赖声明通过替换历史栈中的当前记录,以编程方式导航到新 URL。
事件参数:
(to: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["replace"]>, (...args: never[]) => unknown>>[0]): ReturnType<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["beforeEach"]— 依赖声明添加每次导航之前执行的守卫,并返回移除此守卫的函数。
事件参数:
(guard: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["beforeEach"]>, (...args: never[]) => unknown>>[0]): () => void$router.beforeResolve:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["beforeResolve"]— 依赖声明添加导航确认之前执行的守卫,此时组件已获取且其他导航守卫已通过;返回移除此守卫的函数。
事件参数:
(guard: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["beforeResolve"]>, (...args: never[]) => unknown>>[0]): () => void$router.afterEach:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["afterEach"]— 依赖声明添加每次导航结束后执行的钩子,并返回移除此钩子的函数。
事件参数:
(guard: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["afterEach"]>, (...args: never[]) => unknown>>[0]): () => void$router.onError:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["onError"]— 依赖声明添加导航期间未捕获错误的处理函数,涵盖同步和异步异常、守卫返回或传给 next 的错误,以及路由异步组件解析错误。
事件参数:
(handler: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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
AsamDynamicSizeGridFixedSizeListInstance 公开类型视图
import type { VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentPublicInstance, ComponentOptionsBase, ComponentProvideOptions, ExtractPropTypes, PropType, Ref, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, WatchOptions, WatchStopHandle, ShallowRef, App } from 'vue';
import type { AsamDynamicSizeGridFixedSizeListInstance, AsamDynamicSizeGridDynamicSizeListInstance, AsamTableColumnExpose, AsamDynamicSizeGridProps, AsamAvatarGroupSlots, AsamDynamicSizeGridGridDefaultSlotParams, AsamDynamicSizeGridExpose, AsamDynamicSizeGridGridStates, AsamDynamicSizeGridAlignment, AsamDynamicSizeGridItemSize } from '@asam-ui/ui';
type PublicMember<T, K extends PropertyKey> = T extends unknown ? K extends keyof T ? T[K] : never : never;
// AsamDynamicSizeGridFixedSizeListInstance
type PublicContract = {
"$": AsamDynamicSizeGridDynamicSizeListInstance["$"];
"$data": AsamTableColumnExpose;
"$props": (AsamDynamicSizeGridFixedSizeListInstance)["$props"];
"$attrs": AsamDynamicSizeGridDynamicSizeListInstance["$attrs"];
"$refs": AsamDynamicSizeGridDynamicSizeListInstance["$refs"];
"$slots": AsamAvatarGroupSlots;
"$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: "scroll" | "itemRendered" | "end-reached", ...args: any[]) => void;
"$el": any;
"$options": (AsamDynamicSizeGridFixedSizeListInstance)["$options"];
"$forceUpdate": () => void;
"$nextTick": (AsamDynamicSizeGridFixedSizeListInstance)["$nextTick"];
"$watch": (AsamDynamicSizeGridFixedSizeListInstance)["$watch"];
readonly "layout": (AsamDynamicSizeGridFixedSizeListInstance)["layout"];
readonly "data": any[];
readonly "className": AsamDynamicSizeGridProps["className"];
readonly "containerElement": (AsamDynamicSizeGridFixedSizeListInstance)["containerElement"];
readonly "innerElement": (AsamDynamicSizeGridFixedSizeListInstance)["innerElement"];
readonly "innerProps": Record<string, unknown>;
readonly "style": (AsamDynamicSizeGridFixedSizeListInstance)["style"];
readonly "perfMode": (AsamDynamicSizeGridFixedSizeListInstance)["perfMode"];
readonly "direction": (AsamDynamicSizeGridFixedSizeListInstance)["direction"];
readonly "useIsScrolling": boolean;
readonly "scrollbarAlwaysOn": boolean;
readonly "cache": number;
readonly "initScrollOffset": number;
readonly "width"?: (AsamDynamicSizeGridFixedSizeListInstance)["width"];
readonly "height": (AsamDynamicSizeGridFixedSizeListInstance)["height"];
readonly "innerWidth"?: (AsamDynamicSizeGridFixedSizeListInstance)["innerWidth"];
readonly "onItemRendered"?: ((...args: any[]) => any) | undefined;
readonly "estimatedItemSize"?: number | undefined;
readonly "total": number;
readonly "itemSize": (AsamDynamicSizeGridFixedSizeListInstance)["itemSize"];
readonly "onEnd-reached"?: ((...args: any[]) => any) | undefined;
"ns": (AsamDynamicSizeGridFixedSizeListInstance)["ns"];
"clientSize": string | number | undefined;
"estimatedTotalSize": number;
"windowStyle": (AsamDynamicSizeGridFixedSizeListInstance)["windowStyle"];
"windowRef": AsamDynamicSizeGridExpose["windowRef"] | undefined;
"innerRef": AsamDynamicSizeGridExpose["windowRef"] | undefined;
"innerStyle": { height: string; pointerEvents: string | undefined; width: string; margin: number; boxSizing: string; };
"itemsToRender": number[];
"scrollbarRef": any;
"states": { isScrolling: boolean; scrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; scrollOffset: number; updateRequested: boolean; isScrollbarDragging: boolean; };
"getItemStyle": (AsamDynamicSizeGridFixedSizeListInstance)["getItemStyle"];
"onScroll": (e: Event) => void;
"onScrollbarScroll": (distanceToGo: number, totalSteps: number) => void;
"onWheel": (e: WheelEvent) => void;
"scrollTo": (offset: number) => void;
"scrollToItem": (idx: number, alignment?: AsamDynamicSizeGridAlignment) => void;
"resetScrollTop": () => void;
"$route": AsamDynamicSizeGridDynamicSizeListInstance["$route"];
"$router": AsamDynamicSizeGridDynamicSizeListInstance["$router"];
};
AsamDynamicSizeGridGetEstimatedTotalSize 公开类型视图
import type { AsamDynamicSizeGridGetEstimatedTotalSize, AsamDynamicSizeGridGridCache, AsamDynamicSizeGridListCache, AsamDynamicSizeGridInitCacheFunc } from '@asam-ui/ui';
// AsamDynamicSizeGridGetEstimatedTotalSize
type PublicContract<T, P extends AsamDynamicSizeGridInitCacheFunc<T, AsamDynamicSizeGridGridCache | AsamDynamicSizeGridListCache>> = {
(props: T, cache: ReturnType<P>): number;
};
AsamDynamicSizeGridGetGridOffset 公开类型视图
import type { AsamDynamicSizeGridGetGridOffset, AsamDynamicSizeGridInitGridCacheFunc, AsamDynamicSizeGridProps, AsamDynamicSizeGridAlignment } from '@asam-ui/ui';
// AsamDynamicSizeGridGetGridOffset
type PublicContract<T, P extends AsamDynamicSizeGridInitGridCacheFunc<T>> = {
(props: T, index: number, alignment: AsamDynamicSizeGridAlignment, offset: number, cache: ReturnType<P>, scrollbarWidth: number): number;
};
AsamDynamicSizeGridGetOffset 公开类型视图
import type { AsamDynamicSizeGridGetOffset, AsamDynamicSizeGridInitListCacheFunc, AsamDynamicSizeGridProps, AsamDynamicSizeGridAlignment } from '@asam-ui/ui';
// AsamDynamicSizeGridGetOffset
type PublicContract<T, P extends AsamDynamicSizeGridInitListCacheFunc<T>> = {
(props: T, idx: number, alignment: AsamDynamicSizeGridAlignment, offset: number, cache: ReturnType<P>): number;
};
AsamDynamicSizeGridGetPosition 公开类型视图
import type { AsamDynamicSizeGridGetPosition, AsamDynamicSizeGridInitGridCacheFunc, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridGetPosition
type PublicContract<T, P extends AsamDynamicSizeGridInitGridCacheFunc<T>> = {
(props: T, index: number, cache: ReturnType<P>): [number, number];
};
AsamDynamicSizeGridGetStartIndexForOffset 公开类型视图
import type { AsamDynamicSizeGridGetStartIndexForOffset, AsamDynamicSizeGridGridCache, AsamDynamicSizeGridListCache, AsamDynamicSizeGridInitCacheFunc, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridGetStartIndexForOffset
type PublicContract<T, P extends AsamDynamicSizeGridInitCacheFunc<T, AsamDynamicSizeGridGridCache | AsamDynamicSizeGridListCache>> = {
(props: T, offset: number, cache: ReturnType<P>): number;
};
AsamDynamicSizeGridGetStopIndexForStartIndex 公开类型视图
import type { AsamDynamicSizeGridGetStopIndexForStartIndex, AsamDynamicSizeGridGridCache, AsamDynamicSizeGridListCache, AsamDynamicSizeGridInitCacheFunc, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridGetStopIndexForStartIndex
type PublicContract<T, P extends AsamDynamicSizeGridInitCacheFunc<T, AsamDynamicSizeGridGridCache | AsamDynamicSizeGridListCache>> = {
(props: T, startIndex: number, scrollOffset: number, cache: ReturnType<P>): number;
};
参数与事件说明
column
必填:是;声明来源:上游声明。
column 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
row
必填:是;声明来源:上游声明。
row 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
estimatedColumnWidth
必填:是;声明来源:上游声明。
estimatedRowHeight
必填:是;声明来源:上游声明。
lastVisitedColumnIndex
必填:是;声明来源:上游声明。
lastVisitedRowIndex
必填:是;声明来源:上游声明。
AsamDynamicSizeGridGridCache 公开类型视图
import type { AsamDynamicSizeGridGridCache, AsamDynamicSizeGridListItem, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridGridCache
type PublicContract = {
"column": Record<string, AsamDynamicSizeGridListItem>;
"row": Record<string, AsamDynamicSizeGridListItem>;
"estimatedColumnWidth": number;
"estimatedRowHeight": number;
"lastVisitedColumnIndex": number;
"lastVisitedRowIndex": number;
};
参数与事件说明
name
必填:否;声明来源:上游声明。
getColumnOffset
必填:是;声明来源:上游声明。
getColumnOffset 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, index: number, alignment: AsamDynamicSizeGridAlignment, offset: number, cache: ReturnType<P>, scrollbarWidth: number): number
getColumnPosition
必填:是;声明来源:上游声明。
getColumnPosition 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, index: number, cache: ReturnType<P>): [number, number]
getColumnStartIndexForOffset
必填:是;声明来源:上游声明。
getColumnStartIndexForOffset 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, offset: number, cache: ReturnType<P>): number
getColumnStopIndexForStartIndex
必填:是;声明来源:上游声明。
getColumnStopIndexForStartIndex 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, startIndex: number, scrollOffset: number, cache: ReturnType<P>): number
getEstimatedTotalHeight
必填:是;声明来源:上游声明。
getEstimatedTotalHeight 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, cache: ReturnType<P>): number
getEstimatedTotalWidth
必填:是;声明来源:上游声明。
getEstimatedTotalWidth 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, cache: ReturnType<P>): number
getRowOffset
必填:是;声明来源:上游声明。
getRowOffset 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, index: number, alignment: AsamDynamicSizeGridAlignment, offset: number, cache: ReturnType<P>, scrollbarWidth: number): number
getRowPosition
必填:是;声明来源:上游声明。
getRowPosition 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, index: number, cache: ReturnType<P>): [number, number]
getRowStartIndexForOffset
必填:是;声明来源:上游声明。
getRowStartIndexForOffset 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, offset: number, cache: ReturnType<P>): number
getRowStopIndexForStartIndex
必填:是;声明来源:上游声明。
getRowStopIndexForStartIndex 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, startIndex: number, scrollOffset: number, cache: ReturnType<P>): number
initCache
必填:是;声明来源:上游声明。
initCache 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): AsamDynamicSizeGridGridCache
injectToInstance
必填:否;声明来源:上游声明。
injectToInstance 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(instance: AsamDynamicSizeGridDynamicSizeListInstance["$"], cache: Ref<ReturnType<P>, ReturnType<P>>): void
clearCache
必填:是;声明来源:上游声明。
clearCache 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
validateProps
必填:是;声明来源:上游声明。
validateProps 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T): void
AsamDynamicSizeGridGridConstructorProps 公开类型视图
import type { Ref } from 'vue';
import type { AsamDynamicSizeGridGridConstructorProps, AsamDynamicSizeGridInitGridCacheFunc, AsamDynamicSizeGridProps, AsamDynamicSizeGridGetGridOffset, AsamDynamicSizeGridAlignment, AsamDynamicSizeGridGetPosition, AsamDynamicSizeGridGetStartIndexForOffset, AsamDynamicSizeGridGetStopIndexForStartIndex, AsamDynamicSizeGridGetEstimatedTotalSize, AsamDynamicSizeGridDynamicSizeListInstance, AsamDynamicSizeGridGridCache, AsamDynamicSizeGridPropValidator } from '@asam-ui/ui';
// AsamDynamicSizeGridGridConstructorProps
type PublicContract<T, P extends AsamDynamicSizeGridInitGridCacheFunc<T> = AsamDynamicSizeGridInitGridCacheFunc<T>> = {
"name"?: string | undefined;
"getColumnOffset": AsamDynamicSizeGridGetGridOffset<T, P>;
"getColumnPosition": AsamDynamicSizeGridGetPosition<T, P>;
"getColumnStartIndexForOffset": AsamDynamicSizeGridGetStartIndexForOffset<T, P>;
"getColumnStopIndexForStartIndex": AsamDynamicSizeGridGetStopIndexForStartIndex<T, P>;
"getEstimatedTotalHeight": AsamDynamicSizeGridGetEstimatedTotalSize<T, P>;
"getEstimatedTotalWidth": AsamDynamicSizeGridGetEstimatedTotalSize<T, P>;
"getRowOffset": AsamDynamicSizeGridGetGridOffset<T, P>;
"getRowPosition": AsamDynamicSizeGridGetPosition<T, P>;
"getRowStartIndexForOffset": AsamDynamicSizeGridGetStartIndexForOffset<T, P>;
"getRowStopIndexForStartIndex": AsamDynamicSizeGridGetStopIndexForStartIndex<T, P>;
"initCache": P;
"injectToInstance"?: ((instance: AsamDynamicSizeGridDynamicSizeListInstance["$"], cache: Ref<ReturnType<P>>) => void) | undefined;
"clearCache": boolean;
"validateProps": AsamDynamicSizeGridPropValidator<T>;
};
参数与事件说明
style
必填:是;声明来源:上游声明。
style 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
data
必填:是;声明来源:上游声明。
isScrolling
必填:否;声明来源:上游声明。
isScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
rowIndex
必填:是;声明来源:上游声明。
columnIndex
必填:是;声明来源:上游声明。
AsamDynamicSizeGridGridDefaultSlotParams 公开类型视图
import type { AsamDynamicSizeGridGridDefaultSlotParams, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridGridDefaultSlotParams
type PublicContract = {
"style": AsamDynamicSizeGridGridDefaultSlotParams["style"];
"data": any;
"isScrolling"?: boolean | undefined;
"rowIndex": number;
"columnIndex": number;
};
参数与事件说明
states
必填:是;声明来源:上游声明。
touchStartX
必填:是;声明来源:上游声明。
touchStartX 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
touchStartY
必填:是;声明来源:上游声明。
touchStartY 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
handleTouchStart
必填:是;声明来源:上游声明。
handleTouchStart 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(e: TouchEvent): void
handleTouchMove
必填:是;声明来源:上游声明。
handleTouchMove 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(e: TouchEvent): void
scrollTo
必填:是;声明来源:上游声明。
scrollTo 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: { scrollLeft: number; scrollTop: number; }): void
scrollToItem
必填:是;声明来源:上游声明。
scrollToItem 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(columnIndex?: number | undefined, rowIndex?: number | undefined, alignment?: AsamDynamicSizeGridAlignment | undefined): void
windowRef
必填:是;声明来源:上游声明。
windowRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerRef
必填:是;声明来源:上游声明。
innerRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
getItemStyleCache
必填:是;声明来源:上游声明。
getItemStyleCache 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(_: any, __: any, ___: any): AsamDynamicSizeGridGridDefaultSlotParams["style"]
AsamDynamicSizeGridGridExposes 公开类型视图
import type { Ref } from 'vue';
import type { AsamDynamicSizeGridGridExposes, AsamDynamicSizeGridGridStates, AsamDynamicSizeGridExposesStates, AsamDynamicSizeGridExpose, AsamDynamicSizeGridAlignment, AsamDynamicSizeGridProps, AsamDynamicSizeGridGridDefaultSlotParams } from '@asam-ui/ui';
// AsamDynamicSizeGridGridExposes
type PublicContract = {
"states": { scrollLeft: number; scrollTop: number; xAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; yAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; } & AsamDynamicSizeGridExposesStates;
"touchStartX": Ref<number, number>;
"touchStartY": Ref<number, number>;
"handleTouchStart": (e: TouchEvent) => void;
"handleTouchMove": (e: TouchEvent) => void;
"scrollTo": (props: { scrollLeft: number; scrollTop: number; }) => void;
"scrollToItem": (columnIndex?: number, rowIndex?: number, alignment?: AsamDynamicSizeGridAlignment) => void;
"windowRef": Ref<AsamDynamicSizeGridExpose["windowRef"], AsamDynamicSizeGridExpose["windowRef"]>;
"innerRef": Ref<AsamDynamicSizeGridExpose["windowRef"], AsamDynamicSizeGridExpose["windowRef"]>;
"getItemStyleCache": (_: any, __: any, ___: any) => AsamDynamicSizeGridGridDefaultSlotParams["style"];
};
参数与事件说明
$
必填:是;声明来源:依赖声明。
$ 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$data
必填:是;声明来源:依赖声明。
$props
必填:是;声明来源:依赖声明。
$props 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:复杂类型;完整类型见公开类型视图。
$attrs
必填:是;声明来源:依赖声明。
$attrs 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$refs
必填:是;声明来源:依赖声明。
$refs 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$slots
必填:是;声明来源:依赖声明。
$slots 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$root
必填:是;声明来源:依赖声明。
$parent
必填:是;声明来源:依赖声明。
$host
必填:是;声明来源:依赖声明。
$host 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:大型实例类型;完整类型见公开类型视图。
$emit
必填:是;声明来源:依赖声明。
$emit 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(event: "scroll" | "itemRendered", ...args: any[]): void
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$el
必填:是;声明来源:依赖声明。
$options
必填:是;声明来源:依赖声明。
$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<(AsamDynamicSizeGridGridInstance)["$watch"]>, (...args: never[]) => unknown>>[1], options?: WatchOptions<boolean> | undefined): WatchStopHandle
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
data
必填:是;声明来源:上游声明。
data 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
className
必填:是;声明来源:上游声明。
className 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
containerElement
必填:是;声明来源:上游声明。
containerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerElement
必填:是;声明来源:上游声明。
innerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerProps
必填:是;声明来源:上游声明。
innerProps 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
style
必填:是;声明来源:上游声明。
style 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
perfMode
必填:是;声明来源:上游声明。
perfMode 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
direction
必填:是;声明来源:上游声明。
direction 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"ltr" / "rtl"
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
useIsScrolling
必填:是;声明来源:上游声明。
useIsScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
scrollbarAlwaysOn
必填:是;声明来源:上游声明。
scrollbarAlwaysOn 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
itemKey
必填:是;声明来源:上游声明。
itemKey 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:<T extends { [key: string]: any; [key: number]: any; }>(args: { columnIndex: number; data: T; rowIndex: number; }): string | number
columnCache
必填:是;声明来源:上游声明。
initScrollLeft
必填:是;声明来源:上游声明。
initScrollTop
必填:是;声明来源:上游声明。
rowCache
必填:是;声明来源:上游声明。
hScrollbarSize
必填:是;声明来源:上游声明。
vScrollbarSize
必填:是;声明来源:上游声明。
scrollbarStartGap
必填:是;声明来源:上游声明。
scrollbarEndGap
必填:是;声明来源:上游声明。
role
必填:否;声明来源:上游声明。
width
必填:否;声明来源:上游声明。
height
必填:是;声明来源:上游声明。
height 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
onScroll
必填:否;声明来源:上游声明。
onScroll 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(...args: any[]): any
innerWidth
必填:否;声明来源:上游声明。
columnWidth
必填:是;声明来源:上游声明。
columnWidth 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number): number
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
estimatedColumnWidth
必填:否;声明来源:上游声明。
estimatedRowHeight
必填:否;声明来源:上游声明。
rowHeight
必填:是;声明来源:上游声明。
rowHeight 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number): number
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
totalColumn
必填:是;声明来源:上游声明。
totalRow
必填:是;声明来源:上游声明。
onItemRendered
必填:否;声明来源:上游声明。
onItemRendered 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(...args: any[]): any
$route
必填:是;声明来源:依赖声明。
$route 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
$route.matched:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["matched"]— 依赖声明仅包含普通组件的 RouteLocationMatched 数组;懒加载组件已解析并替换 components 中的值,可直接展示路由,不包含重定向记录。此属性不可枚举。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$route.name:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["name"]— 依赖声明匹配路由记录的名称。
$route.fullPath:string— 依赖声明包含 search 和 hash 的完整位置字符串,使用百分号编码。
$route.query:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["query"]— 依赖声明当前位置 search 属性的对象表示。
$route.hash:string— 依赖声明当前位置的哈希片段;存在时以 # 开头。
$route.redirectedFrom:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]— 依赖声明最终到达当前位置之前,最初尝试访问的位置。
$route.redirectedFrom.matched:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "matched">— 依赖声明包含添加路由时原始组件的 RouteRecord 数组,也可能包含重定向记录,不能直接用于展示。此属性不可枚举。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$route.redirectedFrom.fullPath:string— 依赖声明包含 search 和 hash 的完整位置字符串,使用百分号编码。
$route.redirectedFrom.query:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "query">— 依赖声明当前位置 search 属性的对象表示。
$route.redirectedFrom.hash:string— 依赖声明当前位置的哈希片段;存在时以 # 开头。
$route.redirectedFrom.redirectedFrom:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "redirectedFrom">— 依赖声明最终到达当前位置之前,最初尝试访问的位置。
嵌套展开边界:递归引用;完整类型见公开类型视图。
$route.redirectedFrom.name:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "name">— 依赖声明匹配路由记录的名称。
$route.redirectedFrom.meta:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "meta">— 依赖声明全部匹配路由记录合并后的 meta 属性。
$route.redirectedFrom.params:PublicMember<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["redirectedFrom"]>, "state">— 依赖声明通过 History API 保存的状态;不能包含响应式值,也不允许 Symbol 等部分值。详情参见 https://developer.mozilla.org/zh-CN/docs/Web/API/History/state。
$route.meta:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["meta"]— 依赖声明全部匹配路由记录合并后的 meta 属性。
$route.params:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>)["params"]— 依赖声明从 path 提取并解码后的参数对象。
$route.path:string— 依赖声明URL 中经过百分号编码的路径部分。
$router
必填:是;声明来源:依赖声明。
$router 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
$router.options:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]— 依赖声明创建路由器时传入的原始配置对象。
$router.options.routes:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["routes"]— 依赖声明需要添加到路由器的初始路由列表。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$router.options.history:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["state"]— 依赖声明当前历史记录状态。
嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.history.push:(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["push"]— 依赖声明导航到指定位置;使用 HTML5 History 时,通过 history.pushState 实际更新 URL。
事件参数:
(to: string, data?: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["push"]>, (...args: never[]) => unknown>>[1]): void嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.history.replace:(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["replace"]— 依赖声明与 RouterHistory.push 类似,但调用 history.replaceState,而非 history.pushState。
事件参数:
(to: string, data?: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["listen"]— 依赖声明为历史记录实现添加监听器;由浏览器前进、后退等外部导航,或传入 true 的 RouterHistory.back、RouterHistory.forward 触发。
事件参数:
(callback: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["listen"]>, (...args: never[]) => unknown>>[0]): () => void嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.history.createHref:(NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["history"]>)["createHref"]— 依赖声明生成用于链接元素的对应 href。
事件参数:
(location: string): string嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.history.destroy:() => void— 依赖声明清除历史记录实现注册的全部事件监听器。
事件参数:
(): void嵌套展开边界:深度上限;完整类型见公开类型视图。
$router.options.scrollBehavior:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["scrollBehavior"]— 依赖声明控制页面导航时滚动行为的函数;可返回 Promise 延迟滚动。
事件参数:
(to: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["scrollBehavior"]>, (...args: never[]) => unknown>>[0], from: AsamDynamicSizeGridDynamicSizeListInstance["$route"], savedPosition: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["scrollBehavior"]>, (...args: never[]) => unknown>>[2]): ReturnType<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["scrollBehavior"]>, (...args: never[]) => unknown>>$router.options.parseQuery:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["parseQuery"]— 依赖声明自定义查询参数解析函数;与 EXPERIMENTAL_RouterOptions_Base.stringifyQuery 配套。
事件参数:
(search: string): ReturnType<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["parseQuery"]>, (...args: never[]) => unknown>>$router.options.stringifyQuery:(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["options"]>)["stringifyQuery"]— 依赖声明自定义查询对象序列化函数;不要添加开头的 ?,与 parseQuery 的解析函数配套。
事件参数:
(query: Parameters<Extract<NonNullable<(NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["addRoute"]— 依赖声明向已有路由添加子路由,或向路由器添加新的 RouteRecordRaw 路由记录。
事件参数完整签名见公开类型视图。
事件参数完整签名见公开类型视图。
$router.removeRoute:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["removeRoute"]— 依赖声明按名称移除已有路由。
事件参数:
(name: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["removeRoute"]>, (...args: never[]) => unknown>>[0]): void$router.clearRoutes:() => void— 依赖声明从路由器中删除全部路由。
事件参数:
(): void$router.currentRoute:ShallowRef<AsamDynamicSizeGridDynamicSizeListInstance["$route"]>— 依赖声明当前 RouteLocationNormalized。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
$router.listening:boolean— 依赖声明允许关闭历史事件监听,这是用于微前端的底层 API。
枚举:
false/true$router.hasRoute:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["hasRoute"]— 依赖声明检查指定名称的路由是否存在。
事件参数:
(name: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["hasRoute"]>, (...args: never[]) => unknown>>[0]): boolean$router.getRoutes:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["getRoutes"]— 依赖声明获取全部 RouteRecord 路由记录的完整列表。
事件参数:
(): ReturnType<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["getRoutes"]>, (...args: never[]) => unknown>>$router.resolve:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["resolve"]— 依赖声明返回 RouteLocationRaw 的规范化位置,包含带基础路径的 href;默认使用 router.currentRoute 作为 currentLocation,仅在高级场景中覆盖。
事件参数完整签名见公开类型视图。
事件参数完整签名见公开类型视图。
$router.push:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["push"]— 依赖声明通过向历史栈添加记录,以编程方式导航到新 URL。
事件参数:
(to: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["push"]>, (...args: never[]) => unknown>>[0]): ReturnType<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["push"]>, (...args: never[]) => unknown>>$router.replace:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["replace"]— 依赖声明通过替换历史栈中的当前记录,以编程方式导航到新 URL。
事件参数:
(to: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["replace"]>, (...args: never[]) => unknown>>[0]): ReturnType<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["beforeEach"]— 依赖声明添加每次导航之前执行的守卫,并返回移除此守卫的函数。
事件参数:
(guard: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["beforeEach"]>, (...args: never[]) => unknown>>[0]): () => void$router.beforeResolve:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["beforeResolve"]— 依赖声明添加导航确认之前执行的守卫,此时组件已获取且其他导航守卫已通过;返回移除此守卫的函数。
事件参数:
(guard: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["beforeResolve"]>, (...args: never[]) => unknown>>[0]): () => void$router.afterEach:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["afterEach"]— 依赖声明添加每次导航结束后执行的钩子,并返回移除此钩子的函数。
事件参数:
(guard: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["afterEach"]>, (...args: never[]) => unknown>>[0]): () => void$router.onError:(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$router"]>)["onError"]— 依赖声明添加导航期间未捕获错误的处理函数,涵盖同步和异步异常、守卫返回或传给 next 的错误,以及路由异步组件解析错误。
事件参数:
(handler: Parameters<Extract<NonNullable<(NonNullable<AsamDynamicSizeGridDynamicSizeListInstance["$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
windowRef
必填:是;声明来源:上游声明。
windowRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerRef
必填:是;声明来源:上游声明。
innerRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
getItemStyleCache
必填:是;声明来源:上游声明。
getItemStyleCache 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(_: any, __: any, ___: any): Record<string, unknown>
scrollTo
必填:是;声明来源:上游声明。
scrollTo 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(scrollOptions: AsamDynamicSizeGridGridScrollOptions): void
scrollToItem
必填:是;声明来源:上游声明。
scrollToItem 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(rowIndex: number, columnIndex: number, alignment: AsamDynamicSizeGridAlignment): void
states
必填:是;声明来源:上游声明。
states 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
states.isScrolling:boolean— 上游声明枚举:
false/truestates.scrollLeft:number— 上游声明states.scrollTop:number— 上游声明states.updateRequested:boolean— 上游声明枚举:
false/truestates.xAxisScrollDir:AsamDynamicSizeGridGridStates["xAxisScrollDir"]— 上游声明枚举:
"forward"/"backward"states.yAxisScrollDir:AsamDynamicSizeGridGridStates["xAxisScrollDir"]— 上游声明枚举:
"forward"/"backward"
AsamDynamicSizeGridGridInstance 公开类型视图
import type { VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentPublicInstance, ComponentOptionsBase, ComponentProvideOptions, ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, WatchOptions, WatchStopHandle, ShallowRef, App } from 'vue';
import type { AsamDynamicSizeGridGridInstance, AsamDynamicSizeGridDynamicSizeListInstance, AsamTableColumnExpose, AsamDynamicSizeGridProps, AsamDynamicSizeGridGridItemKeyGetter, AsamAvatarGroupSlots, AsamDynamicSizeGridGridDefaultSlotParams, AsamDynamicSizeGridItemSize, AsamDynamicSizeGridExpose, AsamDynamicSizeGridGridScrollOptions, AsamDynamicSizeGridAlignment, AsamDynamicSizeGridGridStates } from '@asam-ui/ui';
type PublicMember<T, K extends PropertyKey> = T extends unknown ? K extends keyof T ? T[K] : never : never;
// AsamDynamicSizeGridGridInstance
type PublicContract = {
"$": AsamDynamicSizeGridDynamicSizeListInstance["$"];
"$data": AsamTableColumnExpose;
"$props": (AsamDynamicSizeGridGridInstance)["$props"];
"$attrs": AsamDynamicSizeGridDynamicSizeListInstance["$attrs"];
"$refs": AsamDynamicSizeGridDynamicSizeListInstance["$refs"];
"$slots": AsamAvatarGroupSlots;
"$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: "scroll" | "itemRendered", ...args: any[]) => void;
"$el": any;
"$options": (AsamDynamicSizeGridGridInstance)["$options"];
"$forceUpdate": () => void;
"$nextTick": (AsamDynamicSizeGridGridInstance)["$nextTick"];
"$watch": (AsamDynamicSizeGridGridInstance)["$watch"];
readonly "data": any[];
readonly "className": AsamDynamicSizeGridProps["className"];
readonly "containerElement": (AsamDynamicSizeGridGridInstance)["containerElement"];
readonly "innerElement": (AsamDynamicSizeGridGridInstance)["innerElement"];
readonly "innerProps": Record<string, unknown>;
readonly "style": (AsamDynamicSizeGridGridInstance)["style"];
readonly "perfMode": (AsamDynamicSizeGridGridInstance)["perfMode"];
readonly "direction": (AsamDynamicSizeGridGridInstance)["direction"];
readonly "useIsScrolling": boolean;
readonly "scrollbarAlwaysOn": boolean;
readonly "itemKey": AsamDynamicSizeGridGridItemKeyGetter;
readonly "columnCache": number;
readonly "initScrollLeft": number;
readonly "initScrollTop": number;
readonly "rowCache": number;
readonly "hScrollbarSize": number;
readonly "vScrollbarSize": number;
readonly "scrollbarStartGap": number;
readonly "scrollbarEndGap": number;
readonly "role"?: string | undefined;
readonly "width"?: (AsamDynamicSizeGridGridInstance)["width"];
readonly "height": (AsamDynamicSizeGridGridInstance)["height"];
readonly "onScroll"?: ((...args: any[]) => any) | undefined;
readonly "innerWidth"?: (AsamDynamicSizeGridGridInstance)["innerWidth"];
readonly "columnWidth": (AsamDynamicSizeGridGridInstance)["columnWidth"];
readonly "estimatedColumnWidth"?: number | undefined;
readonly "estimatedRowHeight"?: number | undefined;
readonly "rowHeight": (AsamDynamicSizeGridGridInstance)["rowHeight"];
readonly "totalColumn": number;
readonly "totalRow": number;
readonly "onItemRendered"?: ((...args: any[]) => any) | undefined;
"$route": AsamDynamicSizeGridDynamicSizeListInstance["$route"];
"$router": AsamDynamicSizeGridDynamicSizeListInstance["$router"];
"windowRef": AsamDynamicSizeGridExpose["windowRef"];
"innerRef": AsamDynamicSizeGridExpose["windowRef"];
"getItemStyleCache": (_: any, __: any, ___: any) => Record<string, unknown>;
"scrollTo": (scrollOptions: AsamDynamicSizeGridGridScrollOptions) => void;
"scrollToItem": (rowIndex: number, columnIndex: number, alignment: AsamDynamicSizeGridAlignment) => void;
"states": AsamDynamicSizeGridGridStates;
};
AsamDynamicSizeGridGridItemKeyGetter 公开类型视图
import type { AsamDynamicSizeGridGridItemKeyGetter } from '@asam-ui/ui';
// AsamDynamicSizeGridGridItemKeyGetter
type PublicContract = {
<T extends { [key: string]: any; [key: number]: any; }>(args: { columnIndex: number; data: T; rowIndex: number; }): string | number;
};
参数与事件说明
columnCacheStart
必填:是;声明来源:上游声明。
columnCacheEnd
必填:是;声明来源:上游声明。
rowCacheStart
必填:是;声明来源:上游声明。
rowCacheEnd
必填:是;声明来源:上游声明。
columnVisibleStart
必填:是;声明来源:上游声明。
columnVisibleEnd
必填:是;声明来源:上游声明。
rowVisibleStart
必填:是;声明来源:上游声明。
rowVisibleEnd
必填:是;声明来源:上游声明。
AsamDynamicSizeGridGridItemRenderedEvtParams 公开类型视图
import type { AsamDynamicSizeGridGridItemRenderedEvtParams, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridGridItemRenderedEvtParams
type PublicContract = {
"columnCacheStart": number;
"columnCacheEnd": number;
"rowCacheStart": number;
"rowCacheEnd": number;
"columnVisibleStart": number;
"columnVisibleEnd": number;
"rowVisibleStart": number;
"rowVisibleEnd": number;
};
参数与事件说明
scrollLeft
必填:否;声明来源:上游声明。
scrollTop
必填:否;声明来源:上游声明。
AsamDynamicSizeGridGridScrollOptions 公开类型视图
import type { AsamDynamicSizeGridGridScrollOptions, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridGridScrollOptions
type PublicContract = {
"scrollLeft"?: number | undefined;
"scrollTop"?: number | undefined;
};
参数与事件说明
isScrolling
必填:是;声明来源:上游声明。
isScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
scrollLeft
必填:是;声明来源:上游声明。
scrollTop
必填:是;声明来源:上游声明。
updateRequested
必填:是;声明来源:上游声明。
updateRequested 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
xAxisScrollDir
必填:是;声明来源:上游声明。
xAxisScrollDir 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"forward" / "backward"
yAxisScrollDir
必填:是;声明来源:上游声明。
yAxisScrollDir 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"forward" / "backward"
AsamDynamicSizeGridGridStates 公开类型视图
import type { AsamDynamicSizeGridGridStates, AsamDynamicSizeGridDynamicSizeListInstance, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridGridStates
type PublicContract = {
"isScrolling": boolean;
"scrollLeft": number;
"scrollTop": number;
"updateRequested": boolean;
"xAxisScrollDir": AsamDynamicSizeGridGridStates["xAxisScrollDir"];
"yAxisScrollDir": AsamDynamicSizeGridGridStates["xAxisScrollDir"];
};
AsamDynamicSizeGridInitCacheFunc 公开类型视图
import type { AsamDynamicSizeGridInitCacheFunc, AsamDynamicSizeGridDynamicSizeListInstance } from '@asam-ui/ui';
// AsamDynamicSizeGridInitCacheFunc
type PublicContract<T, P> = {
(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): P;
};
AsamDynamicSizeGridInitGridCacheFunc 公开类型视图
import type { AsamDynamicSizeGridInitGridCacheFunc, AsamDynamicSizeGridDynamicSizeListInstance, AsamDynamicSizeGridGridCache } from '@asam-ui/ui';
// AsamDynamicSizeGridInitGridCacheFunc
type PublicContract<T> = {
(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): AsamDynamicSizeGridGridCache;
};
AsamDynamicSizeGridInitListCacheFunc 公开类型视图
import type { AsamDynamicSizeGridInitListCacheFunc, AsamDynamicSizeGridDynamicSizeListInstance, AsamDynamicSizeGridListCache } from '@asam-ui/ui';
// AsamDynamicSizeGridInitListCacheFunc
type PublicContract<T> = {
(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): AsamDynamicSizeGridListCache;
};
参数与事件说明
data
必填:是;声明来源:上游声明。
style
必填:是;声明来源:上游声明。
style 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
scrolling
必填:否;声明来源:上游声明。
scrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
index
必填:是;声明来源:上游声明。
AsamDynamicSizeGridItemProps 公开类型视图
import type { AsamDynamicSizeGridItemProps, AsamDynamicSizeGridGridDefaultSlotParams, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridItemProps
type PublicContract<T> = {
"data": T;
"style": AsamDynamicSizeGridGridDefaultSlotParams["style"];
"scrolling"?: boolean | undefined;
"index": number;
};
AsamDynamicSizeGridItemSize 公开类型视图
import type { AsamDynamicSizeGridItemSize, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridItemSize
type PublicContract = {
(idx: number): number;
};
组合契约按分支生效;请同时查看公开类型。
AsamDynamicSizeGridLayoutDirection 公开类型视图
import type { AsamDynamicSizeGridLayoutDirection } from '@asam-ui/ui';
// AsamDynamicSizeGridLayoutDirection
type PublicContract = AsamDynamicSizeGridLayoutDirection;
参数与事件说明
items
必填:是;声明来源:上游声明。
items 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
estimatedItemSize
必填:是;声明来源:上游声明。
lastVisitedIndex
必填:是;声明来源:上游声明。
clearCacheAfterIndex
必填:是;声明来源:上游声明。
clearCacheAfterIndex 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number, forceUpdate?: boolean | undefined): void
AsamDynamicSizeGridListCache 公开类型视图
import type { AsamDynamicSizeGridListCache, AsamDynamicSizeGridListItem, AsamDynamicSizeGridGridCache, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridListCache
type PublicContract = {
"items": Record<string, AsamDynamicSizeGridListItem>;
"estimatedItemSize": number;
"lastVisitedIndex": number;
"clearCacheAfterIndex": (idx: number, forceUpdate?: boolean) => void;
};
参数与事件说明
name
必填:否;声明来源:上游声明。
getItemOffset
必填:是;声明来源:上游声明。
getItemOffset 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, index: number, cache: ReturnType<P>): number
getEstimatedTotalSize
必填:是;声明来源:上游声明。
getEstimatedTotalSize 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, cache: ReturnType<P>): number
getItemSize
必填:是;声明来源:上游声明。
getItemSize 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, index: number, cache: ReturnType<P>): number
getOffset
必填:是;声明来源:上游声明。
getOffset 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, idx: number, alignment: AsamDynamicSizeGridAlignment, offset: number, cache: ReturnType<P>): number
getStartIndexForOffset
必填:是;声明来源:上游声明。
getStartIndexForOffset 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, offset: number, cache: ReturnType<P>): number
getStopIndexForStartIndex
必填:是;声明来源:上游声明。
getStopIndexForStartIndex 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, startIndex: number, scrollOffset: number, cache: ReturnType<P>): number
initCache
必填:是;声明来源:上游声明。
initCache 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): AsamDynamicSizeGridListCache
clearCache
必填:是;声明来源:上游声明。
clearCache 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
validateProps
必填:是;声明来源:上游声明。
validateProps 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(props: T): void
AsamDynamicSizeGridListConstructorProps 公开类型视图
import type { AsamDynamicSizeGridListConstructorProps, AsamDynamicSizeGridInitListCacheFunc, AsamDynamicSizeGridProps, AsamDynamicSizeGridListItemSizer, AsamDynamicSizeGridGetEstimatedTotalSize, AsamDynamicSizeGridGetOffset, AsamDynamicSizeGridAlignment, AsamDynamicSizeGridGetStartIndexForOffset, AsamDynamicSizeGridGetStopIndexForStartIndex, AsamDynamicSizeGridDynamicSizeListInstance, AsamDynamicSizeGridListCache, AsamDynamicSizeGridPropValidator } from '@asam-ui/ui';
// AsamDynamicSizeGridListConstructorProps
type PublicContract<T, P extends AsamDynamicSizeGridInitListCacheFunc<T> = AsamDynamicSizeGridInitListCacheFunc<T>> = {
"name"?: string | undefined;
"getItemOffset": AsamDynamicSizeGridListItemSizer<T, P>;
"getEstimatedTotalSize": AsamDynamicSizeGridGetEstimatedTotalSize<T, P>;
"getItemSize": AsamDynamicSizeGridListItemSizer<T, P>;
"getOffset": AsamDynamicSizeGridGetOffset<T, P>;
"getStartIndexForOffset": AsamDynamicSizeGridGetStartIndexForOffset<T, P>;
"getStopIndexForStartIndex": AsamDynamicSizeGridGetStopIndexForStartIndex<T, P>;
"initCache": P;
"clearCache": boolean;
"validateProps": AsamDynamicSizeGridPropValidator<T>;
};
参数与事件说明
scrollTo
必填:是;声明来源:上游声明。
scrollTo 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(offset: number): void
scrollToItem
必填:是;声明来源:上游声明。
scrollToItem 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number, alignment?: AsamDynamicSizeGridAlignment | undefined): void
states
必填:是;声明来源:上游声明。
windowRef
必填:是;声明来源:上游声明。
windowRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerRef
必填:是;声明来源:上游声明。
innerRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
getItemStyleCache
必填:是;声明来源:上游声明。
getItemStyleCache 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(_: any, __: any, ___: any): AsamDynamicSizeGridGridDefaultSlotParams["style"]
AsamDynamicSizeGridListExposes 公开类型视图
import type { Ref } from 'vue';
import type { AsamDynamicSizeGridListExposes, AsamDynamicSizeGridProps, AsamDynamicSizeGridAlignment, AsamDynamicSizeGridGridStates, AsamDynamicSizeGridExposesStates, AsamDynamicSizeGridExpose, AsamDynamicSizeGridGridExposes, AsamDynamicSizeGridGridDefaultSlotParams } from '@asam-ui/ui';
// AsamDynamicSizeGridListExposes
type PublicContract = {
"scrollTo": (offset: number) => void;
"scrollToItem": (idx: number, alignment?: AsamDynamicSizeGridAlignment) => void;
"states": { scrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"]; scrollOffset: number; } & AsamDynamicSizeGridExposesStates;
"windowRef": Ref<AsamDynamicSizeGridExpose["windowRef"], AsamDynamicSizeGridExpose["windowRef"]>;
"innerRef": Ref<AsamDynamicSizeGridExpose["windowRef"], AsamDynamicSizeGridExpose["windowRef"]>;
"getItemStyleCache": (_: any, __: any, ___: any) => AsamDynamicSizeGridGridDefaultSlotParams["style"];
};
参数与事件说明
offset
必填:是;声明来源:上游声明。
size
必填:是;声明来源:上游声明。
AsamDynamicSizeGridListItem 公开类型视图
import type { AsamDynamicSizeGridListItem, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridListItem
type PublicContract = {
"offset": number;
"size": number;
};
AsamDynamicSizeGridListItemSizer 公开类型视图
import type { AsamDynamicSizeGridListItemSizer, AsamDynamicSizeGridInitListCacheFunc, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridListItemSizer
type PublicContract<T, P extends AsamDynamicSizeGridInitListCacheFunc<T>> = {
(props: T, index: number, cache: ReturnType<P>): number;
};
AsamDynamicSizeGridPropValidator 公开类型视图
import type { AsamDynamicSizeGridPropValidator } from '@asam-ui/ui';
// AsamDynamicSizeGridPropValidator
type PublicContract<T> = {
(props: T): void;
};
组合契约按分支生效;请同时查看公开类型。
AsamDynamicSizeGridRTLOffsetType 公开类型视图
import type { AsamDynamicSizeGridRTLOffsetType } from '@asam-ui/ui';
// AsamDynamicSizeGridRTLOffsetType
type PublicContract = AsamDynamicSizeGridRTLOffsetType;
AsamDynamicSizeGridResetAfterIndex 公开类型视图
import type { AsamDynamicSizeGridResetAfterIndex, AsamDynamicSizeGridProps, AsamDynamicSizeGridDynamicSizeListInstance } from '@asam-ui/ui';
// AsamDynamicSizeGridResetAfterIndex
type PublicContract = {
(idx: number, forceUpdate: boolean): void;
};
AsamDynamicSizeGridResetAfterIndices 公开类型视图
import type { AsamDynamicSizeGridResetAfterIndices, AsamDynamicSizeGridDynamicSizeListInstance } from '@asam-ui/ui';
// AsamDynamicSizeGridResetAfterIndices
type PublicContract = {
(indices: Parameters<AsamDynamicSizeGridResetAfterIndices>[0], forceUpdate: boolean): void;
};
组合契约按分支生效;请同时查看公开类型。
AsamDynamicSizeGridScrollDir 公开类型视图
import type { AsamDynamicSizeGridScrollDir } from '@asam-ui/ui';
// AsamDynamicSizeGridScrollDir
type PublicContract = AsamDynamicSizeGridScrollDir;
参数与事件说明
onMouseUp
必填:是;声明来源:上游声明。
onMouseUp 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(): void
AsamDynamicSizeGridScrollbarExpose 公开类型视图
import type { AsamDynamicSizeGridScrollbarExpose } from '@asam-ui/ui';
// AsamDynamicSizeGridScrollbarExpose
type PublicContract = {
"onMouseUp": () => void;
};
参数与事件说明
windowRef
必填:是;声明来源:上游声明。
windowRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerRef
必填:是;声明来源:上游声明。
innerRef 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
getItemStyleCache
必填:是;声明来源:上游声明。
getItemStyleCache 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(_: any, __: any, ___: any): AsamDynamicSizeGridGridDefaultSlotParams["style"]
AsamDynamicSizeGridSharedExposes 公开类型视图
import type { Ref } from 'vue';
import type { AsamDynamicSizeGridSharedExposes, AsamDynamicSizeGridExpose, AsamDynamicSizeGridGridExposes, AsamDynamicSizeGridGridDefaultSlotParams } from '@asam-ui/ui';
// AsamDynamicSizeGridSharedExposes
type PublicContract = {
"windowRef": Ref<AsamDynamicSizeGridExpose["windowRef"], AsamDynamicSizeGridExpose["windowRef"]>;
"innerRef": Ref<AsamDynamicSizeGridExpose["windowRef"], AsamDynamicSizeGridExpose["windowRef"]>;
"getItemStyleCache": (_: any, __: any, ___: any) => AsamDynamicSizeGridGridDefaultSlotParams["style"];
};
参数与事件说明
className
必填:是;声明来源:上游声明。
className 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
默认值与来源
未知 / 未声明固定上游源码默认表达式:''(2.14.7;源码事实,未作为 ASAM 运行实测)
data
必填:是;声明来源:上游声明。
data 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码工厂(未执行):() => mutable([] as const)(2.14.7;源码事实,未作为 ASAM 运行实测)
height
必填:是;声明来源:上游声明。
height 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
scrollbarAlwaysOn
必填:是;声明来源:上游声明。
scrollbarAlwaysOn 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
containerElement
必填:是;声明来源:上游声明。
containerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:'div'(2.14.7;源码事实,未作为 ASAM 运行实测)
direction
必填:是;声明来源:上游声明。
direction 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"ltr" / "rtl"
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerElement
必填:是;声明来源:上游声明。
innerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:'div'(2.14.7;源码事实,未作为 ASAM 运行实测)
innerProps
必填:是;声明来源:上游声明。
innerProps 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码工厂(未执行):() => ({})(2.14.7;源码事实,未作为 ASAM 运行实测)
useIsScrolling
必填:是;声明来源:上游声明。
useIsScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
perfMode
必填:是;声明来源:上游声明。
perfMode 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:true(2.14.7;源码事实,未作为 ASAM 运行实测)
columnCache
必填:是;声明来源:上游声明。
columnWidth
必填:是;声明来源:上游声明。
columnWidth 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number): number
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
initScrollLeft
必填:是;声明来源:上游声明。
initScrollTop
必填:是;声明来源:上游声明。
itemKey
必填:是;声明来源:上游声明。
itemKey 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:<T extends { [key: string]: any; [key: number]: any; }>(args: { columnIndex: number; data: T; rowIndex: number; }): string | number
默认值与来源
未知 / 未声明固定上游源码函数默认值(作为值,不执行):({
columnIndex,
rowIndex,
}: {
columnIndex: number
rowIndex: number
}) => `${rowIndex}:${columnIndex}`(2.14.7;源码事实,未作为 ASAM 运行实测)
rowCache
必填:是;声明来源:上游声明。
rowHeight
必填:是;声明来源:上游声明。
rowHeight 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number): number
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
totalColumn
必填:是;声明来源:上游声明。
totalRow
必填:是;声明来源:上游声明。
hScrollbarSize
必填:是;声明来源:上游声明。
vScrollbarSize
必填:是;声明来源:上游声明。
scrollbarStartGap
必填:是;声明来源:上游声明。
scrollbarEndGap
必填:是;声明来源:上游声明。
style
必填:否;声明来源:上游声明。
style 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:undefined(2.14.7;源码事实,未作为 ASAM 运行实测)
role
必填:否;声明来源:上游声明。
width
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
innerWidth
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
estimatedColumnWidth
必填:否;声明来源:上游声明。
estimatedRowHeight
必填:否;声明来源:上游声明。
AsamDynamicSizeGridVirtualizedGridProps 公开类型视图
import type { AsamDynamicSizeGridVirtualizedGridProps, AsamDynamicSizeGridProps, AsamDynamicSizeGridDynamicSizeListInstance, AsamDynamicSizeGridItemSize, AsamDynamicSizeGridGridItemKeyGetter, AsamDynamicSizeGridGridInstance } from '@asam-ui/ui';
// AsamDynamicSizeGridVirtualizedGridProps
type PublicContract = {
readonly "className": string | false | Record<string, any> | AsamDynamicSizeGridProps["className"][] | null;
readonly "data": any[];
readonly "height": (AsamDynamicSizeGridVirtualizedGridProps)["height"];
readonly "scrollbarAlwaysOn": boolean;
readonly "containerElement": (AsamDynamicSizeGridVirtualizedGridProps)["containerElement"];
readonly "direction": (AsamDynamicSizeGridVirtualizedGridProps)["direction"];
readonly "innerElement": (AsamDynamicSizeGridVirtualizedGridProps)["innerElement"];
readonly "innerProps": Record<string, unknown>;
readonly "useIsScrolling": boolean;
readonly "perfMode": (AsamDynamicSizeGridVirtualizedGridProps)["perfMode"];
readonly "columnCache": number;
readonly "columnWidth": (AsamDynamicSizeGridVirtualizedGridProps)["columnWidth"];
readonly "initScrollLeft": number;
readonly "initScrollTop": number;
readonly "itemKey": AsamDynamicSizeGridGridItemKeyGetter;
readonly "rowCache": number;
readonly "rowHeight": (AsamDynamicSizeGridVirtualizedGridProps)["rowHeight"];
readonly "totalColumn": number;
readonly "totalRow": number;
readonly "hScrollbarSize": number;
readonly "vScrollbarSize": number;
readonly "scrollbarStartGap": number;
readonly "scrollbarEndGap": number;
readonly "style"?: (AsamDynamicSizeGridVirtualizedGridProps)["style"];
readonly "role"?: string | undefined;
readonly "width"?: (AsamDynamicSizeGridVirtualizedGridProps)["width"];
readonly "innerWidth"?: (AsamDynamicSizeGridVirtualizedGridProps)["innerWidth"];
readonly "estimatedColumnWidth"?: number | undefined;
readonly "estimatedRowHeight"?: number | undefined;
};
参数与事件说明
height
必填:是;声明来源:上游声明。
height 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
columnWidth
必填:是;声明来源:上游声明。
columnWidth 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number): number
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
rowHeight
必填:是;声明来源:上游声明。
rowHeight 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number): number
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
totalColumn
必填:是;声明来源:上游声明。
totalRow
必填:是;声明来源:上游声明。
style
必填:否;声明来源:上游声明。
style 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:undefined(2.14.7;源码事实,未作为 ASAM 运行实测)
className
必填:否;声明来源:上游声明。
className 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
默认值与来源
未知 / 未声明固定上游源码默认表达式:''(2.14.7;源码事实,未作为 ASAM 运行实测)
role
必填:否;声明来源:上游声明。
width
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
data
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码工厂(未执行):() => mutable([] as const)(2.14.7;源码事实,未作为 ASAM 运行实测)
scrollbarAlwaysOn
必填:否;声明来源:上游声明。
scrollbarAlwaysOn 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
containerElement
必填:否;声明来源:上游声明。
containerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:大型实例类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:'div'(2.14.7;源码事实,未作为 ASAM 运行实测)
direction
必填:否;声明来源:上游声明。
direction 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"ltr" / "rtl"
innerElement
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式:'div'(2.14.7;源码事实,未作为 ASAM 运行实测)
innerProps
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码工厂(未执行):() => ({})(2.14.7;源码事实,未作为 ASAM 运行实测)
useIsScrolling
必填:否;声明来源:上游声明。
useIsScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
innerWidth
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
perfMode
必填:否;声明来源:上游声明。
perfMode 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
默认值与来源
未知 / 未声明固定上游源码默认表达式:true(2.14.7;源码事实,未作为 ASAM 运行实测)
columnCache
必填:否;声明来源:上游声明。
estimatedColumnWidth
必填:否;声明来源:上游声明。
estimatedRowHeight
必填:否;声明来源:上游声明。
initScrollLeft
必填:否;声明来源:上游声明。
initScrollTop
必填:否;声明来源:上游声明。
itemKey
必填:否;声明来源:上游声明。
itemKey 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:<T extends { [key: string]: any; [key: number]: any; }>(args: { columnIndex: number; data: T; rowIndex: number; }): string | number
默认值与来源
未知 / 未声明固定上游源码函数默认值(作为值,不执行):({
columnIndex,
rowIndex,
}: {
columnIndex: number
rowIndex: number
}) => `${rowIndex}:${columnIndex}`(2.14.7;源码事实,未作为 ASAM 运行实测)
rowCache
必填:否;声明来源:上游声明。
hScrollbarSize
必填:否;声明来源:上游声明。
vScrollbarSize
必填:否;声明来源:上游声明。
scrollbarStartGap
必填:否;声明来源:上游声明。
scrollbarEndGap
必填:否;声明来源:上游声明。
AsamDynamicSizeGridVirtualizedGridPropsPublic 公开类型视图
import type { AsamDynamicSizeGridVirtualizedGridPropsPublic, AsamDynamicSizeGridProps, AsamDynamicSizeGridItemSize, AsamDynamicSizeGridVirtualizedGridProps, AsamDynamicSizeGridGridItemKeyGetter } from '@asam-ui/ui';
// AsamDynamicSizeGridVirtualizedGridPropsPublic
type PublicContract = {
readonly "height": (AsamDynamicSizeGridVirtualizedGridPropsPublic)["height"];
readonly "columnWidth": (AsamDynamicSizeGridVirtualizedGridPropsPublic)["columnWidth"];
readonly "rowHeight": (AsamDynamicSizeGridVirtualizedGridPropsPublic)["rowHeight"];
readonly "totalColumn": number;
readonly "totalRow": number;
readonly "style"?: (AsamDynamicSizeGridVirtualizedGridPropsPublic)["style"];
readonly "className"?: AsamDynamicSizeGridProps["className"];
readonly "role"?: string | undefined;
readonly "width"?: (AsamDynamicSizeGridVirtualizedGridPropsPublic)["width"];
readonly "data"?: any[] | undefined;
readonly "scrollbarAlwaysOn"?: boolean | undefined;
readonly "containerElement"?: (AsamDynamicSizeGridVirtualizedGridPropsPublic)["containerElement"];
readonly "direction"?: (AsamDynamicSizeGridVirtualizedGridPropsPublic)["direction"];
readonly "innerElement"?: (AsamDynamicSizeGridVirtualizedGridPropsPublic)["innerElement"];
readonly "innerProps"?: Record<string, unknown> | undefined;
readonly "useIsScrolling"?: boolean | undefined;
readonly "innerWidth"?: (AsamDynamicSizeGridVirtualizedGridPropsPublic)["innerWidth"];
readonly "perfMode"?: (AsamDynamicSizeGridVirtualizedGridPropsPublic)["perfMode"];
readonly "columnCache"?: number | undefined;
readonly "estimatedColumnWidth"?: number | undefined;
readonly "estimatedRowHeight"?: number | undefined;
readonly "initScrollLeft"?: number | undefined;
readonly "initScrollTop"?: number | undefined;
readonly "itemKey"?: AsamDynamicSizeGridGridItemKeyGetter | undefined;
readonly "rowCache"?: number | undefined;
readonly "hScrollbarSize"?: number | undefined;
readonly "vScrollbarSize"?: number | undefined;
readonly "scrollbarStartGap"?: number | undefined;
readonly "scrollbarEndGap"?: number | undefined;
};
参数与事件说明
className
必填:是;声明来源:上游声明。
className 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
默认值与来源
未知 / 未声明固定上游源码默认表达式:''(2.14.7;源码事实,未作为 ASAM 运行实测)
data
必填:是;声明来源:上游声明。
data 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码工厂(未执行):() => mutable([] as const)(2.14.7;源码事实,未作为 ASAM 运行实测)
height
必填:是;声明来源:上游声明。
height 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
scrollbarAlwaysOn
必填:是;声明来源:上游声明。
scrollbarAlwaysOn 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
layout
必填:是;声明来源:上游声明。
layout 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"horizontal" / "vertical"
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
containerElement
必填:是;声明来源:上游声明。
containerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:'div'(2.14.7;源码事实,未作为 ASAM 运行实测)
direction
必填:是;声明来源:上游声明。
direction 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"ltr" / "rtl"
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerElement
必填:是;声明来源:上游声明。
innerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:'div'(2.14.7;源码事实,未作为 ASAM 运行实测)
innerProps
必填:是;声明来源:上游声明。
innerProps 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码工厂(未执行):() => ({})(2.14.7;源码事实,未作为 ASAM 运行实测)
useIsScrolling
必填:是;声明来源:上游声明。
useIsScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
perfMode
必填:是;声明来源:上游声明。
perfMode 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:true(2.14.7;源码事实,未作为 ASAM 运行实测)
cache
必填:是;声明来源:上游声明。
initScrollOffset
必填:是;声明来源:上游声明。
total
必填:是;声明来源:上游声明。
itemSize
必填:是;声明来源:上游声明。
itemSize 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number): number
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
style
必填:否;声明来源:上游声明。
style 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:undefined(2.14.7;源码事实,未作为 ASAM 运行实测)
width
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
innerWidth
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
estimatedItemSize
必填:否;声明来源:上游声明。
AsamDynamicSizeGridVirtualizedListProps 公开类型视图
import type { AsamDynamicSizeGridVirtualizedListProps, AsamDynamicSizeGridProps, AsamDynamicSizeGridVirtualizedGridProps, AsamDynamicSizeGridDynamicSizeListInstance, AsamDynamicSizeGridItemSize } from '@asam-ui/ui';
// AsamDynamicSizeGridVirtualizedListProps
type PublicContract = {
readonly "className": string | false | Record<string, any> | AsamDynamicSizeGridProps["className"][] | null;
readonly "data": any[];
readonly "height": (AsamDynamicSizeGridVirtualizedListProps)["height"];
readonly "scrollbarAlwaysOn": boolean;
readonly "layout": (AsamDynamicSizeGridVirtualizedListProps)["layout"];
readonly "containerElement": (AsamDynamicSizeGridVirtualizedListProps)["containerElement"];
readonly "direction": (AsamDynamicSizeGridVirtualizedListProps)["direction"];
readonly "innerElement": (AsamDynamicSizeGridVirtualizedListProps)["innerElement"];
readonly "innerProps": Record<string, unknown>;
readonly "useIsScrolling": boolean;
readonly "perfMode": (AsamDynamicSizeGridVirtualizedListProps)["perfMode"];
readonly "cache": number;
readonly "initScrollOffset": number;
readonly "total": number;
readonly "itemSize": (AsamDynamicSizeGridVirtualizedListProps)["itemSize"];
readonly "style"?: (AsamDynamicSizeGridVirtualizedListProps)["style"];
readonly "width"?: (AsamDynamicSizeGridVirtualizedListProps)["width"];
readonly "innerWidth"?: (AsamDynamicSizeGridVirtualizedListProps)["innerWidth"];
readonly "estimatedItemSize"?: number | undefined;
};
参数与事件说明
height
必填:是;声明来源:上游声明。
height 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
total
必填:是;声明来源:上游声明。
itemSize
必填:是;声明来源:上游声明。
itemSize 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
事件参数:(idx: number): number
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
style
必填:否;声明来源:上游声明。
style 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:undefined(2.14.7;源码事实,未作为 ASAM 运行实测)
className
必填:否;声明来源:上游声明。
className 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
默认值与来源
未知 / 未声明固定上游源码默认表达式:''(2.14.7;源码事实,未作为 ASAM 运行实测)
width
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
data
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码工厂(未执行):() => mutable([] as const)(2.14.7;源码事实,未作为 ASAM 运行实测)
scrollbarAlwaysOn
必填:否;声明来源:上游声明。
scrollbarAlwaysOn 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
layout
必填:否;声明来源:上游声明。
layout 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"horizontal" / "vertical"
containerElement
必填:否;声明来源:上游声明。
containerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:大型实例类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:'div'(2.14.7;源码事实,未作为 ASAM 运行实测)
direction
必填:否;声明来源:上游声明。
direction 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"ltr" / "rtl"
innerElement
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式:'div'(2.14.7;源码事实,未作为 ASAM 运行实测)
innerProps
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码工厂(未执行):() => ({})(2.14.7;源码事实,未作为 ASAM 运行实测)
useIsScrolling
必填:否;声明来源:上游声明。
useIsScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
innerWidth
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
perfMode
必填:否;声明来源:上游声明。
perfMode 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
默认值与来源
未知 / 未声明固定上游源码默认表达式:true(2.14.7;源码事实,未作为 ASAM 运行实测)
cache
必填:否;声明来源:上游声明。
estimatedItemSize
必填:否;声明来源:上游声明。
initScrollOffset
必填:否;声明来源:上游声明。
AsamDynamicSizeGridVirtualizedListPropsPublic 公开类型视图
import type { AsamDynamicSizeGridVirtualizedListPropsPublic, AsamDynamicSizeGridProps, AsamDynamicSizeGridItemSize, AsamDynamicSizeGridVirtualizedListProps } from '@asam-ui/ui';
// AsamDynamicSizeGridVirtualizedListPropsPublic
type PublicContract = {
readonly "height": (AsamDynamicSizeGridVirtualizedListPropsPublic)["height"];
readonly "total": number;
readonly "itemSize": (AsamDynamicSizeGridVirtualizedListPropsPublic)["itemSize"];
readonly "style"?: (AsamDynamicSizeGridVirtualizedListPropsPublic)["style"];
readonly "className"?: AsamDynamicSizeGridProps["className"];
readonly "width"?: (AsamDynamicSizeGridVirtualizedListPropsPublic)["width"];
readonly "data"?: any[] | undefined;
readonly "scrollbarAlwaysOn"?: boolean | undefined;
readonly "layout"?: (AsamDynamicSizeGridVirtualizedListPropsPublic)["layout"];
readonly "containerElement"?: (AsamDynamicSizeGridVirtualizedListPropsPublic)["containerElement"];
readonly "direction"?: (AsamDynamicSizeGridVirtualizedListPropsPublic)["direction"];
readonly "innerElement"?: (AsamDynamicSizeGridVirtualizedListPropsPublic)["innerElement"];
readonly "innerProps"?: Record<string, unknown> | undefined;
readonly "useIsScrolling"?: boolean | undefined;
readonly "innerWidth"?: (AsamDynamicSizeGridVirtualizedListPropsPublic)["innerWidth"];
readonly "perfMode"?: (AsamDynamicSizeGridVirtualizedListPropsPublic)["perfMode"];
readonly "cache"?: number | undefined;
readonly "estimatedItemSize"?: number | undefined;
readonly "initScrollOffset"?: number | undefined;
};
参数与事件说明
className
必填:是;声明来源:上游声明。
className 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
默认值与来源
未知 / 未声明固定上游源码默认表达式:''(2.14.7;源码事实,未作为 ASAM 运行实测)
data
必填:是;声明来源:上游声明。
data 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码工厂(未执行):() => mutable([] as const)(2.14.7;源码事实,未作为 ASAM 运行实测)
height
必填:是;声明来源:上游声明。
height 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
scrollbarAlwaysOn
必填:是;声明来源:上游声明。
scrollbarAlwaysOn 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
containerElement
必填:是;声明来源:上游声明。
containerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:'div'(2.14.7;源码事实,未作为 ASAM 运行实测)
direction
必填:是;声明来源:上游声明。
direction 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"ltr" / "rtl"
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
innerElement
必填:是;声明来源:上游声明。
innerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:'div'(2.14.7;源码事实,未作为 ASAM 运行实测)
innerProps
必填:是;声明来源:上游声明。
innerProps 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码工厂(未执行):() => ({})(2.14.7;源码事实,未作为 ASAM 运行实测)
useIsScrolling
必填:是;声明来源:上游声明。
useIsScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
perfMode
必填:是;声明来源:上游声明。
perfMode 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:true(2.14.7;源码事实,未作为 ASAM 运行实测)
style
必填:否;声明来源:上游声明。
style 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:undefined(2.14.7;源码事实,未作为 ASAM 运行实测)
width
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
innerWidth
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
AsamDynamicSizeGridVirtualizedProps 公开类型视图
import type { AsamDynamicSizeGridVirtualizedProps, AsamDynamicSizeGridProps, AsamDynamicSizeGridVirtualizedGridProps, AsamDynamicSizeGridDynamicSizeListInstance } from '@asam-ui/ui';
// AsamDynamicSizeGridVirtualizedProps
type PublicContract = {
readonly "className": string | false | Record<string, any> | AsamDynamicSizeGridProps["className"][] | null;
readonly "data": any[];
readonly "height": (AsamDynamicSizeGridVirtualizedProps)["height"];
readonly "scrollbarAlwaysOn": boolean;
readonly "containerElement": (AsamDynamicSizeGridVirtualizedProps)["containerElement"];
readonly "direction": (AsamDynamicSizeGridVirtualizedProps)["direction"];
readonly "innerElement": (AsamDynamicSizeGridVirtualizedProps)["innerElement"];
readonly "innerProps": Record<string, unknown>;
readonly "useIsScrolling": boolean;
readonly "perfMode": (AsamDynamicSizeGridVirtualizedProps)["perfMode"];
readonly "style"?: (AsamDynamicSizeGridVirtualizedProps)["style"];
readonly "width"?: (AsamDynamicSizeGridVirtualizedProps)["width"];
readonly "innerWidth"?: (AsamDynamicSizeGridVirtualizedProps)["innerWidth"];
};
参数与事件说明
height
必填:是;声明来源:上游声明。
height 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
style
必填:否;声明来源:上游声明。
style 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:undefined(2.14.7;源码事实,未作为 ASAM 运行实测)
className
必填:否;声明来源:上游声明。
className 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
默认值与来源
未知 / 未声明固定上游源码默认表达式:''(2.14.7;源码事实,未作为 ASAM 运行实测)
width
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
data
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码工厂(未执行):() => mutable([] as const)(2.14.7;源码事实,未作为 ASAM 运行实测)
scrollbarAlwaysOn
必填:否;声明来源:上游声明。
scrollbarAlwaysOn 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
containerElement
必填:否;声明来源:上游声明。
containerElement 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
嵌套展开边界:大型实例类型;完整类型见公开类型视图。
默认值与来源
未知 / 未声明固定上游源码默认表达式:'div'(2.14.7;源码事实,未作为 ASAM 运行实测)
direction
必填:否;声明来源:上游声明。
direction 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"ltr" / "rtl"
innerElement
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码默认表达式:'div'(2.14.7;源码事实,未作为 ASAM 运行实测)
innerProps
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码工厂(未执行):() => ({})(2.14.7;源码事实,未作为 ASAM 运行实测)
useIsScrolling
必填:否;声明来源:上游声明。
useIsScrolling 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
innerWidth
必填:否;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
perfMode
必填:否;声明来源:上游声明。
perfMode 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
默认值与来源
未知 / 未声明固定上游源码默认表达式:true(2.14.7;源码事实,未作为 ASAM 运行实测)
AsamDynamicSizeGridVirtualizedPropsPublic 公开类型视图
import type { AsamDynamicSizeGridVirtualizedPropsPublic, AsamDynamicSizeGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridVirtualizedPropsPublic
type PublicContract = {
readonly "height": (AsamDynamicSizeGridVirtualizedPropsPublic)["height"];
readonly "style"?: (AsamDynamicSizeGridVirtualizedPropsPublic)["style"];
readonly "className"?: AsamDynamicSizeGridProps["className"];
readonly "width"?: (AsamDynamicSizeGridVirtualizedPropsPublic)["width"];
readonly "data"?: any[] | undefined;
readonly "scrollbarAlwaysOn"?: boolean | undefined;
readonly "containerElement"?: (AsamDynamicSizeGridVirtualizedPropsPublic)["containerElement"];
readonly "direction"?: (AsamDynamicSizeGridVirtualizedPropsPublic)["direction"];
readonly "innerElement"?: (AsamDynamicSizeGridVirtualizedPropsPublic)["innerElement"];
readonly "innerProps"?: Record<string, unknown> | undefined;
readonly "useIsScrolling"?: boolean | undefined;
readonly "innerWidth"?: (AsamDynamicSizeGridVirtualizedPropsPublic)["innerWidth"];
readonly "perfMode"?: (AsamDynamicSizeGridVirtualizedPropsPublic)["perfMode"];
};
参数与事件说明
visible
必填:是;声明来源:上游声明。
visible 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
layout
必填:是;声明来源:上游声明。
layout 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"horizontal" / "vertical"
嵌套展开边界:框架 / 平台类型;完整类型见公开类型视图。
class
必填:是;声明来源:上游声明。
class 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
默认值与来源
未知 / 未声明固定上游源码默认表达式:''(2.14.7;源码事实,未作为 ASAM 运行实测)
total
必填:是;声明来源:上游声明。
clientSize
必填:是;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
alwaysOn
必填:是;声明来源:上游声明。
alwaysOn 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
ratio
必填:是;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
scrollFrom
必填:是;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
scrollbarSize
必填:是;声明来源:上游声明。
startGap
必填:是;声明来源:上游声明。
endGap
必填:是;声明来源:上游声明。
AsamDynamicSizeGridVirtualizedScrollbarProps 公开类型视图
import type { AsamDynamicSizeGridVirtualizedScrollbarProps, AsamDynamicSizeGridDynamicSizeListInstance, AsamDynamicSizeGridProps, AsamDynamicSizeGridVirtualizedGridProps } from '@asam-ui/ui';
// AsamDynamicSizeGridVirtualizedScrollbarProps
type PublicContract = {
readonly "visible": boolean;
readonly "layout": (AsamDynamicSizeGridVirtualizedScrollbarProps)["layout"];
readonly "class": string | false | Record<string, any> | AsamDynamicSizeGridProps["className"][] | null;
readonly "total": number;
readonly "clientSize": number;
readonly "alwaysOn": boolean;
readonly "ratio": number;
readonly "scrollFrom": number;
readonly "scrollbarSize": number;
readonly "startGap": number;
readonly "endGap": number;
};
参数与事件说明
total
必填:是;声明来源:上游声明。
clientSize
必填:是;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
ratio
必填:是;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
scrollFrom
必填:是;声明来源:上游声明。
默认值与来源
未知 / 未声明固定上游源码未声明 default(2.14.7;源码事实,未作为 ASAM 运行实测)
visible
必填:否;声明来源:上游声明。
visible 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
layout
必填:否;声明来源:上游声明。
layout 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:"horizontal" / "vertical"
class
必填:否;声明来源:上游声明。
class 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false
默认值与来源
未知 / 未声明固定上游源码默认表达式:''(2.14.7;源码事实,未作为 ASAM 运行实测)
alwaysOn
必填:否;声明来源:上游声明。
alwaysOn 参数与事件数据
下列为声明可读视图;可导入类型以公开类型视图为准。分支条件与父属性一致。
枚举:false / true
scrollbarSize
必填:否;声明来源:上游声明。
startGap
必填:否;声明来源:上游声明。
endGap
必填:否;声明来源:上游声明。
AsamDynamicSizeGridVirtualizedScrollbarPropsPublic 公开类型视图
import type { AsamDynamicSizeGridVirtualizedScrollbarPropsPublic, AsamDynamicSizeGridProps, AsamDynamicSizeGridVirtualizedListPropsPublic } from '@asam-ui/ui';
// AsamDynamicSizeGridVirtualizedScrollbarPropsPublic
type PublicContract = {
readonly "total": number;
readonly "clientSize": number;
readonly "ratio": number;
readonly "scrollFrom": number;
readonly "visible"?: boolean | undefined;
readonly "layout"?: (AsamDynamicSizeGridVirtualizedScrollbarPropsPublic)["layout"];
readonly "class"?: AsamDynamicSizeGridProps["className"];
readonly "alwaysOn"?: boolean | undefined;
readonly "scrollbarSize"?: number | undefined;
readonly "startGap"?: number | undefined;
readonly "endGap"?: number | undefined;
};
参数与事件说明
itemRendered
必填:是;声明来源:ASAM 声明。
scroll
必填:是;声明来源:ASAM 声明。
AsamDynamicSizeGridEmits 公开类型视图
import type { AsamDynamicSizeGridEmits, AsamDynamicSizeGridGridItemRenderedEvtParams, AsamDynamicSizeGridGridStates } from '@asam-ui/ui';
// AsamDynamicSizeGridEmits
type PublicContract = {
"itemRendered": [range: AsamDynamicSizeGridGridItemRenderedEvtParams];
"scroll": [position: Pick<AsamDynamicSizeGridGridStates, "scrollLeft" | "scrollTop" | "xAxisScrollDir" | "yAxisScrollDir" | "updateRequested">];
};