@element-plus/nightly 0.0.20260423 → 0.0.20260424

package/lib/components/tree-select/src/tree-select.vue.d.ts

@@ -103,7 +103,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   valueOnClear: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
@@ -165,7 +165,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   suffixIcon: EpPropFinalized<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown, vue.DefineComponent<{}, void, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, boolean>;
   tagType: {
     default: string;
-    type: vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown>>;
+    type: vue.PropType<EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -181,9 +181,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
-  tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
+  tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -292,7 +292,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   valueOnClear: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
@@ -354,7 +354,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   suffixIcon: EpPropFinalized<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown, vue.DefineComponent<{}, void, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, boolean>;
   tagType: {
     default: string;
-    type: vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown>>;
+    type: vue.PropType<EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -370,9 +370,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
-  tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
+  tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -386,40 +386,40 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
+  loading: boolean;
+  lazy: boolean;
   props: TreeOptionProps;
+  persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  popperClass: string;
+  data: TreeData;
+  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   fallbackPlacements: Placement[];
   offset: number;
-  placement: EpPropMergeType<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  placement: EpPropMergeType<(new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   popperOptions: Partial<Options>;
-  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  popperClass: string;
-  teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
-  loading: boolean;
-  data: TreeData;
+  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  multiple: boolean;
   valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
   autocomplete: string;
   clearable: boolean;
   clearIcon: EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>;
   suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>;
-  tabindex: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
+  tabindex: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
   validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  multiple: boolean;
-  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   valueKey: string;
   debounce: number;
   fitInputWidth: boolean;
   checkStrictly: boolean;
-  lazy: boolean;
   checkOnClickNode: boolean;
   checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   filterable: boolean;
   collapseTags: boolean;
   maxCollapseTags: number;
   collapseTagsTooltip: boolean;
-  tagType: EpPropMergeType<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown>;
+  tagType: EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>;
   tagEffect: EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>;
   accordion: boolean;
   automaticDropdown: boolean;

package/lib/components/tree-v2/src/tree.vue.d.ts

@@ -1,5 +1,5 @@
-import { CheckboxValueType } from "../../checkbox/src/checkbox.js";
 import { Alignment } from "../../virtual-list/src/types.js";
+import { CheckboxValueType } from "../../checkbox/src/checkbox.js";
 import { TreeNodeData } from "../../tree/src/tree.type.js";
 import { CheckedInfo, TreeData, TreeKey, TreeNode, TreeNodeData as TreeNodeData$1, TreeOptionProps, TreeProps } from "./types.js";
 import "../../../index.js";
@@ -52,9 +52,9 @@ declare const __VLS_base: vue.DefineComponent<TreeProps, {
   data: TreeData;
   height: number;
   checkOnClickLeaf: boolean;
-  indent: number;
-  perfMode: boolean;
   itemSize: number;
+  perfMode: boolean;
+  indent: number;
   expandOnClickNode: boolean;
   defaultCheckedKeys: TreeKey[];
   defaultExpandedKeys: TreeKey[];

package/lib/components/upload/src/upload-content.d.ts

@@ -102,7 +102,7 @@ declare const uploadContentProps: {
   readonly accept: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly fileList: EpPropFinalized<(new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[]) | (((new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly autoUpload: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
   readonly httpRequest: EpPropFinalized<(new (...args: any[]) => UploadRequestHandler) | (() => UploadRequestHandler) | {
     (): UploadRequestHandler;
     new (): any;

package/lib/components/upload/src/upload-content.vue.d.ts

@@ -18,10 +18,10 @@ declare const __VLS_base: vue.DefineComponent<UploadContentProps, {
   upload: (rawFile: UploadRawFile) => Promise<void>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UploadContentProps> & Readonly<{}>, {
   onError: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
-  disabled: boolean;
   name: string;
   data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   onProgress: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
+  disabled: boolean;
   beforeUpload: UploadHooks["beforeUpload"];
   onRemove: (file: UploadFile | UploadRawFile) => void;
   onSuccess: (response: any, rawFile: UploadRawFile) => unknown;

package/lib/components/upload/src/upload-list.d.ts

@@ -31,7 +31,7 @@ declare const uploadListProps: {
     new (): any;
     readonly prototype: any;
   }) | null)[], unknown, unknown, () => void, boolean>;
-  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
   readonly crossorigin: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials") | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials")) | null)[], unknown, unknown>>;
     readonly required: false;

package/lib/components/upload/src/upload.d.ts

@@ -192,7 +192,7 @@ declare const uploadBaseProps: {
   readonly accept: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly fileList: EpPropFinalized<(new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[]) | (((new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly autoUpload: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
   readonly httpRequest: EpPropFinalized<(new (...args: any[]) => UploadRequestHandler) | (() => UploadRequestHandler) | {
     (): UploadRequestHandler;
     new (): any;
@@ -311,7 +311,7 @@ declare const uploadProps: {
   readonly accept: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly fileList: EpPropFinalized<(new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[]) | (((new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly autoUpload: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
   readonly httpRequest: EpPropFinalized<(new (...args: any[]) => UploadRequestHandler) | (() => UploadRequestHandler) | {
     (): UploadRequestHandler;
     new (): any;

package/lib/components/upload/src/upload.vue.d.ts

@@ -37,11 +37,11 @@ declare const __VLS_base: vue.DefineComponent<UploadProps, {
   handleRemove: (file: UploadFile | UploadRawFile) => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UploadProps> & Readonly<{}>, {
   onError: UploadHooks["onError"];
-  disabled: boolean;
   name: string;
   data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
-  onChange: UploadHooks["onChange"];
   onProgress: UploadHooks["onProgress"];
+  onChange: UploadHooks["onChange"];
+  disabled: boolean;
   beforeUpload: UploadHooks["beforeUpload"];
   onRemove: UploadHooks["onRemove"];
   onPreview: UploadHooks["onPreview"];

package/lib/components/virtual-list/src/builders/build-grid.d.ts

@@ -50,6 +50,12 @@ declare const createGrid: ({
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -140,6 +146,12 @@ declare const createGrid: ({
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -206,16 +218,16 @@ declare const createGrid: ({
   onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly className: string;
   readonly data: any[];
+  readonly className: string;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly scrollbarAlwaysOn: boolean;
-  readonly itemKey: GridItemKeyGetter;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
+  readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;
   readonly initScrollTop: number;

package/lib/components/virtual-list/src/builders/build-list.js

@@ -78,10 +78,11 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
 			const innerStyle = (0, vue.computed)(() => {
 				const size = (0, vue.unref)(estimatedTotalSize);
 				const horizontal = (0, vue.unref)(_isHorizontal);
+				const innerWidth = props.innerWidth;
 				return {
 					height: horizontal ? "100%" : `${size}px`,
 					pointerEvents: (0, vue.unref)(states).isScrolling ? "none" : void 0,
-					width: horizontal ? `${size}px` : "100%",
+					width: horizontal ? `${size}px` : innerWidth !== void 0 ? require_types.isNumber(innerWidth) ? `${innerWidth}px` : innerWidth : "100%",
 					margin: 0,
 					boxSizing: "border-box"
 				};

package/lib/components/virtual-list/src/builders/build-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-list.js","names":["virtualizedListProps","ITEM_RENDER_EVT","SCROLL_EVT","END_REACHED_EVT","useNamespace","useCache","FORWARD","isNumber","BACKWARD","isHorizontal","isGreaterThan","useWheel","RTL","getScrollDir","getRTLOffsetType","RTL_OFFSET_NAG","RTL_OFFSET_POS_DESC","AUTO_ALIGNMENT","isClient","HORIZONTAL","RTL_OFFSET_POS_ASC","Fragment","Scrollbar"],"sources":["../../../../../../../packages/components/virtual-list/src/builders/build-list.ts"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  h,\n  mergeProps,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  ref,\n  resolveDynamicComponent,\n  unref,\n  watch,\n} from 'vue'\nimport { clamp, useEventListener } from '@vueuse/core'\nimport {\n  hasOwn,\n  isClient,\n  isGreaterThan,\n  isNumber,\n  isString,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useCache } from '../hooks/use-cache'\nimport useWheel from '../hooks/use-wheel'\nimport Scrollbar from '../components/scrollbar'\nimport { getRTLOffsetType, getScrollDir, isHorizontal } from '../utils'\nimport { virtualizedListProps } from '../props'\nimport {\n  AUTO_ALIGNMENT,\n  BACKWARD,\n  END_REACHED_EVT,\n  FORWARD,\n  HORIZONTAL,\n  ITEM_RENDER_EVT,\n  RTL,\n  RTL_OFFSET_NAG,\n  RTL_OFFSET_POS_ASC,\n  RTL_OFFSET_POS_DESC,\n  SCROLL_EVT,\n} from '../defaults'\n\nimport type { CSSProperties, Slot, VNode, VNodeChild } from 'vue'\nimport type { Alignment, ListConstructorProps, ScrollDirection } from '../types'\nimport type { VirtualizedListProps } from '../props'\n\nconst createList = ({\n  name,\n  getOffset,\n  getItemSize,\n  getItemOffset,\n  getEstimatedTotalSize,\n  getStartIndexForOffset,\n  getStopIndexForStartIndex,\n  initCache,\n  clearCache,\n  validateProps,\n}: ListConstructorProps<VirtualizedListProps>) => {\n  return defineComponent({\n    name: name ?? 'ElVirtualList',\n    props: virtualizedListProps,\n    emits: [ITEM_RENDER_EVT, SCROLL_EVT, END_REACHED_EVT],\n    setup(props, { emit, expose }) {\n      validateProps(props)\n      const instance = getCurrentInstance()!\n\n      const ns = useNamespace('vl')\n\n      const dynamicSizeCache = ref(initCache(props, instance))\n\n      const getItemStyleCache = useCache<CSSProperties>()\n      // refs\n      // here windowRef and innerRef can be type of HTMLElement\n      // or user defined component type, depends on the type passed\n      // by user\n      const windowRef = ref<HTMLElement>()\n      const innerRef = ref<HTMLElement>()\n      const scrollbarRef = ref()\n      const states = ref({\n        isScrolling: false,\n        scrollDir: FORWARD as ScrollDirection,\n        scrollOffset: isNumber(props.initScrollOffset)\n          ? props.initScrollOffset\n          : 0,\n        updateRequested: false,\n        isScrollbarDragging: false,\n      })\n\n      // computed\n      const itemsToRender = computed(() => {\n        const { total, cache } = props\n        const { isScrolling, scrollDir, scrollOffset } = unref(states)\n\n        if (total === 0) {\n          return [0, 0, 0, 0]\n        }\n\n        const startIndex = getStartIndexForOffset(\n          props,\n          scrollOffset,\n          unref(dynamicSizeCache)\n        )\n        const stopIndex = getStopIndexForStartIndex(\n          props,\n          startIndex,\n          scrollOffset,\n          unref(dynamicSizeCache)\n        )\n\n        const cacheBackward =\n          !isScrolling || scrollDir === BACKWARD ? Math.max(1, cache) : 1\n        const cacheForward =\n          !isScrolling || scrollDir === FORWARD ? Math.max(1, cache) : 1\n\n        return [\n          Math.max(0, startIndex - cacheBackward),\n          Math.max(0, Math.min(total! - 1, stopIndex + cacheForward)),\n          startIndex,\n          stopIndex,\n        ]\n      })\n\n      const estimatedTotalSize = computed(() =>\n        getEstimatedTotalSize(props, unref(dynamicSizeCache))\n      )\n\n      const _isHorizontal = computed(() => isHorizontal(props.layout))\n\n      const windowStyle = computed(() => [\n        {\n          position: 'relative',\n          [`overflow-${_isHorizontal.value ? 'x' : 'y'}`]: 'scroll',\n          WebkitOverflowScrolling: 'touch',\n          willChange: 'transform',\n        },\n        {\n          direction: props.direction,\n          height: isNumber(props.height) ? `${props.height}px` : props.height,\n          width: isNumber(props.width) ? `${props.width}px` : props.width,\n        },\n        props.style,\n      ])\n\n      const innerStyle = computed(() => {\n        const size = unref(estimatedTotalSize)\n        const horizontal = unref(_isHorizontal)\n        return {\n          height: horizontal ? '100%' : `${size}px`,\n          pointerEvents: unref(states).isScrolling ? 'none' : undefined,\n          width: horizontal ? `${size}px` : '100%',\n\n          // fix scrolling issues in Firefox.\n          margin: 0,\n          boxSizing: 'border-box',\n        }\n      })\n\n      const clientSize = computed(() =>\n        _isHorizontal.value ? props.width : props.height\n      )\n\n      const maxOffset = computed(() =>\n        Math.max(0, estimatedTotalSize.value - (clientSize.value as number))\n      )\n\n      const normalizeOffset = (offset: number) =>\n        clamp(offset, 0, maxOffset.value)\n\n      // Tolerance must cover sub-pixel differences that arise when the\n      // browser's actual scrollHeight−clientHeight (affected by DPR\n      // rounding) doesn't exactly match our computed maxOffset.\n      // Without this, the native scroll event after onUpdated resets\n      // edgeState and causes a duplicate end-reached emission.\n      const EDGE_TOLERANCE = 1\n\n      const getEdgeState = (normalizedOffset: number) => ({\n        start: !isGreaterThan(normalizedOffset, 0, EDGE_TOLERANCE),\n        end: !isGreaterThan(maxOffset.value, normalizedOffset, EDGE_TOLERANCE),\n      })\n\n      const normalizedScrollOffset = computed(() =>\n        normalizeOffset(states.value.scrollOffset)\n      )\n      const currentEdgeState = computed(() =>\n        getEdgeState(normalizedScrollOffset.value)\n      )\n\n      let edgeState = currentEdgeState.value\n\n      const startEdgeReached = computed(() => currentEdgeState.value.start)\n      const endEdgeReached = computed(() => currentEdgeState.value.end)\n\n      // methods\n      const { onWheel } = useWheel(\n        {\n          atStartEdge: startEdgeReached,\n          atEndEdge: endEdgeReached,\n          layout: computed(() => props.layout),\n        },\n        (offset) => {\n          ;(\n            scrollbarRef.value as {\n              onMouseUp: () => void\n            }\n          ).onMouseUp?.()\n          scrollTo(\n            Math.min(states.value.scrollOffset + offset, maxOffset.value)\n          )\n        }\n      )\n\n      useEventListener(windowRef, 'wheel', onWheel, {\n        passive: false,\n      })\n\n      const emitEvents = () => {\n        const { total } = props\n\n        if (total! > 0) {\n          const [cacheStart, cacheEnd, visibleStart, visibleEnd] =\n            unref(itemsToRender)\n          emit(ITEM_RENDER_EVT, cacheStart, cacheEnd, visibleStart, visibleEnd)\n        }\n\n        const { scrollDir, scrollOffset, updateRequested } = unref(states)\n        emit(SCROLL_EVT, scrollDir, scrollOffset, updateRequested)\n      }\n\n      const emitEndReached = (direction: ScrollDirection, offset: number) => {\n        const nextEdgeState = getEdgeState(offset)\n        const horizontalEnd = props.direction === RTL ? 'left' : 'right'\n        const horizontalStart = props.direction === RTL ? 'right' : 'left'\n\n        if (direction === FORWARD && nextEdgeState.end && !edgeState.end) {\n          emit(END_REACHED_EVT, _isHorizontal.value ? horizontalEnd : 'bottom')\n        }\n\n        if (direction === BACKWARD && nextEdgeState.start && !edgeState.start) {\n          emit(END_REACHED_EVT, _isHorizontal.value ? horizontalStart : 'top')\n        }\n\n        edgeState = nextEdgeState\n      }\n\n      const updateScrollOffset = (\n        offset: number,\n        {\n          isScrolling,\n          updateRequested,\n        }: {\n          isScrolling: boolean\n          updateRequested: boolean\n        }\n      ) => {\n        const currentState = unref(states)\n        const nextOffset = Math.max(offset, 0)\n\n        if (nextOffset === currentState.scrollOffset) {\n          return\n        }\n\n        const scrollDir = getScrollDir(currentState.scrollOffset, nextOffset)\n\n        states.value = {\n          ...currentState,\n          isScrolling,\n          scrollDir,\n          scrollOffset: nextOffset,\n          updateRequested,\n        }\n        emitEndReached(scrollDir, normalizeOffset(nextOffset))\n\n        nextTick(resetIsScrolling)\n      }\n\n      const scrollVertically = (e: Event) => {\n        const { clientHeight, scrollHeight, scrollTop } =\n          e.currentTarget as HTMLElement\n        const _states = unref(states)\n        if (_states.scrollOffset === scrollTop) {\n          return\n        }\n\n        updateScrollOffset(Math.min(scrollTop, scrollHeight - clientHeight), {\n          isScrolling: true,\n          updateRequested: false,\n        })\n      }\n\n      const scrollHorizontally = (e: Event) => {\n        const { clientWidth, scrollLeft, scrollWidth } =\n          e.currentTarget as HTMLElement\n        const _states = unref(states)\n\n        if (_states.scrollOffset === scrollLeft) {\n          return\n        }\n\n        const { direction } = props\n\n        let scrollOffset = scrollLeft\n\n        if (direction === RTL) {\n          // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n          // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n          // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n          // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n          switch (getRTLOffsetType()) {\n            case RTL_OFFSET_NAG: {\n              scrollOffset = -scrollLeft\n              break\n            }\n            case RTL_OFFSET_POS_DESC: {\n              scrollOffset = scrollWidth - clientWidth - scrollLeft\n              break\n            }\n          }\n        }\n\n        updateScrollOffset(Math.min(scrollOffset, scrollWidth - clientWidth), {\n          isScrolling: true,\n          updateRequested: false,\n        })\n      }\n\n      const onScroll = (e: Event) => {\n        unref(_isHorizontal) ? scrollHorizontally(e) : scrollVertically(e)\n        emitEvents()\n      }\n\n      const onScrollbarScroll = (distanceToGo: number, totalSteps: number) => {\n        const offset = (maxOffset.value / totalSteps) * distanceToGo\n        scrollTo(Math.min(maxOffset.value, offset))\n      }\n\n      const scrollTo = (offset: number) => {\n        updateScrollOffset(offset, {\n          isScrolling: unref(states).isScrolling,\n          updateRequested: true,\n        })\n      }\n\n      const scrollToItem = (\n        idx: number,\n        alignment: Alignment = AUTO_ALIGNMENT\n      ) => {\n        const { scrollOffset } = unref(states)\n\n        idx = Math.max(0, Math.min(idx, props.total! - 1))\n        scrollTo(\n          getOffset(\n            props,\n            idx,\n            alignment,\n            scrollOffset,\n            unref(dynamicSizeCache)\n          )\n        )\n      }\n\n      const getItemStyle = (idx: number) => {\n        const { direction, itemSize, layout } = props\n\n        const itemStyleCache = getItemStyleCache.value(\n          clearCache && itemSize,\n          clearCache && layout,\n          clearCache && direction\n        )\n\n        let style: CSSProperties\n        if (hasOwn(itemStyleCache, String(idx))) {\n          style = itemStyleCache[idx]\n        } else {\n          const offset = getItemOffset(props, idx, unref(dynamicSizeCache))\n          const size = getItemSize(props, idx, unref(dynamicSizeCache))\n          const horizontal = unref(_isHorizontal)\n\n          const isRtl = direction === RTL\n          const offsetHorizontal = horizontal ? offset : 0\n          itemStyleCache[idx] = style = {\n            position: 'absolute',\n            left: isRtl ? undefined : `${offsetHorizontal}px`,\n            right: isRtl ? `${offsetHorizontal}px` : undefined,\n            top: !horizontal ? `${offset}px` : 0,\n            height: !horizontal ? `${size}px` : '100%',\n            width: horizontal ? `${size}px` : '100%',\n          }\n        }\n\n        return style\n      }\n\n      // TODO: perf optimization here, reset isScrolling with debounce.\n\n      const resetIsScrolling = () => {\n        states.value.isScrolling = false\n        nextTick(() => {\n          getItemStyleCache.value(-1, null, null)\n        })\n      }\n\n      const resetScrollTop = () => {\n        const window = windowRef.value\n        if (window) {\n          window.scrollTop = 0\n        }\n      }\n\n      // life cycles\n      onMounted(() => {\n        if (!isClient) return\n        const { initScrollOffset } = props\n        const windowElement = unref(windowRef)\n        if (isNumber(initScrollOffset) && windowElement) {\n          if (unref(_isHorizontal)) {\n            windowElement.scrollLeft = initScrollOffset\n          } else {\n            windowElement.scrollTop = initScrollOffset\n          }\n        }\n\n        emitEvents()\n      })\n\n      onUpdated(() => {\n        const { direction, layout } = props\n        const { scrollOffset, updateRequested } = unref(states)\n        const windowElement = unref(windowRef)\n\n        if (updateRequested && windowElement) {\n          if (layout === HORIZONTAL) {\n            if (direction === RTL) {\n              // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n              // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n              // So we need to determine which browser behavior we're dealing with, and mimic it.\n              switch (getRTLOffsetType()) {\n                case RTL_OFFSET_NAG: {\n                  windowElement.scrollLeft = -scrollOffset\n                  break\n                }\n                case RTL_OFFSET_POS_ASC: {\n                  windowElement.scrollLeft = scrollOffset\n                  break\n                }\n                default: {\n                  const { clientWidth, scrollWidth } = windowElement\n                  windowElement.scrollLeft =\n                    scrollWidth - clientWidth - scrollOffset\n                  break\n                }\n              }\n            } else {\n              windowElement.scrollLeft = scrollOffset\n            }\n          } else {\n            windowElement.scrollTop = scrollOffset\n          }\n        }\n      })\n\n      onActivated(() => {\n        unref(windowRef)!.scrollTop = unref(states).scrollOffset\n      })\n\n      watch(maxOffset, () => {\n        edgeState = currentEdgeState.value\n      })\n\n      const api = {\n        ns,\n        clientSize,\n        estimatedTotalSize,\n        windowStyle,\n        windowRef,\n        innerRef,\n        innerStyle,\n        itemsToRender,\n        scrollbarRef,\n        states,\n        getItemStyle,\n        onScroll,\n        onScrollbarScroll,\n        onWheel,\n        scrollTo,\n        scrollToItem,\n        resetScrollTop,\n      }\n\n      expose({\n        windowRef,\n        innerRef,\n        getItemStyleCache,\n        scrollTo,\n        scrollToItem,\n        resetScrollTop,\n        states,\n      })\n\n      return api\n    },\n\n    render(ctx: any) {\n      const {\n        $slots,\n        className,\n        clientSize,\n        containerElement,\n        data,\n        getItemStyle,\n        innerElement,\n        itemsToRender,\n        innerStyle,\n        layout,\n        scrollbarAlwaysOn,\n        total,\n        onScroll,\n        onScrollbarScroll,\n        states,\n        useIsScrolling,\n        windowStyle,\n        ns,\n      } = ctx\n\n      const [start, end] = itemsToRender\n\n      const Container = resolveDynamicComponent(containerElement)\n      const Inner = resolveDynamicComponent(innerElement)\n\n      const children = [] as VNodeChild[]\n\n      if (total > 0) {\n        for (let i = start; i <= end; i++) {\n          children.push(\n            h(\n              Fragment,\n              { key: i },\n              ($slots.default as Slot)?.({\n                data,\n                index: i,\n                isScrolling: useIsScrolling ? states.isScrolling : undefined,\n                style: getItemStyle(i),\n              })\n            )\n          )\n        }\n      }\n\n      const InnerNode = [\n        h(\n          Inner as VNode,\n          mergeProps(ctx.innerProps, {\n            style: innerStyle,\n            ref: 'innerRef',\n          }),\n          !isString(Inner)\n            ? {\n                default: () => children,\n              }\n            : children\n        ),\n      ]\n\n      const scrollbar = h(Scrollbar, {\n        ref: 'scrollbarRef',\n        clientSize,\n        layout,\n        onScroll: onScrollbarScroll,\n        ratio: (clientSize * 100) / this.estimatedTotalSize,\n        scrollFrom:\n          states.scrollOffset / (this.estimatedTotalSize - clientSize),\n        total,\n        alwaysOn: scrollbarAlwaysOn,\n      })\n\n      const listContainer = h(\n        Container as VNode,\n        {\n          class: [ns.e('window'), className],\n          style: windowStyle,\n          onScroll,\n          ref: 'windowRef',\n          key: 0,\n        },\n        !isString(Container) ? { default: () => [InnerNode] } : [InnerNode]\n      )\n\n      return h(\n        'div',\n        {\n          key: 0,\n          class: [ns.e('wrapper'), scrollbarAlwaysOn ? 'always-on' : ''],\n        },\n        [listContainer, scrollbar]\n      )\n    },\n  })\n}\n\nexport default createList\n"],"mappings":"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"}
+{"version":3,"file":"build-list.js","names":["virtualizedListProps","ITEM_RENDER_EVT","SCROLL_EVT","END_REACHED_EVT","useNamespace","useCache","FORWARD","isNumber","BACKWARD","isHorizontal","isGreaterThan","useWheel","RTL","getScrollDir","getRTLOffsetType","RTL_OFFSET_NAG","RTL_OFFSET_POS_DESC","AUTO_ALIGNMENT","isClient","HORIZONTAL","RTL_OFFSET_POS_ASC","Fragment","Scrollbar"],"sources":["../../../../../../../packages/components/virtual-list/src/builders/build-list.ts"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  h,\n  mergeProps,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  ref,\n  resolveDynamicComponent,\n  unref,\n  watch,\n} from 'vue'\nimport { clamp, useEventListener } from '@vueuse/core'\nimport {\n  hasOwn,\n  isClient,\n  isGreaterThan,\n  isNumber,\n  isString,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useCache } from '../hooks/use-cache'\nimport useWheel from '../hooks/use-wheel'\nimport Scrollbar from '../components/scrollbar'\nimport { getRTLOffsetType, getScrollDir, isHorizontal } from '../utils'\nimport { virtualizedListProps } from '../props'\nimport {\n  AUTO_ALIGNMENT,\n  BACKWARD,\n  END_REACHED_EVT,\n  FORWARD,\n  HORIZONTAL,\n  ITEM_RENDER_EVT,\n  RTL,\n  RTL_OFFSET_NAG,\n  RTL_OFFSET_POS_ASC,\n  RTL_OFFSET_POS_DESC,\n  SCROLL_EVT,\n} from '../defaults'\n\nimport type { CSSProperties, Slot, VNode, VNodeChild } from 'vue'\nimport type { Alignment, ListConstructorProps, ScrollDirection } from '../types'\nimport type { VirtualizedListProps } from '../props'\n\nconst createList = ({\n  name,\n  getOffset,\n  getItemSize,\n  getItemOffset,\n  getEstimatedTotalSize,\n  getStartIndexForOffset,\n  getStopIndexForStartIndex,\n  initCache,\n  clearCache,\n  validateProps,\n}: ListConstructorProps<VirtualizedListProps>) => {\n  return defineComponent({\n    name: name ?? 'ElVirtualList',\n    props: virtualizedListProps,\n    emits: [ITEM_RENDER_EVT, SCROLL_EVT, END_REACHED_EVT],\n    setup(props, { emit, expose }) {\n      validateProps(props)\n      const instance = getCurrentInstance()!\n\n      const ns = useNamespace('vl')\n\n      const dynamicSizeCache = ref(initCache(props, instance))\n\n      const getItemStyleCache = useCache<CSSProperties>()\n      // refs\n      // here windowRef and innerRef can be type of HTMLElement\n      // or user defined component type, depends on the type passed\n      // by user\n      const windowRef = ref<HTMLElement>()\n      const innerRef = ref<HTMLElement>()\n      const scrollbarRef = ref()\n      const states = ref({\n        isScrolling: false,\n        scrollDir: FORWARD as ScrollDirection,\n        scrollOffset: isNumber(props.initScrollOffset)\n          ? props.initScrollOffset\n          : 0,\n        updateRequested: false,\n        isScrollbarDragging: false,\n      })\n\n      // computed\n      const itemsToRender = computed(() => {\n        const { total, cache } = props\n        const { isScrolling, scrollDir, scrollOffset } = unref(states)\n\n        if (total === 0) {\n          return [0, 0, 0, 0]\n        }\n\n        const startIndex = getStartIndexForOffset(\n          props,\n          scrollOffset,\n          unref(dynamicSizeCache)\n        )\n        const stopIndex = getStopIndexForStartIndex(\n          props,\n          startIndex,\n          scrollOffset,\n          unref(dynamicSizeCache)\n        )\n\n        const cacheBackward =\n          !isScrolling || scrollDir === BACKWARD ? Math.max(1, cache) : 1\n        const cacheForward =\n          !isScrolling || scrollDir === FORWARD ? Math.max(1, cache) : 1\n\n        return [\n          Math.max(0, startIndex - cacheBackward),\n          Math.max(0, Math.min(total! - 1, stopIndex + cacheForward)),\n          startIndex,\n          stopIndex,\n        ]\n      })\n\n      const estimatedTotalSize = computed(() =>\n        getEstimatedTotalSize(props, unref(dynamicSizeCache))\n      )\n\n      const _isHorizontal = computed(() => isHorizontal(props.layout))\n\n      const windowStyle = computed(() => [\n        {\n          position: 'relative',\n          [`overflow-${_isHorizontal.value ? 'x' : 'y'}`]: 'scroll',\n          WebkitOverflowScrolling: 'touch',\n          willChange: 'transform',\n        },\n        {\n          direction: props.direction,\n          height: isNumber(props.height) ? `${props.height}px` : props.height,\n          width: isNumber(props.width) ? `${props.width}px` : props.width,\n        },\n        props.style,\n      ])\n\n      const innerStyle = computed(() => {\n        const size = unref(estimatedTotalSize)\n        const horizontal = unref(_isHorizontal)\n        const innerWidth = props.innerWidth\n        return {\n          height: horizontal ? '100%' : `${size}px`,\n          pointerEvents: unref(states).isScrolling ? 'none' : undefined,\n          width: horizontal\n            ? `${size}px`\n            : innerWidth !== undefined\n              ? isNumber(innerWidth)\n                ? `${innerWidth}px`\n                : innerWidth\n              : '100%',\n\n          // fix scrolling issues in Firefox.\n          margin: 0,\n          boxSizing: 'border-box',\n        }\n      })\n\n      const clientSize = computed(() =>\n        _isHorizontal.value ? props.width : props.height\n      )\n\n      const maxOffset = computed(() =>\n        Math.max(0, estimatedTotalSize.value - (clientSize.value as number))\n      )\n\n      const normalizeOffset = (offset: number) =>\n        clamp(offset, 0, maxOffset.value)\n\n      // Tolerance must cover sub-pixel differences that arise when the\n      // browser's actual scrollHeight−clientHeight (affected by DPR\n      // rounding) doesn't exactly match our computed maxOffset.\n      // Without this, the native scroll event after onUpdated resets\n      // edgeState and causes a duplicate end-reached emission.\n      const EDGE_TOLERANCE = 1\n\n      const getEdgeState = (normalizedOffset: number) => ({\n        start: !isGreaterThan(normalizedOffset, 0, EDGE_TOLERANCE),\n        end: !isGreaterThan(maxOffset.value, normalizedOffset, EDGE_TOLERANCE),\n      })\n\n      const normalizedScrollOffset = computed(() =>\n        normalizeOffset(states.value.scrollOffset)\n      )\n      const currentEdgeState = computed(() =>\n        getEdgeState(normalizedScrollOffset.value)\n      )\n\n      let edgeState = currentEdgeState.value\n\n      const startEdgeReached = computed(() => currentEdgeState.value.start)\n      const endEdgeReached = computed(() => currentEdgeState.value.end)\n\n      // methods\n      const { onWheel } = useWheel(\n        {\n          atStartEdge: startEdgeReached,\n          atEndEdge: endEdgeReached,\n          layout: computed(() => props.layout),\n        },\n        (offset) => {\n          ;(\n            scrollbarRef.value as {\n              onMouseUp: () => void\n            }\n          ).onMouseUp?.()\n          scrollTo(\n            Math.min(states.value.scrollOffset + offset, maxOffset.value)\n          )\n        }\n      )\n\n      useEventListener(windowRef, 'wheel', onWheel, {\n        passive: false,\n      })\n\n      const emitEvents = () => {\n        const { total } = props\n\n        if (total! > 0) {\n          const [cacheStart, cacheEnd, visibleStart, visibleEnd] =\n            unref(itemsToRender)\n          emit(ITEM_RENDER_EVT, cacheStart, cacheEnd, visibleStart, visibleEnd)\n        }\n\n        const { scrollDir, scrollOffset, updateRequested } = unref(states)\n        emit(SCROLL_EVT, scrollDir, scrollOffset, updateRequested)\n      }\n\n      const emitEndReached = (direction: ScrollDirection, offset: number) => {\n        const nextEdgeState = getEdgeState(offset)\n        const horizontalEnd = props.direction === RTL ? 'left' : 'right'\n        const horizontalStart = props.direction === RTL ? 'right' : 'left'\n\n        if (direction === FORWARD && nextEdgeState.end && !edgeState.end) {\n          emit(END_REACHED_EVT, _isHorizontal.value ? horizontalEnd : 'bottom')\n        }\n\n        if (direction === BACKWARD && nextEdgeState.start && !edgeState.start) {\n          emit(END_REACHED_EVT, _isHorizontal.value ? horizontalStart : 'top')\n        }\n\n        edgeState = nextEdgeState\n      }\n\n      const updateScrollOffset = (\n        offset: number,\n        {\n          isScrolling,\n          updateRequested,\n        }: {\n          isScrolling: boolean\n          updateRequested: boolean\n        }\n      ) => {\n        const currentState = unref(states)\n        const nextOffset = Math.max(offset, 0)\n\n        if (nextOffset === currentState.scrollOffset) {\n          return\n        }\n\n        const scrollDir = getScrollDir(currentState.scrollOffset, nextOffset)\n\n        states.value = {\n          ...currentState,\n          isScrolling,\n          scrollDir,\n          scrollOffset: nextOffset,\n          updateRequested,\n        }\n        emitEndReached(scrollDir, normalizeOffset(nextOffset))\n\n        nextTick(resetIsScrolling)\n      }\n\n      const scrollVertically = (e: Event) => {\n        const { clientHeight, scrollHeight, scrollTop } =\n          e.currentTarget as HTMLElement\n        const _states = unref(states)\n        if (_states.scrollOffset === scrollTop) {\n          return\n        }\n\n        updateScrollOffset(Math.min(scrollTop, scrollHeight - clientHeight), {\n          isScrolling: true,\n          updateRequested: false,\n        })\n      }\n\n      const scrollHorizontally = (e: Event) => {\n        const { clientWidth, scrollLeft, scrollWidth } =\n          e.currentTarget as HTMLElement\n        const _states = unref(states)\n\n        if (_states.scrollOffset === scrollLeft) {\n          return\n        }\n\n        const { direction } = props\n\n        let scrollOffset = scrollLeft\n\n        if (direction === RTL) {\n          // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n          // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n          // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n          // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n          switch (getRTLOffsetType()) {\n            case RTL_OFFSET_NAG: {\n              scrollOffset = -scrollLeft\n              break\n            }\n            case RTL_OFFSET_POS_DESC: {\n              scrollOffset = scrollWidth - clientWidth - scrollLeft\n              break\n            }\n          }\n        }\n\n        updateScrollOffset(Math.min(scrollOffset, scrollWidth - clientWidth), {\n          isScrolling: true,\n          updateRequested: false,\n        })\n      }\n\n      const onScroll = (e: Event) => {\n        unref(_isHorizontal) ? scrollHorizontally(e) : scrollVertically(e)\n        emitEvents()\n      }\n\n      const onScrollbarScroll = (distanceToGo: number, totalSteps: number) => {\n        const offset = (maxOffset.value / totalSteps) * distanceToGo\n        scrollTo(Math.min(maxOffset.value, offset))\n      }\n\n      const scrollTo = (offset: number) => {\n        updateScrollOffset(offset, {\n          isScrolling: unref(states).isScrolling,\n          updateRequested: true,\n        })\n      }\n\n      const scrollToItem = (\n        idx: number,\n        alignment: Alignment = AUTO_ALIGNMENT\n      ) => {\n        const { scrollOffset } = unref(states)\n\n        idx = Math.max(0, Math.min(idx, props.total! - 1))\n        scrollTo(\n          getOffset(\n            props,\n            idx,\n            alignment,\n            scrollOffset,\n            unref(dynamicSizeCache)\n          )\n        )\n      }\n\n      const getItemStyle = (idx: number) => {\n        const { direction, itemSize, layout } = props\n\n        const itemStyleCache = getItemStyleCache.value(\n          clearCache && itemSize,\n          clearCache && layout,\n          clearCache && direction\n        )\n\n        let style: CSSProperties\n        if (hasOwn(itemStyleCache, String(idx))) {\n          style = itemStyleCache[idx]\n        } else {\n          const offset = getItemOffset(props, idx, unref(dynamicSizeCache))\n          const size = getItemSize(props, idx, unref(dynamicSizeCache))\n          const horizontal = unref(_isHorizontal)\n\n          const isRtl = direction === RTL\n          const offsetHorizontal = horizontal ? offset : 0\n          itemStyleCache[idx] = style = {\n            position: 'absolute',\n            left: isRtl ? undefined : `${offsetHorizontal}px`,\n            right: isRtl ? `${offsetHorizontal}px` : undefined,\n            top: !horizontal ? `${offset}px` : 0,\n            height: !horizontal ? `${size}px` : '100%',\n            width: horizontal ? `${size}px` : '100%',\n          }\n        }\n\n        return style\n      }\n\n      // TODO: perf optimization here, reset isScrolling with debounce.\n\n      const resetIsScrolling = () => {\n        states.value.isScrolling = false\n        nextTick(() => {\n          getItemStyleCache.value(-1, null, null)\n        })\n      }\n\n      const resetScrollTop = () => {\n        const window = windowRef.value\n        if (window) {\n          window.scrollTop = 0\n        }\n      }\n\n      // life cycles\n      onMounted(() => {\n        if (!isClient) return\n        const { initScrollOffset } = props\n        const windowElement = unref(windowRef)\n        if (isNumber(initScrollOffset) && windowElement) {\n          if (unref(_isHorizontal)) {\n            windowElement.scrollLeft = initScrollOffset\n          } else {\n            windowElement.scrollTop = initScrollOffset\n          }\n        }\n\n        emitEvents()\n      })\n\n      onUpdated(() => {\n        const { direction, layout } = props\n        const { scrollOffset, updateRequested } = unref(states)\n        const windowElement = unref(windowRef)\n\n        if (updateRequested && windowElement) {\n          if (layout === HORIZONTAL) {\n            if (direction === RTL) {\n              // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n              // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n              // So we need to determine which browser behavior we're dealing with, and mimic it.\n              switch (getRTLOffsetType()) {\n                case RTL_OFFSET_NAG: {\n                  windowElement.scrollLeft = -scrollOffset\n                  break\n                }\n                case RTL_OFFSET_POS_ASC: {\n                  windowElement.scrollLeft = scrollOffset\n                  break\n                }\n                default: {\n                  const { clientWidth, scrollWidth } = windowElement\n                  windowElement.scrollLeft =\n                    scrollWidth - clientWidth - scrollOffset\n                  break\n                }\n              }\n            } else {\n              windowElement.scrollLeft = scrollOffset\n            }\n          } else {\n            windowElement.scrollTop = scrollOffset\n          }\n        }\n      })\n\n      onActivated(() => {\n        unref(windowRef)!.scrollTop = unref(states).scrollOffset\n      })\n\n      watch(maxOffset, () => {\n        edgeState = currentEdgeState.value\n      })\n\n      const api = {\n        ns,\n        clientSize,\n        estimatedTotalSize,\n        windowStyle,\n        windowRef,\n        innerRef,\n        innerStyle,\n        itemsToRender,\n        scrollbarRef,\n        states,\n        getItemStyle,\n        onScroll,\n        onScrollbarScroll,\n        onWheel,\n        scrollTo,\n        scrollToItem,\n        resetScrollTop,\n      }\n\n      expose({\n        windowRef,\n        innerRef,\n        getItemStyleCache,\n        scrollTo,\n        scrollToItem,\n        resetScrollTop,\n        states,\n      })\n\n      return api\n    },\n\n    render(ctx: any) {\n      const {\n        $slots,\n        className,\n        clientSize,\n        containerElement,\n        data,\n        getItemStyle,\n        innerElement,\n        itemsToRender,\n        innerStyle,\n        layout,\n        scrollbarAlwaysOn,\n        total,\n        onScroll,\n        onScrollbarScroll,\n        states,\n        useIsScrolling,\n        windowStyle,\n        ns,\n      } = ctx\n\n      const [start, end] = itemsToRender\n\n      const Container = resolveDynamicComponent(containerElement)\n      const Inner = resolveDynamicComponent(innerElement)\n\n      const children = [] as VNodeChild[]\n\n      if (total > 0) {\n        for (let i = start; i <= end; i++) {\n          children.push(\n            h(\n              Fragment,\n              { key: i },\n              ($slots.default as Slot)?.({\n                data,\n                index: i,\n                isScrolling: useIsScrolling ? states.isScrolling : undefined,\n                style: getItemStyle(i),\n              })\n            )\n          )\n        }\n      }\n\n      const InnerNode = [\n        h(\n          Inner as VNode,\n          mergeProps(ctx.innerProps, {\n            style: innerStyle,\n            ref: 'innerRef',\n          }),\n          !isString(Inner)\n            ? {\n                default: () => children,\n              }\n            : children\n        ),\n      ]\n\n      const scrollbar = h(Scrollbar, {\n        ref: 'scrollbarRef',\n        clientSize,\n        layout,\n        onScroll: onScrollbarScroll,\n        ratio: (clientSize * 100) / this.estimatedTotalSize,\n        scrollFrom:\n          states.scrollOffset / (this.estimatedTotalSize - clientSize),\n        total,\n        alwaysOn: scrollbarAlwaysOn,\n      })\n\n      const listContainer = h(\n        Container as VNode,\n        {\n          class: [ns.e('window'), className],\n          style: windowStyle,\n          onScroll,\n          ref: 'windowRef',\n          key: 0,\n        },\n        !isString(Container) ? { default: () => [InnerNode] } : [InnerNode]\n      )\n\n      return h(\n        'div',\n        {\n          key: 0,\n          class: [ns.e('wrapper'), scrollbarAlwaysOn ? 'always-on' : ''],\n        },\n        [listContainer, scrollbar]\n      )\n    },\n  })\n}\n\nexport default createList\n"],"mappings":"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"}

package/lib/components/virtual-list/src/components/dynamic-size-grid.d.ts

@@ -36,6 +36,12 @@ declare const DynamicSizeGrid: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -126,6 +132,12 @@ declare const DynamicSizeGrid: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -192,16 +204,16 @@ declare const DynamicSizeGrid: vue.DefineComponent<vue.ExtractPropTypes<{
   onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly className: string;
   readonly data: any[];
+  readonly className: string;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly scrollbarAlwaysOn: boolean;
-  readonly itemKey: GridItemKeyGetter;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
+  readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;
   readonly initScrollTop: number;

package/lib/components/virtual-list/src/components/dynamic-size-list.d.ts

@@ -31,6 +31,12 @@ declare const DynamicSizeList: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly cache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -118,7 +124,7 @@ declare const DynamicSizeList: vue.DefineComponent<vue.ExtractPropTypes<{
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("scroll" | "end-reached" | "itemRendered")[], "scroll" | "end-reached" | "itemRendered", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -144,6 +150,12 @@ declare const DynamicSizeList: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly cache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -169,19 +181,19 @@ declare const DynamicSizeList: vue.DefineComponent<vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onScroll?: ((...args: any[]) => any) | undefined;
-  "onEnd-reached"?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
+  "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly className: string;
   readonly data: any[];
-  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
+  readonly className: string;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly scrollbarAlwaysOn: boolean;
+  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/lib/components/virtual-list/src/components/fixed-size-grid.d.ts

@@ -31,6 +31,12 @@ declare const FixedSizeGrid: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -121,6 +127,12 @@ declare const FixedSizeGrid: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -187,16 +199,16 @@ declare const FixedSizeGrid: vue.DefineComponent<vue.ExtractPropTypes<{
   onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly className: string;
   readonly data: any[];
+  readonly className: string;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly scrollbarAlwaysOn: boolean;
-  readonly itemKey: GridItemKeyGetter;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
+  readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;
   readonly initScrollTop: number;