naive-ui 2.32.0 → 2.32.2

package/lib/list/src/List.js

@@ -12,22 +12,24 @@ const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.listProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: {
         type: String,
         default: 'medium'
-    }, bordered: {
+    }, bordered: Boolean, clickable: Boolean, hoverable: Boolean, showDivider: {
         type: Boolean,
-        default: false
+        default: true
     } });
 exports.listInjectionKey = (0, _utils_1.createInjectionKey)('n-list');
 exports.default = (0, vue_1.defineComponent)({
     name: 'List',
     props: exports.listProps,
     setup(props) {
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const rtlEnabledRef = (0, _mixins_1.useRtl)('List', mergedRtlRef, mergedClsPrefixRef);
         const themeRef = (0, _mixins_1.useTheme)('List', '-list', index_cssr_1.default, styles_1.listLight, props, mergedClsPrefixRef);
         (0, vue_1.provide)(exports.listInjectionKey, {
+            showDividerRef: (0, vue_1.toRef)(props, 'showDivider'),
             mergedClsPrefixRef
         });
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { common: { cubicBezierEaseInOut }, self: { fontSize, textColor, color, colorModal, colorPopover, borderColor, borderColorModal, borderColorPopover, borderRadius } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { fontSize, textColor, color, colorModal, colorPopover, borderColor, borderColorModal, borderColorPopover, borderRadius, colorHover, colorHoverModal, colorHoverPopover } } = themeRef.value;
             return {
                 '--n-font-size': fontSize,
                 '--n-bezier': cubicBezierEaseInOut,
@@ -38,7 +40,10 @@ exports.default = (0, vue_1.defineComponent)({
                 '--n-border-color-modal': borderColorModal,
                 '--n-border-color-popover': borderColorPopover,
                 '--n-color-modal': colorModal,
-                '--n-color-popover': colorPopover
+                '--n-color-popover': colorPopover,
+                '--n-color-hover': colorHover,
+                '--n-color-hover-modal': colorHoverModal,
+                '--n-color-hover-popover': colorHoverPopover
             };
         });
         const themeClassHandle = inlineThemeDisabled
@@ -46,6 +51,7 @@ exports.default = (0, vue_1.defineComponent)({
             : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
+            rtlEnabled: rtlEnabledRef,
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
@@ -57,7 +63,11 @@ exports.default = (0, vue_1.defineComponent)({
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("ul", { class: [
                 `${mergedClsPrefix}-list`,
+                this.rtlEnabled && `${mergedClsPrefix}-list--rtl`,
                 this.bordered && `${mergedClsPrefix}-list--bordered`,
+                this.showDivider && `${mergedClsPrefix}-list--show-divider`,
+                this.hoverable && `${mergedClsPrefix}-list--hoverable`,
+                this.clickable && `${mergedClsPrefix}-list--clickable`,
                 this.themeClass
             ], style: this.cssVars },
             $slots.header ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-list__header` }, $slots.header())) : null, (_a = $slots.default) === null || _a === void 0 ? void 0 :

package/lib/list/src/ListItem.d.ts

@@ -1,4 +1,5 @@
 declare const _default: import("vue").DefineComponent<{}, {
+    showDivider: import("vue").Ref<boolean>;
     mergedClsPrefix: import("vue").Ref<string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/list/src/ListItem.js

@@ -11,6 +11,7 @@ exports.default = (0, vue_1.defineComponent)({
             (0, _utils_1.throwError)('list-item', '`n-list-item` must be placed in `n-list`.');
         }
         return {
+            showDivider: listInjection.showDividerRef,
             mergedClsPrefix: listInjection.mergedClsPrefixRef
         };
     },
@@ -19,6 +20,7 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)("li", { class: `${mergedClsPrefix}-list-item` },
             $slots.prefix ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-list-item__prefix` }, $slots.prefix())) : null,
             $slots.default ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-list-item__main` }, $slots)) : null,
-            $slots.suffix ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-list-item__suffix` }, $slots.suffix())) : null));
+            $slots.suffix ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-list-item__suffix` }, $slots.suffix())) : null,
+            this.showDivider && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-list-item__divider` }))));
     }
 });

package/lib/list/src/styles/index.cssr.js

@@ -9,17 +9,22 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-bezier
 // --n-text-color
 // --n-color
+// --n-color-hover
 // --n-border-radius
 // --n-border-color
 // --n-border-color-modal
 // --n-border-color-popover
 // --n-color-modal
 // --n-color-popover
+// --n-color-hover-modal
+// --n-color-hover-popover
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('list', `
  --n-merged-border-color: var(--n-border-color);
  --n-merged-color: var(--n-color);
+ --n-merged-color-hover: var(--n-color-hover);
+ margin: 0;
  font-size: var(--n-font-size);
  transition:
  background-color .3s var(--n-bezier),
@@ -29,30 +34,39 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('list', `
  list-style-type: none;
  color: var(--n-text-color);
  background-color: var(--n-merged-color);
- `, [(0, cssr_1.cM)('bordered', `
- border-radius: var(--n-border-radius);
+ `, [(0, cssr_1.cM)('show-divider', [(0, cssr_1.cB)('list-item', [(0, cssr_1.c)('&:not(:last-child)', [(0, cssr_1.cE)('divider', `
+ background-color: var(--n-merged-border-color);
+ `)])])]), (0, cssr_1.cM)('clickable', [(0, cssr_1.cB)('list-item', `
+ cursor: pointer;
+ `)]), (0, cssr_1.cM)('bordered', `
  border: 1px solid var(--n-merged-border-color);
- `, [(0, cssr_1.cB)('list-item', `
+ border-radius: var(--n-border-radius);
+ `), (0, cssr_1.cM)('hoverable', [(0, cssr_1.cB)('list-item', `
+ border-radius: var(--n-border-radius);
+ `, [(0, cssr_1.c)('&:hover', `
+ background-color: var(--n-merged-color-hover);
+ `, [(0, cssr_1.cE)('divider', `
+ background-color: transparent;
+ `)])])]), (0, cssr_1.cM)('bordered, hoverable', [(0, cssr_1.cB)('list-item', `
  padding: 12px 20px;
- `, [(0, cssr_1.c)('&:not(:last-child)', `
- border-bottom: 1px solid var(--n-merged-border-color);
- `)]), (0, cssr_1.cE)('header, footer', `
+ `), (0, cssr_1.cE)('header, footer', `
  padding: 12px 20px;
- `, [(0, cssr_1.c)('&:not(:last-child)', `
- border-bottom: 1px solid var(--n-merged-border-color);
- `)])]), (0, cssr_1.cE)('header, footer', `
+ `)]), (0, cssr_1.cE)('header, footer', `
  padding: 12px 0;
  box-sizing: border-box;
  transition: border-color .3s var(--n-bezier);
  `, [(0, cssr_1.c)('&:not(:last-child)', `
  border-bottom: 1px solid var(--n-merged-border-color);
  `)]), (0, cssr_1.cB)('list-item', `
+ position: relative;
  padding: 12px 0; 
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
- transition: border-color .3s var(--n-bezier);
+ transition:
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  `, [(0, cssr_1.cE)('prefix', `
  margin-right: 20px;
  flex: 0;
@@ -61,12 +75,21 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('list', `
  flex: 0;
  `), (0, cssr_1.cE)('main', `
  flex: 1;
- `), (0, cssr_1.c)('&:not(:last-child)', `
- border-bottom: 1px solid var(--n-merged-border-color);
+ `), (0, cssr_1.cE)('divider', `
+ height: 1px;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background-color: transparent;
+ transition: background-color .3s var(--n-bezier);
+ pointer-events: none;
  `)])]), (0, cssr_1.insideModal)((0, cssr_1.cB)('list', `
+ --n-merged-color-hover: var(--n-color-hover-modal);
  --n-merged-color: var(--n-color-modal);
  --n-merged-border-color: var(--n-border-color-modal);
  `)), (0, cssr_1.insidePopover)((0, cssr_1.cB)('list', `
+ --n-merged-color-hover: var(--n-color-hover-popover);
  --n-merged-color: var(--n-color-popover);
  --n-merged-border-color: var(--n-border-color-popover);
  `))]);

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const cssr_1 = require("../../../_utils/cssr");
+
+exports.default = (0, cssr_1.cB)('list', [(0, cssr_1.cM)('rtl', `
+ direction: rtl;
+ text-align: right;
+ `, [(0, cssr_1.cB)('list-item', [(0, cssr_1.cE)('prefix', `
+ margin-right: 0;
+ margin-left: 20px;
+ `), (0, cssr_1.cE)('suffix', `
+ margin-right: 20px;
+ margin-left: 0;
+ `)])])]);

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

@@ -1,3 +1,4 @@
 export { default as listDark } from './dark';
 export { default as listLight } from './light';
+export { listRtl } from './rtl';
 export type { ListTheme, ListThemeVars } from './light';

package/lib/list/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.listLight = exports.listDark = void 0;
+exports.listRtl = exports.listLight = exports.listDark = void 0;
 var dark_1 = require("./dark");
 Object.defineProperty(exports, "listDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
 var light_1 = require("./light");
 Object.defineProperty(exports, "listLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });
+var rtl_1 = require("./rtl");
+Object.defineProperty(exports, "listRtl", { enumerable: true, get: function () { return rtl_1.listRtl; } });

package/lib/list/styles/light.d.ts

@@ -3,8 +3,11 @@ import { Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
     textColor: string;
     color: string;
+    colorHover: string;
     colorModal: string;
+    colorHoverModal: string;
     colorPopover: string;
+    colorHoverPopover: string;
     borderColor: string;
     borderColorModal: string;
     borderColorPopover: string;

package/lib/list/styles/light.js

@@ -4,12 +4,15 @@ exports.self = void 0;
 const seemly_1 = require("seemly");
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { textColor2, cardColor, modalColor, popoverColor, dividerColor, borderRadius, fontSize } = vars;
+    const { textColor2, cardColor, modalColor, popoverColor, dividerColor, borderRadius, fontSize, hoverColor } = vars;
     return {
         textColor: textColor2,
         color: cardColor,
+        colorHover: hoverColor,
         colorModal: modalColor,
+        colorHoverModal: (0, seemly_1.composite)(modalColor, hoverColor),
         colorPopover: popoverColor,
+        colorHoverPopover: (0, seemly_1.composite)(popoverColor, hoverColor),
         borderColor: dividerColor,
         borderColorModal: (0, seemly_1.composite)(modalColor, dividerColor),
         borderColorPopover: (0, seemly_1.composite)(popoverColor, dividerColor),

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

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

package/lib/list/styles/rtl.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listRtl = void 0;
+const rtl_cssr_1 = __importDefault(require("../src/styles/rtl.cssr"));
+exports.listRtl = {
+    name: 'List',
+    style: rtl_cssr_1.default
+};

package/lib/locales/common/viVN.js

@@ -26,7 +26,7 @@ const viVN = {
         dayFormat: 'eeeeee',
         yearTypeFormat: 'yyyy',
         monthTypeFormat: 'MM-yyyy',
-        dateFormat: 'đ-MM-yyyy',
+        dateFormat: 'dd-MM-yyyy',
         dateTimeFormat: 'HH:mm:ss dd-MM-yyyy',
         quarterFormat: 'qqq-yyyy',
         clear: 'Xóa',
@@ -59,13 +59,12 @@ const viVN = {
         sourceTitle: 'Nguồn',
         targetTitle: 'Đích'
     },
-    // TODO: translation
     Transfer: {
-        selectAll: 'Select all',
-        unselectAll: 'Unselect all',
-        clearAll: 'Clear',
-        total: (num) => `Total ${num} items`,
-        selected: (num) => `${num} items selected`
+        selectAll: 'Chọn tất cả',
+        unselectAll: 'Bỏ chọn tất cả',
+        clearAll: 'Xoá tất cả',
+        total: (num) => `Tổng cộng ${num} mục`,
+        selected: (num) => `${num} mục được chọn`
     },
     Empty: {
         description: 'Không có dữ liệu'
@@ -116,8 +115,7 @@ const viVN = {
         tipZoomOut: 'Thu nhỏ',
         tipZoomIn: 'Phóng to',
         tipClose: 'Đóng (Esc)',
-        // TODO: translation
-        tipOriginalSize: 'Xem kích thớc gốc'
+        tipOriginalSize: 'Xem kích thước gốc'
     }
 };
 exports.default = viVN;

package/lib/mention/src/Mention.d.ts

@@ -119,6 +119,7 @@ export declare const mentionProps: {
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -236,6 +237,7 @@ export declare const mentionProps: {
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -353,6 +355,7 @@ export declare const mentionProps: {
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -527,6 +530,7 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -644,6 +648,7 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -761,6 +766,7 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -991,6 +997,7 @@ declare const _default: import("vue").DefineComponent<{
                 }, any>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -1232,6 +1239,7 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1349,6 +1357,7 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1466,6 +1475,7 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;

package/lib/mention/styles/light.d.ts

@@ -59,6 +59,7 @@ declare const mentionLight: import("../../_mixins").Theme<"Mention", {
         }, any>;
     }>;
     Input: import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;

package/lib/menu/src/Menu.d.ts

@@ -59,6 +59,10 @@ export declare const menuProps: {
         readonly default: undefined;
     };
     readonly disabled: BooleanConstructor;
+    readonly show: {
+        readonly type: BooleanConstructor;
+        readonly defalut: true;
+    };
     readonly inverted: BooleanConstructor;
     readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
@@ -661,6 +665,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly disabled: BooleanConstructor;
+    readonly show: {
+        readonly type: BooleanConstructor;
+        readonly defalut: true;
+    };
     readonly inverted: BooleanConstructor;
     readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
@@ -1594,6 +1602,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly disabled: BooleanConstructor;
+    readonly show: {
+        readonly type: BooleanConstructor;
+        readonly defalut: true;
+    };
     readonly inverted: BooleanConstructor;
     readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
@@ -2140,6 +2152,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     readonly mode: "horizontal" | "vertical";
+    readonly show: boolean;
     readonly disabled: boolean;
     readonly options: MenuMixedOption[];
     readonly iconSize: number;

package/lib/menu/src/Menu.js

@@ -51,7 +51,10 @@ exports.menuProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, watchProps: {
         type: Array,
         default: undefined
-    }, disabled: Boolean, inverted: Boolean, 'onUpdate:expandedKeys': [Function, Array], onUpdateExpandedKeys: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], expandIcon: Function, renderIcon: Function, renderLabel: Function, renderExtra: Function, dropdownProps: Object, accordion: Boolean, nodeProps: Function, 
+    }, disabled: Boolean, show: {
+        type: Boolean,
+        defalut: true
+    }, inverted: Boolean, 'onUpdate:expandedKeys': [Function, Array], onUpdateExpandedKeys: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], expandIcon: Function, renderIcon: Function, renderLabel: Function, renderExtra: Function, dropdownProps: Object, accordion: Boolean, nodeProps: Function, 
     // deprecated
     items: Array, onOpenNamesChange: [Function, Array], onSelect: [Function, Array], onExpandedNamesChange: [Function, Array], expandedNames: Array, defaultExpandedNames: Array, dropdownPlacement: {
         type: String,

package/lib/menu/src/Submenu.js

@@ -105,7 +105,7 @@ exports.NSubmenu = (0, vue_1.defineComponent)({
             const { isHorizontal, paddingLeft, collapsed, mergedDisabled, maxIconSize, activeIconSize, title, childActive, icon, handleClick, menuProps: { nodeProps }, dropdownShow, iconMarginRight, tmNode, mergedClsPrefix } = this;
             const attrs = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(tmNode.rawNode);
             return ((0, vue_1.h)("div", Object.assign({}, attrs, { class: [`${mergedClsPrefix}-menu-item`, attrs === null || attrs === void 0 ? void 0 : attrs.class], role: "menuitem" }),
-                (0, vue_1.h)(MenuOptionContent_1.default, { tmNode: tmNode, paddingLeft: paddingLeft, collapsed: collapsed, disabled: mergedDisabled, iconMarginRight: iconMarginRight, maxIconSize: maxIconSize, activeIconSize: activeIconSize, title: title, showArrow: !isHorizontal, childActive: childActive, clsPrefix: mergedClsPrefix, icon: icon, hover: dropdownShow, onClick: handleClick })));
+                (0, vue_1.h)(MenuOptionContent_1.default, { tmNode: tmNode, paddingLeft: paddingLeft, collapsed: collapsed, disabled: mergedDisabled, iconMarginRight: iconMarginRight, maxIconSize: maxIconSize, activeIconSize: activeIconSize, title: title, extra: this.extra, showArrow: !isHorizontal, childActive: childActive, clsPrefix: mergedClsPrefix, icon: icon, hover: dropdownShow, onClick: handleClick })));
         };
         const createSubmenuChildren = () => {
             return ((0, vue_1.h)(_internal_1.NFadeInExpandTransition, null, {

package/lib/menu/src/utils.d.ts

@@ -4,4 +4,4 @@ import { MenuOption, MenuGroupOption, MenuIgnoredOption, MenuMixedOption } from
 import type { MenuSetupProps } from './Menu';
 export declare function isIgnoredNode(rawNode: MenuMixedOption): rawNode is MenuIgnoredOption;
 export declare function isDividerNode(rawNode: MenuMixedOption): rawNode is MenuIgnoredOption;
-export declare function itemRenderer(tmNode: TreeNode<MenuOption, MenuGroupOption, MenuIgnoredOption>, menuProps: MenuSetupProps): VNode | undefined;
+export declare function itemRenderer(tmNode: TreeNode<MenuOption, MenuGroupOption, MenuIgnoredOption>, menuProps: MenuSetupProps): VNode | null;

package/lib/menu/src/utils.js

@@ -25,11 +25,15 @@ function isDividerNode(rawNode) {
 exports.isDividerNode = isDividerNode;
 function itemRenderer(tmNode, menuProps) {
     const { rawNode } = tmNode;
+    const { show } = rawNode;
+    if (typeof show === 'boolean' && !show) {
+        return null;
+    }
     if (isIgnoredNode(rawNode)) {
         if (isDividerNode(rawNode)) {
             return (0, vue_1.h)(MenuDivider_1.default, Object.assign({ key: tmNode.key }, rawNode.props));
         }
-        return undefined;
+        return null;
     }
     const { labelField } = menuProps;
     const { key, level, isGroup } = tmNode;

package/lib/message/src/Message.d.ts

@@ -19,6 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     onMouseleave: PropType<(e: MouseEvent) => void>;
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     messageProviderProps: import("./MessageProvider").MessageProviderSetupProps;
     handleClose(): void;
     cssVars: import("vue").ComputedRef<{

package/lib/message/src/Message.js

@@ -23,10 +23,11 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Message',
     props: Object.assign(Object.assign({}, message_props_1.messageProps), { render: Function }),
     setup(props) {
-        const { inlineThemeDisabled } = (0, _mixins_1.useConfig)();
+        const { inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const { props: messageProviderProps, mergedClsPrefixRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = (0, vue_1.inject)(context_1.messageProviderInjectionKey);
+        const rtlEnabledRef = (0, _mixins_1.useRtl)('Message', mergedRtlRef, mergedClsPrefixRef);
         const themeRef = (0, _mixins_1.useTheme)('Message', '-message', index_cssr_1.default, styles_1.messageLight, messageProviderProps, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { type } = props;
@@ -65,6 +66,7 @@ exports.default = (0, vue_1.defineComponent)({
             : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
+            rtlEnabled: rtlEnabledRef,
             messageProviderProps,
             handleClose() {
                 var _a;
@@ -87,7 +89,10 @@ exports.default = (0, vue_1.defineComponent)({
                         : 'flex-end'
                 },
                 cssVars
-            ] }, renderMessage ? (renderMessage(this.$props)) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type` },
+            ] }, renderMessage ? (renderMessage(this.$props)) : ((0, vue_1.h)("div", { class: [
+                `${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type`,
+                this.rtlEnabled && `${mergedClsPrefix}-message--rtl`
+            ] },
             (iconNode = createIconVNode(icon, type, mergedClsPrefix)) &&
                 showIcon ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type` },
                 (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {

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

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

package/lib/message/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)('message', [(0, cssr_1.cM)('rtl', `
+ direction: rtl;
+ `, [(0, cssr_1.cE)('close', `
+ margin: 0 10px 0 0;
+ `), (0, cssr_1.cE)('icon', `
+ margin: 0 0 0 10px;
+ `)])]);

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

@@ -1,3 +1,4 @@
 export { default as messageDark } from './dark';
 export { default as messageLight } from './light';
+export { messageRtl } from './rtl';
 export type { MessageTheme, MessageThemeVars } from './light';

package/lib/message/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.messageLight = exports.messageDark = void 0;
+exports.messageRtl = exports.messageLight = exports.messageDark = void 0;
 var dark_1 = require("./dark");
 Object.defineProperty(exports, "messageDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
 var light_1 = require("./light");
 Object.defineProperty(exports, "messageLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });
+var rtl_1 = require("./rtl");
+Object.defineProperty(exports, "messageRtl", { enumerable: true, get: function () { return rtl_1.messageRtl; } });

package/lib/message/styles/light.js

@@ -9,7 +9,10 @@ const common_1 = require("../../_styles/common");
 const self = (vars) => {
     const { textColor2, closeIconColor, closeIconColorHover, closeIconColorPressed, infoColor, successColor, errorColor, warningColor, popoverColor, boxShadow2, primaryColor, lineHeight, borderRadius, closeColorHover, closeColorPressed } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { closeBorderRadius: borderRadius, textColor: textColor2, textColorInfo: textColor2, textColorSuccess: textColor2, textColorError: textColor2, textColorWarning: textColor2, textColorLoading: textColor2, color: popoverColor, colorInfo: popoverColor, colorSuccess: popoverColor, colorError: popoverColor, colorWarning: popoverColor, colorLoading: popoverColor, boxShadow: boxShadow2, boxShadowInfo: boxShadow2, boxShadowSuccess: boxShadow2, boxShadowError: boxShadow2, boxShadowWarning: boxShadow2, boxShadowLoading: boxShadow2, iconColor: textColor2, iconColorInfo: infoColor, iconColorSuccess: successColor, iconColorWarning: warningColor, iconColorError: errorColor, iconColorLoading: primaryColor, closeColorHover,
-        closeColorPressed, closeIconColor: closeIconColor, closeIconColorHover: closeIconColorHover, closeIconColorPressed: closeIconColorPressed, closeColorHoverInfo: closeColorHover, closeColorPressedInfo: closeColorPressed, closeIconColorInfo: closeIconColor, closeIconColorHoverInfo: closeIconColorHover, closeIconColorPressedInfo: closeIconColorPressed, closeColorHoverSuccess: closeColorHover, closeColorPressedSuccess: closeColorPressed, closeIconColorSuccess: closeIconColor, closeIconColorHoverSuccess: closeIconColorHover, closeIconColorPressedSuccess: closeIconColorPressed, closeColorHoverError: closeColorHover, closeColorPressedError: closeColorPressed, closeIconColorError: closeIconColor, closeIconColorHoverError: closeIconColorHover, closeIconColorPressedError: closeIconColorPressed, closeColorHoverWarning: closeColorHover, closeColorPressedWarning: closeColorPressed, closeIconColorWarning: closeIconColor, closeIconColorHoverWarning: closeIconColorHover, closeIconColorPressedWarning: closeIconColorPressed, closeColorHoverLoading: closeColorHover, closeColorPressedLoading: closeColorPressed, closeIconColorLoading: closeIconColor, closeIconColorHoverLoading: closeIconColorHover, closeIconColorPressedLoading: closeIconColorPressed, loadingColor: primaryColor, lineHeight,
+        closeColorPressed,
+        closeIconColor,
+        closeIconColorHover,
+        closeIconColorPressed, closeColorHoverInfo: closeColorHover, closeColorPressedInfo: closeColorPressed, closeIconColorInfo: closeIconColor, closeIconColorHoverInfo: closeIconColorHover, closeIconColorPressedInfo: closeIconColorPressed, closeColorHoverSuccess: closeColorHover, closeColorPressedSuccess: closeColorPressed, closeIconColorSuccess: closeIconColor, closeIconColorHoverSuccess: closeIconColorHover, closeIconColorPressedSuccess: closeIconColorPressed, closeColorHoverError: closeColorHover, closeColorPressedError: closeColorPressed, closeIconColorError: closeIconColor, closeIconColorHoverError: closeIconColorHover, closeIconColorPressedError: closeIconColorPressed, closeColorHoverWarning: closeColorHover, closeColorPressedWarning: closeColorPressed, closeIconColorWarning: closeIconColor, closeIconColorHoverWarning: closeIconColorHover, closeIconColorPressedWarning: closeIconColorPressed, closeColorHoverLoading: closeColorHover, closeColorPressedLoading: closeColorPressed, closeIconColorLoading: closeIconColor, closeIconColorHoverLoading: closeIconColorHover, closeIconColorPressedLoading: closeIconColorPressed, loadingColor: primaryColor, lineHeight,
         borderRadius });
 };
 exports.self = self;

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

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

package/lib/message/styles/rtl.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messageRtl = void 0;
+const rtl_cssr_1 = __importDefault(require("../src/styles/rtl.cssr"));
+exports.messageRtl = {
+    name: 'Message',
+    style: rtl_cssr_1.default
+};

package/lib/modal/src/Modal.js

@@ -8,6 +8,7 @@ const vue_1 = require("vue");
 const vdirs_1 = require("vdirs");
 const vooks_1 = require("vooks");
 const vueuc_1 = require("vueuc");
+const seemly_1 = require("seemly");
 const context_1 = require("../../dialog/src/context");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
@@ -148,7 +149,7 @@ exports.default = (0, vue_1.defineComponent)({
                 onMaskClick(e);
             }
             if (props.maskClosable) {
-                if ((_a = containerRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target)) {
+                if ((_a = containerRef.value) === null || _a === void 0 ? void 0 : _a.contains((0, seemly_1.getPreciseEventTarget)(e))) {
                     doUpdateShow(false);
                 }
             }

package/lib/notification/styles/light.js

@@ -12,7 +12,9 @@ const self = (vars) => {
     const { textColor2, successColor, infoColor, warningColor, errorColor, popoverColor, closeIconColor, closeIconColorHover, closeIconColorPressed, closeColorHover, closeColorPressed, textColor1, textColor3, borderRadius, fontWeightStrong, boxShadow2, lineHeight, fontSize } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { borderRadius,
         lineHeight,
-        fontSize, headerFontWeight: fontWeightStrong, iconColor: textColor2, iconColorSuccess: successColor, iconColorInfo: infoColor, iconColorWarning: warningColor, iconColorError: errorColor, color: popoverColor, textColor: textColor2, closeIconColor: closeIconColor, closeIconColorHover: closeIconColorHover, closeIconColorPressed: closeIconColorPressed, closeBorderRadius: borderRadius, closeColorHover,
+        fontSize, headerFontWeight: fontWeightStrong, iconColor: textColor2, iconColorSuccess: successColor, iconColorInfo: infoColor, iconColorWarning: warningColor, iconColorError: errorColor, color: popoverColor, textColor: textColor2, closeIconColor,
+        closeIconColorHover,
+        closeIconColorPressed, closeBorderRadius: borderRadius, closeColorHover,
         closeColorPressed, headerTextColor: textColor1, descriptionTextColor: textColor3, actionTextColor: textColor2, boxShadow: boxShadow2 });
 };
 exports.self = self;