element-plus 2.1.8 → 2.1.11

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

@@ -48,7 +48,7 @@ export interface UploadHooks {
     onExceed: (files: File[], uploadFiles: UploadUserFile[]) => void;
 }
 export declare const uploadBaseProps: {
-    readonly action: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+    readonly action: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
     readonly headers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
     readonly method: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
     readonly data: import("element-plus/es/utils").BuildPropReturn<ObjectConstructor, () => import("element-plus/es/utils").Mutable<{}>, unknown, unknown, unknown>;
@@ -76,7 +76,7 @@ export declare const uploadProps: {
     readonly onProgress: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(evt: UploadProgressEvent, uploadFile: UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
     readonly onError: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
     readonly onExceed: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(files: File[], uploadFiles: UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
-    readonly action: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+    readonly action: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
     readonly headers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
     readonly method: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
     readonly data: import("element-plus/es/utils").BuildPropReturn<ObjectConstructor, () => import("element-plus/es/utils").Mutable<{}>, unknown, unknown, unknown>;

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

@@ -14,7 +14,7 @@ const genFileId = () => Date.now() + fileId++;
 const uploadBaseProps = props.buildProps({
   action: {
     type: String,
-    required: true
+    default: "#"
   },
   headers: {
     type: props.definePropType(Object)

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

@@ -1 +1 @@
-{"version":3,"file":"upload.js","sources":["../../../../../../packages/components/upload/src/upload.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { ajaxUpload } from './ajax'\n\nimport type { UploadAjaxError } from './ajax'\nimport type { Awaitable } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Upload from './upload.vue'\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]>\n  filename: string\n  file: File\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}\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 const uploadBaseProps = buildProps({\n  action: {\n    type: String,\n    required: true,\n  },\n  headers: {\n    type: definePropType<Headers | Record<string, any>>(Object),\n  },\n  method: {\n    type: String,\n    default: 'post',\n  },\n  data: {\n    type: Object,\n    default: () => mutable({} as const),\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  name: {\n    type: String,\n    default: 'file',\n  },\n  drag: {\n    type: Boolean,\n    default: false,\n  },\n  withCredentials: Boolean,\n  showFileList: {\n    type: Boolean,\n    default: true,\n  },\n  accept: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    default: 'select',\n  },\n  fileList: {\n    type: definePropType<UploadUserFile[]>(Array),\n    default: () => mutable([] as const),\n  },\n  autoUpload: {\n    type: Boolean,\n    default: true,\n  },\n  listType: {\n    type: String,\n    values: uploadListTypes,\n    default: 'text',\n  },\n  httpRequest: {\n    type: definePropType<UploadRequestHandler>(Function),\n    default: ajaxUpload,\n  },\n  disabled: Boolean,\n  limit: Number,\n} as const)\n\nexport const uploadProps = buildProps({\n  ...uploadBaseProps,\n  beforeUpload: {\n    type: definePropType<UploadHooks['beforeUpload']>(Function),\n    default: NOOP,\n  },\n  beforeRemove: {\n    type: definePropType<UploadHooks['beforeRemove']>(Function),\n  },\n  onRemove: {\n    type: definePropType<UploadHooks['onRemove']>(Function),\n    default: NOOP,\n  },\n  onChange: {\n    type: definePropType<UploadHooks['onChange']>(Function),\n    default: NOOP,\n  },\n  onPreview: {\n    type: definePropType<UploadHooks['onPreview']>(Function),\n    default: NOOP,\n  },\n  onSuccess: {\n    type: definePropType<UploadHooks['onSuccess']>(Function),\n    default: NOOP,\n  },\n  onProgress: {\n    type: definePropType<UploadHooks['onProgress']>(Function),\n    default: NOOP,\n  },\n  onError: {\n    type: definePropType<UploadHooks['onError']>(Function),\n    default: NOOP,\n  },\n  onExceed: {\n    type: definePropType<UploadHooks['onExceed']>(Function),\n    default: NOOP,\n  },\n} as const)\n\nexport type UploadProps = ExtractPropTypes<typeof uploadProps>\n\nexport type UploadInstance = InstanceType<typeof Upload>\n"],"names":["buildProps","definePropType","mutable","ajaxUpload","NOOP"],"mappings":"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"}
+{"version":3,"file":"upload.js","sources":["../../../../../../packages/components/upload/src/upload.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { ajaxUpload } from './ajax'\n\nimport type { UploadAjaxError } from './ajax'\nimport type { Awaitable } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Upload from './upload.vue'\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]>\n  filename: string\n  file: File\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}\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 const uploadBaseProps = buildProps({\n  action: {\n    type: String,\n    default: '#',\n  },\n  headers: {\n    type: definePropType<Headers | Record<string, any>>(Object),\n  },\n  method: {\n    type: String,\n    default: 'post',\n  },\n  data: {\n    type: Object,\n    default: () => mutable({} as const),\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  name: {\n    type: String,\n    default: 'file',\n  },\n  drag: {\n    type: Boolean,\n    default: false,\n  },\n  withCredentials: Boolean,\n  showFileList: {\n    type: Boolean,\n    default: true,\n  },\n  accept: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    default: 'select',\n  },\n  fileList: {\n    type: definePropType<UploadUserFile[]>(Array),\n    default: () => mutable([] as const),\n  },\n  autoUpload: {\n    type: Boolean,\n    default: true,\n  },\n  listType: {\n    type: String,\n    values: uploadListTypes,\n    default: 'text',\n  },\n  httpRequest: {\n    type: definePropType<UploadRequestHandler>(Function),\n    default: ajaxUpload,\n  },\n  disabled: Boolean,\n  limit: Number,\n} as const)\n\nexport const uploadProps = buildProps({\n  ...uploadBaseProps,\n  beforeUpload: {\n    type: definePropType<UploadHooks['beforeUpload']>(Function),\n    default: NOOP,\n  },\n  beforeRemove: {\n    type: definePropType<UploadHooks['beforeRemove']>(Function),\n  },\n  onRemove: {\n    type: definePropType<UploadHooks['onRemove']>(Function),\n    default: NOOP,\n  },\n  onChange: {\n    type: definePropType<UploadHooks['onChange']>(Function),\n    default: NOOP,\n  },\n  onPreview: {\n    type: definePropType<UploadHooks['onPreview']>(Function),\n    default: NOOP,\n  },\n  onSuccess: {\n    type: definePropType<UploadHooks['onSuccess']>(Function),\n    default: NOOP,\n  },\n  onProgress: {\n    type: definePropType<UploadHooks['onProgress']>(Function),\n    default: NOOP,\n  },\n  onError: {\n    type: definePropType<UploadHooks['onError']>(Function),\n    default: NOOP,\n  },\n  onExceed: {\n    type: definePropType<UploadHooks['onExceed']>(Function),\n    default: NOOP,\n  },\n} as const)\n\nexport type UploadProps = ExtractPropTypes<typeof uploadProps>\n\nexport type UploadInstance = InstanceType<typeof Upload>\n"],"names":["buildProps","definePropType","mutable","ajaxUpload","NOOP"],"mappings":"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"}

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

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
     readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(error: Error, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
     readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
-    readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+    readonly action: import("../../../utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
     readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
     readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
     readonly data: import("../../../utils").BuildPropReturn<ObjectConstructor, () => import("../../../utils").Mutable<{}>, unknown, unknown, unknown>;
@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
         readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(error: Error, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
         readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
-        readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+        readonly action: import("../../../utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
         readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
         readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
         readonly data: import("../../../utils").BuildPropReturn<ObjectConstructor, () => import("../../../utils").Mutable<{}>, unknown, unknown, unknown>;
@@ -74,6 +74,7 @@ declare const _default: import("vue").DefineComponent<{
             multiple: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             onError: (err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void;
             onProgress: (evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void;
+            action: string;
             headers: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown>;
             method: string;
             showFileList: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -97,7 +98,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
-            readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+            readonly action: import("../../../utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
             readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
             readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
             readonly data: import("../../../utils").BuildPropReturn<ObjectConstructor, () => import("../../../utils").Mutable<{}>, unknown, unknown, unknown>;
@@ -113,7 +114,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly httpRequest: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadRequestHandler>, import("./upload").UploadRequestHandler, unknown, unknown, unknown>;
             readonly disabled: BooleanConstructor;
             readonly limit: NumberConstructor;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "name" | "data" | "drag" | "multiple" | "onError" | "onProgress" | "headers" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "withCredentials" | "beforeUpload" | "onRemove" | "onSuccess" | "onExceed" | "onStart">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "name" | "data" | "drag" | "multiple" | "onError" | "onProgress" | "action" | "headers" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "withCredentials" | "beforeUpload" | "onRemove" | "onSuccess" | "onExceed" | "onStart">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -136,7 +137,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
-            readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+            readonly action: import("../../../utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
             readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
             readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
             readonly data: import("../../../utils").BuildPropReturn<ObjectConstructor, () => import("../../../utils").Mutable<{}>, unknown, unknown, unknown>;
@@ -162,7 +163,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
                 readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
                 readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
-                readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+                readonly action: import("../../../utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
                 readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
                 readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
                 readonly data: import("../../../utils").BuildPropReturn<ObjectConstructor, () => import("../../../utils").Mutable<{}>, unknown, unknown, unknown>;
@@ -250,6 +251,7 @@ declare const _default: import("vue").DefineComponent<{
             multiple: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             onError: (err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void;
             onProgress: (evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void;
+            action: string;
             headers: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown>;
             method: string;
             showFileList: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -293,7 +295,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
         readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
         readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
-        readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+        readonly action: import("../../../utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
         readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
         readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
         readonly data: import("../../../utils").BuildPropReturn<ObjectConstructor, () => import("../../../utils").Mutable<{}>, unknown, unknown, unknown>;
@@ -319,7 +321,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
-            readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+            readonly action: import("../../../utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
             readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
             readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
             readonly data: import("../../../utils").BuildPropReturn<ObjectConstructor, () => import("../../../utils").Mutable<{}>, unknown, unknown, unknown>;
@@ -646,7 +648,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
         readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
         readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
-        readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+        readonly action: import("../../../utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
         readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
         readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
         readonly data: import("../../../utils").BuildPropReturn<ObjectConstructor, () => import("../../../utils").Mutable<{}>, unknown, unknown, unknown>;
@@ -672,7 +674,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
-            readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+            readonly action: import("../../../utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
             readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
             readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
             readonly data: import("../../../utils").BuildPropReturn<ObjectConstructor, () => import("../../../utils").Mutable<{}>, unknown, unknown, unknown>;
@@ -760,7 +762,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
         readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
         readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
-        readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+        readonly action: import("../../../utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
         readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
         readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
         readonly data: import("../../../utils").BuildPropReturn<ObjectConstructor, () => import("../../../utils").Mutable<{}>, unknown, unknown, unknown>;
@@ -785,6 +787,7 @@ declare const _default: import("vue").DefineComponent<{
         multiple: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         onError: (err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void;
         onProgress: (evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void;
+        action: string;
         headers: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown>;
         method: string;
         showFileList: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -810,7 +813,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
     readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(error: Error, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
     readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
-    readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
+    readonly action: import("../../../utils").BuildPropReturn<StringConstructor, "#", unknown, unknown, unknown>;
     readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
     readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
     readonly data: import("../../../utils").BuildPropReturn<ObjectConstructor, () => import("../../../utils").Mutable<{}>, unknown, unknown, unknown>;
@@ -837,6 +840,7 @@ declare const _default: import("vue").DefineComponent<{
     multiple: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     onError: (error: Error, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void;
     onProgress: (evt: import("./upload").UploadProgressEvent, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void;
+    action: string;
     headers: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown>;
     method: string;
     showFileList: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/virtual-list/index.d.ts

@@ -2,5 +2,7 @@ export { default as FixedSizeList } from './src/components/fixed-size-list';
 export { default as DynamicSizeList } from './src/components/dynamic-size-list';
 export { default as FixedSizeGrid } from './src/components/fixed-size-grid';
 export { default as DynamicSizeGrid } from './src/components/dynamic-size-grid';
-export * from './src/types';
 export * from './src/props';
+export type { GridInstance } from './src/builders/build-grid';
+export type { DynamicSizeGridInstance, ResetAfterIndex, ResetAfterIndices, } from './src/components/dynamic-size-grid';
+export * from './src/types';

package/lib/components/virtual-list/index.js

@@ -6,8 +6,8 @@ var fixedSizeList = require('./src/components/fixed-size-list.js');
 var dynamicSizeList = require('./src/components/dynamic-size-list.js');
 var fixedSizeGrid = require('./src/components/fixed-size-grid.js');
 var dynamicSizeGrid = require('./src/components/dynamic-size-grid.js');
-require('./src/types.js');
 var props = require('./src/props.js');
+require('./src/types.js');
 
 
 

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

@@ -1,7 +1,9 @@
-import type { StyleValue, VNode } from 'vue';
-import type { GridConstructorProps } from '../types';
+import { useCache } from '../hooks/use-cache';
+import { BACKWARD, FORWARD } from '../defaults';
+import type { Ref, StyleValue, UnwrapRef, VNode } from 'vue';
+import type { Alignment, GridConstructorProps, GridScrollOptions } from '../types';
 import type { VirtualizedGridProps } from '../props';
-declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStartIndexForOffset, getColumnStopIndexForStartIndex, getEstimatedTotalHeight, getEstimatedTotalWidth, getColumnOffset, getRowOffset, getRowPosition, getRowStartIndexForOffset, getRowStopIndexForStartIndex, initCache, validateProps, }: GridConstructorProps<VirtualizedGridProps>) => import("vue").DefineComponent<{
+declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStartIndexForOffset, getColumnStopIndexForStartIndex, getEstimatedTotalHeight, getEstimatedTotalWidth, getColumnOffset, getRowOffset, getRowPosition, getRowStartIndexForOffset, getRowStopIndexForStartIndex, initCache, injectToInstance, validateProps, }: GridConstructorProps<VirtualizedGridProps>) => import("vue").DefineComponent<{
     readonly className: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly containerElement: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | Element>, "div", unknown, unknown, unknown>;
     readonly data: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any[]>, () => [], unknown, unknown, unknown>;
@@ -19,13 +21,21 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     readonly estimatedRowHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, never, false, never, never>;
     readonly initScrollLeft: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, false, never, never>;
     readonly initScrollTop: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, false, never, never>;
+    readonly itemKey: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../types").GridItemKeyGetter>, ({ columnIndex, rowIndex }: {
+        columnIndex: any;
+        rowIndex: any;
+    }) => string, unknown, unknown, unknown>;
     readonly rowCache: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
     readonly rowHeight: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<number | import("../types").ItemSize>, never, true, never, never>;
     readonly totalColumn: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, never, true, never, never>;
     readonly totalRow: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, never, true, never, never>;
+    readonly hScrollbarSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly vScrollbarSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly scrollbarStartGap: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly scrollbarEndGap: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
 }, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "item-rendered")[], "scroll" | "item-rendered", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly className: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly containerElement: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | Element>, "div", unknown, unknown, unknown>;
     readonly data: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any[]>, () => [], unknown, unknown, unknown>;
@@ -43,13 +53,21 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     readonly estimatedRowHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, never, false, never, never>;
     readonly initScrollLeft: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, false, never, never>;
     readonly initScrollTop: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, false, never, never>;
+    readonly itemKey: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../types").GridItemKeyGetter>, ({ columnIndex, rowIndex }: {
+        columnIndex: any;
+        rowIndex: any;
+    }) => string, unknown, unknown, unknown>;
     readonly rowCache: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
     readonly rowHeight: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<number | import("../types").ItemSize>, never, true, never, never>;
     readonly totalColumn: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, never, true, never, never>;
     readonly totalRow: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, never, true, never, never>;
+    readonly hScrollbarSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly vScrollbarSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly scrollbarStartGap: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly scrollbarEndGap: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
 }>> & {
     onScroll?: ((...args: any[]) => any) | undefined;
-    "onItem-rendered"?: ((...args: any[]) => any) | undefined;
+    onItemRendered?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
     width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
@@ -61,11 +79,32 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     containerElement: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | Element>, unknown, unknown>;
     innerElement: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     useIsScrolling: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    estimatedRowHeight: number;
+    itemKey: import("../types").GridItemKeyGetter;
     columnCache: number;
     estimatedColumnWidth: number;
-    estimatedRowHeight: number;
     initScrollLeft: number;
     initScrollTop: number;
     rowCache: number;
+    hScrollbarSize: number;
+    vScrollbarSize: number;
+    scrollbarStartGap: number;
+    scrollbarEndGap: number;
 }>;
 export default createGrid;
+declare type Dir = typeof FORWARD | typeof BACKWARD;
+export declare type GridInstance = InstanceType<ReturnType<typeof createGrid>> & UnwrapRef<{
+    windowRef: Ref<HTMLElement>;
+    innerRef: Ref<HTMLElement>;
+    getItemStyleCache: ReturnType<typeof useCache>;
+    scrollTo: (scrollOptions: GridScrollOptions) => void;
+    scrollToItem: (rowIndex: number, columnIndex: number, alignment: Alignment) => void;
+    states: Ref<{
+        isScrolling: boolean;
+        scrollLeft: number;
+        scrollTop: number;
+        updateRequested: boolean;
+        xAxisScrollDir: Dir;
+        yAxisScrollDir: Dir;
+    }>;
+}>;

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

@@ -5,12 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var core = require('@vueuse/core');
 require('../../../../utils/index.js');
+require('../../../../hooks/index.js');
 var scrollbar = require('../components/scrollbar.js');
 var useGridWheel = require('../hooks/use-grid-wheel.js');
 var useCache = require('../hooks/use-cache.js');
 var props = require('../props.js');
 var utils = require('../utils.js');
 var defaults = require('../defaults.js');
+var index = require('../../../../hooks/use-namespace/index.js');
 var scroll = require('../../../../utils/dom/scroll.js');
 var shared = require('@vue/shared');
 
@@ -28,6 +30,7 @@ const createGrid = ({
   getRowStartIndexForOffset,
   getRowStopIndexForStartIndex,
   initCache,
+  injectToInstance,
   validateProps
 }) => {
   return vue.defineComponent({
@@ -35,9 +38,11 @@ const createGrid = ({
     props: props.virtualizedGridProps,
     emits: [defaults.ITEM_RENDER_EVT, defaults.SCROLL_EVT],
     setup(props, { emit, expose, slots }) {
+      const ns = index.useNamespace("vl");
       validateProps(props);
       const instance = vue.getCurrentInstance();
       const cache = vue.ref(initCache(props, instance));
+      injectToInstance == null ? void 0 : injectToInstance(instance, cache);
       const windowRef = vue.ref();
       const hScrollbar = vue.ref();
       const vScrollbar = vue.ref();
@@ -125,7 +130,16 @@ const createGrid = ({
             columnVisibleEnd
           ] = vue.unref(columnsToRender);
           const [rowCacheStart, rowCacheEnd, rowVisibleStart, rowVisibleEnd] = vue.unref(rowsToRender);
-          emit(defaults.ITEM_RENDER_EVT, columnCacheStart, columnCacheEnd, rowCacheStart, rowCacheEnd, columnVisibleStart, columnVisibleEnd, rowVisibleStart, rowVisibleEnd);
+          emit(defaults.ITEM_RENDER_EVT, {
+            columnCacheStart,
+            columnCacheEnd,
+            rowCacheStart,
+            rowCacheEnd,
+            columnVisibleStart,
+            columnVisibleEnd,
+            rowVisibleStart,
+            rowVisibleEnd
+          });
         }
         const {
           scrollLeft,
@@ -134,7 +148,13 @@ const createGrid = ({
           xAxisScrollDir,
           yAxisScrollDir
         } = vue.unref(states);
-        emit(defaults.SCROLL_EVT, xAxisScrollDir, scrollLeft, yAxisScrollDir, scrollTop, updateRequested);
+        emit(defaults.SCROLL_EVT, {
+          xAxisScrollDir,
+          scrollLeft,
+          yAxisScrollDir,
+          scrollTop,
+          updateRequested
+        });
       };
       const onScroll = (e) => {
         const {
@@ -165,11 +185,12 @@ const createGrid = ({
           isScrolling: true,
           scrollLeft: _scrollLeft,
           scrollTop: Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight)),
-          updateRequested: false,
+          updateRequested: true,
           xAxisScrollDir: utils.getScrollDir(_states.scrollLeft, _scrollLeft),
           yAxisScrollDir: utils.getScrollDir(_states.scrollTop, scrollTop)
         };
-        vue.nextTick(resetIsScrolling);
+        vue.nextTick(() => resetIsScrolling());
+        onUpdated();
         emitEvents();
       };
       const onVerticalScroll = (distance, totalSteps) => {
@@ -220,7 +241,9 @@ const createGrid = ({
           scrollTop,
           updateRequested: true
         };
-        vue.nextTick(resetIsScrolling);
+        vue.nextTick(() => resetIsScrolling());
+        onUpdated();
+        emitEvents();
       };
       const scrollToItem = (rowIndex = 0, columnIdx = 0, alignment = defaults.AUTO_ALIGNMENT) => {
         const _states = vue.unref(states);
@@ -279,7 +302,7 @@ const createGrid = ({
         }
         emitEvents();
       });
-      vue.onUpdated(() => {
+      const onUpdated = () => {
         const { direction } = props;
         const { scrollLeft, scrollTop, updateRequested } = vue.unref(states);
         const windowElement = vue.unref(windowRef);
@@ -305,17 +328,27 @@ const createGrid = ({
           }
           windowElement.scrollTop = Math.max(0, scrollTop);
         }
-      });
+      };
+      const { resetAfterColumnIndex, resetAfterRowIndex, resetAfter } = instance.proxy;
       expose({
         windowRef,
         innerRef,
         getItemStyleCache,
         scrollTo,
         scrollToItem,
-        states
+        states,
+        resetAfterColumnIndex,
+        resetAfterRowIndex,
+        resetAfter
       });
       const renderScrollbars = () => {
-        const { totalColumn, totalRow } = props;
+        const {
+          scrollbarAlwaysOn,
+          scrollbarStartGap,
+          scrollbarEndGap,
+          totalColumn,
+          totalRow
+        } = props;
         const width = vue.unref(parsedWidth);
         const height = vue.unref(parsedHeight);
         const estimatedWidth = vue.unref(estimatedTotalWidth);
@@ -323,6 +356,10 @@ const createGrid = ({
         const { scrollLeft, scrollTop } = vue.unref(states);
         const horizontalScrollbar = vue.h(scrollbar["default"], {
           ref: hScrollbar,
+          alwaysOn: scrollbarAlwaysOn,
+          startGap: scrollbarStartGap,
+          endGap: scrollbarEndGap,
+          class: ns.e("horizontal"),
           clientSize: width,
           layout: "horizontal",
           onScroll: onHorizontalScroll,
@@ -333,6 +370,10 @@ const createGrid = ({
         });
         const verticalScrollbar = vue.h(scrollbar["default"], {
           ref: vScrollbar,
+          alwaysOn: scrollbarAlwaysOn,
+          startGap: scrollbarStartGap,
+          endGap: scrollbarEndGap,
+          class: ns.e("vertical"),
           clientSize: height,
           layout: "vertical",
           onScroll: onVerticalScroll,
@@ -350,7 +391,7 @@ const createGrid = ({
         var _a;
         const [columnStart, columnEnd] = vue.unref(columnsToRender);
         const [rowStart, rowEnd] = vue.unref(rowsToRender);
-        const { data, totalColumn, totalRow, useIsScrolling } = props;
+        const { data, totalColumn, totalRow, useIsScrolling, itemKey } = props;
         const children = [];
         if (totalRow > 0 && totalColumn > 0) {
           for (let row = rowStart; row <= rowEnd; row++) {
@@ -358,7 +399,7 @@ const createGrid = ({
               children.push((_a = slots.default) == null ? void 0 : _a.call(slots, {
                 columnIndex: column,
                 data,
-                key: column,
+                key: itemKey({ columnIndex: column, data, rowIndex: row }),
                 isScrolling: useIsScrolling ? vue.unref(states).isScrolling : void 0,
                 style: getItemStyle(row, column),
                 rowIndex: row
@@ -386,7 +427,7 @@ const createGrid = ({
         const Inner = renderInner();
         return vue.h("div", {
           key: 0,
-          class: "el-vg__wrapper"
+          class: ns.e("wrapper")
         }, [
           vue.h(Container, {
             class: props.className,