naive-ui 2.41.1 → 2.43.0

package/es/tree-select/src/TreeSelect.d.ts

@@ -61,7 +61,7 @@ export declare const treeSelectProps: {
     readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateIndeterminateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").onUpdateExpandedKeys>>;
     readonly 'onUpdate:expandedKeys': PropType<MaybeArray<import("../../tree/src/Tree").onUpdateExpandedKeys>>;
-    readonly overrideDefaultNodeClickBehavior: PropType<import("../../tree").TreeOverrideNodeClickBehavior>;
+    readonly overrideDefaultNodeClickBehavior: PropType<import("..").TreeSelectOverrideNodeClickBehavior>;
     readonly bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -296,7 +296,20 @@ export declare const treeSelectProps: {
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TreeSelect", {
@@ -469,7 +482,20 @@ export declare const treeSelectProps: {
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TreeSelect", {
@@ -642,7 +668,20 @@ export declare const treeSelectProps: {
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
     }>>>;
 };
@@ -705,7 +744,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateIndeterminateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").onUpdateExpandedKeys>>;
     readonly 'onUpdate:expandedKeys': PropType<MaybeArray<import("../../tree/src/Tree").onUpdateExpandedKeys>>;
-    readonly overrideDefaultNodeClickBehavior: PropType<import("../../tree").TreeOverrideNodeClickBehavior>;
+    readonly overrideDefaultNodeClickBehavior: PropType<import("..").TreeSelectOverrideNodeClickBehavior>;
     readonly bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -940,7 +979,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TreeSelect", {
@@ -1113,7 +1165,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TreeSelect", {
@@ -1286,7 +1351,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
     }>>>;
 }>, {
@@ -1335,8 +1413,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     treeCheckedKeys: import("vue").ComputedRef<Key[]>;
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
-    selectedOption: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => VNodeChild)> | null>;
-    selectedOptions: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => VNodeChild)>[] | null>;
+    selectedOption: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)> | null>;
+    selectedOptions: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)>[] | null>;
     pattern: import("vue").Ref<string, string>;
     pendingNodeKey: import("vue").Ref<string | number | null, string | number | null>;
     mergedCascade: import("vue").ComputedRef<boolean>;
@@ -1544,7 +1622,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     arrowOffsetVertical: string;
                     arrowHeight: string;
                     padding: string;
-                }, any>;
+                }, {
+                    Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
+                        color: string;
+                        colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
+                    }, any>;
+                }>;
             }>;
         };
         peerOverrides: {
@@ -1629,7 +1720,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         arrowOffsetVertical: string;
                         arrowHeight: string;
                         padding: string;
-                    }, any>> | undefined;
+                    }, {
+                        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                            height: string;
+                            width: string;
+                            borderRadius: string;
+                            color: string;
+                            colorHover: string;
+                            railInsetHorizontalBottom: string;
+                            railInsetHorizontalTop: string;
+                            railInsetVerticalRight: string;
+                            railInsetVerticalLeft: string;
+                            railColor: string;
+                        }, any>;
+                    }>> | undefined;
                 } | undefined;
             } | undefined;
         };
@@ -1713,7 +1817,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateIndeterminateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").onUpdateExpandedKeys>>;
     readonly 'onUpdate:expandedKeys': PropType<MaybeArray<import("../../tree/src/Tree").onUpdateExpandedKeys>>;
-    readonly overrideDefaultNodeClickBehavior: PropType<import("../../tree").TreeOverrideNodeClickBehavior>;
+    readonly overrideDefaultNodeClickBehavior: PropType<import("..").TreeSelectOverrideNodeClickBehavior>;
     readonly bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -1948,7 +2052,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TreeSelect", {
@@ -2121,7 +2238,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TreeSelect", {
@@ -2294,7 +2424,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
     }>>>;
 }>> & Readonly<{}>, {
@@ -2306,26 +2449,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly multiple: boolean;
     readonly loading: boolean;
     readonly bordered: boolean;
+    readonly clearable: boolean;
+    readonly defaultValue: string | number | (string | number)[] | null;
     readonly placement: FollowerPlacement;
-    readonly keyField: string;
-    readonly labelField: string;
-    readonly virtualScroll: boolean;
-    readonly checkable: boolean;
     readonly defaultShow: boolean;
+    readonly allowCheckingNotLoaded: boolean;
     readonly filterable: boolean;
-    readonly clearable: boolean;
+    readonly disabledField: string;
     readonly clearFilterAfterSelect: boolean;
-    readonly defaultValue: string | number | (string | number)[] | null;
-    readonly consistentMenuWidth: boolean;
-    readonly childrenField: string;
-    readonly defaultExpandAll: boolean;
-    readonly allowCheckingNotLoaded: boolean;
     readonly cascade: boolean;
-    readonly indent: number;
-    readonly checkStrategy: CheckStrategy;
-    readonly disabledField: string;
     readonly leafOnly: boolean;
     readonly showPath: boolean;
+    readonly virtualScroll: boolean;
+    readonly checkStrategy: CheckStrategy;
+    readonly labelField: string;
+    readonly childrenField: string;
+    readonly consistentMenuWidth: boolean;
+    readonly defaultExpandAll: boolean;
+    readonly indent: number;
+    readonly keyField: string;
     readonly defaultExpandedKeys: Key[];
+    readonly checkable: boolean;
 }, SlotsType<TreeSelectSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/tree-select/styles/index.d.ts

@@ -1,3 +1,4 @@
 export { default as treeSelectDark } from './dark';
 export { default as treeSelectLight } from './light';
 export type { TreeSelectTheme, TreeSelectThemeVars } from './light';
+export { treeSelectRtl } from './rtl';

package/es/tree-select/styles/index.mjs

@@ -1,2 +1,3 @@
 export { default as treeSelectDark } from "./dark.mjs";
-export { default as treeSelectLight } from "./light.mjs";
+export { default as treeSelectLight } from "./light.mjs";
+export { treeSelectRtl } from "./rtl.mjs";

package/es/tree-select/styles/light.d.ts

@@ -13,7 +13,7 @@ export declare function self(vars: ThemeCommonVars): {
     headerPadding: string;
 };
 export type TreeSelectThemeVars = ReturnType<typeof self>;
-declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSelect", {
+declare const treeSelectLight: import("../../_mixins").Theme<"TreeSelect", {
     menuPadding: string;
     menuColor: string;
     menuBoxShadow: string;
@@ -26,7 +26,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
     headerTextColor: string;
     headerPadding: string;
 }, {
-    Tree: import("../../_mixins/use-theme").Theme<"Tree", {
+    Tree: import("../../_mixins").Theme<"Tree", {
         fontSize: string;
         lineHeight: string;
         nodeHeight: string;
@@ -42,7 +42,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         dropMarkColor: string;
         lineColor: string;
     }, {
-        Checkbox: import("../../_mixins/use-theme").Theme<"Checkbox", {
+        Checkbox: import("../../_mixins").Theme<"Checkbox", {
             labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
@@ -72,7 +72,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
             labelPadding: string;
             labelFontWeight: string;
         }, any>;
-        Scrollbar: import("../../_mixins/use-theme").Theme<"Scrollbar", {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             height: string;
             width: string;
             borderRadius: string;
@@ -84,7 +84,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
             railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
-        Empty: import("../../_mixins/use-theme").Theme<"Empty", {
+        Empty: import("../../_mixins").Theme<"Empty", {
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
@@ -100,7 +100,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
             iconSizeHuge: string;
         }, any>;
     }>;
-    Empty: import("../../_mixins/use-theme").Theme<"Empty", {
+    Empty: import("../../_mixins").Theme<"Empty", {
         fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
@@ -115,7 +115,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         iconSizeLarge: string;
         iconSizeHuge: string;
     }, any>;
-    InternalSelection: import("../../_mixins/use-theme").Theme<"InternalSelection", {
+    InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
@@ -170,7 +170,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         clearSize: string;
         arrowSize: string;
     }, {
-        Popover: import("../../_mixins/use-theme").Theme<"Popover", {
+        Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;
             color: string;
@@ -183,7 +183,20 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
             arrowOffsetVertical: string;
             arrowHeight: string;
             padding: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>;
 }>;
 export default treeSelectLight;

package/es/tree-select/styles/rtl.d.ts

@@ -0,0 +1,2 @@
+import type { RtlItem } from '../../config-provider/src/internal-interface';
+export declare const treeSelectRtl: RtlItem;

package/es/tree-select/styles/rtl.mjs

@@ -0,0 +1,11 @@
+import { scrollbarRtl } from "../../_internal/scrollbar/styles/index.mjs";
+import { internalSelectMenuRtl } from "../../_internal/select-menu/styles/index.mjs";
+import { internalSelectionRtl } from "../../_internal/selection/styles/index.mjs";
+import { c } from "../../_utils/cssr/index.mjs";
+import { tagRtl } from "../../tag/styles/index.mjs";
+import { treeRtl } from "../../tree/styles/index.mjs";
+export const treeSelectRtl = {
+  name: 'Select',
+  style: c([]),
+  peers: [internalSelectionRtl, internalSelectMenuRtl, tagRtl, scrollbarRtl, treeRtl]
+};

package/es/typography/src/create-header.d.ts

@@ -632,7 +632,7 @@ declare const _default: (level: "1" | "2" | "3" | "4" | "5" | "6") => import("vu
         ulPadding: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly type: "error" | "default" | "info" | "success" | "warning";
+    readonly type: "error" | "default" | "info" | "warning" | "success";
     readonly alignText: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -423,7 +423,7 @@ export declare const NH1: import("vue").DefineComponent<import("vue").ExtractPro
         ulPadding: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly type: "error" | "default" | "info" | "success" | "warning";
+    readonly type: "error" | "default" | "info" | "warning" | "success";
     readonly alignText: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const NH2: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -851,7 +851,7 @@ export declare const NH2: import("vue").DefineComponent<import("vue").ExtractPro
         ulPadding: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly type: "error" | "default" | "info" | "success" | "warning";
+    readonly type: "error" | "default" | "info" | "warning" | "success";
     readonly alignText: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const NH3: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1279,7 +1279,7 @@ export declare const NH3: import("vue").DefineComponent<import("vue").ExtractPro
         ulPadding: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly type: "error" | "default" | "info" | "success" | "warning";
+    readonly type: "error" | "default" | "info" | "warning" | "success";
     readonly alignText: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const NH4: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1707,7 +1707,7 @@ export declare const NH4: import("vue").DefineComponent<import("vue").ExtractPro
         ulPadding: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly type: "error" | "default" | "info" | "success" | "warning";
+    readonly type: "error" | "default" | "info" | "warning" | "success";
     readonly alignText: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const NH5: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -2135,7 +2135,7 @@ export declare const NH5: import("vue").DefineComponent<import("vue").ExtractPro
         ulPadding: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly type: "error" | "default" | "info" | "success" | "warning";
+    readonly type: "error" | "default" | "info" | "warning" | "success";
     readonly alignText: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const NH6: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -2563,6 +2563,6 @@ export declare const NH6: import("vue").DefineComponent<import("vue").ExtractPro
         ulPadding: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly type: "error" | "default" | "info" | "success" | "warning";
+    readonly type: "error" | "default" | "info" | "warning" | "success";
     readonly alignText: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1671,6 +1671,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     draggerInsideRef: {
         value: boolean;
     };
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     inputElRef: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
     mergedTheme: import("vue").ComputedRef<{
         common: import("../..").ThemeCommonVars;

package/es/upload/src/Upload.mjs

@@ -28,7 +28,7 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
 import { createId } from 'seemly';
 import { useMergedState } from 'vooks';
 import { computed, defineComponent, Fragment, h, nextTick, provide, ref, Teleport, toRef } from 'vue';
-import { useConfig, useFormItem, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import { useConfig, useFormItem, useRtl, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { call, throwError, warn } from "../../_utils/index.mjs";
 import { uploadLight } from "../styles/index.mjs";
 import { uploadInjectionKey } from "./interface.mjs";
@@ -328,9 +328,11 @@ export default defineComponent({
     }
     const {
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedRtlRef
     } = useConfig(props);
     const themeRef = useTheme('Upload', '-upload', style, uploadLight, props, mergedClsPrefixRef);
+    const rtlEnabledRef = useRtl('Upload', mergedRtlRef, mergedClsPrefixRef);
     const formItem = useFormItem(props);
     const uncontrolledFileListRef = ref(props.defaultFileList);
     const controlledFileListRef = toRef(props, 'fileList');
@@ -636,6 +638,7 @@ export default defineComponent({
     return Object.assign({
       mergedClsPrefix: mergedClsPrefixRef,
       draggerInsideRef,
+      rtlEnabled: rtlEnabledRef,
       inputElRef,
       mergedTheme: themeRef,
       dragOver: dragOverRef,
@@ -679,7 +682,7 @@ export default defineComponent({
     }
     onRender === null || onRender === void 0 ? void 0 : onRender();
     return h("div", {
-      class: [`${mergedClsPrefix}-upload`, draggerInsideRef.value && `${mergedClsPrefix}-upload--dragger-inside`, this.dragOver && `${mergedClsPrefix}-upload--drag-over`, this.themeClass],
+      class: [`${mergedClsPrefix}-upload`, this.rtlEnabled && `${mergedClsPrefix}-upload--rtl`, draggerInsideRef.value && `${mergedClsPrefix}-upload--dragger-inside`, this.dragOver && `${mergedClsPrefix}-upload--drag-over`, this.themeClass],
       style: this.cssVars
     }, inputNode, this.showTrigger && this.listType !== 'image-card' && h(NUploadTrigger, null, $slots), this.showFileList && h(NUploadFileList, null, $slots));
   }

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

@@ -1,4 +1,4 @@
-import type { ImageInst } from '../../image/src/Image';
+import type { ImageInst } from '../../image';
 import type { ListType } from './interface';
 import type { UploadSettledFileInfo } from './public-types';
 import { type PropType } from 'vue';
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             itemBorderImageCard: string;
         };
         peers: {
-            Button: import("../../_mixins/use-theme").Theme<"Button", {
+            Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
@@ -244,7 +244,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 iconSizeLarge: string;
                 rippleDuration: string;
             }, any>;
-            Progress: import("../../_mixins/use-theme").Theme<"Progress", {
+            Progress: import("../../_mixins").Theme<"Progress", {
                 fontSize: string;
                 fontSizeCircle: string;
                 fontWeightCircle: string;
@@ -300,7 +300,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             itemBorderImageCard: string;
         };
         peers: {
-            Button: import("../../_mixins/use-theme").Theme<"Button", {
+            Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
@@ -504,7 +504,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 iconSizeLarge: string;
                 rippleDuration: string;
             }, any>;
-            Progress: import("../../_mixins/use-theme").Theme<"Progress", {
+            Progress: import("../../_mixins").Theme<"Progress", {
                 fontSize: string;
                 fontSizeCircle: string;
                 fontWeightCircle: string;
@@ -541,7 +541,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } | undefined;
         };
     }>;
-    progressStatus: import("vue").ComputedRef<"info" | "success" | "error">;
+    progressStatus: import("vue").ComputedRef<"info" | "error" | "success">;
     buttonType: import("vue").ComputedRef<"error" | undefined>;
     showProgress: import("vue").ComputedRef<boolean>;
     disabled: import("vue").Ref<boolean, boolean>;
@@ -555,8 +555,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     renderIcon: import("vue").Ref<import("./interface").RenderIcon | undefined, import("./interface").RenderIcon | undefined>;
     imageRef: import("vue").Ref<{
         click: () => void;
+        showPreview: () => void;
     } | null, ImageInst | {
         click: () => void;
+        showPreview: () => void;
     } | null>;
     handleRemoveOrCancelClick: (e: MouseEvent) => void;
     handleDownloadClick: (e: MouseEvent) => void;

package/es/upload/src/UploadFile.mjs

@@ -226,7 +226,7 @@ export default defineComponent({
           value
         } = imageRef;
         if (!value) return;
-        value.click();
+        value.showPreview();
       }
     }
     const deriveFileThumbnailUrl = () => __awaiter(this, void 0, void 0, function* () {

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

@@ -2,5 +2,5 @@
  * Since image is too large compared with normal icons, we keep it inside upload
  * now.
  */
-export declare const renderImageIcon: JSX.Element;
-export declare const renderDocumentIcon: JSX.Element;
+export declare function renderImageIcon(): JSX.Element;
+export declare function renderDocumentIcon(): JSX.Element;