naive-ui 2.21.4 → 2.23.1

package/es/locales/index.d.ts

@@ -1,4 +1,5 @@
 export { default as zhCN } from './common/zhCN';
+export { default as zhTW } from './common/zhTW';
 export { default as enUS } from './common/enUS';
 export { default as ruRU } from './common/ruRU';
 export { default as ukUA } from './common/ukUA';
@@ -6,7 +7,9 @@ export { default as jaJP } from './common/jaJP';
 export { default as idID } from './common/idID';
 export { default as deDE } from './common/deDE';
 export { default as nbNO } from './common/nbNO';
+export { default as frFR } from './common/frFR';
 export { default as dateZhCN } from './date/zhCN';
+export { default as dateZhTW } from './date/zhTW';
 export { default as dateEnUS } from './date/enUS';
 export { default as dateRuRU } from './date/ruRU';
 export { default as dateUkUA } from './date/ukUA';
@@ -14,6 +17,7 @@ export { default as dateJaJP } from './date/jaJP';
 export { default as dateIdID } from './date/idID';
 export { default as dateDeDE } from './date/deDE';
 export { default as dateNbNO } from './date/nbNO';
+export { default as dateFrFR } from './date/frFR';
 export type { NLocale } from './common/enUS';
 export type { NDateLocale } from './date/enUS';
 export type { NPartialLocale } from './utils/index';

package/es/locales/index.js

@@ -1,4 +1,5 @@
 export { default as zhCN } from './common/zhCN';
+export { default as zhTW } from './common/zhTW';
 export { default as enUS } from './common/enUS';
 export { default as ruRU } from './common/ruRU';
 export { default as ukUA } from './common/ukUA';
@@ -6,7 +7,9 @@ export { default as jaJP } from './common/jaJP';
 export { default as idID } from './common/idID';
 export { default as deDE } from './common/deDE';
 export { default as nbNO } from './common/nbNO';
+export { default as frFR } from './common/frFR';
 export { default as dateZhCN } from './date/zhCN';
+export { default as dateZhTW } from './date/zhTW';
 export { default as dateEnUS } from './date/enUS';
 export { default as dateRuRU } from './date/ruRU';
 export { default as dateUkUA } from './date/ukUA';
@@ -14,4 +17,5 @@ export { default as dateJaJP } from './date/jaJP';
 export { default as dateIdID } from './date/idID';
 export { default as dateDeDE } from './date/deDE';
 export { default as dateNbNO } from './date/nbNO';
+export { default as dateFrFR } from './date/frFR';
 export { createLocale } from './utils/index';

package/es/log/src/Log.d.ts

@@ -403,12 +403,12 @@ declare const _default: import("vue").DefineComponent<{
     handleWheel: import("lodash").DebouncedFunc<(e: WheelEvent) => void>;
     handleScroll: (e: Event) => void;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--loader-font-size': string;
-        '--loader-border': string;
-        '--loader-color': string;
-        '--loader-text-color': string;
-        '--loading-color': string;
+        '--n-bezier': string;
+        '--n-loader-font-size': string;
+        '--n-loader-border': string;
+        '--n-loader-color': string;
+        '--n-loader-text-color': string;
+        '--n-loading-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly loading?: unknown;

package/es/log/src/Log.js

@@ -159,12 +159,12 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { self: { loaderFontSize, loaderTextColor, loaderColor, loaderBorder, loadingColor }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--loader-font-size': loaderFontSize,
-                    '--loader-border': loaderBorder,
-                    '--loader-color': loaderColor,
-                    '--loader-text-color': loaderTextColor,
-                    '--loading-color': loadingColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-loader-font-size': loaderFontSize,
+                    '--n-loader-border': loaderBorder,
+                    '--n-loader-color': loaderColor,
+                    '--n-loader-text-color': loaderTextColor,
+                    '--n-loading-color': loadingColor
                 };
             })
         };

package/es/log/src/styles/index.cssr.js

@@ -1,19 +1,17 @@
 import { c, cB, cE } from '../../../_utils/cssr';
 import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
-// --bezier
-// --loading-color
-// --loader-border
-// --loader-color
-// --loader-text-color
-// --loader-font-size
-// --loading-color
+// --n-bezier
+// --n-loading-color
+// --n-loader-border
+// --n-loader-color
+// --n-loader-text-color
+// --n-loader-font-size
+// --n-loading-color
 
 export default cB('log', `
  position: relative;
  box-sizing: border-box;
- transition:
- border-color .3s var(--bezier),
- color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
 `, [cE('lines', `
  margin: 0;
  white-space: pre-wrap;
@@ -21,9 +19,9 @@ export default cB('log', `
  margin: 0;
  `), cB('log-loader', `
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  box-sizing: border-box;
  position: absolute;
  right: 16px;
@@ -33,10 +31,10 @@ export default cB('log', `
  line-height: 34px;
  white-space: nowrap;
  overflow: hidden;
- border: var(--loader-border);
- color: var(--loader-text-color);
- background-color: var(--loader-color);
- font-size: var(--loader-font-size);
+ border: var(--n-loader-border);
+ color: var(--n-loader-text-color);
+ background-color: var(--n-loader-color);
+ font-size: var(--n-loader-font-size);
  `, [fadeInScaleUpTransition(), cE('content', `
  display: inline-block;
  vertical-align: bottom;
@@ -45,7 +43,7 @@ export default cB('log', `
  padding-right: 20px;
  white-space: nowrap;
  `), cB('base-loading', `
- color: var(--loading-color);
+ color: var(--n-loading-color);
  position: absolute;
  left: 12px;
  top: calc(50% - 10px);

package/es/page-header/src/PageHeader.js

@@ -45,8 +45,8 @@ export default defineComponent({
                 `${mergedClsPrefix}-page-header-wrapper`,
                 this.rtlEnabled && `${mergedClsPrefix}-page-header-wrapper--rtl`
             ] },
-            headerSlot ? (h("div", { class: `${mergedClsPrefix}-page-header-header`, key: "breadcrumn" }, headerSlot())) : null,
-            h("div", { class: `${mergedClsPrefix}-page-header`, key: "header" },
+            headerSlot ? (h("div", { class: `${mergedClsPrefix}-page-header-header`, key: "breadcrumb" }, headerSlot())) : null,
+            (showBack || avatarSlot || showTitle || showSubtitle || showExtra) && (h("div", { class: `${mergedClsPrefix}-page-header`, key: "header" },
                 h("div", { class: `${mergedClsPrefix}-page-header__main`, key: "back" },
                     showBack ? (h("div", { class: `${mergedClsPrefix}-page-header__back`, onClick: onBack },
                         h(NBaseIcon, { clsPrefix: mergedClsPrefix }, {
@@ -55,7 +55,7 @@ export default defineComponent({
                     avatarSlot ? (h("div", { class: `${mergedClsPrefix}-page-header__avatar` }, avatarSlot())) : null,
                     showTitle ? (h("div", { class: `${mergedClsPrefix}-page-header__title`, key: "title" }, title || titleSlot())) : null,
                     showSubtitle ? (h("div", { class: `${mergedClsPrefix}-page-header__subtitle`, key: "subtitle" }, subtitle || subtitleSlot())) : null),
-                showExtra ? (h("div", { class: `${mergedClsPrefix}-page-header__extra` }, extra || extraSlot())) : null),
+                showExtra ? (h("div", { class: `${mergedClsPrefix}-page-header__extra` }, extra || extraSlot())) : null)),
             defaultSlot ? (h("div", { class: `${mergedClsPrefix}-page-header-content`, key: "content" }, defaultSlot())) : null,
             footerSlot ? (h("div", { class: `${mergedClsPrefix}-page-header-footer`, key: "footer" }, footerSlot())) : null));
     }

package/es/page-header/src/styles/index.cssr.js

@@ -43,9 +43,7 @@ export default c([cB('page-header-header', `
  transition: color .3s var(--bezier);
  color: var(--subtitle-text-color);
  `)]), cB('page-header-content', `
- margin-top: 20px;
  font-size: var(--font-size);
- `), cB('page-header-footer', `
- margin-top: 20px;
+ `, [c('&:not(:first-child)', 'margin-top: 20px;')]), cB('page-header-footer', `
  font-size: var(--font-size);
- `)]);
+ `, [c('&:not(:first-child)', 'margin-top: 20px;')])]);

package/es/popover/src/Popover.js

@@ -119,9 +119,12 @@ export default defineComponent({
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             watchEffect(() => {
-                if (props.minWidth !== undefined) {
+                if (props.maxWidth !== undefined) {
                     warnOnce('popover', '`max-width` is deprecated, please use `style` instead.');
                 }
+                if (props.minWidth !== undefined) {
+                    warnOnce('popover', '`min-width` is deprecated, please use `style` instead.');
+                }
                 if (props.arrow !== undefined) {
                     warnOnce('popover', '`arrow` is deprecated, please use `showArrow` instead.');
                 }

package/es/popover/src/PopoverBody.js

@@ -51,10 +51,10 @@ export default defineComponent({
         const styleRef = computed(() => {
             return [
                 {
-                    width: props.width === 'trigger' ? '' : formatLength(props.width),
-                    maxWidth: formatLength(props.maxWidth),
-                    minWidth: formatLength(props.minWidth)
+                    width: props.width === 'trigger' ? '' : formatLength(props.width)
                 },
+                props.maxWidth ? { maxWidth: formatLength(props.maxWidth) } : {},
+                props.minWidth ? { minWidth: formatLength(props.minWidth) } : {},
                 cssVarsRef.value
             ];
         });

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

@@ -23,11 +23,7 @@ declare const popselectProps: {
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
     renderLabel: PropType<import("../../_internal/select-menu/src/interface").RenderLabel>;
-    onChange: {
-        readonly type: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    onChange: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
     placement: {
         default: string;
         type: PropType<import("vueuc").FollowerPlacement>;
@@ -322,11 +318,7 @@ declare const _default: import("vue").DefineComponent<{
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
     renderLabel: PropType<import("../../_internal/select-menu/src/interface").RenderLabel>;
-    onChange: {
-        readonly type: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    onChange: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
     placement: {
         default: string;
         type: PropType<import("vueuc").FollowerPlacement>;
@@ -1108,7 +1100,6 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     disabled: boolean;
     duration: number;
-    onChange: import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined;
     to: string | boolean | HTMLElement;
     raw: boolean;
     placement: import("vueuc").FollowerPlacement;

package/es/popselect/src/Popselect.js

@@ -36,7 +36,7 @@ export default defineComponent({
         };
     },
     render() {
-        const { mergedTheme, $attrs } = this;
+        const { mergedTheme, $attrs, $slots } = this;
         const popoverProps = {
             theme: mergedTheme.peers.Popover,
             themeOverrides: mergedTheme.peerOverrides.Popover,
@@ -48,7 +48,7 @@ export default defineComponent({
                 return (h(NPopselectPanel, Object.assign({}, mergeProps($attrs, {
                     class: className,
                     style
-                }), keep(this.$props, panelPropKeys), { ref: createRefSetter(ref), onMouseenter: onMouseenter, onMouseleave: onMouseleave })));
+                }), keep(this.$props, panelPropKeys), { ref: createRefSetter(ref), onMouseenter: onMouseenter, onMouseleave: onMouseleave }), $slots));
             }
         };
         return (h(NPopover, Object.assign({}, omit(this.$props, panelPropKeys), popoverProps), {

package/es/popselect/src/PopselectPanel.d.ts

@@ -26,11 +26,7 @@ export declare const panelProps: {
     readonly onMouseenter: PropType<(e: MouseEvent) => void>;
     readonly onMouseleave: PropType<(e: MouseEvent) => void>;
     readonly renderLabel: PropType<RenderLabel>;
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
 };
 export declare const panelPropKeys: ("value" | "size" | "width" | "multiple" | "onChange" | "onMouseenter" | "onMouseleave" | "scrollable" | "renderLabel" | "options" | "onUpdate:value" | "onUpdateValue" | "cancelable")[];
 declare const _default: import("vue").DefineComponent<{
@@ -55,11 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onMouseenter: PropType<(e: MouseEvent) => void>;
     readonly onMouseleave: PropType<(e: MouseEvent) => void>;
     readonly renderLabel: PropType<RenderLabel>;
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
 }, {
     mergedTheme: import("vue").Ref<{
         common: {
@@ -266,6 +258,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").ComputedRef<string>;
     treeMate: import("vue").ComputedRef<import("treemate").TreeMate<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>>;
     handleToggle: (tmNode: TreeNode<SelectBaseOption>) => void;
+    handleMenuMousedown: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly multiple?: unknown;
     readonly value?: unknown;
@@ -299,7 +292,6 @@ declare const _default: import("vue").DefineComponent<{
     value: Value | null;
     size: PopselectSize;
     multiple: boolean;
-    onChange: MaybeArray<OnUpdateValue> | undefined;
     scrollable: boolean;
     options: SelectMixedOption[];
     cancelable: boolean;

package/es/popselect/src/PopselectPanel.js

@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { h, computed, defineComponent, inject, toRef, watch, nextTick } from 'vue';
+import { h, computed, defineComponent, inject, toRef, watch, nextTick, watchEffect } from 'vue';
 import { createTreeMate } from 'treemate';
+import { happensIn } from 'seemly';
 import { tmOptions } from '../../select/src/utils';
 import { useConfig } from '../../_mixins';
 import { NInternalSelectMenu } from '../../_internal';
@@ -29,20 +30,20 @@ export const panelProps = {
     onMouseleave: Function,
     renderLabel: Function,
     // deprecated
-    onChange: {
-        type: [Function, Array],
-        validator: () => {
-            warn('popselect', '`on-change` is deprecated, please use `on-update:value` instead.');
-            return true;
-        },
-        default: undefined
-    }
+    onChange: [Function, Array]
 };
 export const panelPropKeys = keysOf(panelProps);
 export default defineComponent({
     name: 'PopselectPanel',
     props: panelProps,
     setup(props) {
+        if (process.env.NODE_ENV !== 'production') {
+            watchEffect(() => {
+                if (props.onChange !== undefined) {
+                    warn('popselect', '`on-change` is deprecated, please use `on-update:value` instead.');
+                }
+            });
+        }
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NPopselect = inject(popselectInjectionKey);
         const { mergedClsPrefixRef } = useConfig(props);
@@ -62,6 +63,10 @@ export default defineComponent({
         function handleToggle(tmNode) {
             toggle(tmNode.key);
         }
+        function handleMenuMousedown(e) {
+            if (!happensIn(e, 'action'))
+                e.preventDefault();
+        }
         function toggle(value) {
             const { value: { getNode } } = treeMateRef;
             if (props.multiple) {
@@ -118,10 +123,11 @@ export default defineComponent({
             mergedTheme: NPopselect.mergedThemeRef,
             mergedClsPrefix: mergedClsPrefixRef,
             treeMate: treeMateRef,
-            handleToggle
+            handleToggle,
+            handleMenuMousedown
         };
     },
     render() {
-        return (h(NInternalSelectMenu, { clsPrefix: this.mergedClsPrefix, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu, multiple: this.multiple, treeMate: this.treeMate, size: this.size, value: this.value, width: this.width, virtualScroll: false, scrollable: this.scrollable, renderLabel: this.renderLabel, onToggle: this.handleToggle, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseenter }));
+        return (h(NInternalSelectMenu, { clsPrefix: this.mergedClsPrefix, focusable: true, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu, multiple: this.multiple, treeMate: this.treeMate, size: this.size, value: this.value, width: this.width, virtualScroll: false, scrollable: this.scrollable, renderLabel: this.renderLabel, onToggle: this.handleToggle, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseenter, onMousedown: this.handleMenuMousedown }, this.$slots));
     }
 });

package/es/radio/src/Radio.js

@@ -36,15 +36,15 @@ export default defineComponent({
     },
     render() {
         const { $slots, mergedClsPrefix } = this;
-        return (h("div", { class: [
+        return (h("label", { class: [
                 `${mergedClsPrefix}-radio`,
                 {
                     [`${mergedClsPrefix}-radio--disabled`]: this.mergedDisabled,
                     [`${mergedClsPrefix}-radio--checked`]: this.renderSafeChecked,
                     [`${mergedClsPrefix}-radio--focus`]: this.focus
                 }
-            ], style: this.cssVars, onKeyup: this.handleKeyUp, onClick: this.handleClick, onMousedown: this.handleMouseDown },
-            h("input", { ref: "inputRef", type: "radio", class: `${mergedClsPrefix}-radio__radio-input`, value: this.value, name: this.mergedName, checked: this.renderSafeChecked, disabled: this.mergedDisabled, onChange: this.handleRadioInputChange, onFocus: this.handleRadioInputFocus, onBlur: this.handleRadioInputBlur }),
+            ], style: this.cssVars },
+            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 }),
             h("div", { class: [
                     `${mergedClsPrefix}-radio__dot`,
                     this.renderSafeChecked && `${mergedClsPrefix}-radio__dot--checked`

package/es/radio/src/RadioButton.js

@@ -8,16 +8,15 @@ export default defineComponent({
     },
     render() {
         const { mergedClsPrefix } = this;
-        return (h("div", { class: [
+        return (h("label", { class: [
                 `${mergedClsPrefix}-radio-button`,
                 {
                     [`${mergedClsPrefix}-radio-button--disabled`]: this.mergedDisabled,
-                    [`${mergedClsPrefix}-radio-button--checked`]: this
-                        .renderSafeChecked,
+                    [`${mergedClsPrefix}-radio-button--checked`]: this.renderSafeChecked,
                     [`${mergedClsPrefix}-radio-button--focus`]: this.focus
                 }
-            ], onKeyup: this.handleKeyUp, onClick: this.handleClick, onMousedown: this.handleMouseDown },
-            h("input", { ref: "inputRef", type: "radio", class: `${mergedClsPrefix}-radio-button__radio-input`, value: this.value, name: this.mergedName, checked: this.renderSafeChecked, disabled: this.mergedDisabled, onChange: this.handleRadioInputChange, onFocus: this.handleRadioInputFocus, onBlur: this.handleRadioInputBlur }),
+            ] },
+            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 }),
             h("div", { class: `${mergedClsPrefix}-radio-button__state-border` }),
             h("span", { ref: "labelRef" }, this.$slots)));
     }

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

@@ -47,12 +47,16 @@ export default cB('radio-group', `
  color: var(--button-text-color);
  border-top: 1px solid var(--button-border-color);
  border-bottom: 1px solid var(--button-border-color);
- `, [cE('radio-input', `
+ `, [cB('radio-input', `
+ position: absolute;
  border: 0;
- width: 0;
- height: 0;
+ border-radius: inherit;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
  opacity: 0;
- margin: 0;
+ z-index: 1;
  `), cE('state-border', `
  pointer-events: none;
  position: absolute;

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

@@ -27,12 +27,16 @@ export default cB('radio', `
 `, [cE('dot', `
  height: var(--radio-size);
  width: var(--radio-size);
- `), cE('radio-input', `
+ `), cB('radio-input', `
+ position: absolute;
  border: 0;
- width: 0;
- height: 0;
+ border-radius: inherit;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
  opacity: 0;
- margin: 0;
+ z-index: 1;
  `), cE('dot', `
  background: var(--color);
  box-shadow: var(--box-shadow);

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

@@ -47,9 +47,6 @@ export interface UseRadio {
     handleRadioInputChange: () => void;
     handleRadioInputBlur: () => void;
     handleRadioInputFocus: () => void;
-    handleKeyUp: (e: KeyboardEvent) => void;
-    handleMouseDown: () => void;
-    handleClick: () => void;
 }
 declare function setup(props: ExtractPropTypes<typeof radioProps>): UseRadio;
 declare namespace setup {

package/es/radio/src/use-radio.js

@@ -112,28 +112,6 @@ function setup(props) {
     function handleRadioInputFocus() {
         focusRef.value = true;
     }
-    function handleKeyUp(e) {
-        var _a;
-        switch (e.code) {
-            case 'Enter':
-            case 'NumpadEnter':
-                (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.click();
-        }
-    }
-    function handleMouseDown() {
-        if (mergedDisabledRef.value)
-            return;
-        setTimeout(() => {
-            var _a, _b;
-            if (!((_a = labelRef.value) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement))) {
-                (_b = inputRef.value) === null || _b === void 0 ? void 0 : _b.focus();
-            }
-        }, 0);
-    }
-    function handleClick() {
-        var _a;
-        (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.click();
-    }
     return {
         mergedClsPrefix: NRadioGroup
             ? NRadioGroup.mergedClsPrefixRef
@@ -148,10 +126,7 @@ function setup(props) {
         mergedSize: mergedSizeRef,
         handleRadioInputChange,
         handleRadioInputBlur,
-        handleRadioInputFocus,
-        handleKeyUp,
-        handleMouseDown,
-        handleClick
+        handleRadioInputFocus
     };
 }
 setup.props = radioProps;

package/es/steps/src/Step.d.ts

@@ -26,18 +26,18 @@ declare const _default: import("vue").DefineComponent<{
     vertical: import("vue").ComputedRef<boolean>;
     mergedStatus: import("vue").ComputedRef<"wait" | "error" | "finish" | "process">;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--description-text-color': string;
-        '--header-text-color': string;
-        '--indicator-border-color': string;
-        '--indicator-color': string;
-        '--indicator-icon-size': string;
-        '--indicator-index-font-size': string;
-        '--indicator-size': string;
-        '--indicator-text-color': string;
-        '--splitor-color': string;
-        '--step-header-font-size': string;
-        '--step-header-font-weight': string;
+        '--n-bezier': string;
+        '--n-description-text-color': string;
+        '--n-header-text-color': string;
+        '--n-indicator-border-color': string;
+        '--n-indicator-color': string;
+        '--n-indicator-icon-size': string;
+        '--n-indicator-index-font-size': string;
+        '--n-indicator-size': string;
+        '--n-indicator-text-color': string;
+        '--n-splitor-color': string;
+        '--n-step-header-font-size': string;
+        '--n-step-header-font-weight': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly status?: unknown;

package/es/steps/src/Step.js

@@ -56,18 +56,18 @@ export default defineComponent({
                 const { size } = stepsProps;
                 const { common: { cubicBezierEaseInOut }, self: { stepHeaderFontWeight, [createKey('stepHeaderFontSize', size)]: stepHeaderFontSize, [createKey('indicatorIndexFontSize', size)]: indicatorIndexFontSize, [createKey('indicatorSize', size)]: indicatorSize, [createKey('indicatorIconSize', size)]: indicatorIconSize, [createKey('indicatorTextColor', status)]: indicatorTextColor, [createKey('indicatorBorderColor', status)]: indicatorBorderColor, [createKey('headerTextColor', status)]: headerTextColor, [createKey('splitorColor', status)]: splitorColor, [createKey('indicatorColor', status)]: indicatorColor, [createKey('descriptionTextColor', status)]: descriptionTextColor } } = mergedThemeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--description-text-color': descriptionTextColor,
-                    '--header-text-color': headerTextColor,
-                    '--indicator-border-color': indicatorBorderColor,
-                    '--indicator-color': indicatorColor,
-                    '--indicator-icon-size': indicatorIconSize,
-                    '--indicator-index-font-size': indicatorIndexFontSize,
-                    '--indicator-size': indicatorSize,
-                    '--indicator-text-color': indicatorTextColor,
-                    '--splitor-color': splitorColor,
-                    '--step-header-font-size': stepHeaderFontSize,
-                    '--step-header-font-weight': stepHeaderFontWeight
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-description-text-color': descriptionTextColor,
+                    '--n-header-text-color': headerTextColor,
+                    '--n-indicator-border-color': indicatorBorderColor,
+                    '--n-indicator-color': indicatorColor,
+                    '--n-indicator-icon-size': indicatorIconSize,
+                    '--n-indicator-index-font-size': indicatorIndexFontSize,
+                    '--n-indicator-size': indicatorSize,
+                    '--n-indicator-text-color': indicatorTextColor,
+                    '--n-splitor-color': splitorColor,
+                    '--n-step-header-font-size': stepHeaderFontSize,
+                    '--n-step-header-font-weight': stepHeaderFontWeight
                 };
             })
         };