naive-ui 2.23.2 → 2.24.0

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

@@ -32,51 +32,53 @@ declare const popselectProps: {
         type: PropType<PopoverTrigger>;
         default: string;
     };
-    showArrow: BooleanConstructor;
     show: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    defaultShow: BooleanConstructor;
-    delay: {
-        type: NumberConstructor;
-        default: number;
+    flip: {
+        type: BooleanConstructor;
+        default: boolean;
     };
+    x: NumberConstructor;
+    y: NumberConstructor;
+    maxWidth: NumberConstructor;
+    minWidth: NumberConstructor;
+    zIndex: NumberConstructor;
+    disabled: BooleanConstructor;
     duration: {
         type: NumberConstructor;
         default: number;
     };
+    to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
     raw: BooleanConstructor;
-    x: NumberConstructor;
-    y: NumberConstructor;
-    disabled: BooleanConstructor;
-    getDisabled: PropType<() => boolean>;
+    overlap: BooleanConstructor;
+    arrowStyle: PropType<string | import("vue").CSSProperties>;
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
     displayDirective: {
         type: PropType<"show" | "if">;
         default: string;
     };
-    arrowStyle: PropType<string | import("vue").CSSProperties>;
-    flip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    internalTrapFocus: BooleanConstructor;
     animated: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overlap: BooleanConstructor;
+    onClickoutside: PropType<(e: MouseEvent) => void>;
+    defaultShow: BooleanConstructor;
+    getDisabled: PropType<() => boolean>;
     internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
-    zIndex: NumberConstructor;
-    to: {
-        type: PropType<string | boolean | HTMLElement>;
-        default: undefined;
-    };
     internalSyncTargetWithParent: BooleanConstructor;
     internalInheritedEventHandlers: {
         type: PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
@@ -84,12 +86,6 @@ declare const popselectProps: {
     };
     onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-    arrow: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
-    minWidth: NumberConstructor;
-    maxWidth: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Popselect", unknown, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
@@ -327,51 +323,53 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PopoverTrigger>;
         default: string;
     };
-    showArrow: BooleanConstructor;
     show: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    defaultShow: BooleanConstructor;
-    delay: {
-        type: NumberConstructor;
-        default: number;
+    flip: {
+        type: BooleanConstructor;
+        default: boolean;
     };
+    x: NumberConstructor;
+    y: NumberConstructor;
+    maxWidth: NumberConstructor;
+    minWidth: NumberConstructor;
+    zIndex: NumberConstructor;
+    disabled: BooleanConstructor;
     duration: {
         type: NumberConstructor;
         default: number;
     };
+    to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
     raw: BooleanConstructor;
-    x: NumberConstructor;
-    y: NumberConstructor;
-    disabled: BooleanConstructor;
-    getDisabled: PropType<() => boolean>;
+    overlap: BooleanConstructor;
+    arrowStyle: PropType<string | import("vue").CSSProperties>;
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
     displayDirective: {
         type: PropType<"show" | "if">;
         default: string;
     };
-    arrowStyle: PropType<string | import("vue").CSSProperties>;
-    flip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    internalTrapFocus: BooleanConstructor;
     animated: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overlap: BooleanConstructor;
+    onClickoutside: PropType<(e: MouseEvent) => void>;
+    defaultShow: BooleanConstructor;
+    getDisabled: PropType<() => boolean>;
     internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
-    zIndex: NumberConstructor;
-    to: {
-        type: PropType<string | boolean | HTMLElement>;
-        default: undefined;
-    };
     internalSyncTargetWithParent: BooleanConstructor;
     internalInheritedEventHandlers: {
         type: PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
@@ -379,12 +377,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-    arrow: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
-    minWidth: NumberConstructor;
-    maxWidth: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Popselect", unknown, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
@@ -812,34 +804,33 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: unknown;
     placement?: unknown;
     trigger?: unknown;
-    showArrow?: unknown;
     show?: unknown;
-    defaultShow?: unknown;
-    delay?: unknown;
-    duration?: unknown;
-    raw?: unknown;
+    flip?: unknown;
     x?: unknown;
     y?: unknown;
+    maxWidth?: unknown;
+    minWidth?: unknown;
+    zIndex?: unknown;
     disabled?: unknown;
-    getDisabled?: unknown;
-    displayDirective?: unknown;
+    duration?: unknown;
+    to?: unknown;
+    raw?: unknown;
+    overlap?: unknown;
     arrowStyle?: unknown;
-    flip?: unknown;
+    delay?: unknown;
+    displayDirective?: unknown;
+    internalTrapFocus?: unknown;
     animated?: unknown;
-    overlap?: unknown;
-    internalExtraClass?: unknown;
     onClickoutside?: unknown;
+    defaultShow?: unknown;
+    getDisabled?: unknown;
+    internalExtraClass?: unknown;
     'onUpdate:show'?: unknown;
     onUpdateShow?: unknown;
-    zIndex?: unknown;
-    to?: unknown;
     internalSyncTargetWithParent?: unknown;
     internalInheritedEventHandlers?: unknown;
     onShow?: unknown;
     onHide?: unknown;
-    arrow?: unknown;
-    minWidth?: unknown;
-    maxWidth?: unknown;
     theme?: unknown;
     themeOverrides?: unknown;
     builtinThemeOverrides?: unknown;
@@ -855,9 +846,9 @@ declare const _default: import("vue").DefineComponent<{
     overlap: boolean;
     scrollable: boolean;
     trigger: PopoverTrigger;
-    showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
+    internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];
@@ -1089,7 +1080,6 @@ declare const _default: import("vue").DefineComponent<{
     onUpdateShow?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
     onShow?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
     onHide?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    arrow?: boolean | undefined;
     "onUpdate:value"?: import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined;
     onUpdateValue?: import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined;
 }>, {
@@ -1106,15 +1096,14 @@ declare const _default: import("vue").DefineComponent<{
     overlap: boolean;
     scrollable: boolean;
     trigger: PopoverTrigger;
-    showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
+    internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];
     internalSyncTargetWithParent: boolean;
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
-    arrow: boolean | undefined;
     options: import("../../select/src/interface").SelectMixedOption[];
     cancelable: boolean;
 }>;

package/lib/popselect/src/Popselect.js

@@ -27,10 +27,10 @@ const _utils_1 = require("../../_utils");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const interface_1 = require("./interface");
-const popselectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), Popover_1.popoverBaseProps), { placement: Object.assign(Object.assign({}, Popover_1.popoverBaseProps.placement), { default: 'bottom' }), trigger: {
+const popselectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), (0, _utils_1.omit)(Popover_1.popoverBaseProps, ['showArrow', 'arrow'])), { placement: Object.assign(Object.assign({}, Popover_1.popoverBaseProps.placement), { default: 'bottom' }), trigger: {
         type: String,
         default: 'hover'
-    }, showArrow: Boolean }), PopselectPanel_1.panelProps);
+    } }), PopselectPanel_1.panelProps);
 exports.default = (0, vue_1.defineComponent)({
     name: 'Popselect',
     props: popselectProps,

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

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    offsetDegree: {
+        type: NumberConstructor;
+        default: number;
+    };
     showIndicator: {
         type: BooleanConstructor;
         reqiuired: boolean;
@@ -38,6 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     railColor?: unknown;
     railStyle?: unknown;
     percentage?: unknown;
+    offsetDegree?: unknown;
     showIndicator?: unknown;
     indicatorTextColor?: unknown;
     unit?: unknown;
@@ -48,6 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     percentage: number;
     status: Status;
     showIndicator: boolean;
+    offsetDegree: number;
     viewBoxWidth: number;
 } & {
     railColor?: string | undefined;
@@ -58,5 +64,6 @@ declare const _default: import("vue").DefineComponent<{
 }>, {
     percentage: number;
     showIndicator: boolean;
+    offsetDegree: number;
 }>;
 export default _default;

package/lib/progress/src/Circle.js

@@ -31,6 +31,10 @@ exports.default = (0, vue_1.defineComponent)({
             type: Number,
             default: 0
         },
+        offsetDegree: {
+            type: Number,
+            default: 0
+        },
         showIndicator: {
             type: Boolean,
             reqiuired: true
@@ -46,6 +50,9 @@ exports.default = (0, vue_1.defineComponent)({
         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}`;
+        });
         return () => {
             const { fillColor, railColor, railStyle, strokeWidth, status, percentage, showIndicator, indicatorTextColor, unit, clsPrefix } = props;
             return ((0, vue_1.h)("div", { class: `${clsPrefix}-progress-content`, role: "none" },
@@ -67,7 +74,7 @@ exports.default = (0, vue_1.defineComponent)({
                                             `${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: 0,
+                                        strokeDashoffset: strokeDashoffsetRef.value,
                                         stroke: fillColor
                                     } }))))),
                 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 },

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

@@ -54,10 +54,10 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     clsPrefix: string;
     processing: boolean;
+    unit: string;
     percentage: number;
     status: Status;
     indicatorPlacement: "inside" | "outside";
-    unit: string;
     showIndicator: boolean;
 } & {
     height?: string | number | undefined;
@@ -68,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
     fillBorderRadius?: string | number | undefined;
     railStyle?: string | CSSProperties | undefined;
 }>, {
-    percentage: number;
     unit: string;
+    percentage: number;
 }>;
 export default _default;

package/lib/progress/src/Line.js

@@ -100,8 +100,11 @@ exports.default = (0, vue_1.defineComponent)({
                                     maxWidth: `${props.percentage}%`,
                                     backgroundColor: fillColor,
                                     height: styleHeightRef.value,
+                                    lineHeight: styleHeightRef.value,
                                     borderRadius: styleFillBorderRadiusRef.value
-                                } }, indicatorPlacement === 'inside' ? ((0, vue_1.h)("div", { class: `${clsPrefix}-progress-graph-line-indicator` }, `${percentage}${unit}`)) : null)))),
+                                } }, indicatorPlacement === 'inside' ? ((0, vue_1.h)("div", { class: `${clsPrefix}-progress-graph-line-indicator` },
+                                percentage,
+                                unit)) : null)))),
                 showIndicator && indicatorPlacement === 'outside' ? ((0, vue_1.h)("div", null, slots.default ? ((0, vue_1.h)("div", { class: `${clsPrefix}-progress-custom-content`, style: {
                         color: indicatorTextColor
                     }, role: "none" }, slots.default())) : status === 'default' ? ((0, vue_1.h)("div", { role: "none", class: `${clsPrefix}-progress-icon ${clsPrefix}-progress-icon--as-text`, style: {

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

@@ -47,6 +47,7 @@ declare const progressProps: {
     readonly height: NumberConstructor;
     readonly borderRadius: PropType<string | number>;
     readonly fillBorderRadius: PropType<string | number>;
+    readonly offsetDegree: NumberConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Progress", {
         fontSize: string;
         fontSizeCircle: string;
@@ -164,6 +165,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly height: NumberConstructor;
     readonly borderRadius: PropType<string | number>;
     readonly fillBorderRadius: PropType<string | number>;
+    readonly offsetDegree: NumberConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Progress", {
         fontSize: string;
         fontSizeCircle: string;
@@ -271,6 +273,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly height?: unknown;
     readonly borderRadius?: unknown;
     readonly fillBorderRadius?: unknown;
+    readonly offsetDegree?: unknown;
     readonly theme?: unknown;
     readonly themeOverrides?: unknown;
     readonly builtinThemeOverrides?: unknown;
@@ -278,9 +281,9 @@ declare const _default: import("vue").DefineComponent<{
     type: "circle" | "line" | "multiple-circle";
     strokeWidth: number;
     processing: boolean;
+    unit: string;
     status: Status;
     indicatorPlacement: "inside" | "outside";
-    unit: string;
     showIndicator: boolean;
     viewBoxWidth: number;
     circleGap: number;
@@ -363,13 +366,14 @@ declare const _default: import("vue").DefineComponent<{
     percentage?: number | number[] | undefined;
     fillBorderRadius?: string | number | undefined;
     railStyle?: string | CSSProperties | (string | CSSProperties)[] | undefined;
+    offsetDegree?: number | undefined;
 }>, {
     type: "circle" | "line" | "multiple-circle";
     strokeWidth: number;
     processing: boolean;
+    unit: string;
     status: Status;
     indicatorPlacement: "inside" | "outside";
-    unit: string;
     showIndicator: boolean;
     viewBoxWidth: number;
     circleGap: number;

package/lib/progress/src/Progress.js

@@ -38,7 +38,7 @@ const progressProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, indicatorTextColor: String, circleGap: {
         type: Number,
         default: 1
-    }, height: Number, borderRadius: [String, Number], fillBorderRadius: [String, Number] });
+    }, height: Number, borderRadius: [String, Number], fillBorderRadius: [String, Number], offsetDegree: Number });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Progress',
     props: progressProps,
@@ -80,6 +80,6 @@ exports.default = (0, vue_1.defineComponent)({
                 `${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, 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' ? '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));
     }
 });

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

@@ -81,10 +81,10 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('progress', {
  align-items: center;
  color: var(--n-icon-color);
  font-size: var(--n-icon-size-circle);
- `)]), (0, cssr_1.cM)('multiple-circle', {
-  width: '200px',
-  color: 'inherit'
-}, [(0, cssr_1.cB)('progress-text', `
+ `)]), (0, cssr_1.cM)('multiple-circle', `
+ width: 200px;
+ color: inherit;
+ `, [(0, cssr_1.cB)('progress-text', `
  font-weight: var(--n-font-weight-circle);
  color: var(--n-text-color-circle);
  position: absolute;
@@ -113,20 +113,20 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('progress', {
  transition: stroke .3s var(--n-bezier);
  overflow: hidden;
  stroke: var(--n-rail-color);
- `)]), (0, cssr_1.cB)('progress-graph-line', [(0, cssr_1.cM)('indicator-inside', [(0, cssr_1.cB)('progress-graph-line-rail', {
-  height: '16px',
-  borderRadius: '10px'
-}, [(0, cssr_1.cB)('progress-graph-line-fill', {
-  height: 'inherit',
-  borderRadius: '10px'
-}), (0, cssr_1.cB)('progress-graph-line-indicator', `
+ `)]), (0, cssr_1.cB)('progress-graph-line', [(0, cssr_1.cM)('indicator-inside', [(0, cssr_1.cB)('progress-graph-line-rail', `
+ height: 16px;
+ line-height: 16px;
+ border-radius: 10px;
+ `, [(0, cssr_1.cB)('progress-graph-line-fill', `
+ height: inherit;
+ border-radius: 10px;
+ `), (0, cssr_1.cB)('progress-graph-line-indicator', `
  background: #0000;
  white-space: nowrap;
  text-align: right;
  margin-left: 14px;
  margin-right: 14px;
  height: inherit;
- line-height: 16px;
  font-size: 12px;
  color: var(--n-text-color-line-inner);
  transition: color .3s var(--n-bezier);
@@ -134,10 +134,10 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('progress', {
  height: 16px;
  display: flex;
  align-items: center;
- `, [(0, cssr_1.cB)('progress-graph-line-rail', {
-  flex: 1,
-  transition: 'background-color .3s var(--n-bezier)'
-}), (0, cssr_1.cB)('progress-graph-line-indicator', `
+ `, [(0, cssr_1.cB)('progress-graph-line-rail', `
+ flex: 1;
+ transition: background-color .3s var(--n-bezier);
+ `), (0, cssr_1.cB)('progress-graph-line-indicator', `
  background: var(--n-fill-color);
  font-size: 12px;
  transform: translateZ(0);

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

@@ -44,6 +44,7 @@ exports.default = (0, cssr_1.cB)('radio', `
  bottom: 0;
  opacity: 0;
  z-index: 1;
+ cursor: pointer;
  `), (0, cssr_1.cE)('dot', `
  background: var(--n-color);
  box-shadow: var(--n-box-shadow);
@@ -96,4 +97,6 @@ exports.default = (0, cssr_1.cB)('radio', `
  opacity: 1;
  `)]), (0, cssr_1.cE)('label', {
   color: 'var(--n-text-color-disabled)'
-})])]);
+}), (0, cssr_1.cB)('radio-input', `
+ cursor: not-allowed;
+ `)])]);

package/lib/result/src/Result.js

@@ -14,13 +14,11 @@ const _500_1 = __importDefault(require("./500"));
 const _418_1 = __importDefault(require("./418"));
 const _403_1 = __importDefault(require("./403"));
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const imgMap = {
+const iconMap = {
     403: _403_1.default,
     404: _404_1.default,
     418: _418_1.default,
-    500: _500_1.default
-};
-const iconMap = {
+    500: _500_1.default,
     info: (0, vue_1.h)(icons_1.InfoIcon, null),
     success: (0, vue_1.h)(icons_1.SuccessIcon, null),
     warning: (0, vue_1.h)(icons_1.WarningIcon, null),
@@ -59,13 +57,14 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
+        var _a;
         const { status, $slots, mergedClsPrefix } = this;
         return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-result`, style: this.cssVars },
-            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-result-icon` }, status in imgMap ? (imgMap[status]) : ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => iconMap[status] }))),
+            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-result-icon` }, ((_a = $slots.icon) === null || _a === void 0 ? void 0 : _a.call($slots)) || ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => iconMap[status] }))),
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-result-header` },
-                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-result-header__title` }, this.title),
-                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-result-header__description` }, this.description)),
-            $slots.default ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-result-content` }, $slots)) : null,
-            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-result-footer` }, (0, vue_1.renderSlot)($slots, 'footer'))));
+                this.title ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-result-header__title` }, this.title)) : null,
+                this.description ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-result-header__description` }, this.description)) : null),
+            $slots.default && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-result-content` }, $slots)),
+            $slots.footer && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-result-footer` }, $slots.footer()))));
     }
 });

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

@@ -21,17 +21,17 @@ exports.default = (0, cssr_1.cB)('result', `
  transition:
  color .3s var(--n-bezier);
 `, [(0, cssr_1.cB)('result-icon', `
- height: 1em;
  display: flex;
  justify-content: center;
  transition: color .3s var(--n-bezier);
+ `, [(0, cssr_1.cE)('status-image', `
+ font-size: var(--n-icon-size);
+ width: 1em;
+ height: 1em;
+ `), (0, cssr_1.cB)('base-icon', `
  color: var(--n-icon-color);
  font-size: var(--n-icon-size);
- `, [(0, cssr_1.cE)('status-image', {
-  width: '1em'
-}), (0, cssr_1.c)('svg', {
-  height: '1em'
-})]), (0, cssr_1.cB)('result-content', {
+ `)]), (0, cssr_1.cB)('result-content', {
   marginTop: '24px'
 }), (0, cssr_1.cB)('result-footer', `
  margin-top: 24px;

package/lib/select/src/Select.d.ts

@@ -3,8 +3,7 @@ import { TreeNode } from 'treemate';
 import { FollowerPlacement } from 'vueuc';
 import { RenderLabel, RenderOption } from '../../_internal/select-menu/src/interface';
 import { RenderTag } from '../../_internal/selection/src/interface';
-import { ExtractPublicPropTypes } from '../../_utils';
-import type { MaybeArray } from '../../_utils';
+import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import { defaultFilter } from './utils';
 import type { SelectMixedOption, SelectBaseOption, SelectGroupOption, SelectIgnoredOption, OnUpdateValue, Value, Size, ValueAtom } from './interface';
 declare const selectProps: {
@@ -94,21 +93,13 @@ declare const selectProps: {
     readonly onSearch: PropType<MaybeArray<(value: string) => void> | undefined>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
-    /** deprecated */
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly items: {
-        readonly type: PropType<SelectMixedOption[] | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
     readonly displayDirective: {
         readonly type: PropType<"show" | "if">;
         readonly default: "show";
     };
+    /** deprecated */
+    readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
+    readonly items: PropType<SelectMixedOption[]>;
     readonly theme: PropType<import("../../_mixins").Theme<"Select", {
         menuBoxShadow: string;
     }, {
@@ -570,21 +561,13 @@ declare const _default: import("vue").DefineComponent<{
     readonly onSearch: PropType<MaybeArray<(value: string) => void> | undefined>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
-    /** deprecated */
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly items: {
-        readonly type: PropType<SelectMixedOption[] | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
     readonly displayDirective: {
         readonly type: PropType<"show" | "if">;
         readonly default: "show";
     };
+    /** deprecated */
+    readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
+    readonly items: PropType<SelectMixedOption[]>;
     readonly theme: PropType<import("../../_mixins").Theme<"Select", {
         menuBoxShadow: string;
     }, {
@@ -1321,9 +1304,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly onSearch?: unknown;
     readonly onUpdateShow?: unknown;
     readonly 'onUpdate:show'?: unknown;
+    readonly displayDirective?: unknown;
     readonly onChange?: unknown;
     readonly items?: unknown;
-    readonly displayDirective?: unknown;
     readonly theme?: unknown;
     readonly themeOverrides?: unknown;
     readonly builtinThemeOverrides?: unknown;
@@ -1748,11 +1731,9 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean | undefined;
     multiple: boolean;
     disabled: boolean | undefined;
-    onChange: MaybeArray<OnUpdateValue> | undefined;
     to: string | boolean | HTMLElement;
     loading: boolean;
     placement: FollowerPlacement;
-    items: SelectMixedOption[] | undefined;
     bordered: boolean | undefined;
     virtualScroll: boolean;
     showArrow: boolean;