@element-plus/nightly 0.0.20260720 → 0.0.20260722

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

@@ -34,12 +34,12 @@ declare const __VLS_base: _$vue.DefineComponent<UploadProps, {
   handleStart: (rawFile: UploadRawFile) => void; /** @description remove the file manually */
   handleRemove: (file: UploadFile | UploadRawFile) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<UploadProps> & Readonly<{}>, {
+  onChange: UploadHooks["onChange"];
   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,7 +208,7 @@ 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 containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;

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>;
@@ -131,7 +132,7 @@ declare const createList: ({
   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>;
+  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>;
@@ -185,8 +186,9 @@ declare const createList: ({
   onItemRendered?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...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,7 +194,7 @@ 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 containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;

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>;
@@ -118,7 +119,7 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   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>;
+  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>;
@@ -172,8 +173,9 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onItemRendered?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...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,7 +189,7 @@ 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 containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;

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>;
@@ -118,7 +119,7 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   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>;
+  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>;
@@ -172,8 +173,9 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onItemRendered?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...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>;
@@ -73,8 +74,9 @@ declare const ScrollBar: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onStart-move"?: ((...args: any[]) => any) | undefined;
   "onStop-move"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly visible: boolean;
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
+  readonly visible: boolean;
+  readonly class: ClassValue;
   readonly alwaysOn: boolean;
   readonly scrollbarSize: number;
   readonly startGap: number;

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

@@ -1,11 +1,12 @@
 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";
 import { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from "vue";
 
 //#region ../../packages/components/virtual-list/src/props.d.ts
 declare const virtualizedProps: {
-  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>;
@@ -35,7 +36,7 @@ declare const virtualizedProps: {
   readonly scrollbarAlwaysOn: BooleanConstructor;
 };
 declare const virtualizedListProps: {
-  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>;
@@ -86,7 +87,7 @@ declare const virtualizedListProps: {
   };
 };
 declare const virtualizedGridProps: {
-  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>;
@@ -177,7 +178,7 @@ declare const virtualizedGridProps: {
 };
 declare const virtualizedScrollbarProps: {
   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>;

package/lib/components/virtual-list/src/props.js

@@ -32,7 +32,12 @@ const layout = require_runtime.buildProp({
 });
 const virtualizedProps = require_runtime.buildProps({
 	className: {
-		type: String,
+		type: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
 		default: ""
 	},
 	containerElement: {
@@ -138,7 +143,15 @@ const virtualizedGridProps = require_runtime.buildProps({
 });
 const virtualizedScrollbarProps = require_runtime.buildProps({
 	alwaysOn: Boolean,
-	class: String,
+	class: {
+		type: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: ""
+	},
 	layout,
 	total,
 	ratio: {

package/lib/components/virtual-list/src/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","names":["buildProp","definePropType","VERTICAL","buildProps","mutable"],"sources":["../../../../../../packages/components/virtual-list/src/props.ts"],"sourcesContent":["import {\n  buildProp,\n  buildProps,\n  definePropType,\n  mutable,\n} from '@element-plus/utils'\nimport { VERTICAL } from './defaults'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { GridItemKeyGetter, ItemSize } from './types'\n\nconst itemSize = buildProp({\n  type: definePropType<number | ItemSize>([Number, Function]),\n  required: true,\n} as const)\n\nconst estimatedItemSize = buildProp({\n  type: Number,\n} as const)\n\nconst cache = buildProp({\n  type: Number,\n  default: 2,\n} as const)\n\nconst direction = buildProp({\n  type: String,\n  values: ['ltr', 'rtl'],\n  default: 'ltr',\n} as const)\n\nconst initScrollOffset = buildProp({\n  type: Number,\n  default: 0,\n} as const)\n\nconst total = buildProp({\n  type: Number,\n  required: true,\n} as const)\n\nconst layout = buildProp({\n  type: String,\n  values: ['horizontal', 'vertical'],\n  default: VERTICAL,\n} as const)\n\nexport const virtualizedProps = buildProps({\n  className: {\n    type: String,\n    default: '',\n  },\n\n  containerElement: {\n    type: definePropType<string | Element>([String, Object]),\n    default: 'div',\n  },\n\n  data: {\n    type: definePropType<any[]>(Array),\n    default: () => mutable([] as const),\n  },\n\n  /**\n   * @description controls the horizontal direction.\n   */\n  direction,\n\n  height: {\n    type: [String, Number],\n    required: true,\n  },\n\n  innerElement: {\n    type: [String, Object],\n    default: 'div',\n  },\n\n  innerProps: {\n    type: definePropType<Record<string, unknown>>(Object),\n    default: () => ({}),\n  },\n\n  style: {\n    type: definePropType<StyleValue>([Object, String, Array, Boolean]),\n    default: undefined,\n  },\n\n  useIsScrolling: Boolean,\n\n  width: {\n    type: [Number, String],\n    required: false,\n  },\n\n  innerWidth: {\n    type: [Number, String],\n    required: false,\n  },\n\n  perfMode: {\n    type: Boolean,\n    default: true,\n  },\n  scrollbarAlwaysOn: Boolean,\n} as const)\n\nexport const virtualizedListProps = buildProps({\n  /**\n   * @description describes how many items should be pre rendered to the head\n   * and the tail of the window\n   */\n  cache,\n\n  estimatedItemSize,\n\n  /**\n   * @description controls the list's orientation\n   */\n  layout,\n\n  initScrollOffset,\n\n  /**\n   * @description describes the total number of the list.\n   */\n  total,\n\n  itemSize,\n  ...virtualizedProps,\n} as const)\n\nconst scrollbarSize = {\n  type: Number,\n  default: 6,\n} as const\n\nconst startGap = { type: Number, default: 0 } as const\nconst endGap = { type: Number, default: 2 } as const\n\nexport const virtualizedGridProps = buildProps({\n  columnCache: cache,\n  columnWidth: itemSize,\n  estimatedColumnWidth: estimatedItemSize,\n  estimatedRowHeight: estimatedItemSize,\n  initScrollLeft: initScrollOffset,\n  initScrollTop: initScrollOffset,\n  itemKey: {\n    type: definePropType<GridItemKeyGetter>(Function),\n    default: ({\n      columnIndex,\n      rowIndex,\n    }: {\n      columnIndex: number\n      rowIndex: number\n    }) => `${rowIndex}:${columnIndex}`,\n  },\n  rowCache: cache,\n  rowHeight: itemSize,\n  totalColumn: total,\n  totalRow: total,\n  hScrollbarSize: scrollbarSize,\n  vScrollbarSize: scrollbarSize,\n  scrollbarStartGap: startGap,\n  scrollbarEndGap: endGap,\n  role: String,\n  ...virtualizedProps,\n} as const)\n\nexport const virtualizedScrollbarProps = buildProps({\n  alwaysOn: Boolean,\n  class: String,\n  layout,\n  total,\n  ratio: {\n    type: Number,\n    required: true,\n  },\n  clientSize: {\n    type: Number,\n    required: true,\n  },\n  scrollFrom: {\n    type: Number,\n    required: true,\n  },\n  scrollbarSize,\n  startGap,\n  endGap,\n\n  visible: Boolean,\n} as const)\n\nexport type VirtualizedProps = ExtractPropTypes<typeof virtualizedProps>\nexport type VirtualizedPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedProps\n>\nexport type VirtualizedListProps = ExtractPropTypes<typeof virtualizedListProps>\nexport type VirtualizedListPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedListProps\n>\nexport type VirtualizedGridProps = ExtractPropTypes<typeof virtualizedGridProps>\nexport type VirtualizedGridPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedGridProps\n>\n\nexport type VirtualizedScrollbarProps = ExtractPropTypes<\n  typeof virtualizedScrollbarProps\n>\nexport type VirtualizedScrollbarPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedScrollbarProps\n>\n"],"mappings":";;;;;AAWA,MAAM,WAAWA,gBAAAA,UAAU;CACzB,MAAMC,gBAAAA,eAAkC,CAAC,QAAQ,SAAS,CAAC;CAC3D,UAAU;CACX,CAAU;AAEX,MAAM,oBAAoBD,gBAAAA,UAAU,EAClC,MAAM,QACP,CAAU;AAEX,MAAM,QAAQA,gBAAAA,UAAU;CACtB,MAAM;CACN,SAAS;CACV,CAAU;AAEX,MAAM,YAAYA,gBAAAA,UAAU;CAC1B,MAAM;CACN,QAAQ,CAAC,OAAO,MAAM;CACtB,SAAS;CACV,CAAU;AAEX,MAAM,mBAAmBA,gBAAAA,UAAU;CACjC,MAAM;CACN,SAAS;CACV,CAAU;AAEX,MAAM,QAAQA,gBAAAA,UAAU;CACtB,MAAM;CACN,UAAU;CACX,CAAU;AAEX,MAAM,SAASA,gBAAAA,UAAU;CACvB,MAAM;CACN,QAAQ,CAAC,cAAc,WAAW;CAClC,SAASE,iBAAAA;CACV,CAAU;AAEX,MAAa,mBAAmBC,gBAAAA,WAAW;CACzC,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAED,kBAAkB;EAChB,MAAMF,gBAAAA,eAAiC,CAAC,QAAQ,OAAO,CAAC;EACxD,SAAS;EACV;CAED,MAAM;EACJ,MAAMA,gBAAAA,eAAsB,MAAM;EAClC,eAAeG,mBAAAA,QAAQ,EAAE,CAAU;EACpC;;;;CAKD;CAEA,QAAQ;EACN,MAAM,CAAC,QAAQ,OAAO;EACtB,UAAU;EACX;CAED,cAAc;EACZ,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;CAED,YAAY;EACV,MAAMH,gBAAAA,eAAwC,OAAO;EACrD,gBAAgB,EAAE;EACnB;CAED,OAAO;EACL,MAAMA,gBAAAA,eAA2B;GAAC;GAAQ;GAAQ;GAAO;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;CAED,gBAAgB;CAEhB,OAAO;EACL,MAAM,CAAC,QAAQ,OAAO;EACtB,UAAU;EACX;CAED,YAAY;EACV,MAAM,CAAC,QAAQ,OAAO;EACtB,UAAU;EACX;CAED,UAAU;EACR,MAAM;EACN,SAAS;EACV;CACD,mBAAmB;CACpB,CAAU;AAEX,MAAa,uBAAuBE,gBAAAA,WAAW;;;;;CAK7C;CAEA;;;;CAKA;CAEA;;;;CAKA;CAEA;CACA,GAAG;CACJ,CAAU;AAEX,MAAM,gBAAgB;CACpB,MAAM;CACN,SAAS;CACV;AAED,MAAM,WAAW;CAAE,MAAM;CAAQ,SAAS;CAAG;AAC7C,MAAM,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAG;AAE3C,MAAa,uBAAuBA,gBAAAA,WAAW;CAC7C,aAAa;CACb,aAAa;CACb,sBAAsB;CACtB,oBAAoB;CACpB,gBAAgB;CAChB,eAAe;CACf,SAAS;EACP,MAAMF,gBAAAA,eAAkC,SAAS;EACjD,UAAU,EACR,aACA,eAII,GAAG,SAAS,GAAG;EACtB;CACD,UAAU;CACV,WAAW;CACX,aAAa;CACb,UAAU;CACV,gBAAgB;CAChB,gBAAgB;CAChB,mBAAmB;CACnB,iBAAiB;CACjB,MAAM;CACN,GAAG;CACJ,CAAU;AAEX,MAAa,4BAA4BE,gBAAAA,WAAW;CAClD,UAAU;CACV,OAAO;CACP;CACA;CACA,OAAO;EACL,MAAM;EACN,UAAU;EACX;CACD,YAAY;EACV,MAAM;EACN,UAAU;EACX;CACD,YAAY;EACV,MAAM;EACN,UAAU;EACX;CACD;CACA;CACA;CAEA,SAAS;CACV,CAAU"}
+{"version":3,"file":"props.js","names":["buildProp","definePropType","VERTICAL","buildProps","mutable"],"sources":["../../../../../../packages/components/virtual-list/src/props.ts"],"sourcesContent":["import {\n  buildProp,\n  buildProps,\n  definePropType,\n  mutable,\n} from '@element-plus/utils'\nimport { VERTICAL } from './defaults'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { ClassValue } from '@element-plus/utils'\nimport type { GridItemKeyGetter, ItemSize } from './types'\n\nconst itemSize = buildProp({\n  type: definePropType<number | ItemSize>([Number, Function]),\n  required: true,\n} as const)\n\nconst estimatedItemSize = buildProp({\n  type: Number,\n} as const)\n\nconst cache = buildProp({\n  type: Number,\n  default: 2,\n} as const)\n\nconst direction = buildProp({\n  type: String,\n  values: ['ltr', 'rtl'],\n  default: 'ltr',\n} as const)\n\nconst initScrollOffset = buildProp({\n  type: Number,\n  default: 0,\n} as const)\n\nconst total = buildProp({\n  type: Number,\n  required: true,\n} as const)\n\nconst layout = buildProp({\n  type: String,\n  values: ['horizontal', 'vertical'],\n  default: VERTICAL,\n} as const)\n\nexport const virtualizedProps = buildProps({\n  className: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: '',\n  },\n\n  containerElement: {\n    type: definePropType<string | Element>([String, Object]),\n    default: 'div',\n  },\n\n  data: {\n    type: definePropType<any[]>(Array),\n    default: () => mutable([] as const),\n  },\n\n  /**\n   * @description controls the horizontal direction.\n   */\n  direction,\n\n  height: {\n    type: [String, Number],\n    required: true,\n  },\n\n  innerElement: {\n    type: [String, Object],\n    default: 'div',\n  },\n\n  innerProps: {\n    type: definePropType<Record<string, unknown>>(Object),\n    default: () => ({}),\n  },\n\n  style: {\n    type: definePropType<StyleValue>([Object, String, Array, Boolean]),\n    default: undefined,\n  },\n\n  useIsScrolling: Boolean,\n\n  width: {\n    type: [Number, String],\n    required: false,\n  },\n\n  innerWidth: {\n    type: [Number, String],\n    required: false,\n  },\n\n  perfMode: {\n    type: Boolean,\n    default: true,\n  },\n  scrollbarAlwaysOn: Boolean,\n} as const)\n\nexport const virtualizedListProps = buildProps({\n  /**\n   * @description describes how many items should be pre rendered to the head\n   * and the tail of the window\n   */\n  cache,\n\n  estimatedItemSize,\n\n  /**\n   * @description controls the list's orientation\n   */\n  layout,\n\n  initScrollOffset,\n\n  /**\n   * @description describes the total number of the list.\n   */\n  total,\n\n  itemSize,\n  ...virtualizedProps,\n} as const)\n\nconst scrollbarSize = {\n  type: Number,\n  default: 6,\n} as const\n\nconst startGap = { type: Number, default: 0 } as const\nconst endGap = { type: Number, default: 2 } as const\n\nexport const virtualizedGridProps = buildProps({\n  columnCache: cache,\n  columnWidth: itemSize,\n  estimatedColumnWidth: estimatedItemSize,\n  estimatedRowHeight: estimatedItemSize,\n  initScrollLeft: initScrollOffset,\n  initScrollTop: initScrollOffset,\n  itemKey: {\n    type: definePropType<GridItemKeyGetter>(Function),\n    default: ({\n      columnIndex,\n      rowIndex,\n    }: {\n      columnIndex: number\n      rowIndex: number\n    }) => `${rowIndex}:${columnIndex}`,\n  },\n  rowCache: cache,\n  rowHeight: itemSize,\n  totalColumn: total,\n  totalRow: total,\n  hScrollbarSize: scrollbarSize,\n  vScrollbarSize: scrollbarSize,\n  scrollbarStartGap: startGap,\n  scrollbarEndGap: endGap,\n  role: String,\n  ...virtualizedProps,\n} as const)\n\nexport const virtualizedScrollbarProps = buildProps({\n  alwaysOn: Boolean,\n  class: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: '',\n  },\n  layout,\n  total,\n  ratio: {\n    type: Number,\n    required: true,\n  },\n  clientSize: {\n    type: Number,\n    required: true,\n  },\n  scrollFrom: {\n    type: Number,\n    required: true,\n  },\n  scrollbarSize,\n  startGap,\n  endGap,\n\n  visible: Boolean,\n} as const)\n\nexport type VirtualizedProps = ExtractPropTypes<typeof virtualizedProps>\nexport type VirtualizedPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedProps\n>\nexport type VirtualizedListProps = ExtractPropTypes<typeof virtualizedListProps>\nexport type VirtualizedListPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedListProps\n>\nexport type VirtualizedGridProps = ExtractPropTypes<typeof virtualizedGridProps>\nexport type VirtualizedGridPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedGridProps\n>\n\nexport type VirtualizedScrollbarProps = ExtractPropTypes<\n  typeof virtualizedScrollbarProps\n>\nexport type VirtualizedScrollbarPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedScrollbarProps\n>\n"],"mappings":";;;;;AAYA,MAAM,WAAWA,gBAAAA,UAAU;CACzB,MAAMC,gBAAAA,eAAkC,CAAC,QAAQ,SAAS,CAAC;CAC3D,UAAU;CACX,CAAU;AAEX,MAAM,oBAAoBD,gBAAAA,UAAU,EAClC,MAAM,QACP,CAAU;AAEX,MAAM,QAAQA,gBAAAA,UAAU;CACtB,MAAM;CACN,SAAS;CACV,CAAU;AAEX,MAAM,YAAYA,gBAAAA,UAAU;CAC1B,MAAM;CACN,QAAQ,CAAC,OAAO,MAAM;CACtB,SAAS;CACV,CAAU;AAEX,MAAM,mBAAmBA,gBAAAA,UAAU;CACjC,MAAM;CACN,SAAS;CACV,CAAU;AAEX,MAAM,QAAQA,gBAAAA,UAAU;CACtB,MAAM;CACN,UAAU;CACX,CAAU;AAEX,MAAM,SAASA,gBAAAA,UAAU;CACvB,MAAM;CACN,QAAQ,CAAC,cAAc,WAAW;CAClC,SAASE,iBAAAA;CACV,CAAU;AAEX,MAAa,mBAAmBC,gBAAAA,WAAW;CACzC,WAAW;EACT,MAAMF,gBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS;EACV;CAED,kBAAkB;EAChB,MAAMA,gBAAAA,eAAiC,CAAC,QAAQ,OAAO,CAAC;EACxD,SAAS;EACV;CAED,MAAM;EACJ,MAAMA,gBAAAA,eAAsB,MAAM;EAClC,eAAeG,mBAAAA,QAAQ,EAAE,CAAU;EACpC;;;;CAKD;CAEA,QAAQ;EACN,MAAM,CAAC,QAAQ,OAAO;EACtB,UAAU;EACX;CAED,cAAc;EACZ,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;CAED,YAAY;EACV,MAAMH,gBAAAA,eAAwC,OAAO;EACrD,gBAAgB,EAAE;EACnB;CAED,OAAO;EACL,MAAMA,gBAAAA,eAA2B;GAAC;GAAQ;GAAQ;GAAO;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;CAED,gBAAgB;CAEhB,OAAO;EACL,MAAM,CAAC,QAAQ,OAAO;EACtB,UAAU;EACX;CAED,YAAY;EACV,MAAM,CAAC,QAAQ,OAAO;EACtB,UAAU;EACX;CAED,UAAU;EACR,MAAM;EACN,SAAS;EACV;CACD,mBAAmB;CACpB,CAAU;AAEX,MAAa,uBAAuBE,gBAAAA,WAAW;;;;;CAK7C;CAEA;;;;CAKA;CAEA;;;;CAKA;CAEA;CACA,GAAG;CACJ,CAAU;AAEX,MAAM,gBAAgB;CACpB,MAAM;CACN,SAAS;CACV;AAED,MAAM,WAAW;CAAE,MAAM;CAAQ,SAAS;CAAG;AAC7C,MAAM,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAG;AAE3C,MAAa,uBAAuBA,gBAAAA,WAAW;CAC7C,aAAa;CACb,aAAa;CACb,sBAAsB;CACtB,oBAAoB;CACpB,gBAAgB;CAChB,eAAe;CACf,SAAS;EACP,MAAMF,gBAAAA,eAAkC,SAAS;EACjD,UAAU,EACR,aACA,eAII,GAAG,SAAS,GAAG;EACtB;CACD,UAAU;CACV,WAAW;CACX,aAAa;CACb,UAAU;CACV,gBAAgB;CAChB,gBAAgB;CAChB,mBAAmB;CACnB,iBAAiB;CACjB,MAAM;CACN,GAAG;CACJ,CAAU;AAEX,MAAa,4BAA4BE,gBAAAA,WAAW;CAClD,UAAU;CACV,OAAO;EACL,MAAMF,gBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS;EACV;CACD;CACA;CACA,OAAO;EACL,MAAM;EACN,UAAU;EACX;CACD,YAAY;EACV,MAAM;EACN,UAAU;EACX;CACD,YAAY;EACV,MAAM;EACN,UAAU;EACX;CACD;CACA;CACA;CAEA,SAAS;CACV,CAAU"}

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

@@ -1 +1 @@
-{"version":3,"file":"watermark.js","names":["buildProps","definePropType"],"sources":["../../../../../../packages/components/watermark/src/watermark.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Watermark from './watermark.vue'\n\nexport interface WatermarkFontType {\n  color?: string\n  fontSize?: number | string\n  fontWeight?: 'normal' | 'bold' | 'lighter' | 'bolder' | number\n  fontStyle?: 'none' | 'normal' | 'italic' | 'oblique'\n  fontFamily?: string\n  fontGap?: number\n  textAlign?: 'start' | 'end' | 'left' | 'right' | 'center'\n  textBaseline?:\n    | 'top'\n    | 'hanging'\n    | 'middle'\n    | 'alphabetic'\n    | 'ideographic'\n    | 'bottom'\n}\n\nexport interface WatermarkProps {\n  /**\n   * @description The z-index of the appended watermark element\n   */\n  zIndex?: number\n  /**\n   * @description The rotation angle of the watermark\n   */\n  rotate?: number\n  /**\n   * @description The width of the watermark\n   */\n  width?: number\n  /**\n   * @description The height of the watermark\n   */\n  height?: number\n  /**\n   * @description Image source, it is recommended to export 2x or 3x image, high priority (support base64 format)\n   */\n  image?: string\n  /**\n   * @description Watermark text content\n   */\n  content?: string | string[]\n  /**\n   * @description Text style\n   */\n  font?: WatermarkFontType\n  /**\n   * @description The spacing between watermarks\n   */\n  gap?: [number, number]\n  /**\n   * @description The offset of the watermark from the upper left corner of the container. The default is gap/2\n   */\n  offset?: [number, number]\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `WatermarkProps` instead.\n */\nexport const watermarkProps = buildProps({\n  /**\n   * @description The z-index of the appended watermark element\n   */\n  zIndex: {\n    type: Number,\n    default: 9,\n  },\n  /**\n   * @description The rotation angle of the watermark\n   */\n  rotate: {\n    type: Number,\n    default: -22,\n  },\n  /**\n   * @description The width of the watermark\n   */\n  width: Number,\n  /**\n   * @description The height of the watermark\n   */\n  height: Number,\n  /**\n   * @description Image source, it is recommended to export 2x or 3x image, high priority (support base64 format)\n   */\n  image: String,\n  /**\n   * @description Watermark text content\n   */\n  content: {\n    type: definePropType<string | string[]>([String, Array]),\n    default: 'Element Plus',\n  },\n  /**\n   * @description Text style\n   */\n  font: {\n    type: definePropType<WatermarkFontType>(Object),\n  },\n  /**\n   * @description The spacing between watermarks\n   */\n  gap: {\n    type: definePropType<[number, number]>(Array),\n    default: () => [100, 100],\n  },\n  /**\n   * @description The offset of the watermark from the upper left corner of the container. The default is gap/2\n   */\n  offset: {\n    type: definePropType<[number, number]>(Array),\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `WatermarkProps` instead.\n */\nexport type WatermarkPropsPublic = ExtractPublicPropTypes<typeof watermarkProps>\nexport type WatermarkInstance = InstanceType<typeof Watermark> & unknown\n"],"mappings":";;;;;;AAgEA,MAAa,iBAAiBA,gBAAAA,WAAW;;;;CAIvC,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;;;;CAIP,QAAQ;;;;CAIR,OAAO;;;;CAIP,SAAS;EACP,MAAMC,gBAAAA,eAAkC,CAAC,QAAQ,MAAM,CAAC;EACxD,SAAS;EACV;;;;CAID,MAAM,EACJ,MAAMA,gBAAAA,eAAkC,OAAO,EAChD;;;;CAID,KAAK;EACH,MAAMA,gBAAAA,eAAiC,MAAM;EAC7C,eAAe,CAAC,KAAK,IAAI;EAC1B;;;;CAID,QAAQ,EACN,MAAMA,gBAAAA,eAAiC,MAAM,EAC9C;CACF,CAAU"}
+{"version":3,"file":"watermark.js","names":["buildProps","definePropType"],"sources":["../../../../../../packages/components/watermark/src/watermark.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Watermark from './watermark.vue'\n\nexport interface WatermarkFontType {\n  color?: string\n  fontSize?: number | string\n  fontWeight?: 'normal' | 'bold' | 'lighter' | 'bolder' | number\n  fontStyle?: 'none' | 'normal' | 'italic' | 'oblique'\n  fontFamily?: string\n  fontGap?: number\n  textAlign?: 'start' | 'end' | 'left' | 'right' | 'center'\n  textBaseline?:\n    'top' | 'hanging' | 'middle' | 'alphabetic' | 'ideographic' | 'bottom'\n}\n\nexport interface WatermarkProps {\n  /**\n   * @description The z-index of the appended watermark element\n   */\n  zIndex?: number\n  /**\n   * @description The rotation angle of the watermark\n   */\n  rotate?: number\n  /**\n   * @description The width of the watermark\n   */\n  width?: number\n  /**\n   * @description The height of the watermark\n   */\n  height?: number\n  /**\n   * @description Image source, it is recommended to export 2x or 3x image, high priority (support base64 format)\n   */\n  image?: string\n  /**\n   * @description Watermark text content\n   */\n  content?: string | string[]\n  /**\n   * @description Text style\n   */\n  font?: WatermarkFontType\n  /**\n   * @description The spacing between watermarks\n   */\n  gap?: [number, number]\n  /**\n   * @description The offset of the watermark from the upper left corner of the container. The default is gap/2\n   */\n  offset?: [number, number]\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `WatermarkProps` instead.\n */\nexport const watermarkProps = buildProps({\n  /**\n   * @description The z-index of the appended watermark element\n   */\n  zIndex: {\n    type: Number,\n    default: 9,\n  },\n  /**\n   * @description The rotation angle of the watermark\n   */\n  rotate: {\n    type: Number,\n    default: -22,\n  },\n  /**\n   * @description The width of the watermark\n   */\n  width: Number,\n  /**\n   * @description The height of the watermark\n   */\n  height: Number,\n  /**\n   * @description Image source, it is recommended to export 2x or 3x image, high priority (support base64 format)\n   */\n  image: String,\n  /**\n   * @description Watermark text content\n   */\n  content: {\n    type: definePropType<string | string[]>([String, Array]),\n    default: 'Element Plus',\n  },\n  /**\n   * @description Text style\n   */\n  font: {\n    type: definePropType<WatermarkFontType>(Object),\n  },\n  /**\n   * @description The spacing between watermarks\n   */\n  gap: {\n    type: definePropType<[number, number]>(Array),\n    default: () => [100, 100],\n  },\n  /**\n   * @description The offset of the watermark from the upper left corner of the container. The default is gap/2\n   */\n  offset: {\n    type: definePropType<[number, number]>(Array),\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `WatermarkProps` instead.\n */\nexport type WatermarkPropsPublic = ExtractPublicPropTypes<typeof watermarkProps>\nexport type WatermarkInstance = InstanceType<typeof Watermark> & unknown\n"],"mappings":";;;;;;AA2DA,MAAa,iBAAiBA,gBAAAA,WAAW;;;;CAIvC,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;;;;CAIP,QAAQ;;;;CAIR,OAAO;;;;CAIP,SAAS;EACP,MAAMC,gBAAAA,eAAkC,CAAC,QAAQ,MAAM,CAAC;EACxD,SAAS;EACV;;;;CAID,MAAM,EACJ,MAAMA,gBAAAA,eAAkC,OAAO,EAChD;;;;CAID,KAAK;EACH,MAAMA,gBAAAA,eAAiC,MAAM;EAC7C,eAAe,CAAC,KAAK,IAAI;EAC1B;;;;CAID,QAAQ,EACN,MAAMA,gBAAAA,eAAiC,MAAM,EAC9C;CACF,CAAU"}

package/lib/hooks/use-floating/index.d.ts

@@ -48,16 +48,16 @@ declare const useFloating: ({
       referenceHidden?: boolean | undefined | undefined;
       escaped?: boolean | undefined | undefined;
       referenceHiddenOffsets?: {
+        left: number;
+        right: number;
         top: number;
         bottom: number;
-        right: number;
-        left: number;
       } | undefined;
       escapedOffsets?: {
+        left: number;
+        right: number;
         top: number;
         bottom: number;
-        right: number;
-        left: number;
       } | undefined;
     } | undefined;
     offset?: {
@@ -99,16 +99,16 @@ declare const useFloating: ({
       referenceHidden?: boolean | undefined | undefined;
       escaped?: boolean | undefined | undefined;
       referenceHiddenOffsets?: {
+        left: number;
+        right: number;
         top: number;
         bottom: number;
-        right: number;
-        left: number;
       } | undefined;
       escapedOffsets?: {
+        left: number;
+        right: number;
         top: number;
         bottom: number;
-        right: number;
-        left: number;
       } | undefined;
     } | undefined;
     offset?: {

package/lib/hooks/use-popper/index.d.ts

@@ -46,13 +46,13 @@ declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, popperElem
         popperEscapeOffsets: _$_popperjs_core0.SideObject;
       };
       offset?: {
+        left?: _$_popperjs_core0.Offsets | undefined;
+        right?: _$_popperjs_core0.Offsets | undefined;
+        top?: _$_popperjs_core0.Offsets | undefined;
         auto?: _$_popperjs_core0.Offsets | undefined;
+        bottom?: _$_popperjs_core0.Offsets | undefined;
         "auto-start"?: _$_popperjs_core0.Offsets | undefined;
         "auto-end"?: _$_popperjs_core0.Offsets | undefined;
-        top?: _$_popperjs_core0.Offsets | undefined;
-        bottom?: _$_popperjs_core0.Offsets | undefined;
-        right?: _$_popperjs_core0.Offsets | undefined;
-        left?: _$_popperjs_core0.Offsets | undefined;
         "top-start"?: _$_popperjs_core0.Offsets | undefined;
         "top-end"?: _$_popperjs_core0.Offsets | undefined;
         "bottom-start"?: _$_popperjs_core0.Offsets | undefined;

package/lib/hooks/use-throttle-render/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["isUndefined","isNumber"],"sources":["../../../../../packages/hooks/use-throttle-render/index.ts"],"sourcesContent":["import { onMounted, ref, watch } from 'vue'\nimport { isNumber, isObject, isUndefined } from '@element-plus/utils'\n\nimport type { Ref } from 'vue'\n\nexport type ThrottleType =\n  | { leading?: number; trailing?: number; initVal?: boolean }\n  | number\n\nexport const useThrottleRender = (\n  loading: Ref<boolean>,\n  throttle: ThrottleType = 0\n) => {\n  if (throttle === 0) return loading\n  const initVal = isObject(throttle) && Boolean(throttle.initVal)\n  const throttled = ref(initVal)\n  let timeoutHandle: ReturnType<typeof setTimeout> | null = null\n\n  const dispatchThrottling = (timer: number | undefined) => {\n    if (isUndefined(timer)) {\n      throttled.value = loading.value\n      return\n    }\n    if (timeoutHandle) {\n      clearTimeout(timeoutHandle)\n    }\n    timeoutHandle = setTimeout(() => {\n      throttled.value = loading.value\n    }, timer)\n  }\n\n  const dispatcher = (type: 'leading' | 'trailing') => {\n    if (type === 'leading') {\n      if (isNumber(throttle)) {\n        dispatchThrottling(throttle)\n      } else {\n        dispatchThrottling(throttle.leading)\n      }\n    } else {\n      if (isObject(throttle)) {\n        dispatchThrottling(throttle.trailing)\n      } else {\n        throttled.value = false\n      }\n    }\n  }\n\n  onMounted(() => dispatcher('leading'))\n\n  watch(\n    () => loading.value,\n    (val) => {\n      dispatcher(val ? 'leading' : 'trailing')\n    }\n  )\n\n  return throttled\n}\n"],"mappings":";;;;;;AASA,MAAa,qBACX,SACA,WAAyB,MACtB;CACH,IAAI,aAAa,GAAG,OAAO;CAE3B,MAAM,aAAA,GAAA,IAAA,MAAA,GAAA,YAAA,UADmB,SAAS,IAAI,QAAQ,SAAS,QAAQ,CACjC;CAC9B,IAAI,gBAAsD;CAE1D,MAAM,sBAAsB,UAA8B;EACxD,IAAIA,cAAAA,YAAY,MAAM,EAAE;GACtB,UAAU,QAAQ,QAAQ;GAC1B;;EAEF,IAAI,eACF,aAAa,cAAc;EAE7B,gBAAgB,iBAAiB;GAC/B,UAAU,QAAQ,QAAQ;KACzB,MAAM;;CAGX,MAAM,cAAc,SAAiC;EACnD,IAAI,SAAS,WACX,IAAIC,cAAAA,SAAS,SAAS,EACpB,mBAAmB,SAAS;OAE5B,mBAAmB,SAAS,QAAQ;OAGtC,KAAA,GAAA,YAAA,UAAa,SAAS,EACpB,mBAAmB,SAAS,SAAS;OAErC,UAAU,QAAQ;;CAKxB,CAAA,GAAA,IAAA,iBAAgB,WAAW,UAAU,CAAC;CAEtC,CAAA,GAAA,IAAA,aACQ,QAAQ,QACb,QAAQ;EACP,WAAW,MAAM,YAAY,WAAW;GAE3C;CAED,OAAO"}
+{"version":3,"file":"index.js","names":["isUndefined","isNumber"],"sources":["../../../../../packages/hooks/use-throttle-render/index.ts"],"sourcesContent":["import { onMounted, ref, watch } from 'vue'\nimport { isNumber, isObject, isUndefined } from '@element-plus/utils'\n\nimport type { Ref } from 'vue'\n\nexport type ThrottleType =\n  { leading?: number; trailing?: number; initVal?: boolean } | number\n\nexport const useThrottleRender = (\n  loading: Ref<boolean>,\n  throttle: ThrottleType = 0\n) => {\n  if (throttle === 0) return loading\n  const initVal = isObject(throttle) && Boolean(throttle.initVal)\n  const throttled = ref(initVal)\n  let timeoutHandle: ReturnType<typeof setTimeout> | null = null\n\n  const dispatchThrottling = (timer: number | undefined) => {\n    if (isUndefined(timer)) {\n      throttled.value = loading.value\n      return\n    }\n    if (timeoutHandle) {\n      clearTimeout(timeoutHandle)\n    }\n    timeoutHandle = setTimeout(() => {\n      throttled.value = loading.value\n    }, timer)\n  }\n\n  const dispatcher = (type: 'leading' | 'trailing') => {\n    if (type === 'leading') {\n      if (isNumber(throttle)) {\n        dispatchThrottling(throttle)\n      } else {\n        dispatchThrottling(throttle.leading)\n      }\n    } else {\n      if (isObject(throttle)) {\n        dispatchThrottling(throttle.trailing)\n      } else {\n        throttled.value = false\n      }\n    }\n  }\n\n  onMounted(() => dispatcher('leading'))\n\n  watch(\n    () => loading.value,\n    (val) => {\n      dispatcher(val ? 'leading' : 'trailing')\n    }\n  )\n\n  return throttled\n}\n"],"mappings":";;;;;;AAQA,MAAa,qBACX,SACA,WAAyB,MACtB;CACH,IAAI,aAAa,GAAG,OAAO;CAE3B,MAAM,aAAA,GAAA,IAAA,MAAA,GAAA,YAAA,UADmB,SAAS,IAAI,QAAQ,SAAS,QAAQ,CACjC;CAC9B,IAAI,gBAAsD;CAE1D,MAAM,sBAAsB,UAA8B;EACxD,IAAIA,cAAAA,YAAY,MAAM,EAAE;GACtB,UAAU,QAAQ,QAAQ;GAC1B;;EAEF,IAAI,eACF,aAAa,cAAc;EAE7B,gBAAgB,iBAAiB;GAC/B,UAAU,QAAQ,QAAQ;KACzB,MAAM;;CAGX,MAAM,cAAc,SAAiC;EACnD,IAAI,SAAS,WACX,IAAIC,cAAAA,SAAS,SAAS,EACpB,mBAAmB,SAAS;OAE5B,mBAAmB,SAAS,QAAQ;OAGtC,KAAA,GAAA,YAAA,UAAa,SAAS,EACpB,mBAAmB,SAAS,SAAS;OAErC,UAAU,QAAQ;;CAKxB,CAAA,GAAA,IAAA,iBAAgB,WAAW,UAAU,CAAC;CAEtC,CAAA,GAAA,IAAA,aACQ,QAAQ,QACb,QAAQ;EACP,WAAW,MAAM,YAAY,WAAW;GAE3C;CAED,OAAO"}

package/lib/utils/index.d.ts

@@ -25,8 +25,8 @@ import { cAF, rAF } from "./raf.js";
 import { generateId, getRandomInt } from "./rand.js";
 import { camelize, capitalize, escapeStringRegexp, hyphenate, kebabCase } from "./strings.js";
 import { isArray, isBoolean, isDate, isElement, isEmpty, isFunction, isNumber, isObject, isPlainObject, isPromise, isPropAbsent, isString, isStringNumber, isSymbol, isUndefined, isWindow } from "./types.js";
-import { AlignItems, Arrayable, Awaitable, CSSProperties, FieldPath, HTMLElementCustomized, Mutable, Nullable, ObjectFit, ZIndexType, mutable } from "./typescript.js";
+import { AlignItems, Arrayable, Awaitable, CSSProperties, ClassValue, FieldPath, HTMLElementCustomized, Mutable, Nullable, ObjectFit, ZIndexType, mutable } from "./typescript.js";
 import { throttleByRaf } from "./throttleByRaf.js";
 import { easeInOutCubic } from "./easings.js";
 import { isGreaterThan } from "./numbers.js";
-export { AlignItems, Arrayable, Awaitable, CSSProperties, CloseComponents, EmitFn, EpProp, EpPropConvert, EpPropFinalized, EpPropInput, EpPropInputDefault, EpPropMergeType, ExtractPropType, FieldPath, FlattenVNodes, HTMLElementCustomized, IconComponent, IconPropType, IfEpProp, IfNativePropType, IfNever, IfUnknown, Mutable, NOOP, NativePropType, Nullable, ObjectFit, PatchFlags, RawSlots, ResolvePropType, SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultsSetter, TypeComponents, TypeComponentsMap, UnknownToNever, VNodeChildAtom, ValidateComponentsMap, Writable, WritableArray, ZIndexType, addClass, addUnit, animateScrollTo, buildProp, buildProps, cAF, camelize, capitalize, castArray, changeGlobalNodesTarget, classNameToArray, composeEventHandlers, composeRefs, createGlobalNode, debugWarn, definePropType, easeInOutCubic, ensureArray, entriesOf, epPropKey, escapeStringRegexp, extractFirst, flattedChildren, focusElement, focusNode, generateId, getClientXY, getComponentSize, getElement, getEventCode, getEventKey, getFirstValidNode, getNormalizedProps, getOffsetTop, getOffsetTopDistance, getProp, getRandomInt, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, getSibling, getStyle, hasClass, hasOwn, hyphenate, iconPropType, isAndroid, isArray, isBoolean, isClient, isComment, isDate, isElement, isEmpty, isEpProp, isFirefox, isFocusable, isFragment, isFunction, isGreaterThan, isIOS, isInContainer, isKorean, isLeaf, isNumber, isObject, isPlainObject, isPromise, isPropAbsent, isScroll, isShadowRoot, isString, isStringNumber, isSymbol, isTemplate, isText, isUndefined, isValidComponentSize, isValidDatePickType, isValidElementNode, isVisible, isWindow, kebabCase, keysOf, mutable, obtainAllFocusableElements, rAF, removeClass, removeGlobalNode, removeStyle, renderBlock, renderIf, scrollIntoView, setStyle, throttleByRaf, throwError, toRawType, triggerEvent, unique, whenMouse, withInstall, withInstallDirective, withInstallFunction, withNoopInstall, withPropsDefaultsSetter };
+export { AlignItems, Arrayable, Awaitable, CSSProperties, ClassValue, CloseComponents, EmitFn, EpProp, EpPropConvert, EpPropFinalized, EpPropInput, EpPropInputDefault, EpPropMergeType, ExtractPropType, FieldPath, FlattenVNodes, HTMLElementCustomized, IconComponent, IconPropType, IfEpProp, IfNativePropType, IfNever, IfUnknown, Mutable, NOOP, NativePropType, Nullable, ObjectFit, PatchFlags, RawSlots, ResolvePropType, SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultsSetter, TypeComponents, TypeComponentsMap, UnknownToNever, VNodeChildAtom, ValidateComponentsMap, Writable, WritableArray, ZIndexType, addClass, addUnit, animateScrollTo, buildProp, buildProps, cAF, camelize, capitalize, castArray, changeGlobalNodesTarget, classNameToArray, composeEventHandlers, composeRefs, createGlobalNode, debugWarn, definePropType, easeInOutCubic, ensureArray, entriesOf, epPropKey, escapeStringRegexp, extractFirst, flattedChildren, focusElement, focusNode, generateId, getClientXY, getComponentSize, getElement, getEventCode, getEventKey, getFirstValidNode, getNormalizedProps, getOffsetTop, getOffsetTopDistance, getProp, getRandomInt, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, getSibling, getStyle, hasClass, hasOwn, hyphenate, iconPropType, isAndroid, isArray, isBoolean, isClient, isComment, isDate, isElement, isEmpty, isEpProp, isFirefox, isFocusable, isFragment, isFunction, isGreaterThan, isIOS, isInContainer, isKorean, isLeaf, isNumber, isObject, isPlainObject, isPromise, isPropAbsent, isScroll, isShadowRoot, isString, isStringNumber, isSymbol, isTemplate, isText, isUndefined, isValidComponentSize, isValidDatePickType, isValidElementNode, isVisible, isWindow, kebabCase, keysOf, mutable, obtainAllFocusableElements, rAF, removeClass, removeGlobalNode, removeStyle, renderBlock, renderIf, scrollIntoView, setStyle, throttleByRaf, throwError, toRawType, triggerEvent, unique, whenMouse, withInstall, withInstallDirective, withInstallFunction, withNoopInstall, withPropsDefaultsSetter };

package/lib/utils/typescript.d.ts

@@ -86,5 +86,6 @@ interface CSSProperties extends CSS.Properties<string | number>, CSS.PropertiesH
 type ObjectFit = CSSProperties['objectFit'];
 type ZIndexType = CSSProperties['zIndex'];
 type AlignItems = CSSProperties['alignItems'];
+type ClassValue = false | null | undefined | string | Record<string, any> | Array<ClassValue>;
 //#endregion
-export { AlignItems, Arrayable, Awaitable, CSSProperties, FieldPath, HTMLElementCustomized, Mutable, Nullable, ObjectFit, ZIndexType, mutable };
+export { AlignItems, Arrayable, Awaitable, CSSProperties, ClassValue, FieldPath, HTMLElementCustomized, Mutable, Nullable, ObjectFit, ZIndexType, mutable };