naive-ui 2.32.2 → 2.33.2

package/lib/menu/src/Menu.js

@@ -42,6 +42,9 @@ exports.menuProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, childrenField: {
         type: String,
         default: 'children'
+    }, disabledField: {
+        type: String,
+        default: 'disabled'
     }, defaultExpandAll: Boolean, defaultExpandedKeys: Array, expandedKeys: Array, value: [String, Number], defaultValue: {
         type: [String, Number],
         default: null
@@ -84,11 +87,14 @@ exports.default = (0, vue_1.defineComponent)({
             return false;
         });
         const treeMateRef = (0, vue_1.computed)(() => {
-            const { keyField, childrenField } = props;
+            const { keyField, childrenField, disabledField } = props;
             return (0, treemate_1.createTreeMate)(props.items || props.options, {
                 getChildren(node) {
                     return node[childrenField];
                 },
+                getDisabled(node) {
+                    return node[disabledField];
+                },
                 getKey(node) {
                     var _a;
                     return (_a = node[keyField]) !== null && _a !== void 0 ? _a : node.name;

package/lib/modal/src/BodyWrapper.d.ts

@@ -441,6 +441,8 @@ declare const _default: import("vue").DefineComponent<{
                 colorPopover: string;
                 colorTarget: string;
                 colorEmbedded: string;
+                colorEmbeddedModal: string;
+                colorEmbeddedPopover: string;
                 textColor: string;
                 titleTextColor: string;
                 borderColor: string;

package/lib/modal/src/Modal.d.ts

@@ -347,6 +347,8 @@ export declare const modalProps: {
             colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
+            colorEmbeddedModal: string;
+            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -629,6 +631,8 @@ export declare const modalProps: {
             colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
+            colorEmbeddedModal: string;
+            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -911,6 +915,8 @@ export declare const modalProps: {
             colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
+            colorEmbeddedModal: string;
+            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -1289,6 +1295,8 @@ declare const _default: import("vue").DefineComponent<{
             colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
+            colorEmbeddedModal: string;
+            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -1571,6 +1579,8 @@ declare const _default: import("vue").DefineComponent<{
             colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
+            colorEmbeddedModal: string;
+            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -1853,6 +1863,8 @@ declare const _default: import("vue").DefineComponent<{
             colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
+            colorEmbeddedModal: string;
+            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -2251,6 +2263,8 @@ declare const _default: import("vue").DefineComponent<{
             colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
+            colorEmbeddedModal: string;
+            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -2533,6 +2547,8 @@ declare const _default: import("vue").DefineComponent<{
             colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
+            colorEmbeddedModal: string;
+            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -2815,6 +2831,8 @@ declare const _default: import("vue").DefineComponent<{
             colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
+            colorEmbeddedModal: string;
+            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;

package/lib/modal/src/presetProps.d.ts

@@ -41,5 +41,5 @@ declare const presetProps: {
     hoverable: BooleanConstructor;
     role: StringConstructor;
 };
-declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "role" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "iconPlacement" | "hoverable" | "headerExtraStyle" | "embedded" | "segmented" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];
+declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "role" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "iconPlacement" | "hoverable" | "embedded" | "headerExtraStyle" | "segmented" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];
 export { presetProps, presetPropsKeys };

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

@@ -258,6 +258,8 @@ declare const modalLight: import("../../_mixins").Theme<"Modal", {
         colorPopover: string;
         colorTarget: string;
         colorEmbedded: string;
+        colorEmbeddedModal: string;
+        colorEmbeddedPopover: string;
         textColor: string;
         titleTextColor: string;
         borderColor: string;

package/lib/pagination/src/Pagination.js

@@ -98,10 +98,14 @@ exports.default = (0, vue_1.defineComponent)({
         const showFastForwardMenuRef = (0, vue_1.ref)(false);
         const showFastBackwardMenuRef = (0, vue_1.ref)(false);
         const handleFastForwardMouseenter = () => {
+            if (props.disabled)
+                return;
             fastForwardActiveRef.value = true;
             disableTransitionOneTick();
         };
         const handleFastForwardMouseleave = () => {
+            if (props.disabled)
+                return;
             fastForwardActiveRef.value = false;
             disableTransitionOneTick();
         };
@@ -507,7 +511,7 @@ exports.default = (0, vue_1.defineComponent)({
                                             ? 'fast-backward'
                                             : 'fast-forward'
                                         : pageItem.type;
-                                    return ((0, vue_1.h)(popselect_1.NPopselect, { key: key, trigger: "hover", virtualScroll: true, style: { width: '60px' }, theme: mergedTheme.peers.Popselect, themeOverrides: mergedTheme.peerOverrides.Popselect, builtinThemeOverrides: {
+                                    return ((0, vue_1.h)(popselect_1.NPopselect, { key: key, disabled: disabled, trigger: "hover", virtualScroll: true, style: { width: '60px' }, theme: mergedTheme.peers.Popselect, themeOverrides: mergedTheme.peerOverrides.Popselect, builtinThemeOverrides: {
                                             peers: {
                                                 InternalSelectMenu: {
                                                     height: 'calc(var(--n-option-height) * 4.6)'

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

@@ -1,35 +1,11 @@
 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>;
+import { radioProps } from './use-radio';
+export { radioProps };
+export declare type RadioProps = ExtractPublicPropTypes<typeof radioProps>;
 declare const _default: import("vue").DefineComponent<{
     name: StringConstructor;
     value: {
-        readonly type: import("vue").PropType<string | number>;
+        readonly type: import("vue").PropType<string | number | boolean>;
         readonly default: "on";
     };
     checked: {
@@ -47,7 +23,6 @@ declare const _default: import("vue").DefineComponent<{
     'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     checkedValue: {
         readonly type: import("vue").PropType<boolean | undefined>;
-        readonly validator: () => boolean;
         readonly default: undefined;
     };
     theme: import("vue").PropType<import("../../_mixins").Theme<"Radio", {
@@ -65,6 +40,7 @@ declare const _default: import("vue").DefineComponent<{
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -102,6 +78,7 @@ declare const _default: import("vue").DefineComponent<{
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -139,6 +116,7 @@ declare const _default: import("vue").DefineComponent<{
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -172,6 +150,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-box-shadow-focus': string;
         '--n-box-shadow-hover': string;
         '--n-color': string;
+        '--n-color-active': string;
         '--n-color-disabled': string;
         '--n-dot-color-active': string;
         '--n-dot-color-disabled': string;
@@ -186,7 +165,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: StringConstructor;
     value: {
-        readonly type: import("vue").PropType<string | number>;
+        readonly type: import("vue").PropType<string | number | boolean>;
         readonly default: "on";
     };
     checked: {
@@ -204,7 +183,6 @@ declare const _default: import("vue").DefineComponent<{
     'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     checkedValue: {
         readonly type: import("vue").PropType<boolean | undefined>;
-        readonly validator: () => boolean;
         readonly default: undefined;
     };
     theme: import("vue").PropType<import("../../_mixins").Theme<"Radio", {
@@ -222,6 +200,7 @@ declare const _default: import("vue").DefineComponent<{
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -259,6 +238,7 @@ declare const _default: import("vue").DefineComponent<{
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -296,6 +276,7 @@ declare const _default: import("vue").DefineComponent<{
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -319,7 +300,7 @@ declare const _default: import("vue").DefineComponent<{
         labelPadding: string;
     }, any>>>;
 }>>, {
-    value: string | number;
+    value: string | number | boolean;
     disabled: boolean | undefined;
     checked: boolean | undefined;
     defaultChecked: boolean;

package/lib/radio/src/Radio.js

@@ -5,22 +5,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.radioProps = void 0;
 const vue_1 = require("vue");
+const use_rtl_1 = require("../../_mixins/use-rtl");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
-const use_radio_1 = __importDefault(require("./use-radio"));
+const use_radio_1 = require("./use-radio");
+Object.defineProperty(exports, "radioProps", { enumerable: true, get: function () { return use_radio_1.radioProps; } });
 const radio_cssr_1 = __importDefault(require("./styles/radio.cssr"));
-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),
+    props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), use_radio_1.radioProps),
     setup(props) {
-        const radio = (0, use_radio_1.default)(props);
+        const radio = (0, use_radio_1.setup)(props);
         const themeRef = (0, _mixins_1.useTheme)('Radio', '-radio', radio_cssr_1.default, styles_1.radioLight, props, radio.mergedClsPrefix);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { mergedSize: { value: size } } = radio;
-            const { common: { cubicBezierEaseInOut }, self: { boxShadow, boxShadowActive, boxShadowDisabled, boxShadowFocus, boxShadowHover, color, colorDisabled, textColor, textColorDisabled, dotColorActive, dotColorDisabled, labelPadding, labelLineHeight, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('radioSize', size)]: radioSize } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { boxShadow, boxShadowActive, boxShadowDisabled, boxShadowFocus, boxShadowHover, color, colorDisabled, colorActive, textColor, textColorDisabled, dotColorActive, dotColorDisabled, labelPadding, labelLineHeight, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('radioSize', size)]: radioSize } } = themeRef.value;
             return {
                 '--n-bezier': cubicBezierEaseInOut,
                 '--n-label-line-height': labelLineHeight,
@@ -30,6 +30,7 @@ exports.default = (0, vue_1.defineComponent)({
                 '--n-box-shadow-focus': boxShadowFocus,
                 '--n-box-shadow-hover': boxShadowHover,
                 '--n-color': color,
+                '--n-color-active': colorActive,
                 '--n-color-disabled': colorDisabled,
                 '--n-dot-color-active': dotColorActive,
                 '--n-dot-color-disabled': dotColorDisabled,

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

@@ -1,9 +1,9 @@
 import { ExtractPublicPropTypes } from '../../_utils';
-import useRadio from './use-radio';
+import { radioProps } from './use-radio';
 export declare const radioButtonProps: {
     readonly name: StringConstructor;
     readonly value: {
-        readonly type: import("vue").PropType<string | number>;
+        readonly type: import("vue").PropType<string | number | boolean>;
         readonly default: "on";
     };
     readonly checked: {
@@ -21,15 +21,14 @@ export declare const radioButtonProps: {
     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>;
+export declare type RadioButtonProps = ExtractPublicPropTypes<typeof radioProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly name: StringConstructor;
     readonly value: {
-        readonly type: import("vue").PropType<string | number>;
+        readonly type: import("vue").PropType<string | number | boolean>;
         readonly default: "on";
     };
     readonly checked: {
@@ -47,13 +46,12 @@ declare const _default: import("vue").DefineComponent<{
     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;
     };
 }, import("./use-radio").UseRadio, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly name: StringConstructor;
     readonly value: {
-        readonly type: import("vue").PropType<string | number>;
+        readonly type: import("vue").PropType<string | number | boolean>;
         readonly default: "on";
     };
     readonly checked: {
@@ -71,11 +69,10 @@ declare const _default: import("vue").DefineComponent<{
     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;
     };
 }>>, {
-    readonly value: string | number;
+    readonly value: string | number | boolean;
     readonly disabled: boolean | undefined;
     readonly checked: boolean | undefined;
     readonly defaultChecked: boolean;

package/lib/radio/src/RadioButton.js

@@ -1,28 +1,21 @@
 "use strict";
-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;
+const use_radio_1 = require("./use-radio");
+exports.radioButtonProps = use_radio_1.radioProps;
 exports.default = (0, vue_1.defineComponent)({
     name: 'RadioButton',
-    props: use_radio_1.default.props,
-    setup(props) {
-        return (0, use_radio_1.default)(props);
-    },
+    props: use_radio_1.radioProps,
+    setup: use_radio_1.setup,
     render() {
         const { mergedClsPrefix } = this;
         return ((0, vue_1.h)("label", { class: [
                 `${mergedClsPrefix}-radio-button`,
-                {
-                    [`${mergedClsPrefix}-radio-button--disabled`]: this.mergedDisabled,
-                    [`${mergedClsPrefix}-radio-button--checked`]: this.renderSafeChecked,
-                    [`${mergedClsPrefix}-radio-button--focus`]: this.focus
-                }
+                this.mergedDisabled && `${mergedClsPrefix}-radio-button--disabled`,
+                this.renderSafeChecked && `${mergedClsPrefix}-radio-button--checked`,
+                this.focus && [`${mergedClsPrefix}-radio-button--focus`]
             ] },
             (0, vue_1.h)("input", { ref: "inputRef", type: "radio", class: `${mergedClsPrefix}-radio-input`, value: this.value, name: this.mergedName, checked: this.renderSafeChecked, disabled: this.mergedDisabled, onChange: this.handleRadioInputChange, onFocus: this.handleRadioInputFocus, onBlur: this.handleRadioInputBlur }),
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-radio-button__state-border` }),

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

@@ -3,9 +3,9 @@ import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import { OnUpdateValue } from './interface';
 export declare const radioGroupProps: {
     readonly name: StringConstructor;
-    readonly value: PropType<string | number | null>;
+    readonly value: PropType<string | number | boolean | null>;
     readonly defaultValue: {
-        readonly type: PropType<string | number | null>;
+        readonly type: PropType<string | number | boolean | null>;
         readonly default: null;
     };
     readonly size: PropType<"small" | "medium" | "large">;
@@ -30,6 +30,7 @@ export declare const radioGroupProps: {
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -67,6 +68,7 @@ export declare const radioGroupProps: {
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -104,6 +106,7 @@ export declare const radioGroupProps: {
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -130,9 +133,9 @@ export declare const radioGroupProps: {
 export declare type RadioGroupProps = ExtractPublicPropTypes<typeof radioGroupProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly name: StringConstructor;
-    readonly value: PropType<string | number | null>;
+    readonly value: PropType<string | number | boolean | null>;
     readonly defaultValue: {
-        readonly type: PropType<string | number | null>;
+        readonly type: PropType<string | number | boolean | null>;
         readonly default: null;
     };
     readonly size: PropType<"small" | "medium" | "large">;
@@ -157,6 +160,7 @@ declare const _default: import("vue").DefineComponent<{
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -194,6 +198,7 @@ declare const _default: import("vue").DefineComponent<{
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -231,6 +236,7 @@ declare const _default: import("vue").DefineComponent<{
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -257,7 +263,7 @@ declare const _default: import("vue").DefineComponent<{
     selfElRef: import("vue").Ref<HTMLDivElement | null>;
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedClsPrefix: import("vue").ComputedRef<string>;
-    mergedValue: import("vue").ComputedRef<string | number | null>;
+    mergedValue: import("vue").ComputedRef<string | number | boolean | null>;
     handleFocusout: (e: FocusEvent) => void;
     handleFocusin: (e: FocusEvent) => void;
     cssVars: import("vue").ComputedRef<{
@@ -280,9 +286,9 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly name: StringConstructor;
-    readonly value: PropType<string | number | null>;
+    readonly value: PropType<string | number | boolean | null>;
     readonly defaultValue: {
-        readonly type: PropType<string | number | null>;
+        readonly type: PropType<string | number | boolean | null>;
         readonly default: null;
     };
     readonly size: PropType<"small" | "medium" | "large">;
@@ -307,6 +313,7 @@ declare const _default: import("vue").DefineComponent<{
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -344,6 +351,7 @@ declare const _default: import("vue").DefineComponent<{
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -381,6 +389,7 @@ declare const _default: import("vue").DefineComponent<{
         boxShadowDisabled: string;
         color: string;
         colorDisabled: string;
+        colorActive: string;
         textColor: string;
         textColorDisabled: string;
         dotColorActive: string;
@@ -405,6 +414,6 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     readonly disabled: boolean | undefined;
-    readonly defaultValue: string | number | null;
+    readonly defaultValue: string | number | boolean | null;
 }>;
 export default _default;

package/lib/radio/src/RadioGroup.js

@@ -69,8 +69,8 @@ function mapSlot(defaultSlot, value, clsPrefix) {
         isButtonGroup
     };
 }
-exports.radioGroupProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { name: String, value: [String, Number], defaultValue: {
-        type: [String, Number],
+exports.radioGroupProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { name: String, value: [String, Number, Boolean], defaultValue: {
+        type: [String, Number, Boolean],
         default: null
     }, size: String, disabled: {
         type: Boolean,

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

@@ -1,2 +1,2 @@
-export declare type OnUpdateValue = (value: string & number) => void;
-export declare type OnUpdateValueImpl = (value: string | number) => void;
+export declare type OnUpdateValue = (value: string & number & boolean) => void;
+export declare type OnUpdateValueImpl = (value: string | number | boolean) => void;

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

@@ -21,6 +21,7 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-text-color-disabled
 // --n-label-padding
 // --n-label-line-height
+// --n-color-active
 
 
 exports.default = (0, cssr_1.cB)('radio', `
@@ -34,7 +35,9 @@ exports.default = (0, cssr_1.cB)('radio', `
  flex-wrap: nowrap;
  font-size: var(--n-font-size);
  word-break: break-word;
-`, [(0, cssr_1.cE)('dot-wrapper', `
+`, [(0, cssr_1.cM)('checked', [(0, cssr_1.cE)('dot', `
+ background-color: var(--n-color-active);
+ `)]), (0, cssr_1.cE)('dot-wrapper', `
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;

package/lib/radio/src/use-radio.d.ts

@@ -1,10 +1,10 @@
 import { ExtractPropTypes, PropType, Ref, ComputedRef } from 'vue';
 import type { MaybeArray } from '../../_utils';
 import { OnUpdateValue } from './interface';
-declare const radioProps: {
+export declare const radioProps: {
     readonly name: StringConstructor;
     readonly value: {
-        readonly type: PropType<string | number>;
+        readonly type: PropType<string | number | boolean>;
         readonly default: "on";
     };
     readonly checked: {
@@ -22,14 +22,13 @@ declare const radioProps: {
     readonly 'onUpdate:checked': PropType<MaybeArray<(value: boolean) => void> | undefined>;
     readonly checkedValue: {
         readonly type: PropType<boolean | undefined>;
-        readonly validator: () => boolean;
         readonly default: undefined;
     };
 };
 export interface RadioGroupInjection {
     mergedClsPrefixRef: Ref<string>;
     nameRef: Ref<string | undefined>;
-    valueRef: Ref<string | number | null>;
+    valueRef: Ref<string | number | boolean | null>;
     mergedSizeRef: Ref<'small' | 'medium' | 'large'>;
     disabledRef: Ref<boolean>;
     doUpdateValue: OnUpdateValue;
@@ -50,32 +49,5 @@ export interface UseRadio {
     handleRadioInputFocus: () => void;
 }
 declare function setup(props: ExtractPropTypes<typeof radioProps>): UseRadio;
-declare namespace setup {
-    var props: {
-        readonly name: StringConstructor;
-        readonly value: {
-            readonly type: PropType<string | number>;
-            readonly default: "on";
-        };
-        readonly checked: {
-            readonly type: PropType<boolean | undefined>;
-            readonly default: undefined;
-        };
-        readonly defaultChecked: BooleanConstructor;
-        readonly disabled: {
-            readonly type: PropType<boolean | undefined>;
-            readonly default: undefined;
-        };
-        readonly label: StringConstructor;
-        readonly size: PropType<"small" | "medium" | "large">;
-        readonly onUpdateChecked: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-        readonly 'onUpdate:checked': PropType<MaybeArray<(value: boolean) => void> | undefined>;
-        readonly checkedValue: {
-            readonly type: PropType<boolean | undefined>;
-            readonly validator: () => boolean;
-            readonly default: undefined;
-        };
-    };
-}
 export declare type RadioProps = ExtractPropTypes<typeof radioProps>;
-export default setup;
+export { setup };