naive-ui 2.24.6 → 2.25.2

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

@@ -8,7 +8,6 @@ declare const popselectProps: {
         readonly default: null;
     };
     cancelable: BooleanConstructor;
-    width: PropType<string | number>;
     options: {
         readonly type: PropType<import("../../select/src/interface").SelectMixedOption[]>;
         readonly default: () => never[];
@@ -26,7 +25,7 @@ declare const popselectProps: {
     onChange: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
     placement: {
         default: string;
-        type: PropType<import("vueuc").FollowerPlacement>;
+        type: PropType<import("vueuc/lib/binder/src/interface").Placement>;
     };
     trigger: {
         type: PropType<PopoverTrigger>;
@@ -44,6 +43,10 @@ declare const popselectProps: {
     y: NumberConstructor;
     maxWidth: NumberConstructor;
     minWidth: NumberConstructor;
+    width: {
+        type: PropType<number | "trigger">;
+        default: undefined;
+    };
     zIndex: NumberConstructor;
     disabled: BooleanConstructor;
     duration: {
@@ -65,6 +68,10 @@ declare const popselectProps: {
         type: PropType<"show" | "if">;
         default: string;
     };
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     internalTrapFocus: BooleanConstructor;
     animated: {
         type: BooleanConstructor;
@@ -299,7 +306,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     cancelable: BooleanConstructor;
-    width: PropType<string | number>;
     options: {
         readonly type: PropType<import("../../select/src/interface").SelectMixedOption[]>;
         readonly default: () => never[];
@@ -317,7 +323,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
     placement: {
         default: string;
-        type: PropType<import("vueuc").FollowerPlacement>;
+        type: PropType<import("vueuc/lib/binder/src/interface").Placement>;
     };
     trigger: {
         type: PropType<PopoverTrigger>;
@@ -335,6 +341,10 @@ declare const _default: import("vue").DefineComponent<{
     y: NumberConstructor;
     maxWidth: NumberConstructor;
     minWidth: NumberConstructor;
+    width: {
+        type: PropType<number | "trigger">;
+        default: undefined;
+    };
     zIndex: NumberConstructor;
     disabled: BooleanConstructor;
     duration: {
@@ -356,6 +366,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"show" | "if">;
         default: string;
     };
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     internalTrapFocus: BooleanConstructor;
     animated: {
         type: BooleanConstructor;
@@ -795,7 +809,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     cancelable: BooleanConstructor;
-    width: PropType<string | number>;
     options: {
         readonly type: PropType<import("../../select/src/interface").SelectMixedOption[]>;
         readonly default: () => never[];
@@ -813,7 +826,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
     placement: {
         default: string;
-        type: PropType<import("vueuc").FollowerPlacement>;
+        type: PropType<import("vueuc/lib/binder/src/interface").Placement>;
     };
     trigger: {
         type: PropType<PopoverTrigger>;
@@ -831,6 +844,10 @@ declare const _default: import("vue").DefineComponent<{
     y: NumberConstructor;
     maxWidth: NumberConstructor;
     minWidth: NumberConstructor;
+    width: {
+        type: PropType<number | "trigger">;
+        default: undefined;
+    };
     zIndex: NumberConstructor;
     disabled: BooleanConstructor;
     duration: {
@@ -852,6 +869,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"show" | "if">;
         default: string;
     };
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     internalTrapFocus: BooleanConstructor;
     animated: {
         type: BooleanConstructor;
@@ -1082,24 +1103,26 @@ declare const _default: import("vue").DefineComponent<{
     size: import("./interface").PopselectSize;
     show: boolean | undefined;
     flip: boolean;
+    width: number | "trigger";
     multiple: boolean;
     disabled: boolean;
     duration: number;
     to: string | boolean | HTMLElement;
+    options: import("../../select/src/interface").SelectMixedOption[];
     raw: boolean;
-    placement: import("vueuc").FollowerPlacement;
+    placement: import("vueuc/lib/binder/src/interface").Placement;
     overlap: boolean;
     scrollable: boolean;
     trigger: PopoverTrigger;
     delay: number;
     displayDirective: "show" | "if";
+    keepAliveOnHover: boolean;
     internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];
     internalSyncTargetWithParent: boolean;
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
-    options: import("../../select/src/interface").SelectMixedOption[];
     cancelable: boolean;
 }>;
 export default _default;

package/lib/popselect/src/Popselect.js

@@ -36,7 +36,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: popselectProps,
     __popover__: true,
     setup(props) {
-        const themeRef = (0, _mixins_1.useTheme)('Popselect', 'Popselect', undefined, styles_1.popselectLight, props);
+        const themeRef = (0, _mixins_1.useTheme)('Popselect', '-popselect', undefined, styles_1.popselectLight, props);
         const popoverInstRef = (0, vue_1.ref)(null);
         function syncPosition() {
             var _a;
@@ -57,7 +57,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { mergedTheme, $attrs, $slots } = this;
+        const { mergedTheme } = this;
         const popoverProps = {
             theme: mergedTheme.peers.Popover,
             themeOverrides: mergedTheme.peerOverrides.Popover,
@@ -66,15 +66,17 @@ exports.default = (0, vue_1.defineComponent)({
             },
             ref: 'popoverInstRef',
             internalRenderBody: (className, ref, style, onMouseenter, onMouseleave) => {
-                return ((0, vue_1.h)(PopselectPanel_1.default, Object.assign({}, (0, vue_1.mergeProps)($attrs, {
+                return ((0, vue_1.h)(PopselectPanel_1.default, Object.assign({}, (0, vue_1.mergeProps)(this.$attrs, {
                     class: className,
                     style
-                }), (0, _utils_1.keep)(this.$props, PopselectPanel_1.panelPropKeys), { ref: (0, _utils_1.createRefSetter)(ref), onMouseenter: onMouseenter, onMouseleave: onMouseleave }), $slots));
+                }), (0, _utils_1.keep)(this.$props, PopselectPanel_1.panelPropKeys), { ref: (0, _utils_1.createRefSetter)(ref), onMouseenter: onMouseenter, onMouseleave: onMouseleave }), {
+                    action: () => { var _a, _b; return (_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a); },
+                    empty: () => { var _a, _b; return (_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a); }
+                }));
             }
         };
         return ((0, vue_1.h)(popover_1.NPopover, Object.assign({}, (0, _utils_1.omit)(this.$props, PopselectPanel_1.panelPropKeys), popoverProps), {
-            trigger: this.$slots.default,
-            _: 1
+            trigger: () => { var _a, _b; return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a); }
         }));
     }
 });

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

@@ -11,7 +11,6 @@ export declare const panelProps: {
         readonly default: null;
     };
     readonly cancelable: BooleanConstructor;
-    readonly width: PropType<string | number>;
     readonly options: {
         readonly type: PropType<SelectMixedOption[]>;
         readonly default: () => never[];
@@ -28,7 +27,7 @@ export declare const panelProps: {
     readonly renderLabel: PropType<RenderLabel>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
 };
-export declare const panelPropKeys: ("value" | "size" | "width" | "multiple" | "onChange" | "onMouseenter" | "onMouseleave" | "scrollable" | "renderLabel" | "options" | "onUpdate:value" | "onUpdateValue" | "cancelable")[];
+export declare const panelPropKeys: ("value" | "size" | "multiple" | "onChange" | "onMouseenter" | "onMouseleave" | "options" | "scrollable" | "renderLabel" | "onUpdate:value" | "onUpdateValue" | "cancelable")[];
 declare const _default: import("vue").DefineComponent<{
     readonly multiple: BooleanConstructor;
     readonly value: {
@@ -36,7 +35,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     readonly cancelable: BooleanConstructor;
-    readonly width: PropType<string | number>;
     readonly options: {
         readonly type: PropType<SelectMixedOption[]>;
         readonly default: () => never[];
@@ -266,7 +264,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     readonly cancelable: BooleanConstructor;
-    readonly width: PropType<string | number>;
     readonly options: {
         readonly type: PropType<SelectMixedOption[]>;
         readonly default: () => never[];
@@ -286,8 +283,8 @@ declare const _default: import("vue").DefineComponent<{
     value: Value | null;
     size: PopselectSize;
     multiple: boolean;
-    scrollable: boolean;
     options: SelectMixedOption[];
+    scrollable: boolean;
     cancelable: boolean;
 }>;
 export default _default;

package/lib/popselect/src/PopselectPanel.js

@@ -17,7 +17,6 @@ exports.panelProps = {
         default: null
     },
     cancelable: Boolean,
-    width: [Number, String],
     options: {
         type: Array,
         default: () => []
@@ -131,6 +130,9 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        return ((0, vue_1.h)(_internal_1.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));
+        return ((0, vue_1.h)(_internal_1.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, virtualScroll: false, scrollable: this.scrollable, renderLabel: this.renderLabel, onToggle: this.handleToggle, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseenter, onMousedown: this.handleMenuMousedown }, {
+            action: () => { var _a, _b; return ((_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; },
+            empty: () => { var _a, _b; return ((_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; }
+        }));
     }
 });

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

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     showIndicator: {
         type: BooleanConstructor;
-        reqiuired: boolean;
+        required: true;
     };
     indicatorTextColor: StringConstructor;
     unit: StringConstructor;
@@ -34,6 +34,14 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
+    gapDegree: {
+        type: PropType<number>;
+        required: true;
+    };
+    gapOffsetDegree: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
@@ -60,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     showIndicator: {
         type: BooleanConstructor;
-        reqiuired: boolean;
+        required: true;
     };
     indicatorTextColor: StringConstructor;
     unit: StringConstructor;
@@ -68,9 +76,17 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
+    gapDegree: {
+        type: PropType<number>;
+        required: true;
+    };
+    gapOffsetDegree: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>>, {
     percentage: number;
-    showIndicator: boolean;
     offsetDegree: number;
+    gapOffsetDegree: number;
 }>;
 export default _default;

package/lib/progress/src/Circle.js

@@ -37,46 +37,65 @@ exports.default = (0, vue_1.defineComponent)({
         },
         showIndicator: {
             type: Boolean,
-            reqiuired: true
+            required: true
         },
         indicatorTextColor: String,
         unit: String,
         viewBoxWidth: {
             type: Number,
             required: true
+        },
+        gapDegree: {
+            type: Number,
+            required: true
+        },
+        gapOffsetDegree: {
+            type: Number,
+            default: 0
         }
     },
     setup(props, { slots }) {
-        const strokeDasharrayRef = (0, vue_1.computed)(() => {
-            return `${Math.PI * props.percentage}, ${props.viewBoxWidth * 8}`;
-        });
-        const strokeDashoffsetRef = (0, vue_1.computed)(() => {
-            return `-${(Math.PI / 3.6) * props.offsetDegree}`;
-        });
+        function getPathStyles(percent, offsetDegree, strokeColor) {
+            const { gapDegree, viewBoxWidth } = props;
+            const radius = 50;
+            const beginPositionX = 0;
+            const beginPositionY = radius;
+            const endPositionX = 0;
+            const endPositionY = 2 * radius;
+            const pathString = `M 55,55 m ${beginPositionX},${beginPositionY}
+      a ${radius},${radius} 0 1 1 ${endPositionX},${-endPositionY}
+      a ${radius},${radius} 0 1 1 ${-endPositionX},${endPositionY}`;
+            const len = Math.PI * 2 * radius;
+            const pathStyle = {
+                stroke: strokeColor,
+                strokeDasharray: `${(percent / 100) * (len - gapDegree)}px ${viewBoxWidth * 8}px`,
+                strokeDashoffset: `-${gapDegree / 2 + (Math.PI / 3.6) * offsetDegree}px`
+            };
+            return {
+                pathString,
+                pathStyle
+            };
+        }
         return () => {
-            const { fillColor, railColor, railStyle, strokeWidth, status, percentage, showIndicator, indicatorTextColor, unit, clsPrefix } = props;
+            const { fillColor, railColor, strokeWidth, offsetDegree, status, percentage, showIndicator, indicatorTextColor, unit, gapOffsetDegree, clsPrefix } = props;
+            const { pathString: railPathString, pathStyle: railPathStyle } = getPathStyles(100, 0, railColor);
+            const { pathString: fillPathString, pathStyle: fillPathStyle } = getPathStyles(percentage, offsetDegree, fillColor);
             return ((0, vue_1.h)("div", { class: `${clsPrefix}-progress-content`, role: "none" },
                 (0, vue_1.h)("div", { class: `${clsPrefix}-progress-graph`, "aria-hidden": true },
-                    (0, vue_1.h)("div", { class: `${clsPrefix}-progress-graph-circle` },
+                    (0, vue_1.h)("div", { class: `${clsPrefix}-progress-graph-circle`, style: {
+                            transform: gapOffsetDegree
+                                ? `rotate(${gapOffsetDegree}deg)`
+                                : undefined
+                        } },
                         (0, vue_1.h)("svg", { viewBox: "0 0 110 110" },
                             (0, vue_1.h)("g", null,
-                                (0, vue_1.h)("path", { class: `${clsPrefix}-progress-graph-circle-rail`, d: "m 55 5 a 50 50 0 1 1 0 100 a 50 50 0 1 1 0 -100", "stroke-width": strokeWidth * 1.1, "stroke-linecap": "round", fill: "none", style: [
-                                        {
-                                            strokeDashoffset: 0,
-                                            stroke: railColor
-                                        },
-                                        railStyle
-                                    ] })),
+                                (0, vue_1.h)("path", { class: `${clsPrefix}-progress-graph-circle-rail`, d: railPathString, "stroke-width": strokeWidth, "stroke-linecap": "round", fill: "none", style: railPathStyle })),
                             (0, vue_1.h)("g", null,
                                 (0, vue_1.h)("path", { class: [
                                         `${clsPrefix}-progress-graph-circle-fill`,
                                         percentage === 0 &&
                                             `${clsPrefix}-progress-graph-circle-fill--empty`
-                                    ], d: "m 55 5 a 50 50 0 1 1 0 100 a 50 50 0 1 1 0 -100", "stroke-width": strokeWidth * 1.1, "stroke-linecap": "round", fill: "none", style: {
-                                        strokeDasharray: strokeDasharrayRef.value,
-                                        strokeDashoffset: strokeDashoffsetRef.value,
-                                        stroke: fillColor
-                                    } }))))),
+                                    ], d: fillPathString, "stroke-width": strokeWidth, "stroke-linecap": "round", fill: "none", style: fillPathStyle }))))),
                 showIndicator ? ((0, vue_1.h)("div", null, slots.default ? ((0, vue_1.h)("div", { class: `${clsPrefix}-progress-custom-content`, role: "none" }, slots.default())) : status !== 'default' ? ((0, vue_1.h)("div", { class: `${clsPrefix}-progress-icon`, "aria-hidden": true },
                     (0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix }, {
                         default: () => iconMap[status]

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

@@ -4,9 +4,11 @@ import { Status } from './interface';
 declare const progressProps: {
     readonly processing: BooleanConstructor;
     readonly type: {
-        readonly type: PropType<"circle" | "line" | "multiple-circle">;
+        readonly type: PropType<"circle" | "line" | "multiple-circle" | "dashboard">;
         readonly default: "line";
     };
+    readonly gapDegree: NumberConstructor;
+    readonly gapOffsetDegree: NumberConstructor;
     readonly status: {
         readonly type: PropType<Status>;
         readonly default: "default";
@@ -122,9 +124,11 @@ export declare type ProgressProps = ExtractPublicPropTypes<typeof progressProps>
 declare const _default: import("vue").DefineComponent<{
     readonly processing: BooleanConstructor;
     readonly type: {
-        readonly type: PropType<"circle" | "line" | "multiple-circle">;
+        readonly type: PropType<"circle" | "line" | "multiple-circle" | "dashboard">;
         readonly default: "line";
     };
+    readonly gapDegree: NumberConstructor;
+    readonly gapOffsetDegree: NumberConstructor;
     readonly status: {
         readonly type: PropType<Status>;
         readonly default: "default";
@@ -236,8 +240,11 @@ declare const _default: import("vue").DefineComponent<{
         lineBgProcessing: string;
     }, any>>>;
 }, {
+    themeClass?: import("vue").Ref<string> | undefined;
+    onRender?: (() => void) | undefined;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedIndicatorPlacement: import("vue").ComputedRef<"inside" | "outside">;
+    gapDeg: import("vue").ComputedRef<number | undefined>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-fill-color': string;
@@ -253,13 +260,15 @@ declare const _default: import("vue").DefineComponent<{
         '--n-text-color-circle': string;
         '--n-text-color-line-inner': string;
         '--n-text-color-line-outer': string;
-    }>;
+    }> | 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 processing: BooleanConstructor;
     readonly type: {
-        readonly type: PropType<"circle" | "line" | "multiple-circle">;
+        readonly type: PropType<"circle" | "line" | "multiple-circle" | "dashboard">;
         readonly default: "line";
     };
+    readonly gapDegree: NumberConstructor;
+    readonly gapOffsetDegree: NumberConstructor;
     readonly status: {
         readonly type: PropType<Status>;
         readonly default: "default";
@@ -371,11 +380,11 @@ declare const _default: import("vue").DefineComponent<{
         lineBgProcessing: string;
     }, any>>>;
 }>>, {
-    type: "circle" | "line" | "multiple-circle";
+    type: "circle" | "line" | "multiple-circle" | "dashboard";
     strokeWidth: number;
+    status: Status;
     processing: boolean;
     unit: string;
-    status: Status;
     indicatorPlacement: "inside" | "outside";
     showIndicator: boolean;
     viewBoxWidth: number;

package/lib/progress/src/Progress.js

@@ -14,7 +14,7 @@ const MultipleCircle_1 = __importDefault(require("./MultipleCircle"));
 const progressProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { processing: Boolean, type: {
         type: String,
         default: 'line'
-    }, status: {
+    }, gapDegree: Number, gapOffsetDegree: Number, status: {
         type: String,
         default: 'default'
     }, railColor: [String, Array], railStyle: [String, Array], color: [String, Array], viewBoxWidth: {
@@ -46,40 +46,54 @@ exports.default = (0, vue_1.defineComponent)({
         const mergedIndicatorPlacementRef = (0, vue_1.computed)(() => {
             return props.indicatorPlacement || props.indicatorPosition;
         });
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Progress', 'Progress', index_cssr_1.default, styles_1.progressLight, props, mergedClsPrefixRef);
-        return {
-            mergedClsPrefix: mergedClsPrefixRef,
-            mergedIndicatorPlacement: mergedIndicatorPlacementRef,
-            cssVars: (0, vue_1.computed)(() => {
-                const { status } = props;
-                const { common: { cubicBezierEaseInOut }, self: { fontSize, fontSizeCircle, railColor, railHeight, iconSizeCircle, iconSizeLine, textColorCircle, textColorLineInner, textColorLineOuter, lineBgProcessing, fontWeightCircle, [(0, _utils_1.createKey)('iconColor', status)]: iconColor, [(0, _utils_1.createKey)('fillColor', status)]: fillColor } } = themeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-fill-color': fillColor,
-                    '--n-font-size': fontSize,
-                    '--n-font-size-circle': fontSizeCircle,
-                    '--n-font-weight-circle': fontWeightCircle,
-                    '--n-icon-color': iconColor,
-                    '--n-icon-size-circle': iconSizeCircle,
-                    '--n-icon-size-line': iconSizeLine,
-                    '--n-line-bg-processing': lineBgProcessing,
-                    '--n-rail-color': railColor,
-                    '--n-rail-height': railHeight,
-                    '--n-text-color-circle': textColorCircle,
-                    '--n-text-color-line-inner': textColorLineInner,
-                    '--n-text-color-line-outer': textColorLineOuter
-                };
-            })
-        };
+        const gapDeg = (0, vue_1.computed)(() => {
+            if (props.gapDegree || props.gapDegree === 0) {
+                return props.gapDegree;
+            }
+            if (props.type === 'dashboard') {
+                return 75;
+            }
+            return undefined;
+        });
+        const { mergedClsPrefixRef, NConfigProvider } = (0, _mixins_1.useConfig)(props);
+        const disableInlineTheme = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.disableInlineTheme;
+        const themeRef = (0, _mixins_1.useTheme)('Progress', '-progress', index_cssr_1.default, styles_1.progressLight, props, mergedClsPrefixRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { status } = props;
+            const { common: { cubicBezierEaseInOut }, self: { fontSize, fontSizeCircle, railColor, railHeight, iconSizeCircle, iconSizeLine, textColorCircle, textColorLineInner, textColorLineOuter, lineBgProcessing, fontWeightCircle, [(0, _utils_1.createKey)('iconColor', status)]: iconColor, [(0, _utils_1.createKey)('fillColor', status)]: fillColor } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-fill-color': fillColor,
+                '--n-font-size': fontSize,
+                '--n-font-size-circle': fontSizeCircle,
+                '--n-font-weight-circle': fontWeightCircle,
+                '--n-icon-color': iconColor,
+                '--n-icon-size-circle': iconSizeCircle,
+                '--n-icon-size-line': iconSizeLine,
+                '--n-line-bg-processing': lineBgProcessing,
+                '--n-rail-color': railColor,
+                '--n-rail-height': railHeight,
+                '--n-text-color-circle': textColorCircle,
+                '--n-text-color-line-inner': textColorLineInner,
+                '--n-text-color-line-outer': textColorLineOuter
+            };
+        });
+        const themeClassHandle = disableInlineTheme
+            ? (0, _mixins_1.useThemeClass)('progress', (0, vue_1.computed)(() => props.status[0]), cssVarsRef, props)
+            : _mixins_1.emptyThemeClassHandle;
+        return Object.assign({ mergedClsPrefix: mergedClsPrefixRef, mergedIndicatorPlacement: mergedIndicatorPlacementRef, gapDeg, cssVars: disableInlineTheme ? undefined : cssVarsRef }, themeClassHandle);
     },
     render() {
         // it's ok to expand all prop here since no slots' deps
-        const { type, cssVars, indicatorTextColor, showIndicator, status, railColor, railStyle, color, percentage, viewBoxWidth, strokeWidth, mergedIndicatorPlacement, unit, borderRadius, fillBorderRadius, height, processing, circleGap, mergedClsPrefix, $slots } = this;
+        const { type, cssVars, indicatorTextColor, showIndicator, status, railColor, railStyle, color, percentage, viewBoxWidth, strokeWidth, mergedIndicatorPlacement, unit, borderRadius, fillBorderRadius, height, processing, circleGap, mergedClsPrefix, gapDeg, gapOffsetDegree, themeClass, $slots, onRender } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { class: [
+                themeClass,
                 `${mergedClsPrefix}-progress`,
                 `${mergedClsPrefix}-progress--${type}`,
                 `${mergedClsPrefix}-progress--${status}`
-            ], style: cssVars, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": percentage, role: type === 'circle' || type === 'line' ? 'progressbar' : 'none' }, type === 'circle' ? ((0, vue_1.h)(Circle_1.default, { clsPrefix: mergedClsPrefix, status: status, showIndicator: showIndicator, indicatorTextColor: indicatorTextColor, railColor: railColor, fillColor: color, railStyle: railStyle, offsetDegree: this.offsetDegree, percentage: percentage, viewBoxWidth: viewBoxWidth, strokeWidth: strokeWidth, unit: unit }, $slots)) : type === 'line' ? ((0, vue_1.h)(Line_1.default, { clsPrefix: mergedClsPrefix, status: status, showIndicator: showIndicator, indicatorTextColor: indicatorTextColor, railColor: railColor, fillColor: color, railStyle: railStyle, percentage: percentage, processing: processing, indicatorPlacement: mergedIndicatorPlacement, unit: unit, fillBorderRadius: fillBorderRadius, railBorderRadius: borderRadius, height: height }, $slots)) : type === 'multiple-circle' ? ((0, vue_1.h)(MultipleCircle_1.default, { clsPrefix: mergedClsPrefix, strokeWidth: strokeWidth, railColor: railColor, fillColor: color, railStyle: railStyle, viewBoxWidth: viewBoxWidth, percentage: percentage, showIndicator: showIndicator, circleGap: circleGap }, $slots)) : null));
+            ], style: cssVars, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": percentage, role: type === 'circle' || type === 'line' || type === 'dashboard'
+                ? 'progressbar'
+                : 'none' }, type === 'circle' || type === 'dashboard' ? ((0, vue_1.h)(Circle_1.default, { clsPrefix: mergedClsPrefix, status: status, showIndicator: showIndicator, indicatorTextColor: indicatorTextColor, railColor: railColor, fillColor: color, railStyle: railStyle, offsetDegree: this.offsetDegree, percentage: percentage, viewBoxWidth: viewBoxWidth, strokeWidth: strokeWidth, gapDegree: gapDeg === undefined ? (type === 'dashboard' ? 75 : 0) : gapDeg, gapOffsetDegree: gapOffsetDegree, unit: unit }, $slots)) : type === 'line' ? ((0, vue_1.h)(Line_1.default, { clsPrefix: mergedClsPrefix, status: status, showIndicator: showIndicator, indicatorTextColor: indicatorTextColor, railColor: railColor, fillColor: color, railStyle: railStyle, percentage: percentage, processing: processing, indicatorPlacement: mergedIndicatorPlacement, unit: unit, fillBorderRadius: fillBorderRadius, railBorderRadius: borderRadius, height: height }, $slots)) : type === 'multiple-circle' ? ((0, vue_1.h)(MultipleCircle_1.default, { clsPrefix: mergedClsPrefix, strokeWidth: strokeWidth, railColor: railColor, fillColor: color, railStyle: railStyle, viewBoxWidth: viewBoxWidth, percentage: percentage, showIndicator: showIndicator, circleGap: circleGap }, $slots)) : null));
     }
 });

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

@@ -49,7 +49,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('progress', {
  font-size: var(--n-font-size);
  padding-left: 4px;
  transition: color .3s var(--n-bezier);
- `)])]), (0, cssr_1.cM)('circle', {
+ `)])]), (0, cssr_1.cM)('circle, dashboard', {
   width: '120px'
 }, [(0, cssr_1.cB)('progress-custom-content', `
  position: absolute;

package/lib/radio/src/Radio.js

@@ -14,7 +14,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), use_radio_1.default.props),
     setup(props) {
         const radio = (0, use_radio_1.default)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Radio', 'Radio', radio_cssr_1.default, styles_1.radioLight, props, radio.mergedClsPrefix);
+        const themeRef = (0, _mixins_1.useTheme)('Radio', '-radio', radio_cssr_1.default, styles_1.radioLight, props, radio.mergedClsPrefix);
         return Object.assign(radio, {
             cssVars: (0, vue_1.computed)(() => {
                 const { mergedSize: { value: size } } = radio;

package/lib/radio/src/RadioGroup.js

@@ -81,7 +81,7 @@ exports.default = (0, vue_1.defineComponent)({
         const selfElRef = (0, vue_1.ref)(null);
         const { mergedSizeRef, mergedDisabledRef, nTriggerFormChange, nTriggerFormInput, nTriggerFormBlur, nTriggerFormFocus } = (0, _mixins_1.useFormItem)(props);
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Radio', 'RadioGroup', radio_group_cssr_1.default, styles_1.radioLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Radio', '-radio-group', radio_group_cssr_1.default, styles_1.radioLight, props, mergedClsPrefixRef);
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
         const mergedValueRef = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);

package/lib/rate/src/Rate.js

@@ -26,7 +26,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: rateProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Rate', 'Rate', index_cssr_1.default, styles_1.rateLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Rate', '-rate', index_cssr_1.default, styles_1.rateLight, props, mergedClsPrefixRef);
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
         const hoverIndexRef = (0, vue_1.ref)(null);

package/lib/result/src/Result.js

@@ -36,7 +36,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: resultProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Result', 'Result', index_cssr_1.default, styles_1.resultLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Result', '-result', index_cssr_1.default, styles_1.resultLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: (0, vue_1.computed)(() => {

package/lib/select/index.d.ts

@@ -1,3 +1,5 @@
 export { default as NSelect } from './src/Select';
 export type { SelectProps } from './src/Select';
 export type { SelectGroupOption, SelectOption, SelectInst } from './src/interface';
+export type { RenderLabelImpl as SelectRenderLabel, RenderOptionImpl as SelectRenderOption } from '../_internal/select-menu/src/interface';
+export type { RenderTag as SelectRenderTag } from '../_internal/selection/src/interface';