naive-ui 2.22.0 → 2.24.0

package/es/typography/src/styles/blockquote.cssr.js

@@ -1,23 +1,23 @@
 import { c, cB, cM } from '../../../_utils/cssr'; // vars:
-// --bezier
-// --font-size
-// --line-height
-// --prefix-color
-// --text-color
+// --n-bezier
+// --n-font-size
+// --n-line-height
+// --n-prefix-color
+// --n-text-color
 
 export default cB('blockquote', `
- font-size: var(--font-size);
- line-height: var(--line-height);
+ font-size: var(--n-font-size);
+ line-height: var(--n-line-height);
  margin: 0;
  margin-top: 12px;
  margin-bottom: 12px;
  box-sizing: border-box;
  padding-left: 12px;
- border-left: 4px solid var(--prefix-color);
- color: var(--text-color);
+ border-left: 4px solid var(--n-prefix-color);
+ color: var(--n-text-color);
  transition:
- color .3s var(--bezier),
- border-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
 `, [c('&:first-child', {
   marginTop: 0
 }), c('&:last-child', {

package/es/typography/src/styles/header.cssr.js

@@ -1,37 +1,37 @@
 import { c, cB, cM } from '../../../_utils/cssr'; // vars:
-// --bezier
-// --font-size
-// --margin
-// --bar-color
-// --bar-width
-// --font-weight
-// --text-color
-// --prefix-width
+// --n-bezier
+// --n-font-size
+// --n-margin
+// --n-bar-color
+// --n-bar-width
+// --n-font-weight
+// --n-text-color
+// --n-prefix-width
 
 export default cB('h', `
- font-size: var(--font-size);
- font-weight: var(--font-weight);
- margin: var(--margin);
- transition: color .3s var(--bezier);
- color: var(--text-color);
+ font-size: var(--n-font-size);
+ font-weight: var(--n-font-weight);
+ margin: var(--n-margin);
+ transition: color .3s var(--n-bezier);
+ color: var(--n-text-color);
 `, [c('&:first-child', {
   marginTop: 0
 }), cM('prefix-bar', {
   position: 'relative',
-  paddingLeft: 'var(--prefix-width)'
+  paddingLeft: 'var(--n-prefix-width)'
 }, [cM('align-text', {
   paddingLeft: 0
 }, [c('&::before', {
-  left: 'calc(-1 * var(--prefix-width))'
+  left: 'calc(-1 * var(--n-prefix-width))'
 })]), c('&::before', `
  content: "";
- width: var(--bar-width);
- border-radius: calc(var(--bar-width) / 2);
- transition: background-color .3s var(--bezier);
+ width: var(--n-bar-width);
+ border-radius: calc(var(--n-bar-width) / 2);
+ transition: background-color .3s var(--n-bezier);
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  `), c('&::before', {
-  backgroundColor: 'var(--bar-color)'
+  backgroundColor: 'var(--n-bar-color)'
 })])]);

package/es/typography/src/styles/hr.cssr.js

@@ -1,11 +1,11 @@
 import { cB } from '../../../_utils/cssr'; // vars:
-// --color
+// --n-color
 
 export default cB('hr', `
  margin: 12px 0;
- transition: border-color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
  border-left: none;
  border-right: none;
  border-bottom: none;
- border-top: 1px solid var(--color);
+ border-top: 1px solid var(--n-color);
 `);

package/es/typography/src/styles/list.cssr.js

@@ -1,32 +1,32 @@
 import { c, cB, cM } from '../../../_utils/cssr';
 const liStyle = c('li', {
-  transition: 'color .3s var(--bezier)',
-  lineHeight: 'var(--line-height)',
-  margin: 'var(--li-margin)',
+  transition: 'color .3s var(--n-bezier)',
+  lineHeight: 'var(--n-line-height)',
+  margin: 'var(--n-li-margin)',
   marginBottom: 0,
-  color: 'var(--text-color)'
+  color: 'var(--n-text-color)'
 });
 const childStyle = [c('&:first-child', `
  margin-top: 0;
  `), c('&:last-child', `
  margin-bottom: 0;
  `)]; // vars:
-// --bezier
-// --font-size
-// --line-height
-// --text-color
-// --li-margin
-// --ol-padding
-// --ul-padding
+// --n-bezier
+// --n-font-size
+// --n-line-height
+// --n-text-color
+// --n-li-margin
+// --n-ol-padding
+// --n-ul-padding
 
 export default c([cB('ol', {
-  fontSize: 'var(--font-size)',
-  padding: 'var(--ol-padding)'
+  fontSize: 'var(--n-font-size)',
+  padding: 'var(--n-ol-padding)'
 }, [cM('align-text', {
   paddingLeft: 0
 }), liStyle, childStyle]), cB('ul', {
-  fontSize: 'var(--font-size)',
-  padding: 'var(--ul-padding)'
+  fontSize: 'var(--n-font-size)',
+  padding: 'var(--n-ul-padding)'
 }, [cM('align-text', {
   paddingLeft: 0
 }), liStyle, childStyle])]);

package/es/typography/src/styles/p.cssr.js

@@ -1,15 +1,15 @@
 import { c, cB } from '../../../_utils/cssr'; // vars:
-// --bezier
-// --font-size
-// --line-height
-// --margin
-// --text-color
+// --n-bezier
+// --n-font-size
+// --n-line-height
+// --n-margin
+// --n-text-color
 
 export default cB('p', `
  box-sizing: border-box;
- transition: color .3s var(--bezier);
- margin: var(--margin);
- font-size: var(--font-size);
- line-height: var(--line-height);
- color: var(--text-color);
+ transition: color .3s var(--n-bezier);
+ margin: var(--n-margin);
+ font-size: var(--n-font-size);
+ line-height: var(--n-line-height);
+ color: var(--n-text-color);
 `, [c('&:first-child', 'margin-top: 0;'), c('&:last-child', 'margin-bottom: 0;')]);

package/es/typography/src/styles/text.cssr.js

@@ -1,17 +1,17 @@
 import { cB, cM } from '../../../_utils/cssr'; // vars:
-// --text-color
-// --font-weight-strong
-// --font-famliy-mono
-// --code-border-radius
-// --code-text-color
-// --code-color
-// --code-border
+// --n-text-color
+// --n-font-weight-strong
+// --n-font-famliy-mono
+// --n-code-border-radius
+// --n-code-text-color
+// --n-code-color
+// --n-code-border
 
 export default cB('text', `
- transition: color .3s var(--bezier);
- color: var(--text-color);
+ transition: color .3s var(--n-bezier);
+ color: var(--n-text-color);
 `, [cM('strong', `
- font-weight: var(--font-weight-strong);
+ font-weight: var(--n-font-weight-strong);
  `), cM('italic', {
   fontStyle: 'italic'
 }), cM('underline', {
@@ -19,16 +19,16 @@ export default cB('text', `
 }), cM('code', `
  line-height: 1.4;
  display: inline-block;
- font-family: var(--font-famliy-mono);
+ font-family: var(--n-font-famliy-mono);
  transition: 
- color .3s var(--bezier),
- border-color .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  box-sizing: border-box;
  padding: .05em .35em 0 .35em;
- border-radius: var(--code-border-radius);
+ border-radius: var(--n-code-border-radius);
  font-size: .9em;
- color: var(--code-text-color);
- background-color: var(--code-color);
- border: var(--code-border);
+ color: var(--n-code-text-color);
+ background-color: var(--n-code-color);
+ border: var(--n-code-border);
  `)]);

package/es/typography/src/text.d.ts

@@ -436,13 +436,14 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").ComputedRef<string>;
     compitableTag: import("vue").ComputedRef<string | undefined>;
     cssVars: import("vue").ComputedRef<{
-        '--text-color': string;
-        '--font-weight-strong': string;
-        '--font-famliy-mono': string;
-        '--code-border-radius': string;
-        '--code-text-color': string;
-        '--code-color': string;
-        '--code-border': string;
+        '--n-bezier': string;
+        '--n-text-color': string;
+        '--n-font-weight-strong': string;
+        '--n-font-famliy-mono': string;
+        '--n-code-border-radius': string;
+        '--n-code-text-color': string;
+        '--n-code-color': string;
+        '--n-code-border': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly code?: unknown;

package/es/typography/src/text.js

@@ -35,15 +35,16 @@ export default defineComponent({
                         ? 'textColor'
                         : `textColor${depth}Depth`
                     : createKey('textColor', type);
-                const { common: { fontWeightStrong, fontFamilyMono }, self: { codeTextColor, codeBorderRadius, codeColor, codeBorder, [textColorKey]: textColor } } = themeRef.value;
+                const { common: { fontWeightStrong, fontFamilyMono, cubicBezierEaseInOut }, self: { codeTextColor, codeBorderRadius, codeColor, codeBorder, [textColorKey]: textColor } } = themeRef.value;
                 return {
-                    '--text-color': textColor,
-                    '--font-weight-strong': fontWeightStrong,
-                    '--font-famliy-mono': fontFamilyMono,
-                    '--code-border-radius': codeBorderRadius,
-                    '--code-text-color': codeTextColor,
-                    '--code-color': codeColor,
-                    '--code-border': codeBorder
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-text-color': textColor,
+                    '--n-font-weight-strong': fontWeightStrong,
+                    '--n-font-famliy-mono': fontFamilyMono,
+                    '--n-code-border-radius': codeBorderRadius,
+                    '--n-code-text-color': codeTextColor,
+                    '--n-code-color': codeColor,
+                    '--n-code-border': codeBorder
                 };
             })
         };

package/es/typography/src/ul.d.ts

@@ -404,13 +404,13 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--font-size': string;
-        '--line-height': string;
-        '--text-color': string;
-        '--li-margin': string;
-        '--ol-padding': string;
-        '--ul-padding': string;
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-line-height': string;
+        '--n-text-color': string;
+        '--n-li-margin': string;
+        '--n-ol-padding': string;
+        '--n-ul-padding': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly alignText?: unknown;

package/es/typography/src/ul.js

@@ -14,13 +14,13 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { common: { cubicBezierEaseInOut }, self: { olPadding, ulPadding, liMargin, liTextColor, liLineHeight, liFontSize } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--font-size': liFontSize,
-                    '--line-height': liLineHeight,
-                    '--text-color': liTextColor,
-                    '--li-margin': liMargin,
-                    '--ol-padding': olPadding,
-                    '--ul-padding': ulPadding
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-font-size': liFontSize,
+                    '--n-line-height': liLineHeight,
+                    '--n-text-color': liTextColor,
+                    '--n-li-margin': liMargin,
+                    '--n-ol-padding': olPadding,
+                    '--n-ul-padding': ulPadding
                 };
             })
         };

package/es/upload/src/Upload.d.ts

@@ -1,6 +1,7 @@
 import { PropType, CSSProperties } from 'vue';
-import { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import { FileInfo, FuncOrRecordOrUndef, OnFinish, OnRemove, OnDownload, OnChange, OnUpdateFileList, OnBeforeUpload, listType, OnPreview, CreateThumbnailUrl, CustomRequest } from './interface';
+import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import type { ImageGroupProps } from '../../image';
+import type { FileInfo, FuncOrRecordOrUndef, OnFinish, OnRemove, OnDownload, OnChange, OnUpdateFileList, OnBeforeUpload, ListType, OnPreview, CreateThumbnailUrl, CustomRequest, OnError } from './interface';
 declare const uploadProps: {
     readonly name: {
         readonly type: StringConstructor;
@@ -28,6 +29,7 @@ declare const uploadProps: {
     readonly onChange: PropType<OnChange>;
     readonly onRemove: PropType<OnRemove>;
     readonly onFinish: PropType<OnFinish>;
+    readonly onError: PropType<OnError>;
     readonly onBeforeUpload: PropType<OnBeforeUpload>;
     /** currently of no usage */
     readonly onDownload: PropType<OnDownload>;
@@ -61,7 +63,7 @@ declare const uploadProps: {
         readonly default: true;
     };
     readonly listType: {
-        readonly type: PropType<listType>;
+        readonly type: PropType<ListType>;
         readonly default: "text";
     };
     readonly onPreview: PropType<OnPreview>;
@@ -72,6 +74,7 @@ declare const uploadProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly imageGroupProps: PropType<ImageGroupProps>;
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -836,6 +839,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onChange: PropType<OnChange>;
     readonly onRemove: PropType<OnRemove>;
     readonly onFinish: PropType<OnFinish>;
+    readonly onError: PropType<OnError>;
     readonly onBeforeUpload: PropType<OnBeforeUpload>;
     /** currently of no usage */
     readonly onDownload: PropType<OnDownload>;
@@ -869,7 +873,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly listType: {
-        readonly type: PropType<listType>;
+        readonly type: PropType<ListType>;
         readonly default: "text";
     };
     readonly onPreview: PropType<OnPreview>;
@@ -880,6 +884,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly imageGroupProps: PropType<ImageGroupProps>;
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -2004,6 +2009,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onChange?: unknown;
     readonly onRemove?: unknown;
     readonly onFinish?: unknown;
+    readonly onError?: unknown;
     readonly onBeforeUpload?: unknown;
     readonly onDownload?: unknown;
     readonly defaultUpload?: unknown;
@@ -2023,6 +2029,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly abstract?: unknown;
     readonly max?: unknown;
     readonly showTrigger?: unknown;
+    readonly imageGroupProps?: unknown;
     readonly theme?: unknown;
     readonly themeOverrides?: unknown;
     readonly builtinThemeOverrides?: unknown;
@@ -2032,7 +2039,7 @@ declare const _default: import("vue").DefineComponent<{
     name: string;
     multiple: boolean;
     showTrigger: boolean;
-    listType: listType;
+    listType: ListType;
     showCancelButton: boolean;
     showRemoveButton: boolean;
     showDownloadButton: boolean;
@@ -2043,6 +2050,7 @@ declare const _default: import("vue").DefineComponent<{
     defaultUpload: boolean;
     defaultFileList: FileInfo[];
 } & {
+    onError?: OnError | undefined;
     data?: FuncOrRecordOrUndef;
     disabled?: boolean | undefined;
     onChange?: OnChange | undefined;
@@ -2785,9 +2793,9 @@ declare const _default: import("vue").DefineComponent<{
             lineBgProcessing: string;
         }, any>;
     }>> | undefined;
+    onFinish?: OnFinish | undefined;
     onRemove?: OnRemove | undefined;
     customRequest?: CustomRequest | undefined;
-    onFinish?: OnFinish | undefined;
     onBeforeUpload?: OnBeforeUpload | undefined;
     onDownload?: OnDownload | undefined;
     fileList?: FileInfo[] | undefined;
@@ -2796,6 +2804,7 @@ declare const _default: import("vue").DefineComponent<{
     fileListStyle?: string | CSSProperties | undefined;
     onPreview?: OnPreview | undefined;
     createThumbnailUrl?: CreateThumbnailUrl | undefined;
+    imageGroupProps?: ImageGroupProps | undefined;
 }>, {
     method: string;
     abstract: boolean;
@@ -2803,7 +2812,7 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     disabled: boolean | undefined;
     showTrigger: boolean;
-    listType: listType;
+    listType: ListType;
     showCancelButton: boolean;
     showRemoveButton: boolean;
     showDownloadButton: boolean;

package/es/upload/src/Upload.js

@@ -14,11 +14,11 @@ import { useConfig, useTheme, useFormItem } from '../../_mixins';
 import { warn, call, throwError } from '../../_utils';
 import { uploadLight } from '../styles';
 import { uploadDraggerKey } from './UploadDragger';
-import style from './styles/index.cssr';
 import { uploadInjectionKey } from './interface';
 import { createImageDataUrl } from './utils';
 import NUploadTrigger from './UploadTrigger';
 import NUploadFileList from './UploadFileList';
+import style from './styles/index.cssr';
 /**
  * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
  */
@@ -26,16 +26,19 @@ function createXhrHandlers(inst, file, XHR) {
     const { doChange, XhrMap } = inst;
     let percentage = 0;
     function handleXHRError(e) {
-        const fileAfterChange = Object.assign({}, file, {
+        var _a;
+        let fileAfterChange = Object.assign({}, file, {
             status: 'error',
             percentage
         });
         XhrMap.delete(file.id);
+        fileAfterChange =
+            ((_a = inst.onError) === null || _a === void 0 ? void 0 : _a.call(inst, { file: fileAfterChange, event: e })) || fileAfterChange;
         doChange(fileAfterChange, e);
     }
     function handleXHRLoad(e) {
         var _a;
-        if (XHR.status !== 200) {
+        if (XHR.status < 200 || XHR.status >= 300) {
             handleXHRError(e);
             return;
         }
@@ -105,10 +108,13 @@ function customSubmitImpl(options) {
             doChange(fileAfterChange);
         },
         onError() {
-            const fileAfterChange = Object.assign({}, file, {
+            var _a;
+            let fileAfterChange = Object.assign({}, file, {
                 status: 'error',
                 percentage
             });
+            fileAfterChange =
+                ((_a = inst.onError) === null || _a === void 0 ? void 0 : _a.call(inst, { file: fileAfterChange })) || fileAfterChange;
             doChange(fileAfterChange);
         }
     });
@@ -180,7 +186,7 @@ const uploadProps = Object.assign(Object.assign({}, useTheme.props), { name: {
     }, data: [Object, Function], headers: [Object, Function], withCredentials: Boolean, disabled: {
         type: Boolean,
         default: undefined
-    }, onChange: Function, onRemove: Function, onFinish: Function, onBeforeUpload: Function, 
+    }, onChange: Function, onRemove: Function, onFinish: Function, onError: Function, onBeforeUpload: Function, 
     /** currently of no usage */
     onDownload: Function, defaultUpload: {
         type: Boolean,
@@ -206,7 +212,7 @@ const uploadProps = Object.assign(Object.assign({}, useTheme.props), { name: {
     }, onPreview: Function, createThumbnailUrl: Function, abstract: Boolean, max: Number, showTrigger: {
         type: Boolean,
         default: true
-    } });
+    }, imageGroupProps: Object });
 export default defineComponent({
     name: 'Upload',
     props: uploadProps,
@@ -314,7 +320,8 @@ export default defineComponent({
                             inst: {
                                 doChange,
                                 XhrMap,
-                                onFinish: props.onFinish
+                                onFinish: props.onFinish,
+                                onError: props.onError
                             },
                             file,
                             action,
@@ -328,7 +335,8 @@ export default defineComponent({
                         submitImpl({
                             doChange,
                             XhrMap,
-                            onFinish: props.onFinish
+                            onFinish: props.onFinish,
+                            onError: props.onError
                         }, file, formData, {
                             method,
                             action,
@@ -382,22 +390,22 @@ export default defineComponent({
         const cssVarsRef = computed(() => {
             const { common: { cubicBezierEaseInOut }, self: { draggerColor, draggerBorder, draggerBorderHover, itemColorHover, itemColorHoverError, itemTextColorError, itemTextColorSuccess, itemTextColor, itemIconColor, itemDisabledOpacity, lineHeight, borderRadius, fontSize, itemBorderImageCardError, itemBorderImageCard } } = themeRef.value;
             return {
-                '--bezier': cubicBezierEaseInOut,
-                '--border-radius': borderRadius,
-                '--dragger-border': draggerBorder,
-                '--dragger-border-hover': draggerBorderHover,
-                '--dragger-color': draggerColor,
-                '--font-size': fontSize,
-                '--item-color-hover': itemColorHover,
-                '--item-color-hover-error': itemColorHoverError,
-                '--item-disabled-opacity': itemDisabledOpacity,
-                '--item-icon-color': itemIconColor,
-                '--item-text-color': itemTextColor,
-                '--item-text-color-error': itemTextColorError,
-                '--item-text-color-success': itemTextColorSuccess,
-                '--line-height': lineHeight,
-                '--item-border-image-card-error': itemBorderImageCardError,
-                '--item-border-image-card': itemBorderImageCard
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-border-radius': borderRadius,
+                '--n-dragger-border': draggerBorder,
+                '--n-dragger-border-hover': draggerBorderHover,
+                '--n-dragger-color': draggerColor,
+                '--n-font-size': fontSize,
+                '--n-item-color-hover': itemColorHover,
+                '--n-item-color-hover-error': itemColorHoverError,
+                '--n-item-disabled-opacity': itemDisabledOpacity,
+                '--n-item-icon-color': itemIconColor,
+                '--n-item-text-color': itemTextColor,
+                '--n-item-text-color-error': itemTextColorError,
+                '--n-item-text-color-success': itemTextColorSuccess,
+                '--n-line-height': lineHeight,
+                '--n-item-border-image-card-error': itemBorderImageCardError,
+                '--n-item-border-image-card': itemBorderImageCard
             };
         });
         provide(uploadInjectionKey, {
@@ -426,7 +434,8 @@ export default defineComponent({
             fileListStyleRef: toRef(props, 'fileListStyle'),
             abstractRef: toRef(props, 'abstract'),
             cssVarsRef,
-            showTriggerRef: toRef(props, 'showTrigger')
+            showTriggerRef: toRef(props, 'showTrigger'),
+            imageGroupPropsRef: toRef(props, 'imageGroupProps')
         });
         const exposedMethods = {
             submit,

package/es/upload/src/UploadFile.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { FileInfo, listType } from './interface';
+import type { FileInfo, ListType } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     listType: {
-        type: PropType<listType>;
+        type: PropType<ListType>;
         required: true;
     };
 }, {
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
             scrollbarColorHover: string;
             scrollbarWidth: string;
             scrollbarHeight: string;
-            scrollbarBorderRadius: string;
+            scrollbarBorderRadius: string; /** I haven't figure out its usage, so just leave it here */
             progressRailColor: string;
             railColor: string;
             popoverColor: string;
@@ -220,7 +220,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorPressedInfo: string;
                 colorFocusInfo: string;
                 colorDisabledInfo: string;
-                textColorInfo: string;
+                textColorInfo: string; /** I haven't figure out its usage, so just leave it here */
                 textColorHoverInfo: string;
                 textColorPressedInfo: string;
                 textColorFocusInfo: string;
@@ -401,6 +401,6 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     clsPrefix: string;
     file: FileInfo;
-    listType: listType;
+    listType: ListType;
 } & {}>, {}>;
 export default _default;

package/es/upload/src/UploadFileList.js

@@ -12,10 +12,10 @@ export default defineComponent({
         if (!NUpload) {
             throwError('upload-file-list', '`n-upload-file-list` must be placed inside `n-upload`.');
         }
-        const { mergedClsPrefixRef, listTypeRef, mergedFileListRef, fileListStyleRef, cssVarsRef, maxReachedRef, showTriggerRef } = NUpload;
+        const { mergedClsPrefixRef, listTypeRef, mergedFileListRef, fileListStyleRef, cssVarsRef, maxReachedRef, showTriggerRef, imageGroupPropsRef } = NUpload;
         const isImageCardTypeRef = computed(() => listTypeRef.value === 'image-card');
         const renderFileList = () => mergedFileListRef.value.map((file) => (h(NUploadFile, { clsPrefix: mergedClsPrefixRef.value, key: file.id, file: file, listType: listTypeRef.value })));
-        const renderUploadFileList = () => isImageCardTypeRef.value ? (h(NImageGroup, null, { default: renderFileList })) : (h(NFadeInExpandTransition, { group: true }, {
+        const renderUploadFileList = () => isImageCardTypeRef.value ? (h(NImageGroup, Object.assign({}, imageGroupPropsRef.value), { default: renderFileList })) : (h(NFadeInExpandTransition, { group: true }, {
             default: renderFileList
         }));
         return () => {