naive-ui 2.32.0 → 2.32.2

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

@@ -3,7 +3,7 @@ import { VBinder, VTarget, VFollower } from 'vueuc';
 import { clickoutside } from 'vdirs';
 import { format, getTime, isValid } from 'date-fns/esm';
 import { useIsMounted, useMergedState } from 'vooks';
-import { happensIn } from 'seemly';
+import { getPreciseEventTarget, happensIn } from 'seemly';
 import { DateIcon, ToIcon } from '../../_internal/icons';
 import { NInput } from '../../input';
 import { NBaseIcon } from '../../_internal';
@@ -363,7 +363,7 @@ export default 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(getPreciseEventTarget(e)))) {
                 closeCalendar({
                     returnFocus: false
                 });
@@ -555,8 +555,8 @@ export default 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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/date-picker/src/panel/panelHeader.js

@@ -1,6 +1,7 @@
 import { h, defineComponent, Transition, withDirectives, ref } from 'vue';
 import { VBinder, VTarget, VFollower } from 'vueuc';
 import { clickoutside } from 'vdirs';
+import { getPreciseEventTarget } from 'seemly';
 import MonthPanel from './month';
 export default defineComponent({
     props: {
@@ -32,7 +33,8 @@ export default defineComponent({
         const showRef = 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(getPreciseEventTarget(e)))) {
                 showRef.value = false;
             }
         }

package/es/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/es/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/es/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/es/date-picker/src/styles/index.cssr.js

@@ -1,8 +1,8 @@
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
 import { fadeInScaleUpTransition } from '../../../_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
@@ -53,15 +53,15 @@ export default c([cB('date-picker', `
  position: relative;
  z-index: auto;
  `, [cB('date-picker-icon', `
- color: var(--n-icon-color);
+ color: var(--n-icon-color-override);
  transition: color .3s var(--n-bezier);
  `), cB('icon', `
- color: var(--n-icon-color);
+ color: var(--n-icon-color-override);
  transition: color .3s var(--n-bezier);
  `), cM('disabled', [cB('date-picker-icon', `
- color: var(--n-icon-color-disabled);
+ color: var(--n-icon-color-disabled-override);
  `), cB('icon', `
- color: var(--n-icon-color-disabled);
+ color: var(--n-icon-color-disabled-override);
  `)])]), cB('date-panel', `
  width: fit-content;
  outline: none;

package/es/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/es/descriptions/styles/light.js

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

package/es/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/es/drawer/src/Drawer.js

@@ -36,10 +36,10 @@ export const drawerProps = Object.assign(Object.assign({}, useTheme.props), { sh
         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 */
@@ -139,7 +139,7 @@ export default defineComponent({
                 call(onHide, show);
         }
         provide(drawerInjectionKey, {
-            isMountedRef: isMountedRef,
+            isMountedRef,
             mergedThemeRef: themeRef,
             mergedClsPrefixRef,
             doUpdateShow,

package/es/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/es/drawer/src/DrawerBodyWrapper.js

@@ -1,6 +1,7 @@
 import { h, Transition, defineComponent, ref, computed, watchEffect, provide, inject, withDirectives, vShow, mergeProps, watch, onBeforeUnmount } from 'vue';
 import { VFocusTrap } from 'vueuc';
 import { clickoutside } from 'vdirs';
+import { useConfig, useRtl } from '../../_mixins';
 import { popoverBodyInjectionKey } from '../../popover/src/interface';
 import { modalBodyInjectionKey } from '../../modal/src/interface';
 import { NScrollbar } from '../../_internal';
@@ -60,6 +61,8 @@ export default defineComponent({
         const isVertical = computed(() => {
             return props.placement === 'top' || props.placement === 'bottom';
         });
+        const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
+        const rtlEnabledRef = useRtl('Drawer', mergedRtlRef, mergedClsPrefixRef);
         const handleMousedownResizeTrigger = (e) => {
             isDraggingRef.value = true;
             startPosition = isVertical.value ? e.clientY : e.clientX;
@@ -157,6 +160,7 @@ export default defineComponent({
         provide(modalBodyInjectionKey, null);
         return {
             bodyRef,
+            rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: NDrawer.mergedClsPrefixRef,
             isMounted: NDrawer.isMountedRef,
             mergedTheme: NDrawer.mergedThemeRef,
@@ -193,6 +197,8 @@ export default 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/es/drawer/src/styles/rtl.cssr.d.ts

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

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

@@ -0,0 +1,8 @@
+import { cB, cE, cM } from '../../../_utils/cssr';
+export default cB('drawer', [cM('rtl', `
+ direction: rtl;
+ text-align: right;
+ `, [cB('drawer-content', [cB('drawer-header', [cE('close', `
+ margin-left: 0;
+ margin-right: 6px;
+ `)])])])]);

package/es/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/es/drawer/styles/index.js

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

package/es/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/es/drawer/styles/rtl.js

@@ -0,0 +1,8 @@
+import rtlStyle from '../src/styles/rtl.cssr';
+import { scrollbarRtl } from '../../_internal/scrollbar/styles/rtl';
+export const drawerRtl = {
+    name: 'Drawer',
+    style: rtlStyle,
+    peers: [scrollbarRtl]
+};
+export default drawerRtl;

package/es/dropdown/src/Dropdown.js

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