naive-ui 2.20.0 → 2.21.0

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

@@ -101,20 +101,30 @@ declare const uploadProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -261,9 +271,8 @@ declare const uploadProps: {
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -337,20 +346,30 @@ declare const uploadProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -497,9 +516,8 @@ declare const uploadProps: {
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -573,20 +591,30 @@ declare const uploadProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -733,9 +761,8 @@ declare const uploadProps: {
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -880,20 +907,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -1040,9 +1077,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -1116,20 +1152,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -1276,9 +1322,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -1352,20 +1397,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -1512,9 +1567,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -1558,6 +1612,8 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
+    openOpenFileDialog: () => void;
+    submit: () => void;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     draggerInsideRef: {
         value: boolean;
@@ -1633,9 +1689,12 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
-            pressedColor: string; /** currently of no usage */
+            pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;
@@ -1695,20 +1754,30 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
+                colorOpacitySecondary: number;
+                colorOpacitySecondaryHover: number;
+                colorOpacitySecondaryPressed: number;
+                colorSecondary: string;
+                colorSecondaryHover: string;
+                colorSecondaryPressed: string;
+                colorTertiary: string;
+                colorTertiaryHover: string;
+                colorTertiaryPressed: string;
+                colorQuaternary: string;
+                colorQuaternaryHover: string;
+                colorQuaternaryPressed: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
                 colorFocus: string;
                 colorDisabled: string;
                 textColor: string;
+                textColorTertiary: string;
                 textColorHover: string;
                 textColorPressed: string;
                 textColorFocus: string;
                 textColorDisabled: string;
                 textColorText: string;
-                textColorTextDepth1: string;
-                textColorTextDepth2: string;
-                textColorTextDepth3: string;
                 textColorTextHover: string;
                 textColorTextPressed: string;
                 textColorTextFocus: string;
@@ -1855,9 +1924,8 @@ declare const _default: import("vue").DefineComponent<{
                 borderDisabledError: string;
                 rippleColorError: string;
                 waveOpacity: string;
-                fontWeightText: string;
                 fontWeight: string;
-                fontWeighGhost: string;
+                fontWeightStrong: string;
                 paddingTiny: string;
                 paddingSmall: string;
                 paddingMedium: string;
@@ -1915,7 +1983,6 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     dragOver: import("vue").Ref<boolean>;
     handleFileInputChange: (e: Event) => void;
-    submit: (fileId?: string | undefined) => 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;
@@ -2006,20 +2073,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -2166,9 +2243,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -2242,20 +2318,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -2402,9 +2488,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -2478,20 +2563,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -2638,9 +2733,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;

package/es/upload/src/Upload.js

@@ -188,7 +188,7 @@ export default defineComponent({
         const dragOverRef = ref(false);
         const XhrMap = new Map();
         const mergedFileListRef = useMergedState(controlledFileListRef, uncontrolledFileListRef);
-        function openFileDialog() {
+        function openOpenFileDialog() {
             var _a;
             (_a = inputElRef.value) === null || _a === void 0 ? void 0 : _a.click();
         }
@@ -356,7 +356,7 @@ export default defineComponent({
             getFileThumbnailUrl,
             listTypeRef: toRef(props, 'listType'),
             dragOverRef,
-            openFileDialog,
+            openOpenFileDialog,
             draggerInsideRef,
             handleFileAddition,
             mergedDisabledRef: formItem.mergedDisabledRef,
@@ -365,16 +365,12 @@ export default defineComponent({
             abstractRef: toRef(props, 'abstract'),
             cssVarsRef
         });
-        return {
-            mergedClsPrefix: mergedClsPrefixRef,
-            draggerInsideRef,
-            inputElRef,
-            mergedTheme: themeRef,
-            dragOver: dragOverRef,
-            handleFileInputChange,
+        const exposedMethods = {
             submit,
-            cssVars: cssVarsRef
+            openOpenFileDialog
         };
+        return Object.assign({ mergedClsPrefix: mergedClsPrefixRef, draggerInsideRef,
+            inputElRef, mergedTheme: themeRef, dragOver: dragOverRef, handleFileInputChange, cssVars: cssVarsRef }, exposedMethods);
     },
     render() {
         var _a, _b, _c;

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

@@ -87,6 +87,9 @@ declare const _default: import("vue").DefineComponent<{
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;
@@ -146,20 +149,30 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
+                colorOpacitySecondary: number;
+                colorOpacitySecondaryHover: number;
+                colorOpacitySecondaryPressed: number;
+                colorSecondary: string;
+                colorSecondaryHover: string;
+                colorSecondaryPressed: string;
+                colorTertiary: string;
+                colorTertiaryHover: string;
+                colorTertiaryPressed: string;
+                colorQuaternary: string;
+                colorQuaternaryHover: string;
+                colorQuaternaryPressed: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
                 colorFocus: string;
                 colorDisabled: string;
                 textColor: string;
+                textColorTertiary: string;
                 textColorHover: string;
                 textColorPressed: string;
                 textColorFocus: string;
                 textColorDisabled: string;
                 textColorText: string;
-                textColorTextDepth1: string;
-                textColorTextDepth2: string;
-                textColorTextDepth3: string;
                 textColorTextHover: string;
                 textColorTextPressed: string;
                 textColorTextFocus: string;
@@ -205,7 +218,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorHoverInfo: string;
                 colorPressedInfo: string;
                 colorFocusInfo: string;
-                colorDisabledInfo: string;
+                colorDisabledInfo: string; /** I haven't figure out its usage, so just leave it here */
                 textColorInfo: string;
                 textColorHoverInfo: string;
                 textColorPressedInfo: string;
@@ -306,9 +319,8 @@ declare const _default: import("vue").DefineComponent<{
                 borderDisabledError: string;
                 rippleColorError: string;
                 waveOpacity: string;
-                fontWeightText: string;
                 fontWeight: string;
-                fontWeighGhost: string;
+                fontWeightStrong: string;
                 paddingTiny: string;
                 paddingSmall: string;
                 paddingMedium: string;

package/es/upload/src/UploadFile.js

@@ -191,7 +191,7 @@ export default defineComponent({
         const isImageCardType = listType === 'image-card';
         if (isImageType || isImageCardType) {
             icon = !isImageFile(file) ? (h("span", { class: `${clsPrefix}-upload-file-info__thumbnail` },
-                h(NBaseIcon, { clsPrefix: clsPrefix }, { default: () => documentIcon }))) : (file.url || this.thumbnailUrl) && file.status !== 'error' ? (h("a", { rel: "noopener noreferer", target: "_blank", href: file.url || undefined, class: `${clsPrefix}-upload-file-info__thumbnail`, onClick: this.handlePreviewClick }, listType === 'image-card' ? (h(NImage, { src: this.thumbnailUrl || file.url || undefined, alt: file.name, ref: "imageRef" })) : (h("img", { src: this.thumbnailUrl || file.url || undefined, alt: file.name })))) : (h("span", { class: `${clsPrefix}-upload-file-info__thumbnail` },
+                h(NBaseIcon, { clsPrefix: clsPrefix }, { default: () => documentIcon }))) : (file.url || this.thumbnailUrl) && file.status !== 'error' ? (h("a", { rel: "noopener noreferer", target: "_blank", href: file.url || undefined, class: `${clsPrefix}-upload-file-info__thumbnail`, onClick: this.handlePreviewClick }, listType === 'image-card' ? (h(NImage, { src: this.thumbnailUrl || file.thumbnailUrl || file.url || undefined, previewSrc: file.url || undefined, alt: file.name, ref: "imageRef" })) : (h("img", { src: this.thumbnailUrl || file.thumbnailUrl || file.url || undefined, alt: file.name })))) : (h("span", { class: `${clsPrefix}-upload-file-info__thumbnail` },
                 h(NBaseIcon, { clsPrefix: clsPrefix }, { default: () => imageIcon })));
         }
         else {

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

@@ -83,6 +83,9 @@ declare const _default: import("vue").DefineComponent<{
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;
@@ -142,20 +145,30 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
+                colorOpacitySecondary: number;
+                colorOpacitySecondaryHover: number;
+                colorOpacitySecondaryPressed: number;
+                colorSecondary: string;
+                colorSecondaryHover: string;
+                colorSecondaryPressed: string;
+                colorTertiary: string;
+                colorTertiaryHover: string;
+                colorTertiaryPressed: string;
+                colorQuaternary: string;
+                colorQuaternaryHover: string;
+                colorQuaternaryPressed: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
                 colorFocus: string;
                 colorDisabled: string;
                 textColor: string;
+                textColorTertiary: string;
                 textColorHover: string;
                 textColorPressed: string;
                 textColorFocus: string;
                 textColorDisabled: string;
                 textColorText: string;
-                textColorTextDepth1: string;
-                textColorTextDepth2: string;
-                textColorTextDepth3: string;
                 textColorTextHover: string;
                 textColorTextPressed: string;
                 textColorTextFocus: string;
@@ -302,9 +315,8 @@ declare const _default: import("vue").DefineComponent<{
                 borderDisabledError: string;
                 rippleColorError: string;
                 waveOpacity: string;
-                fontWeightText: string;
                 fontWeight: string;
-                fontWeighGhost: string;
+                fontWeightStrong: string;
                 paddingTiny: string;
                 paddingSmall: string;
                 paddingMedium: string;

package/es/upload/src/UploadTrigger.js

@@ -14,12 +14,12 @@ export default defineComponent({
         if (!NUpload) {
             throwError('upload-trigger', '`n-upload-trigger` must be placed inside `n-upload`.');
         }
-        const { mergedClsPrefixRef, mergedDisabledRef, maxReachedRef, listTypeRef, dragOverRef, openFileDialog, draggerInsideRef, handleFileAddition } = NUpload;
+        const { mergedClsPrefixRef, mergedDisabledRef, maxReachedRef, listTypeRef, dragOverRef, openOpenFileDialog, draggerInsideRef, handleFileAddition } = NUpload;
         const isImageCardTypeRef = computed(() => listTypeRef.value === 'image-card');
         function handleTriggerClick() {
             if (mergedDisabledRef.value || maxReachedRef.value)
                 return;
-            openFileDialog();
+            openOpenFileDialog();
         }
         function handleTriggerDragOver(e) {
             e.preventDefault();

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

@@ -65,7 +65,7 @@ export interface UploadInjection {
     submit: (fileId?: string) => void;
     getFileThumbnailUrl: (file: FileInfo) => Promise<string>;
     handleFileAddition: (files: FileList | null, e?: Event) => void;
-    openFileDialog: () => void;
+    openOpenFileDialog: () => void;
 }
 export declare const uploadInjectionKey: InjectionKey<UploadInjection>;
 export interface XhrHandlers {
@@ -75,6 +75,7 @@ export interface XhrHandlers {
     handleXHRError: (e: ProgressEvent) => void;
 }
 export interface UploadInst {
+    openOpenFileDialog: () => void;
     submit: () => void;
 }
 export declare type OnBeforeUpload = (data: {