naive-ui 2.32.0 → 2.32.2

package/lib/select/src/Select.js

@@ -61,7 +61,7 @@ exports.selectProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, childrenField: {
         type: String,
         default: 'children'
-    }, renderLabel: Function, renderOption: Function, renderTag: Function, 'onUpdate:value': [Function, Array], inputProps: Object, 
+    }, renderLabel: Function, renderOption: Function, renderTag: Function, 'onUpdate:value': [Function, Array], inputProps: Object, nodeProps: Function, 
     // for jsx
     onUpdateValue: [Function, Array], onBlur: [Function, Array], onClear: [Function, Array], onFocus: [Function, Array], onScroll: [Function, Array], onSearch: [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:show': [Function, Array], displayDirective: {
         type: String,
@@ -370,7 +370,7 @@ exports.default = (0, vue_1.defineComponent)({
         function handleMenuClickOutside(e) {
             var _a;
             if (mergedShowRef.value) {
-                if (!((_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(e.target))) {
+                if (!((_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains((0, seemly_1.getPreciseEventTarget)(e)))) {
                     // outside select, don't need to return focus
                     closeMenu();
                 }
@@ -662,7 +662,7 @@ exports.default = (0, vue_1.defineComponent)({
                                         `${this.mergedClsPrefix}-select-menu`,
                                         this.themeClass,
                                         (_b = this.menuProps) === null || _b === void 0 ? void 0 : _b.class
-                                    ], clsPrefix: this.mergedClsPrefix, focusable: true, labelField: this.labelField, valueField: this.valueField, autoPending: true, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides
+                                    ], clsPrefix: this.mergedClsPrefix, focusable: true, labelField: this.labelField, valueField: this.valueField, autoPending: true, nodeProps: this.nodeProps, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides
                                         .InternalSelectMenu, treeMate: this.treeMate, multiple: this.multiple, size: "medium", renderOption: this.renderOption, renderLabel: this.renderLabel, value: this.mergedValue, style: [(_c = this.menuProps) === null || _c === void 0 ? void 0 : _c.style, this.cssVars], onToggle: this.handleToggle, onScroll: this.handleMenuScroll, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeydown: this.handleMenuKeydown, onTabOut: this.handleMenuTabOut, onMousedown: this.handleMenuMousedown, show: this.mergedShow, showCheckmark: this.internalShowCheckmark, resetMenuOnOptionsChange: this.resetMenuOnOptionsChange }), {
                                     empty: () => { var _a, _b; return [(_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a)]; },
                                     action: () => { var _a, _b; return [(_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a)]; }

package/lib/skeleton/src/Skeleton.js

@@ -72,7 +72,7 @@ exports.default = (0, vue_1.defineComponent)({
         // Maybe it's a bug of chrome
         const child = (0, vue_1.h)('div', (0, vue_1.mergeProps)({
             class: `${mergedClsPrefix}-skeleton`,
-            style: style
+            style
         }, $attrs));
         if (repeat > 1) {
             return ((0, vue_1.h)(vue_1.Fragment, null, Array.apply(null, { length: repeat }).map((_) => [

package/lib/slider/styles/dark.js

@@ -11,7 +11,8 @@ const sliderDark = {
     self(vars) {
         const boxShadow = '0 2px 8px 0 rgba(0, 0, 0, 0.12)';
         const { railColor, modalColor, primaryColorSuppl, popoverColor, textColor2, cardColor, borderRadius, fontSize, opacityDisabled } = vars;
-        return Object.assign(Object.assign({}, _common_1.default), { fontSize, railColor: railColor, railColorHover: railColor, fillColor: primaryColorSuppl, fillColorHover: primaryColorSuppl, opacityDisabled, handleColor: '#FFF', dotColor: cardColor, dotColorModal: modalColor, dotColorPopover: popoverColor, handleBoxShadow: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', handleBoxShadowHover: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', handleBoxShadowActive: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', handleBoxShadowFocus: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', indicatorColor: popoverColor, indicatorBoxShadow: boxShadow, indicatorTextColor: textColor2, indicatorBorderRadius: borderRadius, dotBorder: `2px solid ${railColor}`, dotBorderActive: `2px solid ${primaryColorSuppl}`, dotBoxShadow: '' });
+        return Object.assign(Object.assign({}, _common_1.default), { fontSize,
+            railColor, railColorHover: railColor, fillColor: primaryColorSuppl, fillColorHover: primaryColorSuppl, opacityDisabled, handleColor: '#FFF', dotColor: cardColor, dotColorModal: modalColor, dotColorPopover: popoverColor, handleBoxShadow: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', handleBoxShadowHover: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', handleBoxShadowActive: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', handleBoxShadowFocus: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', indicatorColor: popoverColor, indicatorBoxShadow: boxShadow, indicatorTextColor: textColor2, indicatorBorderRadius: borderRadius, dotBorder: `2px solid ${railColor}`, dotBorderActive: `2px solid ${primaryColorSuppl}`, dotBoxShadow: '' });
     }
 };
 exports.default = sliderDark;

package/lib/slider/styles/light.js

@@ -9,7 +9,8 @@ const self = (vars) => {
     const indicatorColor = 'rgba(0, 0, 0, .85)';
     const boxShadow = '0 2px 8px 0 rgba(0, 0, 0, 0.12)';
     const { railColor, primaryColor, baseColor, cardColor, modalColor, popoverColor, borderRadius, fontSize, opacityDisabled } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { fontSize, railColor: railColor, railColorHover: railColor, fillColor: primaryColor, fillColorHover: primaryColor, opacityDisabled, handleColor: '#FFF', dotColor: cardColor, dotColorModal: modalColor, dotColorPopover: popoverColor, handleBoxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', handleBoxShadowHover: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', handleBoxShadowActive: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', handleBoxShadowFocus: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', indicatorColor: indicatorColor, indicatorBoxShadow: boxShadow, indicatorTextColor: baseColor, indicatorBorderRadius: borderRadius, dotBorder: `2px solid ${railColor}`, dotBorderActive: `2px solid ${primaryColor}`, dotBoxShadow: '' });
+    return Object.assign(Object.assign({}, _common_1.default), { fontSize,
+        railColor, railColorHover: railColor, fillColor: primaryColor, fillColorHover: primaryColor, opacityDisabled, handleColor: '#FFF', dotColor: cardColor, dotColorModal: modalColor, dotColorPopover: popoverColor, handleBoxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', handleBoxShadowHover: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', handleBoxShadowActive: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', handleBoxShadowFocus: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', indicatorColor, indicatorBoxShadow: boxShadow, indicatorTextColor: baseColor, indicatorBorderRadius: borderRadius, dotBorder: `2px solid ${railColor}`, dotBorderActive: `2px solid ${primaryColor}`, dotBoxShadow: '' });
 };
 const sliderLight = {
     name: 'Slider',

package/lib/statistic/src/Statistic.d.ts

@@ -7,6 +7,7 @@ export declare const statisticProps: {
         labelFontSize: string;
         labelFontWeight: string;
         valueFontWeight: string;
+        valueFontSize: string;
         labelTextColor: string;
         valuePrefixTextColor: string;
         valueSuffixTextColor: string;
@@ -16,6 +17,7 @@ export declare const statisticProps: {
         labelFontSize: string;
         labelFontWeight: string;
         valueFontWeight: string;
+        valueFontSize: string;
         labelTextColor: string;
         valuePrefixTextColor: string;
         valueSuffixTextColor: string;
@@ -25,6 +27,7 @@ export declare const statisticProps: {
         labelFontSize: string;
         labelFontWeight: string;
         valueFontWeight: string;
+        valueFontSize: string;
         labelTextColor: string;
         valuePrefixTextColor: string;
         valueSuffixTextColor: string;
@@ -40,6 +43,7 @@ declare const _default: import("vue").DefineComponent<{
         labelFontSize: string;
         labelFontWeight: string;
         valueFontWeight: string;
+        valueFontSize: string;
         labelTextColor: string;
         valuePrefixTextColor: string;
         valueSuffixTextColor: string;
@@ -49,6 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         labelFontSize: string;
         labelFontWeight: string;
         valueFontWeight: string;
+        valueFontSize: string;
         labelTextColor: string;
         valuePrefixTextColor: string;
         valueSuffixTextColor: string;
@@ -58,6 +63,7 @@ declare const _default: import("vue").DefineComponent<{
         labelFontSize: string;
         labelFontWeight: string;
         valueFontWeight: string;
+        valueFontSize: string;
         labelTextColor: string;
         valuePrefixTextColor: string;
         valueSuffixTextColor: string;
@@ -72,6 +78,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-label-font-weight': string;
         '--n-label-text-color': string;
         '--n-value-font-weight': string;
+        '--n-value-font-size': string;
         '--n-value-prefix-text-color': string;
         '--n-value-suffix-text-color': string;
         '--n-value-text-color': string;
@@ -86,6 +93,7 @@ declare const _default: import("vue").DefineComponent<{
         labelFontSize: string;
         labelFontWeight: string;
         valueFontWeight: string;
+        valueFontSize: string;
         labelTextColor: string;
         valuePrefixTextColor: string;
         valueSuffixTextColor: string;
@@ -95,6 +103,7 @@ declare const _default: import("vue").DefineComponent<{
         labelFontSize: string;
         labelFontWeight: string;
         valueFontWeight: string;
+        valueFontSize: string;
         labelTextColor: string;
         valuePrefixTextColor: string;
         valueSuffixTextColor: string;
@@ -104,6 +113,7 @@ declare const _default: import("vue").DefineComponent<{
         labelFontSize: string;
         labelFontWeight: string;
         valueFontWeight: string;
+        valueFontSize: string;
         labelTextColor: string;
         valuePrefixTextColor: string;
         valueSuffixTextColor: string;

package/lib/statistic/src/Statistic.js

@@ -18,13 +18,14 @@ exports.default = (0, vue_1.defineComponent)({
         const themeRef = (0, _mixins_1.useTheme)('Statistic', '-statistic', index_cssr_1.default, styles_1.statisticLight, props, mergedClsPrefixRef);
         const rtlEnabledRef = (0, _mixins_1.useRtl)('Statistic', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { self: { labelFontWeight, valueFontWeight, valuePrefixTextColor, labelTextColor, valueSuffixTextColor, valueTextColor, labelFontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
+            const { self: { labelFontWeight, valueFontSize, valueFontWeight, valuePrefixTextColor, labelTextColor, valueSuffixTextColor, valueTextColor, labelFontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {
                 '--n-bezier': cubicBezierEaseInOut,
                 '--n-label-font-size': labelFontSize,
                 '--n-label-font-weight': labelFontWeight,
                 '--n-label-text-color': labelTextColor,
                 '--n-value-font-weight': valueFontWeight,
+                '--n-value-font-size': valueFontSize,
                 '--n-value-prefix-text-color': valuePrefixTextColor,
                 '--n-value-suffix-text-color': valueSuffixTextColor,
                 '--n-value-text-color': valueTextColor

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

@@ -10,6 +10,7 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-label-font-weight
 // --n-label-text-color
 // --n-value-font-weight
+// --n-value-font-size
 // --n-value-prefix-text-color
 // --n-value-suffix-text-color
 // --n-value-text-color
@@ -25,18 +26,18 @@ exports.default = (0, cssr_1.cB)('statistic', [(0, cssr_1.cE)('label', `
  font-weight: var(--n-value-font-weight);
  `, [(0, cssr_1.cE)('prefix', `
  margin: 0 4px 0 0;
- font-size: 24px;
+ font-size: var(--n-value-font-size);
  transition: .3s color var(--n-bezier);
  color: var(--n-value-prefix-text-color);
  `, [(0, cssr_1.cB)('icon', {
   verticalAlign: '-0.125em'
 })]), (0, cssr_1.cE)('content', `
- font-size: 24px;
+ font-size: var(--n-value-font-size);
  transition: .3s color var(--n-bezier);
  color: var(--n-value-text-color);
  `), (0, cssr_1.cE)('suffix', `
  margin: 0 0 0 4px;
- font-size: 24px;
+ font-size: var(--n-value-font-size);
  transition: .3s color var(--n-bezier);
  color: var(--n-value-suffix-text-color);
  `, [(0, cssr_1.cB)('icon', {

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

@@ -4,6 +4,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     labelFontSize: string;
     labelFontWeight: string;
     valueFontWeight: string;
+    valueFontSize: string;
     labelTextColor: string;
     valuePrefixTextColor: string;
     valueSuffixTextColor: string;

package/lib/statistic/styles/light.js

@@ -8,6 +8,7 @@ const self = (vars) => {
         labelFontSize: fontSize,
         labelFontWeight: fontWeight,
         valueFontWeight: fontWeight,
+        valueFontSize: '24px',
         labelTextColor: textColor3,
         valuePrefixTextColor: textColor2,
         valueSuffixTextColor: textColor2,

package/lib/steps/src/Steps.d.ts

@@ -249,6 +249,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
+    rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     current: NumberConstructor;
     status: {

package/lib/steps/src/Steps.js

@@ -33,7 +33,8 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Steps',
     props: exports.stepsProps,
     setup(props, { slots }) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const rtlEnabledRef = (0, _mixins_1.useRtl)('Steps', mergedRtlRef, mergedClsPrefixRef);
         const themeRef = (0, _mixins_1.useTheme)('Steps', '-steps', index_cssr_1.default, styles_1.stepsLight, props, mergedClsPrefixRef);
         (0, vue_1.provide)(exports.stepsInjectionKey, {
             props,
@@ -42,13 +43,15 @@ exports.default = (0, vue_1.defineComponent)({
             stepsSlots: slots
         });
         return {
-            mergedClsPrefix: mergedClsPrefixRef
+            mergedClsPrefix: mergedClsPrefixRef,
+            rtlEnabled: rtlEnabledRef
         };
     },
     render() {
         const { mergedClsPrefix } = this;
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-steps`,
+                this.rtlEnabled && `${mergedClsPrefix}-steps--rtl`,
                 this.vertical && `${mergedClsPrefix}-steps--vertical`
             ] }, stepsWithIndex((0, _utils_1.flatten)((0, _utils_1.getSlot)(this)))));
     }

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const cssr_1 = require("../../../_utils/cssr");
+
+exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('steps', [(0, cssr_1.cM)('rtl', `
+ direction: rtl;
+ text-align: right;
+ `, [(0, cssr_1.cB)('step-content', [(0, cssr_1.cB)('step-content-header', `
+ margin-left: 0;
+ margin-right: 9px;
+ `), (0, cssr_1.cE)('description', `
+ margin-left: 0;
+ margin-right: 9px;
+ `)]), (0, cssr_1.cM)('vertical', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step-indicator', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step-splitor', `
+ left: unset;
+ right: calc(var(--n-indicator-size) / 2);
+ `)])])])])])])])])]);

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

@@ -1,3 +1,4 @@
 export { default as stepsDark } from './dark';
 export { default as stepsLight } from './light';
+export { stepsRtl } from './rtl';
 export type { StepsThemeVars, StepsTheme } from './light';

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

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

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

package/lib/steps/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.stepsRtl = void 0;
+const rtl_cssr_1 = __importDefault(require("../src/styles/rtl.cssr"));
+exports.stepsRtl = {
+    name: 'Steps',
+    style: rtl_cssr_1.default
+};

package/lib/styles.d.ts

@@ -9,6 +9,7 @@ export { badgeDark, badgeRtl as unstableBadgeRtl } from './badge/styles';
 export { breadcrumbDark } from './breadcrumb/styles';
 export { buttonDark, buttonRtl as unstableButtonRtl } from './button/styles';
 export { notificationRtl as unstableNotificationRtl } from './notification/styles';
+export { messageRtl as unstableMessageRtl } from './message/styles';
 export { buttonGroupDark, buttonGroupRtl as unstableButtonGroupRtl } from './button-group/styles';
 export { cardDark, cardRtl as unstableCardRtl } from './card/styles';
 export { cascaderDark } from './cascader/styles';
@@ -21,7 +22,7 @@ export { datePickerDark } from './date-picker/styles';
 export { descriptionsDark } from './descriptions/styles';
 export { dialogDark } from './dialog/styles';
 export { dividerDark } from './divider/styles';
-export { drawerDark } from './drawer/styles';
+export { drawerDark, drawerRtl as unstableDrawerRtl } from './drawer/styles';
 export { dropdownDark } from './dropdown/styles';
 export { dynamicInputDark, dynamicInputRtl as unstableDynamicInputRtl } from './dynamic-input/styles';
 export { dynamicTagsDark } from './dynamic-tags/styles';
@@ -33,7 +34,7 @@ export { iconDark } from './icon/styles';
 export { inputDark, inputRtl as unstableInputRtl } from './input/styles';
 export { inputNumberDark, inputNumberRtl as unstableInputNumberRtl } from './input-number/styles';
 export { layoutDark } from './layout/styles';
-export { listDark } from './list/styles';
+export { listDark, listRtl as unstableListRtl } from './list/styles';
 export { loadingBarDark } from './loading-bar/styles';
 export { logDark } from './log/styles';
 export { mentionDark } from './mention/styles';
@@ -55,7 +56,7 @@ export { sliderDark } from './slider/styles';
 export { spaceDark, spaceRtl as unstableSpaceRtl } from './space/styles';
 export { spinDark } from './spin/styles';
 export { statisticDark, statisticRtl as unstableStatisticRtl } from './statistic/styles';
-export { stepsDark } from './steps/styles';
+export { stepsDark, stepsRtl as unstableStepsRtl } from './steps/styles';
 export { switchDark } from './switch/styles';
 export { tableDark, tableRtl as unstableTableRtl } from './table/styles';
 export { tabsDark } from './tabs/styles';