naive-ui 2.30.8 → 2.31.0

package/lib/popover/src/PopoverBody.js

@@ -15,9 +15,9 @@ const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const interface_3 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.popoverBodyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.useAdjustedTo.propTo, show: Boolean, trigger: String, showArrow: Boolean, delay: Number, duration: Number, raw: Boolean, arrowPointToCenter: Boolean, arrowStyle: [String, Object], displayDirective: String, x: Number, y: Number, flip: Boolean, overlap: Boolean, placement: String, width: [Number, String], keepAliveOnHover: Boolean, scrollable: Boolean, contentStyle: [Object, String], headerStyle: [Object, String], 
+exports.popoverBodyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.useAdjustedTo.propTo, show: Boolean, trigger: String, showArrow: Boolean, delay: Number, duration: Number, raw: Boolean, arrowPointToCenter: Boolean, arrowStyle: [String, Object], displayDirective: String, x: Number, y: Number, flip: Boolean, overlap: Boolean, placement: String, width: [Number, String], keepAliveOnHover: Boolean, scrollable: Boolean, contentStyle: [Object, String], headerStyle: [Object, String], footerStyle: [Object, String], 
     // private
-    internalDeactivateImmediately: Boolean, animated: Boolean, onClickoutside: Function, internalTrapFocus: Boolean, 
+    internalDeactivateImmediately: Boolean, animated: Boolean, onClickoutside: Function, internalTrapFocus: Boolean, internalOnAfterLeave: Function, 
     // deprecated
     minWidth: Number, maxWidth: Number });
 const renderArrow = ({ arrowStyle, clsPrefix }) => {
@@ -180,24 +180,31 @@ exports.default = (0, vue_1.defineComponent)({
             if (!renderBody) {
                 const { value: extraClass } = NPopover.extraClassRef;
                 const { internalTrapFocus } = props;
+                const hasHeaderOrFooter = !(0, _utils_1.isSlotEmpty)(slots.header) || !(0, _utils_1.isSlotEmpty)(slots.footer);
                 const renderContentInnerNode = () => {
-                    const content = (0, _utils_1.resolveWrappedSlot)(slots.header, (children) => {
-                        var _a;
-                        const body = children ? ((0, vue_1.h)(vue_1.Fragment, null,
-                            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__header`, style: props.headerStyle }, children),
-                            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots))) : props.scrollable ? ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots));
-                        const maybeScrollableBody = props.scrollable ? ((0, vue_1.h)(scrollbar_1.NxScrollbar, { contentClass: children ? undefined : `${mergedClsPrefix}-popover__content`, contentStyle: children ? undefined : props.contentStyle }, {
-                            default: () => body
-                        })) : (body);
-                        return maybeScrollableBody;
-                    });
+                    var _a;
+                    const body = hasHeaderOrFooter ? ((0, vue_1.h)(vue_1.Fragment, null,
+                        (0, _utils_1.resolveWrappedSlot)(slots.header, (children) => {
+                            return children ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__header`, style: props.headerStyle }, children)) : null;
+                        }),
+                        (0, _utils_1.resolveWrappedSlot)(slots.default, (children) => {
+                            return children ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots)) : null;
+                        }),
+                        (0, _utils_1.resolveWrappedSlot)(slots.footer, (children) => {
+                            return children ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__footer`, style: props.footerStyle }, children)) : null;
+                        }))) : props.scrollable ? ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots));
+                    const maybeScrollableBody = props.scrollable ? ((0, vue_1.h)(scrollbar_1.NxScrollbar, { contentClass: hasHeaderOrFooter
+                            ? undefined
+                            : `${mergedClsPrefix}-popover__content`, contentStyle: hasHeaderOrFooter ? undefined : props.contentStyle }, {
+                        default: () => body
+                    })) : (body);
                     const arrow = props.showArrow
                         ? (0, exports.renderArrow)({
                             arrowStyle: props.arrowStyle,
                             clsPrefix: mergedClsPrefix
                         })
                         : null;
-                    return [content, arrow];
+                    return [maybeScrollableBody, arrow];
                 };
                 contentNode = (0, vue_1.h)('div', (0, vue_1.mergeProps)({
                     class: [
@@ -207,7 +214,7 @@ exports.default = (0, vue_1.defineComponent)({
                         extraClass.map((v) => `${mergedClsPrefix}-${v}`),
                         {
                             [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
-                            [`${mergedClsPrefix}-popover--show-header`]: !(0, _utils_1.isSlotEmpty)(slots.header),
+                            [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
                             [`${mergedClsPrefix}-popover--raw`]: props.raw,
                             [`${mergedClsPrefix}-popover-shared--overlap`]: props.overlap,
                             [`${mergedClsPrefix}-popover-shared--show-arrow`]: props.showArrow,
@@ -257,6 +264,8 @@ exports.default = (0, vue_1.defineComponent)({
                     onEnter: () => {
                         this.followerEnabled = true;
                     }, onAfterLeave: () => {
+                        var _a;
+                        (_a = this.internalOnAfterLeave) === null || _a === void 0 ? void 0 : _a.call(this);
                         this.followerEnabled = false;
                         this.displayed = false;
                     } }, {

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

@@ -45,11 +45,15 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('popover', `
  `)]), (0, cssr_1.cNotM)('raw', `
  background-color: var(--n-color);
  border-radius: var(--n-border-radius);
- `, [(0, cssr_1.cNotM)('scrollable', [(0, cssr_1.cNotM)('show-header', 'padding: var(--n-padding);')])]), (0, cssr_1.cE)('header', `
+ `, [(0, cssr_1.cNotM)('scrollable', [(0, cssr_1.cNotM)('show-header-or-footer', 'padding: var(--n-padding);')])]), (0, cssr_1.cE)('header', `
  padding: var(--n-padding);
  border-bottom: 1px solid var(--n-divider-color);
  transition: border-color .3s var(--n-bezier);
- `), (0, cssr_1.cM)('scrollable, show-header', [(0, cssr_1.cE)('content', `
+ `), (0, cssr_1.cE)('footer', `
+ padding: var(--n-padding);
+ border-top: 1px solid var(--n-divider-color);
+ transition: border-color .3s var(--n-bezier);
+ `), (0, cssr_1.cM)('scrollable, show-header-or-footer', [(0, cssr_1.cE)('content', `
  padding: var(--n-padding);
  `)])]), (0, cssr_1.cB)('popover-shared', `
  transform-origin: inherit;
@@ -89,44 +93,44 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('popover', `
  opacity .15s var(--n-bezier-ease-in),
  transform .15s var(--n-bezier-ease-in);
  `)]), placementStyle('top-start', `
- top: calc(${arrowSize} / -2 + 1px);
+ top: calc(${arrowSize} / -2);
  left: calc(${getArrowOffset('top-start')} - var(--v-offset-left));
  `), placementStyle('top', `
- top: calc(${arrowSize} / -2 + 1px);
+ top: calc(${arrowSize} / -2);
  transform: translateX(calc(${arrowSize} / -2)) rotate(45deg);
  left: 50%;
  `), placementStyle('top-end', `
- top: calc(${arrowSize} / -2 + 1px);
+ top: calc(${arrowSize} / -2);
  right: calc(${getArrowOffset('top-end')} + var(--v-offset-left));
  `), placementStyle('bottom-start', `
- bottom: calc(${arrowSize} / -2 + 1px);
+ bottom: calc(${arrowSize} / -2);
  left: calc(${getArrowOffset('bottom-start')} - var(--v-offset-left));
  `), placementStyle('bottom', `
- bottom: calc(${arrowSize} / -2 + 1px);
+ bottom: calc(${arrowSize} / -2);
  transform: translateX(calc(${arrowSize} / -2)) rotate(45deg);
  left: 50%;
  `), placementStyle('bottom-end', `
- bottom: calc(${arrowSize} / -2 + 1px);
+ bottom: calc(${arrowSize} / -2);
  right: calc(${getArrowOffset('bottom-end')} + var(--v-offset-left));
  `), placementStyle('left-start', `
- left: calc(${arrowSize} / -2 + 1px);
+ left: calc(${arrowSize} / -2);
  top: calc(${getArrowOffset('left-start')} - var(--v-offset-top));
  `), placementStyle('left', `
- left: calc(${arrowSize} / -2 + 1px);
+ left: calc(${arrowSize} / -2);
  transform: translateY(calc(${arrowSize} / -2)) rotate(45deg);
  top: 50%;
  `), placementStyle('left-end', `
- left: calc(${arrowSize} / -2 + 1px);
+ left: calc(${arrowSize} / -2);
  bottom: calc(${getArrowOffset('left-end')} + var(--v-offset-top));
  `), placementStyle('right-start', `
- right: calc(${arrowSize} / -2 + 1px);
+ right: calc(${arrowSize} / -2);
  top: calc(${getArrowOffset('right-start')} - var(--v-offset-top));
  `), placementStyle('right', `
- right: calc(${arrowSize} / -2 + 1px);
+ right: calc(${arrowSize} / -2);
  transform: translateY(calc(${arrowSize} / -2)) rotate(45deg);
  top: 50%;
  `), placementStyle('right-end', `
- right: calc(${arrowSize} / -2 + 1px);
+ right: calc(${arrowSize} / -2);
  bottom: calc(${getArrowOffset('right-end')} + var(--v-offset-top));
  `), ...(0, lodash_1.map)({
   top: ['right-start', 'left-start'],
@@ -163,7 +167,7 @@ function placementStyle(placement, arrowStyleLiteral) {
  left: 0;
  top: 0;
  bottom: 0;
- ${position}: calc(100% - 1px);
+ ${position}: 100%;
  ${oppositePlacement[position]}: auto;
  ${sizeStyle}
  `, [(0, cssr_1.cB)('popover-arrow', arrowStyleLiteral)])])]);

package/lib/popselect/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NPopselect } from './src/Popselect';
+export { default as NPopselect, popselectProps } from './src/Popselect';
 export type { PopselectInst } from './src/interface';
 export type { PopselectProps } from './src/Popselect';

package/lib/popselect/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NPopselect = void 0;
+exports.popselectProps = exports.NPopselect = void 0;
 var Popselect_1 = require("./src/Popselect");
 Object.defineProperty(exports, "NPopselect", { enumerable: true, get: function () { return __importDefault(Popselect_1).default; } });
+Object.defineProperty(exports, "popselectProps", { enumerable: true, get: function () { return Popselect_1.popselectProps; } });

package/lib/popselect/src/Popselect.d.ts

@@ -1,7 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { PopoverTrigger } from '../../popover';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const popselectProps: {
+export declare const popselectProps: {
     multiple: BooleanConstructor;
     value: {
         readonly type: PropType<import("../../select/src/interface").Value | null>;
@@ -81,6 +81,7 @@ declare const popselectProps: {
         default: boolean;
     };
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<string | import("vue").CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: {
         type: BooleanConstructor;
@@ -399,6 +400,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<string | import("vue").CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: {
         type: BooleanConstructor;
@@ -928,6 +930,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<string | import("vue").CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: {
         type: BooleanConstructor;

package/lib/popselect/src/Popselect.js

@@ -23,6 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.popselectProps = void 0;
 const vue_1 = require("vue");
 const Popover_1 = require("../../popover/src/Popover");
 const popover_1 = require("../../popover");
@@ -31,13 +32,13 @@ const _utils_1 = require("../../_utils");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const interface_1 = require("./interface");
-const popselectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), (0, _utils_1.omit)(Popover_1.popoverBaseProps, ['showArrow', 'arrow'])), { placement: Object.assign(Object.assign({}, Popover_1.popoverBaseProps.placement), { default: 'bottom' }), trigger: {
+exports.popselectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), (0, _utils_1.omit)(Popover_1.popoverBaseProps, ['showArrow', 'arrow'])), { placement: Object.assign(Object.assign({}, Popover_1.popoverBaseProps.placement), { default: 'bottom' }), trigger: {
         type: String,
         default: 'hover'
     } }), PopselectPanel_1.panelProps);
 exports.default = (0, vue_1.defineComponent)({
     name: 'Popselect',
-    props: popselectProps,
+    props: exports.popselectProps,
     inheritAttrs: false,
     __popover__: true,
     setup(props) {

package/lib/progress/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NProgress } from './src/Progress';
+export { default as NProgress, progressProps } from './src/Progress';
 export type { ProgressProps } from './src/Progress';

package/lib/progress/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NProgress = void 0;
+exports.progressProps = exports.NProgress = void 0;
 var Progress_1 = require("./src/Progress");
 Object.defineProperty(exports, "NProgress", { enumerable: true, get: function () { return __importDefault(Progress_1).default; } });
+Object.defineProperty(exports, "progressProps", { enumerable: true, get: function () { return Progress_1.progressProps; } });

package/lib/progress/src/Progress.d.ts

@@ -1,7 +1,7 @@
 import { PropType, CSSProperties } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
 import { Status } from './interface';
-declare const progressProps: {
+export declare const progressProps: {
     readonly processing: BooleanConstructor;
     readonly type: {
         readonly type: PropType<"circle" | "line" | "multiple-circle" | "dashboard">;

package/lib/progress/src/Progress.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.progressProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
@@ -11,7 +12,7 @@ const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const Line_1 = __importDefault(require("./Line"));
 const Circle_1 = __importDefault(require("./Circle"));
 const MultipleCircle_1 = __importDefault(require("./MultipleCircle"));
-const progressProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { processing: Boolean, type: {
+exports.progressProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { processing: Boolean, type: {
         type: String,
         default: 'line'
     }, gapDegree: Number, gapOffsetDegree: Number, status: {
@@ -41,7 +42,7 @@ const progressProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, height: Number, borderRadius: [String, Number], fillBorderRadius: [String, Number], offsetDegree: Number });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Progress',
-    props: progressProps,
+    props: exports.progressProps,
     setup(props) {
         const mergedIndicatorPlacementRef = (0, vue_1.computed)(() => {
             return props.indicatorPlacement || props.indicatorPosition;

package/lib/radio/index.d.ts

@@ -1,6 +1,6 @@
-export { default as NRadio } from './src/Radio';
-export { default as NRadioGroup } from './src/RadioGroup';
-export { default as NRadioButton } from './src/RadioButton';
+export { default as NRadio, radioProps } from './src/Radio';
+export { default as NRadioGroup, radioGroupProps } from './src/RadioGroup';
+export { default as NRadioButton, radioButtonProps } from './src/RadioButton';
 export type { RadioProps } from './src/Radio';
 export type { RadioGroupProps } from './src/RadioGroup';
 export type { RadioButtonProps } from './src/RadioButton';

package/lib/radio/index.js

@@ -3,10 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NRadioButton = exports.NRadioGroup = exports.NRadio = void 0;
+exports.radioButtonProps = exports.NRadioButton = exports.radioGroupProps = exports.NRadioGroup = exports.radioProps = exports.NRadio = void 0;
 var Radio_1 = require("./src/Radio");
 Object.defineProperty(exports, "NRadio", { enumerable: true, get: function () { return __importDefault(Radio_1).default; } });
+Object.defineProperty(exports, "radioProps", { enumerable: true, get: function () { return Radio_1.radioProps; } });
 var RadioGroup_1 = require("./src/RadioGroup");
 Object.defineProperty(exports, "NRadioGroup", { enumerable: true, get: function () { return __importDefault(RadioGroup_1).default; } });
+Object.defineProperty(exports, "radioGroupProps", { enumerable: true, get: function () { return RadioGroup_1.radioGroupProps; } });
 var RadioButton_1 = require("./src/RadioButton");
 Object.defineProperty(exports, "NRadioButton", { enumerable: true, get: function () { return __importDefault(RadioButton_1).default; } });
+Object.defineProperty(exports, "radioButtonProps", { enumerable: true, get: function () { return RadioButton_1.radioButtonProps; } });

package/lib/radio/src/Radio.d.ts

@@ -1,5 +1,30 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
 import useRadio from './use-radio';
+export declare const radioProps: {
+    readonly name: StringConstructor;
+    readonly value: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "on";
+    };
+    readonly checked: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultChecked: BooleanConstructor;
+    readonly disabled: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly label: StringConstructor;
+    readonly size: import("vue").PropType<"small" | "medium" | "large">;
+    readonly onUpdateChecked: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly 'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly checkedValue: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly validator: () => boolean;
+        readonly default: undefined;
+    };
+};
 export declare type RadioProps = ExtractPublicPropTypes<typeof useRadio.props>;
 declare const _default: import("vue").DefineComponent<{
     name: StringConstructor;

package/lib/radio/src/Radio.js

@@ -3,13 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.radioProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const use_radio_1 = __importDefault(require("./use-radio"));
 const radio_cssr_1 = __importDefault(require("./styles/radio.cssr"));
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
+const use_rtl_1 = require("../../_mixins/use-rtl");
+exports.radioProps = use_radio_1.default.props;
 exports.default = (0, vue_1.defineComponent)({
     name: 'Radio',
     props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), use_radio_1.default.props),
@@ -39,7 +41,7 @@ exports.default = (0, vue_1.defineComponent)({
             };
         });
         const { inlineThemeDisabled, mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
-        const rtlEnabledRef = (0, use_rtl_1.default)('Radio', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Radio', mergedRtlRef, mergedClsPrefixRef);
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('radio', (0, vue_1.computed)(() => radio.mergedSize.value[0]), cssVarsRef, props)
             : undefined;

package/lib/radio/src/RadioButton.d.ts

@@ -1,5 +1,30 @@
 import { ExtractPublicPropTypes } from '../../_utils';
 import useRadio from './use-radio';
+export declare const radioButtonProps: {
+    readonly name: StringConstructor;
+    readonly value: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "on";
+    };
+    readonly checked: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultChecked: BooleanConstructor;
+    readonly disabled: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly label: StringConstructor;
+    readonly size: import("vue").PropType<"small" | "medium" | "large">;
+    readonly onUpdateChecked: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly 'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly checkedValue: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly validator: () => boolean;
+        readonly default: undefined;
+    };
+};
 export declare type RadioButtonProps = ExtractPublicPropTypes<typeof useRadio.props>;
 declare const _default: import("vue").DefineComponent<{
     readonly name: StringConstructor;

package/lib/radio/src/RadioButton.js

@@ -3,9 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.radioButtonProps = void 0;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const use_radio_1 = __importDefault(require("./use-radio"));
+exports.radioButtonProps = use_radio_1.default.props;
 exports.default = (0, vue_1.defineComponent)({
     name: 'RadioButton',
     props: use_radio_1.default.props,

package/lib/radio/src/RadioGroup.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import { OnUpdateValue } from './interface';
-declare const radioGroupProps: {
+export declare const radioGroupProps: {
     readonly name: StringConstructor;
     readonly value: PropType<string | number | null>;
     readonly defaultValue: {

package/lib/radio/src/RadioGroup.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.radioGroupProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
@@ -10,7 +11,7 @@ const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const use_radio_1 = require("./use-radio");
 const radio_group_cssr_1 = __importDefault(require("./styles/radio-group.cssr"));
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
+const use_rtl_1 = require("../../_mixins/use-rtl");
 function mapSlot(defaultSlot, value, clsPrefix) {
     var _a;
     const children = [];
@@ -68,7 +69,7 @@ function mapSlot(defaultSlot, value, clsPrefix) {
         isButtonGroup
     };
 }
-const radioGroupProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { name: String, value: [String, Number], defaultValue: {
+exports.radioGroupProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { name: String, value: [String, Number], defaultValue: {
         type: [String, Number],
         default: null
     }, size: String, disabled: {
@@ -77,7 +78,7 @@ const radioGroupProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props
     }, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'RadioGroup',
-    props: radioGroupProps,
+    props: exports.radioGroupProps,
     setup(props) {
         const selfElRef = (0, vue_1.ref)(null);
         const { mergedSizeRef, mergedDisabledRef, nTriggerFormChange, nTriggerFormInput, nTriggerFormBlur, nTriggerFormFocus } = (0, _mixins_1.useFormItem)(props);
@@ -122,7 +123,7 @@ exports.default = (0, vue_1.defineComponent)({
             mergedSizeRef,
             doUpdateValue
         });
-        const rtlEnabledRef = (0, use_rtl_1.default)('Radio', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Radio', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { value: size } = mergedSizeRef;
             const { common: { cubicBezierEaseInOut }, self: { buttonBorderColor, buttonBorderColorActive, buttonBorderRadius, buttonBoxShadow, buttonBoxShadowFocus, buttonBoxShadowHover, buttonColorActive, buttonTextColor, buttonTextColorActive, buttonTextColorHover, opacityDisabled, [(0, _utils_1.createKey)('buttonHeight', size)]: height, [(0, _utils_1.createKey)('fontSize', size)]: fontSize } } = themeRef.value;

package/lib/radio/src/styles/radio-group.cssr.js

@@ -42,6 +42,7 @@ exports.default = (0, cssr_1.cB)('radio-group', `
  outline: none;
  position: relative;
  user-select: none;
+ -webkit-user-select: none;
  display: inline-block;
  box-sizing: border-box;
  padding-left: 14px;
@@ -56,6 +57,7 @@ exports.default = (0, cssr_1.cB)('radio-group', `
  border-top: 1px solid var(--n-button-border-color);
  border-bottom: 1px solid var(--n-button-border-color);
  `, [(0, cssr_1.cB)('radio-input', `
+ pointer-events: none;
  position: absolute;
  border: 0;
  border-radius: inherit;

package/lib/radio/src/styles/radio.cssr.js

@@ -28,6 +28,7 @@ exports.default = (0, cssr_1.cB)('radio', `
  outline: none;
  position: relative;
  user-select: none;
+ -webkit-user-select: none;
  display: inline-flex;
  align-items: flex-start;
  flex-wrap: nowrap;

package/lib/rate/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NRate } from './src/Rate';
+export { default as NRate, rateProps } from './src/Rate';
 export type { RateProps } from './src/Rate';

package/lib/rate/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NRate = void 0;
+exports.rateProps = exports.NRate = void 0;
 var Rate_1 = require("./src/Rate");
 Object.defineProperty(exports, "NRate", { enumerable: true, get: function () { return __importDefault(Rate_1).default; } });
+Object.defineProperty(exports, "rateProps", { enumerable: true, get: function () { return Rate_1.rateProps; } });

package/lib/rate/src/Rate.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-declare const rateProps: {
+export declare const rateProps: {
     readonly allowHalf: BooleanConstructor;
     readonly count: {
         readonly type: NumberConstructor;

package/lib/rate/src/Rate.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.rateProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _internal_1 = require("../../_internal");
@@ -11,7 +12,7 @@ const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const StarIcon_1 = __importDefault(require("./StarIcon"));
-const rateProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { allowHalf: Boolean, count: {
+exports.rateProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { allowHalf: Boolean, count: {
         type: Number,
         default: 5
     }, value: Number, defaultValue: {
@@ -23,7 +24,7 @@ const rateProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { a
     }, color: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Rate',
-    props: rateProps,
+    props: exports.rateProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Rate', '-rate', index_cssr_1.default, styles_1.rateLight, props, mergedClsPrefixRef);

package/lib/result/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NResult } from './src/Result';
+export { default as NResult, resultProps } from './src/Result';
 export type { ResultProps } from './src/Result';

package/lib/result/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NResult = void 0;
+exports.resultProps = exports.NResult = void 0;
 var Result_1 = require("./src/Result");
 Object.defineProperty(exports, "NResult", { enumerable: true, get: function () { return __importDefault(Result_1).default; } });
+Object.defineProperty(exports, "resultProps", { enumerable: true, get: function () { return Result_1.resultProps; } });

package/lib/result/src/Result.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const resultProps: {
+export declare const resultProps: {
     size: {
         type: PropType<"small" | "medium" | "large" | "huge">;
         default: string;

package/lib/result/src/Result.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.resultProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
@@ -24,7 +25,7 @@ const iconMap = {
     warning: (0, vue_1.h)(icons_1.WarningIcon, null),
     error: (0, vue_1.h)(icons_1.ErrorIcon, null)
 };
-const resultProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: {
+exports.resultProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: {
         type: String,
         default: 'medium'
     }, status: {
@@ -33,7 +34,7 @@ const resultProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, title: String, description: String });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Result',
-    props: resultProps,
+    props: exports.resultProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Result', '-result', index_cssr_1.default, styles_1.resultLight, props, mergedClsPrefixRef);

package/lib/scrollbar/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NScrollbar } from './src/Scrollbar';
+export { default as NScrollbar, scrollbarProps } from './src/Scrollbar';
 export type { ScrollbarInst, ScrollbarProps } from './src/Scrollbar';

package/lib/scrollbar/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NScrollbar = void 0;
+exports.scrollbarProps = exports.NScrollbar = void 0;
 var Scrollbar_1 = require("./src/Scrollbar");
 Object.defineProperty(exports, "NScrollbar", { enumerable: true, get: function () { return __importDefault(Scrollbar_1).default; } });
+Object.defineProperty(exports, "scrollbarProps", { enumerable: true, get: function () { return Scrollbar_1.scrollbarProps; } });

package/lib/scrollbar/src/Scrollbar.d.ts

@@ -13,7 +13,7 @@ export interface ScrollbarInst {
     scrollTo: ScrollTo;
     scrollBy: ScrollBy;
 }
-declare const scrollbarProps: {
+export declare const scrollbarProps: {
     readonly trigger: PropType<"none" | "hover">;
     readonly xScrollable: BooleanConstructor;
     readonly onScroll: PropType<(e: Event) => void>;