@element-plus/nightly 0.0.20260720 → 0.0.20260721

package/lib/components/tree-v2/src/composables/useTree.d.ts

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../../utils/typescript.js";
 import { Alignment, ItemSize, ScrollDirection } from "../../../virtual-list/src/types.js";
 import { CheckboxValueType } from "../../../checkbox/src/checkbox.js";
 import { treeEmits } from "../virtual-tree.js";
@@ -12,7 +13,7 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
   flattenTree: _$vue.ComputedRef<TreeNode[]>;
   isNotEmpty: _$vue.ComputedRef<boolean>;
   listRef: _$vue.Ref<_$vue.DefineComponent<_$vue.ExtractPropTypes<{
-    readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
     readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -125,8 +126,8 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     scrollTo: (offset: number) => void;
     scrollToItem: (idx: number, alignment?: Alignment) => void;
     resetScrollTop: () => void;
-  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
-    readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "end-reached" | "itemRendered")[], "scroll" | "end-reached" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+    readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
     readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -177,11 +178,12 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     };
   }>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
-    onItemRendered?: ((...args: any[]) => any) | undefined;
     "onEnd-reached"?: ((...args: any[]) => any) | undefined;
+    onItemRendered?: ((...args: any[]) => any) | undefined;
   }>, {
+    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly style: _$vue.StyleValue;
-    readonly className: string;
+    readonly className: ClassValue;
     readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly data: any[];
     readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
@@ -191,10 +193,9 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     readonly useIsScrolling: boolean;
     readonly scrollbarAlwaysOn: boolean;
     readonly cache: number;
-    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly initScrollOffset: number;
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any> | undefined, _$vue.DefineComponent<_$vue.ExtractPropTypes<{
-    readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
     readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -307,8 +308,8 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     scrollTo: (offset: number) => void;
     scrollToItem: (idx: number, alignment?: Alignment) => void;
     resetScrollTop: () => void;
-  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
-    readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "end-reached" | "itemRendered")[], "scroll" | "end-reached" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+    readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
     readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -359,11 +360,12 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     };
   }>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
-    onItemRendered?: ((...args: any[]) => any) | undefined;
     "onEnd-reached"?: ((...args: any[]) => any) | undefined;
+    onItemRendered?: ((...args: any[]) => any) | undefined;
   }>, {
+    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly style: _$vue.StyleValue;
-    readonly className: string;
+    readonly className: ClassValue;
     readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly data: any[];
     readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
@@ -373,7 +375,6 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     readonly useIsScrolling: boolean;
     readonly scrollbarAlwaysOn: boolean;
     readonly cache: number;
-    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly initScrollOffset: number;
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any> | undefined>;
   getKey: (node: TreeNodeData) => TreeKey;

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

@@ -38,21 +38,21 @@ declare const __VLS_base: _$vue.DefineComponent<TreeProps, {
   "check-change": (data: TreeNodeData, checked: boolean) => void;
   "node-contextmenu": (evt: Event, data: TreeNodeData, node: TreeNode) => void;
 }, string, _$vue.PublicProps, Readonly<TreeProps> & Readonly<{
-  "onCheck-change"?: ((data: TreeNodeData, checked: boolean) => any) | undefined;
   "onCurrent-change"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
+  "onNode-expand"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
+  "onCheck-change"?: ((data: TreeNodeData, checked: boolean) => any) | undefined;
   "onNode-click"?: ((data: TreeNodeData, node: TreeNode, e: MouseEvent) => any) | undefined;
   "onNode-contextmenu"?: ((evt: Event, data: TreeNodeData, node: TreeNode) => any) | undefined;
   "onNode-collapse"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
-  "onNode-expand"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
   onCheck?: ((data: TreeNodeData, checkedInfo: CheckedInfo) => any) | undefined;
   "onNode-drop"?: ((data: TreeNodeData, node: TreeNode, e: DragEvent) => any) | undefined;
 }>, {
-  props: TreeOptionProps;
   height: number;
+  props: TreeOptionProps;
   data: TreeData;
-  checkOnClickLeaf: boolean;
-  itemSize: number;
   perfMode: boolean;
+  itemSize: number;
+  checkOnClickLeaf: boolean;
   indent: number;
   expandOnClickNode: boolean;
   defaultCheckedKeys: TreeKey[];

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

@@ -100,7 +100,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, "picture" | "text" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "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

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

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

@@ -30,7 +30,7 @@ declare const uploadListProps: {
     new (): any;
     readonly prototype: any;
   }) | null)[], unknown, unknown, () => void, boolean>;
-  readonly listType: EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "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

@@ -191,7 +191,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, "picture" | "text" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
   readonly httpRequest: EpPropFinalized<(new (...args: any[]) => UploadRequestHandler) | (() => UploadRequestHandler) | {
     (): UploadRequestHandler;
     new (): any;
@@ -310,7 +310,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, "picture" | "text" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
   readonly httpRequest: EpPropFinalized<(new (...args: any[]) => UploadRequestHandler) | (() => UploadRequestHandler) | {
     (): UploadRequestHandler;
     new (): any;

package/lib/components/upload/src/upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload.js","names":["buildProps","definePropType","mutable","ajaxUpload","NOOP"],"sources":["../../../../../../packages/components/upload/src/upload.ts"],"sourcesContent":["import { NOOP, buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { ajaxUpload } from './ajax'\n\nimport type { Awaitable, Mutable } from '@element-plus/utils'\nimport type { UploadAjaxError } from './ajax'\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Upload from './upload.vue'\n\n/**\n * @deprecated Removed after 3.0.0, Use `UploadProps` instead.\n */\nexport const uploadListTypes = ['text', 'picture', 'picture-card'] as const\n\nlet fileId = 1\nexport const genFileId = () => Date.now() + fileId++\n\nexport type UploadStatus = 'ready' | 'uploading' | 'success' | 'fail'\nexport interface UploadProgressEvent extends ProgressEvent {\n  percent: number\n}\n\nexport interface UploadRequestOptions {\n  action: string\n  method: string\n  data: Record<string, string | Blob | [string | Blob, string] | string[]>\n  filename: string\n  file: UploadRawFile\n  headers: Headers | Record<string, string | number | null | undefined>\n  onError: (evt: UploadAjaxError) => void\n  onProgress: (evt: UploadProgressEvent) => void\n  onSuccess: (response: any) => void\n  withCredentials: boolean\n}\nexport interface UploadFile {\n  name: string\n  percentage?: number\n  status: UploadStatus\n  size?: number\n  response?: unknown\n  uid: number\n  url?: string\n  raw?: UploadRawFile\n}\nexport type UploadUserFile = Omit<UploadFile, 'status' | 'uid'> &\n  Partial<Pick<UploadFile, 'status' | 'uid'>>\n\nexport type UploadFiles = UploadFile[]\nexport interface UploadRawFile extends File {\n  uid: number\n  isDirectory?: boolean\n}\nexport type UploadRequestHandler = (\n  options: UploadRequestOptions\n) => XMLHttpRequest | Promise<unknown>\nexport interface UploadHooks {\n  beforeUpload: (\n    rawFile: UploadRawFile\n  ) => Awaitable<void | undefined | null | boolean | File | Blob>\n  beforeRemove: (\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => Awaitable<boolean>\n  onRemove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void\n  onChange: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void\n  onPreview: (uploadFile: UploadFile) => void\n  onSuccess: (\n    response: any,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onProgress: (\n    evt: UploadProgressEvent,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onError: (\n    error: Error,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onExceed: (files: File[], uploadFiles: UploadUserFile[]) => void\n}\n\nexport type UploadData = Mutable<Record<string, any>>\n\nexport type ListType = 'text' | 'picture' | 'picture-card'\nexport type Crossorigin = 'anonymous' | 'use-credentials' | ''\n\nexport interface UploadBaseProps {\n  /**\n   * @description request URL\n   */\n  action?: string\n  /**\n   * @description request headers\n   */\n  headers?: Headers | Record<string, any>\n  /**\n   * @description set upload request method\n   */\n  method?: string\n  /**\n   * @description additions options of request\n   */\n  data?:\n    | Awaitable<UploadData>\n    | ((rawFile: UploadRawFile) => Awaitable<UploadData>)\n  /**\n   * @description whether uploading multiple files is permitted\n   */\n  multiple?: boolean\n  /**\n   * @description key name for uploaded file\n   */\n  name?: string\n  /**\n   * @description whether to activate drag and drop mode\n   */\n  drag?: boolean\n  /**\n   * @description whether cookies are sent\n   */\n  withCredentials?: boolean\n  /**\n   * @description whether to show the uploaded file list\n   */\n  showFileList?: boolean\n  /**\n   * @description accepted [file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept), will not work when `thumbnail-mode === true`\n   */\n  accept?: string\n  /**\n   * @description default uploaded files\n   */\n  fileList?: UploadUserFile[]\n  /**\n   * @description whether to auto upload file\n   */\n  autoUpload?: boolean\n  /**\n   * @description type of file list\n   */\n  listType?: ListType\n  /**\n   * @description override default xhr behavior, allowing you to implement your own upload-file's request\n   */\n  httpRequest?: UploadRequestHandler\n  /**\n   * @description whether to disable upload\n   */\n  disabled?: boolean\n  /**\n   * @description maximum number of uploads allowed\n   */\n  limit?: number\n  /**\n   * @description whether to support uploading directory\n   */\n  directory?: boolean\n}\n\nexport interface UploadProps extends UploadBaseProps {\n  /**\n   * @description hook function before uploading with the file to be uploaded as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, uploading will be aborted\n   */\n  beforeUpload?: UploadHooks['beforeUpload']\n  /**\n   * @description hook function before removing a file with the file and file list as its parameters. If `false` is returned or a `Promise` is returned and then is rejected, removing will be aborted\n   */\n  beforeRemove?: UploadHooks['beforeRemove']\n  /**\n   * @description hook function when files are removed\n   */\n  onRemove?: UploadHooks['onRemove']\n  /**\n   * @description hook function when select file or upload file success or upload file fail\n   */\n  onChange?: UploadHooks['onChange']\n  /**\n   * @description hook function when clicking the uploaded files\n   */\n  onPreview?: UploadHooks['onPreview']\n  /**\n   * @description hook function when uploaded successfully\n   */\n  onSuccess?: UploadHooks['onSuccess']\n  /**\n   * @description hook function when some progress occurs\n   */\n  onProgress?: UploadHooks['onProgress']\n  /**\n   * @description hook function when some errors occurs\n   */\n  onError?: UploadHooks['onError']\n  /**\n   * @description hook function when limit is exceeded\n   */\n  onExceed?: UploadHooks['onExceed']\n  /**\n   * @description set HTML attribute: crossorigin.\n   */\n  crossorigin?: Crossorigin\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `UploadBaseProps` instead.\n */\nexport const uploadBaseProps = buildProps({\n  /**\n   * @description request URL\n   */\n  action: {\n    type: String,\n    default: '#',\n  },\n  /**\n   * @description request headers\n   */\n  headers: {\n    type: definePropType<Headers | Record<string, any>>(Object),\n  },\n  /**\n   * @description set upload request method\n   */\n  method: {\n    type: String,\n    default: 'post',\n  },\n  /**\n   * @description additions options of request\n   */\n  data: {\n    type: definePropType<\n      | Awaitable<UploadData>\n      | ((rawFile: UploadRawFile) => Awaitable<UploadData>)\n    >([Object, Function, Promise]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description whether uploading multiple files is permitted\n   */\n  multiple: Boolean,\n  /**\n   * @description key name for uploaded file\n   */\n  name: {\n    type: String,\n    default: 'file',\n  },\n  /**\n   * @description whether to activate drag and drop mode\n   */\n  drag: Boolean,\n  /**\n   * @description whether cookies are sent\n   */\n  withCredentials: Boolean,\n  /**\n   * @description whether to show the uploaded file list\n   */\n  showFileList: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description accepted [file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept), will not work when `thumbnail-mode === true`\n   */\n  accept: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description default uploaded files\n   */\n  fileList: {\n    type: definePropType<UploadUserFile[]>(Array),\n    default: () => mutable([] as const),\n  },\n  /**\n   * @description whether to auto upload file\n   */\n  autoUpload: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description type of file list\n   */\n  listType: {\n    type: String,\n    values: uploadListTypes,\n    default: 'text',\n  },\n  /**\n   * @description override default xhr behavior, allowing you to implement your own upload-file's request\n   */\n  httpRequest: {\n    type: definePropType<UploadRequestHandler>(Function),\n    default: ajaxUpload,\n  },\n  /**\n   * @description whether to disable upload\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description maximum number of uploads allowed\n   */\n  limit: Number,\n  /**\n   * @description whether to support uploading directory\n   */\n  directory: Boolean,\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `UploadProps` instead.\n */\nexport const uploadProps = buildProps({\n  ...uploadBaseProps,\n  /**\n   * @description hook function before uploading with the file to be uploaded as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, uploading will be aborted\n   */\n  beforeUpload: {\n    type: definePropType<UploadHooks['beforeUpload']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function before removing a file with the file and file list as its parameters. If `false` is returned or a `Promise` is returned and then is rejected, removing will be aborted\n   */\n  beforeRemove: {\n    type: definePropType<UploadHooks['beforeRemove']>(Function),\n  },\n  /**\n   * @description hook function when files are removed\n   */\n  onRemove: {\n    type: definePropType<UploadHooks['onRemove']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function when select file or upload file success or upload file fail\n   */\n  onChange: {\n    type: definePropType<UploadHooks['onChange']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function when clicking the uploaded files\n   */\n  onPreview: {\n    type: definePropType<UploadHooks['onPreview']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function when uploaded successfully\n   */\n  onSuccess: {\n    type: definePropType<UploadHooks['onSuccess']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function when some progress occurs\n   */\n  onProgress: {\n    type: definePropType<UploadHooks['onProgress']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function when some errors occurs\n   */\n  onError: {\n    type: definePropType<UploadHooks['onError']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function when limit is exceeded\n   */\n  onExceed: {\n    type: definePropType<UploadHooks['onExceed']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description set HTML attribute: crossorigin.\n   */\n  crossorigin: {\n    type: definePropType<'anonymous' | 'use-credentials' | ''>(String),\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `UploadProps` instead.\n */\nexport type UploadPropsPublic = ExtractPublicPropTypes<typeof uploadProps>\n\nexport type UploadInstance = InstanceType<typeof Upload> & unknown\n\nexport const uploadBasePropsDefaults = {\n  action: '#',\n  method: 'post',\n  data: () => mutable({}),\n  name: 'file',\n  showFileList: true,\n  accept: '',\n  fileList: () => mutable([]),\n  autoUpload: true,\n  listType: 'text',\n  httpRequest: ajaxUpload,\n  disabled: undefined,\n} as const\n\nexport const uploadPropsDefaults = {\n  ...uploadBasePropsDefaults,\n  beforeUpload: NOOP,\n  onRemove: NOOP,\n  onChange: NOOP,\n  onPreview: NOOP,\n  onSuccess: NOOP,\n  onProgress: NOOP,\n  onError: NOOP,\n  onExceed: NOOP,\n} as const\n"],"mappings":";;;;;;;;;;AAWA,MAAa,kBAAkB;CAAC;CAAQ;CAAW;CAAe;AAElE,IAAI,SAAS;AACb,MAAa,kBAAkB,KAAK,KAAK,GAAG;;;;AAiM5C,MAAa,kBAAkBA,kBAAAA,WAAW;;;;CAIxC,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,SAAS,EACP,MAAMC,kBAAAA,eAA8C,OAAO,EAC5D;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM;EACJ,MAAMA,kBAAAA,eAGJ;GAAC;GAAQ;GAAU;GAAQ,CAAC;EAC9B,eAAeC,mBAAAA,QAAQ,EAAE,CAAU;EACpC;;;;CAID,UAAU;;;;CAIV,MAAM;EACJ,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM;;;;CAIN,iBAAiB;;;;CAIjB,cAAc;EACZ,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,UAAU;EACR,MAAMD,kBAAAA,eAAiC,MAAM;EAC7C,eAAeC,mBAAAA,QAAQ,EAAE,CAAU;EACpC;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,QAAQ;EACR,SAAS;EACV;;;;CAID,aAAa;EACX,MAAMD,kBAAAA,eAAqC,SAAS;EACpD,SAASE,aAAAA;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,OAAO;;;;CAIP,WAAW;CACZ,CAAU;;;;AAKX,MAAa,cAAcH,kBAAAA,WAAW;CACpC,GAAG;;;;CAIH,cAAc;EACZ,MAAMC,kBAAAA,eAA4C,SAAS;EAC3D,SAASG,YAAAA;EACV;;;;CAID,cAAc,EACZ,MAAMH,kBAAAA,eAA4C,SAAS,EAC5D;;;;CAID,UAAU;EACR,MAAMA,kBAAAA,eAAwC,SAAS;EACvD,SAASG,YAAAA;EACV;;;;CAID,UAAU;EACR,MAAMH,kBAAAA,eAAwC,SAAS;EACvD,SAASG,YAAAA;EACV;;;;CAID,WAAW;EACT,MAAMH,kBAAAA,eAAyC,SAAS;EACxD,SAASG,YAAAA;EACV;;;;CAID,WAAW;EACT,MAAMH,kBAAAA,eAAyC,SAAS;EACxD,SAASG,YAAAA;EACV;;;;CAID,YAAY;EACV,MAAMH,kBAAAA,eAA0C,SAAS;EACzD,SAASG,YAAAA;EACV;;;;CAID,SAAS;EACP,MAAMH,kBAAAA,eAAuC,SAAS;EACtD,SAASG,YAAAA;EACV;;;;CAID,UAAU;EACR,MAAMH,kBAAAA,eAAwC,SAAS;EACvD,SAASG,YAAAA;EACV;;;;CAID,aAAa,EACX,MAAMH,kBAAAA,eAAqD,OAAO,EACnE;CACF,CAAU;AASX,MAAa,0BAA0B;CACrC,QAAQ;CACR,QAAQ;CACR,YAAYC,mBAAAA,QAAQ,EAAE,CAAC;CACvB,MAAM;CACN,cAAc;CACd,QAAQ;CACR,gBAAgBA,mBAAAA,QAAQ,EAAE,CAAC;CAC3B,YAAY;CACZ,UAAU;CACV,aAAaC,aAAAA;CACb,UAAU,KAAA;CACX;AAED,MAAa,sBAAsB;CACjC,GAAG;CACH,cAAcC,YAAAA;CACd,UAAUA,YAAAA;CACV,UAAUA,YAAAA;CACV,WAAWA,YAAAA;CACX,WAAWA,YAAAA;CACX,YAAYA,YAAAA;CACZ,SAASA,YAAAA;CACT,UAAUA,YAAAA;CACX"}
+{"version":3,"file":"upload.js","names":["buildProps","definePropType","mutable","ajaxUpload","NOOP"],"sources":["../../../../../../packages/components/upload/src/upload.ts"],"sourcesContent":["import { NOOP, buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { ajaxUpload } from './ajax'\n\nimport type { Awaitable, Mutable } from '@element-plus/utils'\nimport type { UploadAjaxError } from './ajax'\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Upload from './upload.vue'\n\n/**\n * @deprecated Removed after 3.0.0, Use `UploadProps` instead.\n */\nexport const uploadListTypes = ['text', 'picture', 'picture-card'] as const\n\nlet fileId = 1\nexport const genFileId = () => Date.now() + fileId++\n\nexport type UploadStatus = 'ready' | 'uploading' | 'success' | 'fail'\nexport interface UploadProgressEvent extends ProgressEvent {\n  percent: number\n}\n\nexport interface UploadRequestOptions {\n  action: string\n  method: string\n  data: Record<string, string | Blob | [string | Blob, string] | string[]>\n  filename: string\n  file: UploadRawFile\n  headers: Headers | Record<string, string | number | null | undefined>\n  onError: (evt: UploadAjaxError) => void\n  onProgress: (evt: UploadProgressEvent) => void\n  onSuccess: (response: any) => void\n  withCredentials: boolean\n}\nexport interface UploadFile {\n  name: string\n  percentage?: number\n  status: UploadStatus\n  size?: number\n  response?: unknown\n  uid: number\n  url?: string\n  raw?: UploadRawFile\n}\nexport type UploadUserFile = Omit<UploadFile, 'status' | 'uid'> &\n  Partial<Pick<UploadFile, 'status' | 'uid'>>\n\nexport type UploadFiles = UploadFile[]\nexport interface UploadRawFile extends File {\n  uid: number\n  isDirectory?: boolean\n}\nexport type UploadRequestHandler = (\n  options: UploadRequestOptions\n) => XMLHttpRequest | Promise<unknown>\nexport interface UploadHooks {\n  beforeUpload: (\n    rawFile: UploadRawFile\n  ) => Awaitable<void | undefined | null | boolean | File | Blob>\n  beforeRemove: (\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => Awaitable<boolean>\n  onRemove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void\n  onChange: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void\n  onPreview: (uploadFile: UploadFile) => void\n  onSuccess: (\n    response: any,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onProgress: (\n    evt: UploadProgressEvent,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onError: (\n    error: Error,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onExceed: (files: File[], uploadFiles: UploadUserFile[]) => void\n}\n\nexport type UploadData = Mutable<Record<string, any>>\n\nexport type ListType = 'text' | 'picture' | 'picture-card'\nexport type Crossorigin = 'anonymous' | 'use-credentials' | ''\n\nexport interface UploadBaseProps {\n  /**\n   * @description request URL\n   */\n  action?: string\n  /**\n   * @description request headers\n   */\n  headers?: Headers | Record<string, any>\n  /**\n   * @description set upload request method\n   */\n  method?: string\n  /**\n   * @description additions options of request\n   */\n  data?:\n    Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>)\n  /**\n   * @description whether uploading multiple files is permitted\n   */\n  multiple?: boolean\n  /**\n   * @description key name for uploaded file\n   */\n  name?: string\n  /**\n   * @description whether to activate drag and drop mode\n   */\n  drag?: boolean\n  /**\n   * @description whether cookies are sent\n   */\n  withCredentials?: boolean\n  /**\n   * @description whether to show the uploaded file list\n   */\n  showFileList?: boolean\n  /**\n   * @description accepted [file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept), will not work when `thumbnail-mode === true`\n   */\n  accept?: string\n  /**\n   * @description default uploaded files\n   */\n  fileList?: UploadUserFile[]\n  /**\n   * @description whether to auto upload file\n   */\n  autoUpload?: boolean\n  /**\n   * @description type of file list\n   */\n  listType?: ListType\n  /**\n   * @description override default xhr behavior, allowing you to implement your own upload-file's request\n   */\n  httpRequest?: UploadRequestHandler\n  /**\n   * @description whether to disable upload\n   */\n  disabled?: boolean\n  /**\n   * @description maximum number of uploads allowed\n   */\n  limit?: number\n  /**\n   * @description whether to support uploading directory\n   */\n  directory?: boolean\n}\n\nexport interface UploadProps extends UploadBaseProps {\n  /**\n   * @description hook function before uploading with the file to be uploaded as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, uploading will be aborted\n   */\n  beforeUpload?: UploadHooks['beforeUpload']\n  /**\n   * @description hook function before removing a file with the file and file list as its parameters. If `false` is returned or a `Promise` is returned and then is rejected, removing will be aborted\n   */\n  beforeRemove?: UploadHooks['beforeRemove']\n  /**\n   * @description hook function when files are removed\n   */\n  onRemove?: UploadHooks['onRemove']\n  /**\n   * @description hook function when select file or upload file success or upload file fail\n   */\n  onChange?: UploadHooks['onChange']\n  /**\n   * @description hook function when clicking the uploaded files\n   */\n  onPreview?: UploadHooks['onPreview']\n  /**\n   * @description hook function when uploaded successfully\n   */\n  onSuccess?: UploadHooks['onSuccess']\n  /**\n   * @description hook function when some progress occurs\n   */\n  onProgress?: UploadHooks['onProgress']\n  /**\n   * @description hook function when some errors occurs\n   */\n  onError?: UploadHooks['onError']\n  /**\n   * @description hook function when limit is exceeded\n   */\n  onExceed?: UploadHooks['onExceed']\n  /**\n   * @description set HTML attribute: crossorigin.\n   */\n  crossorigin?: Crossorigin\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `UploadBaseProps` instead.\n */\nexport const uploadBaseProps = buildProps({\n  /**\n   * @description request URL\n   */\n  action: {\n    type: String,\n    default: '#',\n  },\n  /**\n   * @description request headers\n   */\n  headers: {\n    type: definePropType<Headers | Record<string, any>>(Object),\n  },\n  /**\n   * @description set upload request method\n   */\n  method: {\n    type: String,\n    default: 'post',\n  },\n  /**\n   * @description additions options of request\n   */\n  data: {\n    type: definePropType<\n      | Awaitable<UploadData>\n      | ((rawFile: UploadRawFile) => Awaitable<UploadData>)\n    >([Object, Function, Promise]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description whether uploading multiple files is permitted\n   */\n  multiple: Boolean,\n  /**\n   * @description key name for uploaded file\n   */\n  name: {\n    type: String,\n    default: 'file',\n  },\n  /**\n   * @description whether to activate drag and drop mode\n   */\n  drag: Boolean,\n  /**\n   * @description whether cookies are sent\n   */\n  withCredentials: Boolean,\n  /**\n   * @description whether to show the uploaded file list\n   */\n  showFileList: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description accepted [file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept), will not work when `thumbnail-mode === true`\n   */\n  accept: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description default uploaded files\n   */\n  fileList: {\n    type: definePropType<UploadUserFile[]>(Array),\n    default: () => mutable([] as const),\n  },\n  /**\n   * @description whether to auto upload file\n   */\n  autoUpload: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description type of file list\n   */\n  listType: {\n    type: String,\n    values: uploadListTypes,\n    default: 'text',\n  },\n  /**\n   * @description override default xhr behavior, allowing you to implement your own upload-file's request\n   */\n  httpRequest: {\n    type: definePropType<UploadRequestHandler>(Function),\n    default: ajaxUpload,\n  },\n  /**\n   * @description whether to disable upload\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description maximum number of uploads allowed\n   */\n  limit: Number,\n  /**\n   * @description whether to support uploading directory\n   */\n  directory: Boolean,\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `UploadProps` instead.\n */\nexport const uploadProps = buildProps({\n  ...uploadBaseProps,\n  /**\n   * @description hook function before uploading with the file to be uploaded as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, uploading will be aborted\n   */\n  beforeUpload: {\n    type: definePropType<UploadHooks['beforeUpload']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function before removing a file with the file and file list as its parameters. If `false` is returned or a `Promise` is returned and then is rejected, removing will be aborted\n   */\n  beforeRemove: {\n    type: definePropType<UploadHooks['beforeRemove']>(Function),\n  },\n  /**\n   * @description hook function when files are removed\n   */\n  onRemove: {\n    type: definePropType<UploadHooks['onRemove']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function when select file or upload file success or upload file fail\n   */\n  onChange: {\n    type: definePropType<UploadHooks['onChange']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function when clicking the uploaded files\n   */\n  onPreview: {\n    type: definePropType<UploadHooks['onPreview']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function when uploaded successfully\n   */\n  onSuccess: {\n    type: definePropType<UploadHooks['onSuccess']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function when some progress occurs\n   */\n  onProgress: {\n    type: definePropType<UploadHooks['onProgress']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function when some errors occurs\n   */\n  onError: {\n    type: definePropType<UploadHooks['onError']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description hook function when limit is exceeded\n   */\n  onExceed: {\n    type: definePropType<UploadHooks['onExceed']>(Function),\n    default: NOOP,\n  },\n  /**\n   * @description set HTML attribute: crossorigin.\n   */\n  crossorigin: {\n    type: definePropType<'anonymous' | 'use-credentials' | ''>(String),\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `UploadProps` instead.\n */\nexport type UploadPropsPublic = ExtractPublicPropTypes<typeof uploadProps>\n\nexport type UploadInstance = InstanceType<typeof Upload> & unknown\n\nexport const uploadBasePropsDefaults = {\n  action: '#',\n  method: 'post',\n  data: () => mutable({}),\n  name: 'file',\n  showFileList: true,\n  accept: '',\n  fileList: () => mutable([]),\n  autoUpload: true,\n  listType: 'text',\n  httpRequest: ajaxUpload,\n  disabled: undefined,\n} as const\n\nexport const uploadPropsDefaults = {\n  ...uploadBasePropsDefaults,\n  beforeUpload: NOOP,\n  onRemove: NOOP,\n  onChange: NOOP,\n  onPreview: NOOP,\n  onSuccess: NOOP,\n  onProgress: NOOP,\n  onError: NOOP,\n  onExceed: NOOP,\n} as const\n"],"mappings":";;;;;;;;;;AAWA,MAAa,kBAAkB;CAAC;CAAQ;CAAW;CAAe;AAElE,IAAI,SAAS;AACb,MAAa,kBAAkB,KAAK,KAAK,GAAG;;;;AAgM5C,MAAa,kBAAkBA,kBAAAA,WAAW;;;;CAIxC,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,SAAS,EACP,MAAMC,kBAAAA,eAA8C,OAAO,EAC5D;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM;EACJ,MAAMA,kBAAAA,eAGJ;GAAC;GAAQ;GAAU;GAAQ,CAAC;EAC9B,eAAeC,mBAAAA,QAAQ,EAAE,CAAU;EACpC;;;;CAID,UAAU;;;;CAIV,MAAM;EACJ,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM;;;;CAIN,iBAAiB;;;;CAIjB,cAAc;EACZ,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,UAAU;EACR,MAAMD,kBAAAA,eAAiC,MAAM;EAC7C,eAAeC,mBAAAA,QAAQ,EAAE,CAAU;EACpC;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,QAAQ;EACR,SAAS;EACV;;;;CAID,aAAa;EACX,MAAMD,kBAAAA,eAAqC,SAAS;EACpD,SAASE,aAAAA;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,OAAO;;;;CAIP,WAAW;CACZ,CAAU;;;;AAKX,MAAa,cAAcH,kBAAAA,WAAW;CACpC,GAAG;;;;CAIH,cAAc;EACZ,MAAMC,kBAAAA,eAA4C,SAAS;EAC3D,SAASG,YAAAA;EACV;;;;CAID,cAAc,EACZ,MAAMH,kBAAAA,eAA4C,SAAS,EAC5D;;;;CAID,UAAU;EACR,MAAMA,kBAAAA,eAAwC,SAAS;EACvD,SAASG,YAAAA;EACV;;;;CAID,UAAU;EACR,MAAMH,kBAAAA,eAAwC,SAAS;EACvD,SAASG,YAAAA;EACV;;;;CAID,WAAW;EACT,MAAMH,kBAAAA,eAAyC,SAAS;EACxD,SAASG,YAAAA;EACV;;;;CAID,WAAW;EACT,MAAMH,kBAAAA,eAAyC,SAAS;EACxD,SAASG,YAAAA;EACV;;;;CAID,YAAY;EACV,MAAMH,kBAAAA,eAA0C,SAAS;EACzD,SAASG,YAAAA;EACV;;;;CAID,SAAS;EACP,MAAMH,kBAAAA,eAAuC,SAAS;EACtD,SAASG,YAAAA;EACV;;;;CAID,UAAU;EACR,MAAMH,kBAAAA,eAAwC,SAAS;EACvD,SAASG,YAAAA;EACV;;;;CAID,aAAa,EACX,MAAMH,kBAAAA,eAAqD,OAAO,EACnE;CACF,CAAU;AASX,MAAa,0BAA0B;CACrC,QAAQ;CACR,QAAQ;CACR,YAAYC,mBAAAA,QAAQ,EAAE,CAAC;CACvB,MAAM;CACN,cAAc;CACd,QAAQ;CACR,gBAAgBA,mBAAAA,QAAQ,EAAE,CAAC;CAC3B,YAAY;CACZ,UAAU;CACV,aAAaC,aAAAA;CACb,UAAU,KAAA;CACX;AAED,MAAa,sBAAsB;CACjC,GAAG;CACH,cAAcC,YAAAA;CACd,UAAUA,YAAAA;CACV,UAAUA,YAAAA;CACV,WAAWA,YAAAA;CACX,WAAWA,YAAAA;CACX,YAAYA,YAAAA;CACZ,SAASA,YAAAA;CACT,UAAUA,YAAAA;CACX"}

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

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

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

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../../utils/typescript.js";
 import { Alignment, GridConstructorProps, GridItemKeyGetter, GridScrollOptions, GridStates, ItemSize } from "../types.js";
 import { useCache } from "../hooks/use-cache.js";
 import { VirtualizedGridProps } from "../props.js";
@@ -23,7 +24,7 @@ declare const createGrid: ({
   injectToInstance,
   validateProps
 }: GridConstructorProps<VirtualizedGridProps>) => _$vue.DefineComponent<_$vue.ExtractPropTypes<{
-  readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
   readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -114,7 +115,7 @@ declare const createGrid: ({
 }>, () => VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
-  readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
   readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -207,16 +208,16 @@ declare const createGrid: ({
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly style: StyleValue;
-  readonly className: string;
+  readonly className: ClassValue;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
+  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.d.ts

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../../utils/typescript.js";
 import { Alignment, ItemSize, ListConstructorProps, ScrollDirection } from "../types.js";
 import { VirtualizedListProps } from "../props.js";
 import * as _$vue from "vue";
@@ -17,7 +18,7 @@ declare const createList: ({
   clearCache,
   validateProps
 }: ListConstructorProps<VirtualizedListProps>) => _$vue.DefineComponent<_$vue.ExtractPropTypes<{
-  readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
   readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -130,8 +131,8 @@ declare const createList: ({
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
-  readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "end-reached" | "itemRendered")[], "scroll" | "end-reached" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
   readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -182,11 +183,12 @@ declare const createList: ({
   };
 }>> & Readonly<{
   onScroll?: ((...args: any[]) => any) | undefined;
-  onItemRendered?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
+  onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly style: _$vue.StyleValue;
-  readonly className: string;
+  readonly className: ClassValue;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
@@ -196,7 +198,6 @@ declare const createList: ({
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
-  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../../utils/typescript.js";
 import { GridItemKeyGetter, ItemSize } from "../types.js";
 import { GridInstance } from "../builders/build-grid.js";
 import * as _$vue from "vue";
@@ -9,7 +10,7 @@ type Indices = {
   rowIndex?: number;
 };
 declare const DynamicSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
-  readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
   readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -100,7 +101,7 @@ declare const DynamicSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
-  readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
   readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -193,16 +194,16 @@ declare const DynamicSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly style: _$vue.StyleValue;
-  readonly className: string;
+  readonly className: ClassValue;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
+  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

@@ -1,10 +1,11 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../../utils/typescript.js";
 import { Alignment, ItemSize, ScrollDirection } from "../types.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/virtual-list/src/components/dynamic-size-list.d.ts
 declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
-  readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
   readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -117,8 +118,8 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
-  readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "end-reached" | "itemRendered")[], "scroll" | "end-reached" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
   readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -169,11 +170,12 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onScroll?: ((...args: any[]) => any) | undefined;
-  onItemRendered?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
+  onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly style: _$vue.StyleValue;
-  readonly className: string;
+  readonly className: ClassValue;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
@@ -183,7 +185,6 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
-  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type DynamicSizeListInstance = InstanceType<typeof DynamicSizeList> & unknown;

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

@@ -1,10 +1,11 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../../utils/typescript.js";
 import { GridItemKeyGetter, ItemSize } from "../types.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/virtual-list/src/components/fixed-size-grid.d.ts
 declare const FixedSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
-  readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
   readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -95,7 +96,7 @@ declare const FixedSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
-  readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
   readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -188,16 +189,16 @@ declare const FixedSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly style: _$vue.StyleValue;
-  readonly className: string;
+  readonly className: ClassValue;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
+  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/fixed-size-list.d.ts

@@ -1,10 +1,11 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../../utils/typescript.js";
 import { Alignment, ItemSize, ScrollDirection } from "../types.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/virtual-list/src/components/fixed-size-list.d.ts
 declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
-  readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
   readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -117,8 +118,8 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
-  readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "end-reached" | "itemRendered")[], "scroll" | "end-reached" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], 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>;
   readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
@@ -169,11 +170,12 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onScroll?: ((...args: any[]) => any) | undefined;
-  onItemRendered?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
+  onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly style: _$vue.StyleValue;
-  readonly className: string;
+  readonly className: ClassValue;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
@@ -183,7 +185,6 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
-  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type FixedSizeListInstance = InstanceType<typeof FixedSizeList> & unknown;

package/lib/components/virtual-list/src/components/scrollbar.d.ts

@@ -1,10 +1,11 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../../utils/typescript.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/virtual-list/src/components/scrollbar.d.ts
 declare const ScrollBar: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly alwaysOn: BooleanConstructor;
-  readonly class: StringConstructor;
+  readonly class: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, "", boolean>;
   readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
   readonly total: {
     readonly type: _$vue.PropType<number>;
@@ -38,7 +39,7 @@ declare const ScrollBar: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   [key: string]: any;
 }>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly alwaysOn: BooleanConstructor;
-  readonly class: StringConstructor;
+  readonly class: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, "", boolean>;
   readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
   readonly total: {
     readonly type: _$vue.PropType<number>;
@@ -75,6 +76,7 @@ declare const ScrollBar: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>, {
   readonly visible: boolean;
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
+  readonly class: ClassValue;
   readonly alwaysOn: boolean;
   readonly scrollbarSize: number;
   readonly startGap: number;