naive-ui 2.23.1 → 2.24.2

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

@@ -445,30 +445,24 @@ declare const _default: import("vue").DefineComponent<{
         '--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;
-    readonly type?: unknown;
-    readonly delete?: unknown;
-    readonly strong?: unknown;
-    readonly italic?: unknown;
-    readonly underline?: unknown;
-    readonly depth?: unknown;
-    readonly tag?: unknown;
-    readonly as?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    type: string;
-    delete: boolean;
-    italic: boolean;
-    underline: boolean;
-    code: boolean;
-    strong: boolean;
-} & {
-    tag?: string | undefined;
-    as?: string | undefined;
-    theme?: import("../../_mixins").Theme<"Typography", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly code: BooleanConstructor;
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "default";
+    };
+    readonly delete: BooleanConstructor;
+    readonly strong: BooleanConstructor;
+    readonly italic: BooleanConstructor;
+    readonly underline: BooleanConstructor;
+    readonly depth: PropType<2 | 1 | 3 | "1" | "2" | "3">;
+    readonly tag: StringConstructor;
+    readonly as: {
+        readonly type: StringConstructor;
+        readonly validator: () => boolean;
+        readonly default: undefined;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -533,8 +527,8 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -599,8 +593,8 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -665,9 +659,8 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>> | undefined;
-    depth?: 2 | 1 | 3 | "1" | "2" | "3" | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     type: string;
     delete: boolean;
     italic: boolean;

package/lib/typography/src/text.js

@@ -55,6 +55,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
+        var _a, _b;
         const { mergedClsPrefix } = this;
         const textClass = [
             `${mergedClsPrefix}-text`,
@@ -66,7 +67,7 @@ exports.default = (0, vue_1.defineComponent)({
                 [`${mergedClsPrefix}-text--underline`]: this.underline
             }
         ];
-        const defaultSlot = (0, vue_1.renderSlot)(this.$slots, 'default');
-        return this.code ? ((0, vue_1.h)("code", { class: textClass, style: this.cssVars }, this.delete ? (0, vue_1.h)("del", null, defaultSlot) : defaultSlot)) : this.delete ? ((0, vue_1.h)("del", { class: textClass, style: this.cssVars }, defaultSlot)) : ((0, vue_1.h)(this.compitableTag || 'span', { class: textClass, style: this.cssVars }, defaultSlot));
+        const children = (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a);
+        return this.code ? ((0, vue_1.h)("code", { class: textClass, style: this.cssVars }, this.delete ? (0, vue_1.h)("del", null, children) : children)) : this.delete ? ((0, vue_1.h)("del", { class: textClass, style: this.cssVars }, children)) : ((0, vue_1.h)(this.compitableTag || 'span', { class: textClass, style: this.cssVars }, children));
     }
 });

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

@@ -412,15 +412,9 @@ declare const _default: import("vue").DefineComponent<{
         '--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;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    alignText: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"Typography", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly alignText: BooleanConstructor;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -485,8 +479,8 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
+    }, any>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -551,8 +545,8 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
+    }, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -617,8 +611,8 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     alignText: boolean;
 }>;
 export default _default;

package/lib/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 { PropType, CSSProperties, InputHTMLAttributes } from 'vue';
+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,8 @@ declare const uploadProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly imageGroupProps: PropType<ImageGroupProps>;
+    readonly inputProps: PropType<InputHTMLAttributes>;
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -836,6 +840,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 +874,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 +885,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly imageGroupProps: PropType<ImageGroupProps>;
+    readonly inputProps: PropType<InputHTMLAttributes>;
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -1618,6 +1625,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     openOpenFileDialog: () => void;
     submit: () => void;
+    clear: () => void;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     draggerInsideRef: {
         value: boolean;
@@ -1989,68 +1997,81 @@ declare const _default: import("vue").DefineComponent<{
     dragOver: import("vue").Ref<boolean>;
     handleFileInputChange: (e: Event) => void;
     cssVars: import("vue").ComputedRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly name?: unknown;
-    readonly accept?: unknown;
-    readonly action?: unknown;
-    readonly customRequest?: unknown;
-    readonly method?: unknown;
-    readonly multiple?: unknown;
-    readonly showFileList?: unknown;
-    readonly data?: unknown;
-    readonly headers?: unknown;
-    readonly withCredentials?: unknown;
-    readonly disabled?: unknown;
-    readonly onChange?: unknown;
-    readonly onRemove?: unknown;
-    readonly onFinish?: unknown;
-    readonly onBeforeUpload?: unknown;
-    readonly onDownload?: unknown;
-    readonly defaultUpload?: unknown;
-    readonly fileList?: unknown;
-    readonly 'onUpdate:fileList'?: unknown;
-    readonly onUpdateFileList?: unknown;
-    readonly fileListStyle?: unknown;
-    readonly defaultFileList?: unknown;
-    readonly showCancelButton?: unknown;
-    readonly showRemoveButton?: unknown;
-    readonly showDownloadButton?: unknown;
-    readonly showRetryButton?: unknown;
-    readonly showPreviewButton?: unknown;
-    readonly listType?: unknown;
-    readonly onPreview?: unknown;
-    readonly createThumbnailUrl?: unknown;
-    readonly abstract?: unknown;
-    readonly max?: unknown;
-    readonly showTrigger?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    method: string;
-    abstract: boolean;
-    name: string;
-    multiple: boolean;
-    showTrigger: boolean;
-    listType: listType;
-    showCancelButton: boolean;
-    showRemoveButton: boolean;
-    showDownloadButton: boolean;
-    showRetryButton: boolean;
-    showPreviewButton: boolean;
-    withCredentials: boolean;
-    showFileList: boolean;
-    defaultUpload: boolean;
-    defaultFileList: FileInfo[];
-} & {
-    data?: FuncOrRecordOrUndef;
-    disabled?: boolean | undefined;
-    onChange?: OnChange | undefined;
-    action?: string | undefined;
-    accept?: string | undefined;
-    max?: number | undefined;
-    headers?: FuncOrRecordOrUndef;
-    theme?: import("../../_mixins").Theme<"Upload", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: "file";
+    };
+    readonly accept: StringConstructor;
+    readonly action: StringConstructor;
+    readonly customRequest: PropType<CustomRequest>;
+    readonly method: {
+        readonly type: StringConstructor;
+        readonly default: "POST";
+    };
+    readonly multiple: BooleanConstructor;
+    readonly showFileList: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly data: PropType<FuncOrRecordOrUndef>;
+    readonly headers: PropType<FuncOrRecordOrUndef>;
+    readonly withCredentials: BooleanConstructor;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    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>;
+    readonly defaultUpload: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly fileList: PropType<FileInfo[]>;
+    readonly 'onUpdate:fileList': PropType<MaybeArray<OnUpdateFileList>>;
+    readonly onUpdateFileList: PropType<MaybeArray<OnUpdateFileList>>;
+    readonly fileListStyle: PropType<string | CSSProperties>;
+    readonly defaultFileList: {
+        readonly type: PropType<FileInfo[]>;
+        readonly default: () => never[];
+    };
+    readonly showCancelButton: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showRemoveButton: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showDownloadButton: BooleanConstructor;
+    readonly showRetryButton: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showPreviewButton: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly listType: {
+        readonly type: PropType<ListType>;
+        readonly default: "text";
+    };
+    readonly onPreview: PropType<OnPreview>;
+    readonly createThumbnailUrl: PropType<CreateThumbnailUrl>;
+    readonly abstract: BooleanConstructor;
+    readonly max: NumberConstructor;
+    readonly showTrigger: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly imageGroupProps: PropType<ImageGroupProps>;
+    readonly inputProps: PropType<InputHTMLAttributes>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
         borderRadius: string;
@@ -2294,8 +2315,8 @@ declare const _default: import("vue").DefineComponent<{
             fillColorError: string;
             lineBgProcessing: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Upload", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
         borderRadius: string;
@@ -2539,8 +2560,8 @@ declare const _default: import("vue").DefineComponent<{
             fillColorError: string;
             lineBgProcessing: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Upload", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
         borderRadius: string;
@@ -2784,26 +2805,15 @@ declare const _default: import("vue").DefineComponent<{
             fillColorError: string;
             lineBgProcessing: string;
         }, any>;
-    }>> | undefined;
-    onRemove?: OnRemove | undefined;
-    customRequest?: CustomRequest | undefined;
-    onFinish?: OnFinish | undefined;
-    onBeforeUpload?: OnBeforeUpload | undefined;
-    onDownload?: OnDownload | undefined;
-    fileList?: FileInfo[] | undefined;
-    "onUpdate:fileList"?: MaybeArray<OnUpdateFileList> | undefined;
-    onUpdateFileList?: MaybeArray<OnUpdateFileList> | undefined;
-    fileListStyle?: string | CSSProperties | undefined;
-    onPreview?: OnPreview | undefined;
-    createThumbnailUrl?: CreateThumbnailUrl | undefined;
-}>, {
+    }>>>;
+}>>, {
     method: string;
     abstract: boolean;
     name: string;
     multiple: boolean;
     disabled: boolean | undefined;
     showTrigger: boolean;
-    listType: listType;
+    listType: ListType;
     showCancelButton: boolean;
     showRemoveButton: boolean;
     showDownloadButton: boolean;

package/lib/upload/src/Upload.js

@@ -19,11 +19,11 @@ const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const UploadDragger_1 = require("./UploadDragger");
-const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const interface_1 = require("./interface");
 const utils_1 = require("./utils");
 const UploadTrigger_1 = __importDefault(require("./UploadTrigger"));
 const UploadFileList_1 = __importDefault(require("./UploadFileList"));
+const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 /**
  * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
  */
@@ -31,16 +31,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;
         }
@@ -110,10 +113,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);
         }
     });
@@ -185,7 +191,7 @@ const uploadProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, 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,
@@ -211,7 +217,7 @@ const uploadProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, onPreview: Function, createThumbnailUrl: Function, abstract: Boolean, max: Number, showTrigger: {
         type: Boolean,
         default: true
-    } });
+    }, imageGroupProps: Object, inputProps: Object });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Upload',
     props: uploadProps,
@@ -319,7 +325,8 @@ exports.default = (0, vue_1.defineComponent)({
                             inst: {
                                 doChange,
                                 XhrMap,
-                                onFinish: props.onFinish
+                                onFinish: props.onFinish,
+                                onError: props.onError
                             },
                             file,
                             action,
@@ -333,7 +340,8 @@ exports.default = (0, vue_1.defineComponent)({
                         submitImpl({
                             doChange,
                             XhrMap,
-                            onFinish: props.onFinish
+                            onFinish: props.onFinish,
+                            onError: props.onError
                         }, file, formData, {
                             method,
                             action,
@@ -431,9 +439,13 @@ exports.default = (0, vue_1.defineComponent)({
             fileListStyleRef: (0, vue_1.toRef)(props, 'fileListStyle'),
             abstractRef: (0, vue_1.toRef)(props, 'abstract'),
             cssVarsRef,
-            showTriggerRef: (0, vue_1.toRef)(props, 'showTrigger')
+            showTriggerRef: (0, vue_1.toRef)(props, 'showTrigger'),
+            imageGroupPropsRef: (0, vue_1.toRef)(props, 'imageGroupProps')
         });
         const exposedMethods = {
+            clear: () => {
+                uncontrolledFileListRef.value = [];
+            },
             submit,
             openOpenFileDialog
         };
@@ -449,7 +461,7 @@ exports.default = (0, vue_1.defineComponent)({
                 draggerInsideRef.value = true;
             }
         }
-        const inputNode = ((0, vue_1.h)("input", { ref: "inputElRef", type: "file", class: `${mergedClsPrefix}-upload-file-input`, accept: this.accept, multiple: this.multiple, onChange: this.handleFileInputChange }));
+        const inputNode = ((0, vue_1.h)("input", Object.assign({}, this.inputProps, { ref: "inputElRef", type: "file", class: `${mergedClsPrefix}-upload-file-input`, accept: this.accept, multiple: this.multiple, onChange: this.handleFileInputChange })));
         return this.abstract ? ((0, vue_1.h)(vue_1.Fragment, null, (_c = $slots.default) === null || _c === void 0 ? void 0 :
             _c.call($slots),
             (0, vue_1.h)(vue_1.Teleport, { to: "body" }, inputNode))) : ((0, vue_1.h)("div", { class: [

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

@@ -1,3 +1,3 @@
 export declare const uploadDraggerKey = "__UPLOAD_DRAGGER__";
-declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/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;
@@ -394,13 +394,18 @@ declare const _default: import("vue").DefineComponent<{
     handleDownloadClick: (e: MouseEvent) => void;
     handleRetryClick: () => void;
     handlePreviewClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    file?: unknown;
-    listType?: unknown;
-} & {
-    clsPrefix: string;
-    file: FileInfo;
-    listType: listType;
-} & {}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    file: {
+        type: PropType<FileInfo>;
+        required: true;
+    };
+    listType: {
+        type: PropType<ListType>;
+        required: true;
+    };
+}>>, {}>;
 export default _default;

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

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/upload/src/UploadFileList.js

@@ -17,10 +17,10 @@ exports.default = (0, vue_1.defineComponent)({
         if (!NUpload) {
             (0, _utils_1.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 = (0, vue_1.computed)(() => listTypeRef.value === 'image-card');
         const renderFileList = () => mergedFileListRef.value.map((file) => ((0, vue_1.h)(UploadFile_1.default, { clsPrefix: mergedClsPrefixRef.value, key: file.id, file: file, listType: listTypeRef.value })));
-        const renderUploadFileList = () => isImageCardTypeRef.value ? ((0, vue_1.h)(image_1.NImageGroup, null, { default: renderFileList })) : ((0, vue_1.h)(_internal_1.NFadeInExpandTransition, { group: true }, {
+        const renderUploadFileList = () => isImageCardTypeRef.value ? ((0, vue_1.h)(image_1.NImageGroup, Object.assign({}, imageGroupPropsRef.value), { default: renderFileList })) : ((0, vue_1.h)(_internal_1.NFadeInExpandTransition, { group: true }, {
             default: renderFileList
         }));
         return () => {

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

@@ -373,15 +373,17 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
         };
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    show?: unknown;
-    percentage?: unknown;
-    status?: unknown;
-} & {
-    show: boolean;
-    percentage: number;
-    status: "error" | "info" | "success";
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    percentage: {
+        type: NumberConstructor;
+        required: true;
+    };
+    status: {
+        type: PropType<"error" | "info" | "success">;
+        required: true;
+    };
+}>>, {
     show: boolean;
 }>;
 export default _default;