虚拟滚动

动态尺寸虚拟网格 AsamDynamicSizeGrid

在有限视窗内渲染可见行列单元格。

使用场景 ​

在有限视窗内渲染可见行列单元格。

契约与组合 ​

这是虚拟网格基础入口,只渲染可见范围与 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,宿主数据不受影响。

基础用法与状态 ​

基础用法与状态

展开源码

首尾定位、动态尺寸、RTL 与滚动条 ​

首尾定位、动态尺寸、RTL 与滚动条

展开源码

实例、类型与边界 ​

公开 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 | undefinedfalse
containerElement—(AsamDynamicSizeGridProps)["containerElement"]"div"
direction—enum"ltr" | "rtl"完整类型:(AsamDynamicSizeGridProps)["direction"]"ltr"
innerElement—(AsamDynamicSizeGridProps)["innerElement"]"div"
innerProps—Record<string, unknown> | undefined工厂函数(每个实例创建)
useIsScrolling—boolean | undefinedfalse
innerWidth—(AsamDynamicSizeGridProps)["innerWidth"]—
perfMode—(AsamDynamicSizeGridProps)["perfMode"]true
columnCache—number | undefined2
estimatedColumnWidth—number | undefined—
estimatedRowHeight—number | undefined—
initScrollLeft—number | undefined0
initScrollTop—number | undefined0
itemKey—AsamDynamicSizeGridGridItemKeyGetter | undefined函数默认值(作为值传递)
rowCache—number | undefined2
totalColumn—number—
totalRow—number—
hScrollbarSize—number | undefined6
vScrollbarSize—number | undefined6
scrollbarStartGap—number | undefined0
scrollbarEndGap—number | undefined2
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

属性名说明类型默认值
defaultVNode 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

ts
(props: T, cache: ReturnType<P>): number

类型 AsamDynamicSizeGridGetGridOffset

ts
(props: T, index: number, alignment: AsamDynamicSizeGridAlignment, offset: number, cache: ReturnType<P>, scrollbarWidth: number): number

类型 AsamDynamicSizeGridGetOffset

ts
(props: T, idx: number, alignment: AsamDynamicSizeGridAlignment, offset: number, cache: ReturnType<P>): number

类型 AsamDynamicSizeGridGetPosition

ts
(props: T, index: number, cache: ReturnType<P>): [number, number]

类型 AsamDynamicSizeGridGetStartIndexForOffset

ts
(props: T, offset: number, cache: ReturnType<P>): number

类型 AsamDynamicSizeGridGetStopIndexForStartIndex

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

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

ts
(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): P

类型 AsamDynamicSizeGridInitGridCacheFunc

ts
(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): AsamDynamicSizeGridGridCache

类型 AsamDynamicSizeGridInitListCacheFunc

ts
(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): AsamDynamicSizeGridListCache

类型 AsamDynamicSizeGridItemProps

属性名说明类型默认值
data—T—
style—AsamDynamicSizeGridGridDefaultSlotParams["style"]—
scrolling—boolean | undefined—
index—number—

类型 AsamDynamicSizeGridItemSize

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

ts
(props: T, index: number, cache: ReturnType<P>): number

类型 AsamDynamicSizeGridPropValidator

ts
(props: T): void

类型 AsamDynamicSizeGridRTLOffsetType

类型 AsamDynamicSizeGridResetAfterIndex

ts
(idx: number, forceUpdate: boolean): void

类型 AsamDynamicSizeGridResetAfterIndices

ts
(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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
import type { VNode } from 'vue';
import type { AsamDynamicSizeGridSlots, AsamDynamicSizeGridGridDefaultSlotParams } from '@asam-ui/ui';

// AsamDynamicSizeGridSlots
type PublicContract = {
	"default"?: ((scope: AsamDynamicSizeGridGridDefaultSlotParams) => VNode[]) | undefined;
};

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

AsamDynamicSizeGridAlignment 公开类型视图
ts
import type { AsamDynamicSizeGridAlignment } from '@asam-ui/ui';

// AsamDynamicSizeGridAlignment
type PublicContract = AsamDynamicSizeGridAlignment;

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

AsamDynamicSizeGridDirection 公开类型视图
ts
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): string

  • ns.e: (element?: string) => string — 上游声明

    事件参数:(element?: string | undefined): string

  • ns.m: (modifier?: string) => string — 上游声明

    事件参数:(modifier?: string | undefined): string

  • ns.be: (blockSuffix?: string, element?: string) => string — 上游声明

    事件参数:(blockSuffix?: string | undefined, element?: string | undefined): string

  • ns.em: (element?: string, modifier?: string) => string — 上游声明

    事件参数:(element?: string | undefined, modifier?: string | undefined): string

  • ns.bm: (blockSuffix?: string, modifier?: string) => string — 上游声明

    事件参数:(blockSuffix?: string | undefined, modifier?: string | undefined): string

  • ns.bem: (blockSuffix?: string, element?: string, modifier?: string) => string — 上游声明

    事件参数:(blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined): string

  • ns.is: { (name: string, state: boolean | undefined): string; (name: string): string; } — 上游声明

    事件参数:(name: string, state: boolean | undefined): string

    事件参数:(name: string): string

  • ns.cssVar: (object: Record<string, string>) => Record<string, string> — 上游声明

    事件参数:(object: Record<string, string>): Record<string, string>

  • ns.cssVarName: (name: string) => string — 上游声明

    事件参数:(name: string): string

  • ns.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 / true

  • states.scrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"] — 上游声明

    枚举:"forward" / "backward"

  • states.scrollOffset: number — 上游声明
  • states.updateRequested: boolean — 上游声明

    枚举:false / true

  • states.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 公开类型视图
ts
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 公开类型视图
ts
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): string

  • ns.e: (element?: string) => string — 上游声明

    事件参数:(element?: string | undefined): string

  • ns.m: (modifier?: string) => string — 上游声明

    事件参数:(modifier?: string | undefined): string

  • ns.be: (blockSuffix?: string, element?: string) => string — 上游声明

    事件参数:(blockSuffix?: string | undefined, element?: string | undefined): string

  • ns.em: (element?: string, modifier?: string) => string — 上游声明

    事件参数:(element?: string | undefined, modifier?: string | undefined): string

  • ns.bm: (blockSuffix?: string, modifier?: string) => string — 上游声明

    事件参数:(blockSuffix?: string | undefined, modifier?: string | undefined): string

  • ns.bem: (blockSuffix?: string, element?: string, modifier?: string) => string — 上游声明

    事件参数:(blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined): string

  • ns.is: { (name: string, state: boolean | undefined): string; (name: string): string; } — 上游声明

    事件参数:(name: string, state: boolean | undefined): string

    事件参数:(name: string): string

  • ns.cssVar: (object: Record<string, string>) => Record<string, string> — 上游声明

    事件参数:(object: Record<string, string>): Record<string, string>

  • ns.cssVarName: (name: string) => string — 上游声明

    事件参数:(name: string): string

  • ns.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 / true

  • states.scrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"] — 上游声明

    枚举:"forward" / "backward"

  • states.scrollOffset: number — 上游声明
  • states.updateRequested: boolean — 上游声明

    枚举:false / true

  • states.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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 / true

  • states.scrollLeft: number — 上游声明
  • states.scrollTop: number — 上游声明
  • states.updateRequested: boolean — 上游声明

    枚举:false / true

  • states.xAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"] — 上游声明

    枚举:"forward" / "backward"

  • states.yAxisScrollDir: AsamDynamicSizeGridGridStates["xAxisScrollDir"] — 上游声明

    枚举:"forward" / "backward"

AsamDynamicSizeGridGridInstance 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
import type { AsamDynamicSizeGridInitCacheFunc, AsamDynamicSizeGridDynamicSizeListInstance } from '@asam-ui/ui';

// AsamDynamicSizeGridInitCacheFunc
type PublicContract<T, P> = {
	(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): P;
};
AsamDynamicSizeGridInitGridCacheFunc 公开类型视图
ts
import type { AsamDynamicSizeGridInitGridCacheFunc, AsamDynamicSizeGridDynamicSizeListInstance, AsamDynamicSizeGridGridCache } from '@asam-ui/ui';

// AsamDynamicSizeGridInitGridCacheFunc
type PublicContract<T> = {
	(props: T, cache: AsamDynamicSizeGridDynamicSizeListInstance["$"]): AsamDynamicSizeGridGridCache;
};
AsamDynamicSizeGridInitListCacheFunc 公开类型视图
ts
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 公开类型视图
ts
import type { AsamDynamicSizeGridItemProps, AsamDynamicSizeGridGridDefaultSlotParams, AsamDynamicSizeGridProps } from '@asam-ui/ui';

// AsamDynamicSizeGridItemProps
type PublicContract<T> = {
	"data": T;
	"style": AsamDynamicSizeGridGridDefaultSlotParams["style"];
	"scrolling"?: boolean | undefined;
	"index": number;
};
AsamDynamicSizeGridItemSize 公开类型视图
ts
import type { AsamDynamicSizeGridItemSize, AsamDynamicSizeGridProps } from '@asam-ui/ui';

// AsamDynamicSizeGridItemSize
type PublicContract = {
	(idx: number): number;
};

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

AsamDynamicSizeGridLayoutDirection 公开类型视图
ts
import type { AsamDynamicSizeGridLayoutDirection } from '@asam-ui/ui';

// AsamDynamicSizeGridLayoutDirection
type PublicContract = AsamDynamicSizeGridLayoutDirection;

参数与事件说明

items

必填:是;声明来源:上游声明。

items 参数与事件数据

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

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

estimatedItemSize

必填:是;声明来源:上游声明。

lastVisitedIndex

必填:是;声明来源:上游声明。

clearCacheAfterIndex

必填:是;声明来源:上游声明。

clearCacheAfterIndex 参数与事件数据

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

事件参数:(idx: number, forceUpdate?: boolean | undefined): void

AsamDynamicSizeGridListCache 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
import type { AsamDynamicSizeGridListItem, AsamDynamicSizeGridProps } from '@asam-ui/ui';

// AsamDynamicSizeGridListItem
type PublicContract = {
	"offset": number;
	"size": number;
};
AsamDynamicSizeGridListItemSizer 公开类型视图
ts
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 公开类型视图
ts
import type { AsamDynamicSizeGridPropValidator } from '@asam-ui/ui';

// AsamDynamicSizeGridPropValidator
type PublicContract<T> = {
	(props: T): void;
};

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

AsamDynamicSizeGridRTLOffsetType 公开类型视图
ts
import type { AsamDynamicSizeGridRTLOffsetType } from '@asam-ui/ui';

// AsamDynamicSizeGridRTLOffsetType
type PublicContract = AsamDynamicSizeGridRTLOffsetType;
AsamDynamicSizeGridResetAfterIndex 公开类型视图
ts
import type { AsamDynamicSizeGridResetAfterIndex, AsamDynamicSizeGridProps, AsamDynamicSizeGridDynamicSizeListInstance } from '@asam-ui/ui';

// AsamDynamicSizeGridResetAfterIndex
type PublicContract = {
	(idx: number, forceUpdate: boolean): void;
};
AsamDynamicSizeGridResetAfterIndices 公开类型视图
ts
import type { AsamDynamicSizeGridResetAfterIndices, AsamDynamicSizeGridDynamicSizeListInstance } from '@asam-ui/ui';

// AsamDynamicSizeGridResetAfterIndices
type PublicContract = {
	(indices: Parameters<AsamDynamicSizeGridResetAfterIndices>[0], forceUpdate: boolean): void;
};

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

AsamDynamicSizeGridScrollDir 公开类型视图
ts
import type { AsamDynamicSizeGridScrollDir } from '@asam-ui/ui';

// AsamDynamicSizeGridScrollDir
type PublicContract = AsamDynamicSizeGridScrollDir;

参数与事件说明

onMouseUp

必填:是;声明来源:上游声明。

onMouseUp 参数与事件数据

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

事件参数:(): void

AsamDynamicSizeGridScrollbarExpose 公开类型视图
ts
import type { AsamDynamicSizeGridScrollbarExpose } from '@asam-ui/ui';

// AsamDynamicSizeGridScrollbarExpose
type PublicContract = {
	"onMouseUp": () => void;
};

参数与事件说明

windowRef

必填:是;声明来源:上游声明。

windowRef 参数与事件数据

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

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

innerRef

必填:是;声明来源:上游声明。

innerRef 参数与事件数据

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

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

getItemStyleCache

必填:是;声明来源:上游声明。

getItemStyleCache 参数与事件数据

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

事件参数:(_: any, __: any, ___: any): AsamDynamicSizeGridGridDefaultSlotParams["style"]

AsamDynamicSizeGridSharedExposes 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
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 公开类型视图
ts
import type { AsamDynamicSizeGridEmits, AsamDynamicSizeGridGridItemRenderedEvtParams, AsamDynamicSizeGridGridStates } from '@asam-ui/ui';

// AsamDynamicSizeGridEmits
type PublicContract = {
	"itemRendered": [range: AsamDynamicSizeGridGridItemRenderedEvtParams];
	"scroll": [position: Pick<AsamDynamicSizeGridGridStates, "scrollLeft" | "scrollTop" | "xAxisScrollDir" | "yAxisScrollDir" | "updateRequested">];
};

搜索文档

Tab 选择结果 Enter 打开 Esc 关闭