naive-ui 2.32.0 → 2.32.2

package/lib/date-picker/src/DatePicker.js

@@ -369,7 +369,7 @@ exports.default = (0, vue_1.defineComponent)({
         function handleClickOutside(e) {
             var _a;
             if (mergedShowRef.value &&
-                !((_a = triggerElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+                !((_a = triggerElRef.value) === null || _a === void 0 ? void 0 : _a.contains((0, seemly_1.getPreciseEventTarget)(e)))) {
                 closeCalendar({
                     returnFocus: false
                 });
@@ -561,8 +561,8 @@ exports.default = (0, vue_1.defineComponent)({
             const { common: { cubicBezierEaseInOut }, self: { iconColor, iconColorDisabled } } = themeRef.value;
             return {
                 '--n-bezier': cubicBezierEaseInOut,
-                '--n-icon-color': iconColor,
-                '--n-icon-color-disabled': iconColorDisabled
+                '--n-icon-color-override': iconColor,
+                '--n-icon-color-disabled-override': iconColorDisabled
             };
         });
         const triggerThemeClassHandle = inlineThemeDisabled

package/lib/date-picker/src/panel/date.d.ts

@@ -229,6 +229,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -415,7 +416,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColorGhostDisabledSuccess: string;
                 borderSuccess: string;
                 borderHoverSuccess: string;
-                borderPressedSuccess: string;
+                borderPressedSuccess: string; /** we don't need a confirm button for date picking */
                 borderFocusSuccess: string;
                 borderDisabledSuccess: string;
                 rippleColorSuccess: string;
@@ -645,7 +646,7 @@ declare const _default: import("vue").DefineComponent<{
                     textColorGhostDisabledSuccess: string;
                     borderSuccess: string;
                     borderHoverSuccess: string;
-                    borderPressedSuccess: string;
+                    borderPressedSuccess: string; /** we don't need a confirm button for date picking */
                     borderFocusSuccess: string;
                     borderDisabledSuccess: string;
                     rippleColorSuccess: string;
@@ -728,6 +729,7 @@ declare const _default: import("vue").DefineComponent<{
                     rippleDuration: string;
                 }, any>;
                 Input: import("../../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -937,7 +939,7 @@ declare const _default: import("vue").DefineComponent<{
                         textColorGhostDisabledSuccess: string;
                         borderSuccess: string;
                         borderHoverSuccess: string;
-                        borderPressedSuccess: string;
+                        borderPressedSuccess: string; /** we don't need a confirm button for date picking */
                         borderFocusSuccess: string;
                         borderDisabledSuccess: string;
                         rippleColorSuccess: string;
@@ -1020,6 +1022,7 @@ declare const _default: import("vue").DefineComponent<{
                         rippleDuration: string;
                     }, any>> | undefined;
                     Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;

package/lib/date-picker/src/panel/daterange.d.ts

@@ -249,6 +249,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -738,6 +739,7 @@ declare const _default: import("vue").DefineComponent<{
                     rippleDuration: string;
                 }, any>;
                 Input: import("../../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -1025,6 +1027,7 @@ declare const _default: import("vue").DefineComponent<{
                         rippleDuration: string;
                     }, any>> | undefined;
                     Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;

package/lib/date-picker/src/panel/datetime.d.ts

@@ -218,6 +218,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -707,6 +708,7 @@ declare const _default: import("vue").DefineComponent<{
                     rippleDuration: string;
                 }, any>;
                 Input: import("../../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -994,6 +996,7 @@ declare const _default: import("vue").DefineComponent<{
                         rippleDuration: string;
                     }, any>> | undefined;
                     Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;

package/lib/date-picker/src/panel/datetimerange.d.ts

@@ -249,6 +249,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -738,6 +739,7 @@ declare const _default: import("vue").DefineComponent<{
                     rippleDuration: string;
                 }, any>;
                 Input: import("../../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -1025,6 +1027,7 @@ declare const _default: import("vue").DefineComponent<{
                         rippleDuration: string;
                     }, any>> | undefined;
                     Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;

package/lib/date-picker/src/panel/month.d.ts

@@ -226,6 +226,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -715,6 +716,7 @@ declare const _default: import("vue").DefineComponent<{
                     rippleDuration: string;
                 }, any>;
                 Input: import("../../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -1002,6 +1004,7 @@ declare const _default: import("vue").DefineComponent<{
                         rippleDuration: string;
                     }, any>> | undefined;
                     Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;

package/lib/date-picker/src/panel/monthrange.d.ts

@@ -256,6 +256,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -745,6 +746,7 @@ declare const _default: import("vue").DefineComponent<{
                     rippleDuration: string;
                 }, any>;
                 Input: import("../../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -1032,6 +1034,7 @@ declare const _default: import("vue").DefineComponent<{
                         rippleDuration: string;
                     }, any>> | undefined;
                     Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;

package/lib/date-picker/src/panel/panelHeader.d.ts

@@ -308,6 +308,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 peers: {
                     Input: import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;
@@ -797,6 +798,7 @@ declare const _default: import("vue").DefineComponent<{
                             rippleDuration: string;
                         }, any>;
                         Input: import("../../../_mixins").Theme<"Input", {
+                            countTextColorDisabled: string;
                             countTextColor: string;
                             heightTiny: string;
                             heightSmall: string;
@@ -1084,6 +1086,7 @@ declare const _default: import("vue").DefineComponent<{
                                 rippleDuration: string;
                             }, any>> | undefined;
                             Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                                countTextColorDisabled: string;
                                 countTextColor: string;
                                 heightTiny: string;
                                 heightSmall: string;
@@ -1481,6 +1484,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             peers: {
                 Input: import("../../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -1970,6 +1974,7 @@ declare const _default: import("vue").DefineComponent<{
                         rippleDuration: string;
                     }, any>;
                     Input: import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;
@@ -2257,6 +2262,7 @@ declare const _default: import("vue").DefineComponent<{
                             rippleDuration: string;
                         }, any>> | undefined;
                         Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                            countTextColorDisabled: string;
                             countTextColor: string;
                             heightTiny: string;
                             heightSmall: string;

package/lib/date-picker/src/panel/panelHeader.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const vdirs_1 = require("vdirs");
+const seemly_1 = require("seemly");
 const month_1 = __importDefault(require("./month"));
 exports.default = (0, vue_1.defineComponent)({
     props: {
@@ -37,7 +38,8 @@ exports.default = (0, vue_1.defineComponent)({
         const showRef = (0, vue_1.ref)(false);
         function handleClickOutside(e) {
             var _a;
-            if (showRef.value && !((_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+            if (showRef.value &&
+                !((_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.contains((0, seemly_1.getPreciseEventTarget)(e)))) {
                 showRef.value = false;
             }
         }

package/lib/date-picker/src/panel/use-calendar.d.ts

@@ -224,6 +224,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -713,6 +714,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
                     rippleDuration: string;
                 }, any>;
                 Input: import("../../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -1000,6 +1002,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
                         rippleDuration: string;
                     }, any>> | undefined;
                     Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;

package/lib/date-picker/src/panel/use-dual-calendar.d.ts

@@ -255,6 +255,7 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -744,6 +745,7 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
                     rippleDuration: string;
                 }, any>;
                 Input: import("../../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -1031,6 +1033,7 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
                         rippleDuration: string;
                     }, any>> | undefined;
                     Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;

package/lib/date-picker/src/panel/use-panel-common.d.ts

@@ -198,6 +198,7 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -687,6 +688,7 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
                     rippleDuration: string;
                 }, any>;
                 Input: import("../../../_mixins").Theme<"Input", {
+                    countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
@@ -974,6 +976,7 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
                         rippleDuration: string;
                     }, any>> | undefined;
                     Input?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Input", {
+                        countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;

package/lib/date-picker/src/styles/index.cssr.js

@@ -8,8 +8,8 @@ const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr"); // vars:
 // --n-bezier
-// --n-icon-color
-// --n-icon-color-disabled
+// --n-icon-color-override
+// --n-icon-color-disabled-override
 // --n-panel-border-radius
 // --n-panel-color
 // --n-panel-box-shadow
@@ -61,15 +61,15 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  position: relative;
  z-index: auto;
  `, [(0, cssr_1.cB)('date-picker-icon', `
- color: var(--n-icon-color);
+ color: var(--n-icon-color-override);
  transition: color .3s var(--n-bezier);
  `), (0, cssr_1.cB)('icon', `
- color: var(--n-icon-color);
+ color: var(--n-icon-color-override);
  transition: color .3s var(--n-bezier);
  `), (0, cssr_1.cM)('disabled', [(0, cssr_1.cB)('date-picker-icon', `
- color: var(--n-icon-color-disabled);
+ color: var(--n-icon-color-disabled-override);
  `), (0, cssr_1.cB)('icon', `
- color: var(--n-icon-color-disabled);
+ color: var(--n-icon-color-disabled-override);
  `)])]), (0, cssr_1.cB)('date-panel', `
  width: fit-content;
  outline: none;

package/lib/date-picker/styles/light.d.ts

@@ -127,6 +127,7 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
     calendarRightPaddingYearrange: string;
 }, {
     Input: import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
@@ -616,6 +617,7 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
             rippleDuration: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;

package/lib/descriptions/styles/light.js

@@ -12,7 +12,7 @@ const self = (vars) => {
     return Object.assign(Object.assign({}, _common_1.default), { lineHeight,
         fontSizeSmall,
         fontSizeMedium,
-        fontSizeLarge, titleTextColor: textColor1, thColor: (0, seemly_1.composite)(cardColor, tableHeaderColor), thColorModal: (0, seemly_1.composite)(modalColor, tableHeaderColor), thColorPopover: (0, seemly_1.composite)(popoverColor, tableHeaderColor), thTextColor: textColor1, thFontWeight: fontWeightStrong, tdTextColor: textColor2, tdColor: cardColor, tdColorModal: modalColor, tdColorPopover: popoverColor, borderColor: (0, seemly_1.composite)(cardColor, dividerColor), borderColorModal: (0, seemly_1.composite)(modalColor, dividerColor), borderColorPopover: (0, seemly_1.composite)(popoverColor, dividerColor), borderRadius: borderRadius });
+        fontSizeLarge, titleTextColor: textColor1, thColor: (0, seemly_1.composite)(cardColor, tableHeaderColor), thColorModal: (0, seemly_1.composite)(modalColor, tableHeaderColor), thColorPopover: (0, seemly_1.composite)(popoverColor, tableHeaderColor), thTextColor: textColor1, thFontWeight: fontWeightStrong, tdTextColor: textColor2, tdColor: cardColor, tdColorModal: modalColor, tdColorPopover: popoverColor, borderColor: (0, seemly_1.composite)(cardColor, dividerColor), borderColorModal: (0, seemly_1.composite)(modalColor, dividerColor), borderColorPopover: (0, seemly_1.composite)(popoverColor, dividerColor), borderRadius });
 };
 exports.self = self;
 const descriptionsLight = {

package/lib/drawer/src/Drawer.d.ts

@@ -50,11 +50,11 @@ export declare const drawerProps: {
     };
     readonly resizable: BooleanConstructor;
     readonly defaultWidth: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly defaultHeight: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly onUpdateWidth: PropType<MaybeArray<(value: number) => void>>;
@@ -205,11 +205,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly resizable: BooleanConstructor;
     readonly defaultWidth: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly defaultHeight: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly onUpdateWidth: PropType<MaybeArray<(value: number) => void>>;
@@ -536,11 +536,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly resizable: BooleanConstructor;
     readonly defaultWidth: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly defaultHeight: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly onUpdateWidth: PropType<MaybeArray<(value: number) => void>>;
@@ -653,7 +653,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly closeOnEsc: boolean;
     readonly nativeScrollbar: boolean;
     readonly showMask: boolean | "transparent";
-    readonly defaultWidth: number;
-    readonly defaultHeight: number;
+    readonly defaultWidth: string | number;
+    readonly defaultHeight: string | number;
 }>;
 export default _default;

package/lib/drawer/src/Drawer.js

@@ -42,10 +42,10 @@ exports.drawerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
         type: Boolean,
         default: true
     }, resizable: Boolean, defaultWidth: {
-        type: Number,
+        type: [Number, String],
         default: 251
     }, defaultHeight: {
-        type: Number,
+        type: [Number, String],
         default: 251
     }, onUpdateWidth: [Function, Array], onUpdateHeight: [Function, Array], 'onUpdate:width': [Function, Array], 'onUpdate:height': [Function, Array], 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onAfterEnter: Function, onAfterLeave: Function, 
     /** @deprecated */
@@ -145,7 +145,7 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(onHide, show);
         }
         (0, vue_1.provide)(interface_1.drawerInjectionKey, {
-            isMountedRef: isMountedRef,
+            isMountedRef,
             mergedThemeRef: themeRef,
             mergedClsPrefixRef,
             doUpdateShow,

package/lib/drawer/src/DrawerBodyWrapper.d.ts

@@ -40,6 +40,7 @@ declare const _default: import("vue").DefineComponent<{
     onEsc: PropType<(e: KeyboardEvent) => void>;
 }, {
     bodyRef: import("vue").Ref<HTMLElement | null>;
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedClsPrefix: import("vue").Ref<string>;
     isMounted: import("vue").Ref<boolean>;
     mergedTheme: import("vue").Ref<{

package/lib/drawer/src/DrawerBodyWrapper.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const vdirs_1 = require("vdirs");
+const _mixins_1 = require("../../_mixins");
 const interface_1 = require("../../popover/src/interface");
 const interface_2 = require("../../modal/src/interface");
 const _internal_1 = require("../../_internal");
@@ -62,6 +63,8 @@ exports.default = (0, vue_1.defineComponent)({
         const isVertical = (0, vue_1.computed)(() => {
             return props.placement === 'top' || props.placement === 'bottom';
         });
+        const { mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const rtlEnabledRef = (0, _mixins_1.useRtl)('Drawer', mergedRtlRef, mergedClsPrefixRef);
         const handleMousedownResizeTrigger = (e) => {
             isDraggingRef.value = true;
             startPosition = isVertical.value ? e.clientY : e.clientX;
@@ -159,6 +162,7 @@ exports.default = (0, vue_1.defineComponent)({
         (0, vue_1.provide)(interface_2.modalBodyInjectionKey, null);
         return {
             bodyRef,
+            rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: NDrawer.mergedClsPrefixRef,
             isMounted: NDrawer.isMountedRef,
             mergedTheme: NDrawer.mergedThemeRef,
@@ -195,6 +199,8 @@ exports.default = (0, vue_1.defineComponent)({
                             'aria-modal': 'true',
                             class: [
                                 `${mergedClsPrefix}-drawer`,
+                                this.rtlEnabled &&
+                                    `${mergedClsPrefix}-drawer--rtl`,
                                 `${mergedClsPrefix}-drawer--${this.placement}-placement`,
                                 /**
                                  * When the mouse is pressed to resize the drawer,

package/lib/drawer/src/styles/rtl.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

package/lib/drawer/src/styles/rtl.cssr.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const cssr_1 = require("../../../_utils/cssr");
+
+exports.default = (0, cssr_1.cB)('drawer', [(0, cssr_1.cM)('rtl', `
+ direction: rtl;
+ text-align: right;
+ `, [(0, cssr_1.cB)('drawer-content', [(0, cssr_1.cB)('drawer-header', [(0, cssr_1.cE)('close', `
+ margin-left: 0;
+ margin-right: 6px;
+ `)])])])]);

package/lib/drawer/styles/index.d.ts

@@ -1,3 +1,4 @@
 export { default as drawerDark } from './dark';
 export { default as drawerLight } from './light';
+export { default as drawerRtl } from './rtl';
 export type { DrawerTheme, DrawerThemeVars } from './light';

package/lib/drawer/styles/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawerLight = exports.drawerDark = void 0;
+exports.drawerRtl = exports.drawerLight = exports.drawerDark = void 0;
 var dark_1 = require("./dark");
 Object.defineProperty(exports, "drawerDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
 var light_1 = require("./light");
 Object.defineProperty(exports, "drawerLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });
+var rtl_1 = require("./rtl");
+Object.defineProperty(exports, "drawerRtl", { enumerable: true, get: function () { return __importDefault(rtl_1).default; } });

package/lib/drawer/styles/rtl.d.ts

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

package/lib/drawer/styles/rtl.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.drawerRtl = void 0;
+const rtl_cssr_1 = __importDefault(require("../src/styles/rtl.cssr"));
+const rtl_1 = require("../../_internal/scrollbar/styles/rtl");
+exports.drawerRtl = {
+    name: 'Drawer',
+    style: rtl_cssr_1.default,
+    peers: [rtl_1.scrollbarRtl]
+};
+exports.default = exports.drawerRtl;

package/lib/dropdown/src/Dropdown.js

@@ -131,13 +131,13 @@ exports.default = (0, vue_1.defineComponent)({
             childrenFieldRef: (0, vue_1.toRef)(props, 'childrenField'),
             renderLabelRef: (0, vue_1.toRef)(props, 'renderLabel'),
             renderIconRef: (0, vue_1.toRef)(props, 'renderIcon'),
-            hoverKeyRef: hoverKeyRef,
-            keyboardKeyRef: keyboardKeyRef,
-            lastToggledSubmenuKeyRef: lastToggledSubmenuKeyRef,
-            pendingKeyPathRef: pendingKeyPathRef,
-            activeKeyPathRef: activeKeyPathRef,
+            hoverKeyRef,
+            keyboardKeyRef,
+            lastToggledSubmenuKeyRef,
+            pendingKeyPathRef,
+            activeKeyPathRef,
             animatedRef: (0, vue_1.toRef)(props, 'animated'),
-            mergedShowRef: mergedShowRef,
+            mergedShowRef,
             nodePropsRef: (0, vue_1.toRef)(props, 'nodeProps'),
             renderOptionRef: (0, vue_1.toRef)(props, 'renderOption'),
             menuPropsRef: (0, vue_1.toRef)(props, 'menuProps'),