naive-ui 2.23.1 → 2.24.2

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

@@ -259,36 +259,30 @@ declare const _default: import("vue").DefineComponent<{
     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;
-    readonly cancelable?: unknown;
-    readonly width?: unknown;
-    readonly options?: unknown;
-    readonly size?: unknown;
-    readonly scrollable?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly onMouseenter?: unknown;
-    readonly onMouseleave?: unknown;
-    readonly renderLabel?: unknown;
-    readonly onChange?: unknown;
-} & {
-    value: Value | null;
-    size: PopselectSize;
-    multiple: boolean;
-    scrollable: boolean;
-    options: SelectMixedOption[];
-    cancelable: boolean;
-} & {
-    width?: string | number | undefined;
-    onChange?: MaybeArray<OnUpdateValue> | undefined;
-    onMouseenter?: ((e: MouseEvent) => void) | undefined;
-    onMouseleave?: ((e: MouseEvent) => void) | undefined;
-    renderLabel?: RenderLabel | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | 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 multiple: BooleanConstructor;
+    readonly value: {
+        readonly type: PropType<Value | null>;
+        readonly default: null;
+    };
+    readonly cancelable: BooleanConstructor;
+    readonly width: PropType<string | number>;
+    readonly options: {
+        readonly type: PropType<SelectMixedOption[]>;
+        readonly default: () => never[];
+    };
+    readonly size: {
+        readonly type: PropType<PopselectSize>;
+        readonly default: "medium";
+    };
+    readonly scrollable: BooleanConstructor;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly onMouseenter: PropType<(e: MouseEvent) => void>;
+    readonly onMouseleave: PropType<(e: MouseEvent) => void>;
+    readonly renderLabel: PropType<RenderLabel>;
+    readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
+}>>, {
     value: Value | null;
     size: PopselectSize;
     multiple: boolean;

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

@@ -1,4 +1,4 @@
-import { Ref, InjectionKey } from 'vue';
+import { Ref } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { PopselectTheme } from '../styles';
 export declare type PopselectSize = 'small' | 'medium' | 'large' | 'huge';
@@ -7,4 +7,4 @@ export interface PopselectInjection {
     setShow: (value: boolean) => void;
     syncPosition: () => void;
 }
-export declare const popselectInjectionKey: InjectionKey<PopselectInjection>;
+export declare const popselectInjectionKey: import("vue").InjectionKey<PopselectInjection>;

package/es/popselect/src/interface.js

@@ -1 +1,2 @@
-export const popselectInjectionKey = Symbol('popselect');
+import { createInjectionKey } from '../../_utils';
+export const popselectInjectionKey = createInjectionKey('n-popselect');

package/es/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;
@@ -30,33 +34,43 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    status?: unknown;
-    strokeWidth?: unknown;
-    fillColor?: unknown;
-    railColor?: unknown;
-    railStyle?: unknown;
-    percentage?: unknown;
-    showIndicator?: unknown;
-    indicatorTextColor?: unknown;
-    unit?: unknown;
-    viewBoxWidth?: unknown;
-} & {
-    strokeWidth: number;
-    clsPrefix: string;
-    percentage: number;
-    status: Status;
-    showIndicator: boolean;
-    viewBoxWidth: number;
-} & {
-    railColor?: string | undefined;
-    fillColor?: string | undefined;
-    indicatorTextColor?: string | undefined;
-    unit?: string | undefined;
-    railStyle?: string | CSSProperties | undefined;
-}>, {
+}, () => 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;
+        required: true;
+    };
+    status: {
+        type: PropType<Status>;
+        required: true;
+    };
+    strokeWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    fillColor: StringConstructor;
+    railColor: StringConstructor;
+    railStyle: PropType<string | CSSProperties>;
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetDegree: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showIndicator: {
+        type: BooleanConstructor;
+        reqiuired: boolean;
+    };
+    indicatorTextColor: StringConstructor;
+    unit: StringConstructor;
+    viewBoxWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {
     percentage: number;
     showIndicator: boolean;
+    offsetDegree: number;
 }>;
 export default _default;

package/es/progress/src/Circle.js

@@ -29,6 +29,10 @@ export default defineComponent({
             type: Number,
             default: 0
         },
+        offsetDegree: {
+            type: Number,
+            default: 0
+        },
         showIndicator: {
             type: Boolean,
             reqiuired: true
@@ -44,6 +48,9 @@ export default defineComponent({
         const strokeDasharrayRef = computed(() => {
             return `${Math.PI * props.percentage}, ${props.viewBoxWidth * 8}`;
         });
+        const strokeDashoffsetRef = computed(() => {
+            return `-${(Math.PI / 3.6) * props.offsetDegree}`;
+        });
         return () => {
             const { fillColor, railColor, railStyle, strokeWidth, status, percentage, showIndicator, indicatorTextColor, unit, clsPrefix } = props;
             return (h("div", { class: `${clsPrefix}-progress-content`, role: "none" },
@@ -65,7 +72,7 @@ export default 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 ? (h("div", null, slots.default ? (h("div", { class: `${clsPrefix}-progress-custom-content`, role: "none" }, slots.default())) : status !== 'default' ? (h("div", { class: `${clsPrefix}-progress-icon`, "aria-hidden": true },

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

@@ -36,39 +36,44 @@ declare const _default: import("vue").DefineComponent<{
     height: (StringConstructor | NumberConstructor)[];
     railBorderRadius: (StringConstructor | NumberConstructor)[];
     fillBorderRadius: (StringConstructor | NumberConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    percentage?: unknown;
-    railColor?: unknown;
-    railStyle?: unknown;
-    fillColor?: unknown;
-    status?: unknown;
-    indicatorPlacement?: unknown;
-    indicatorTextColor?: unknown;
-    unit?: unknown;
-    processing?: unknown;
-    showIndicator?: unknown;
-    height?: unknown;
-    railBorderRadius?: unknown;
-    fillBorderRadius?: unknown;
-} & {
-    clsPrefix: string;
-    processing: boolean;
-    percentage: number;
-    status: Status;
-    indicatorPlacement: "inside" | "outside";
+}, () => 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;
+        required: true;
+    };
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    railColor: StringConstructor;
+    railStyle: PropType<string | CSSProperties>;
+    fillColor: StringConstructor;
+    status: {
+        type: PropType<Status>;
+        required: true;
+    };
+    indicatorPlacement: {
+        type: PropType<"inside" | "outside">;
+        required: true;
+    };
+    indicatorTextColor: StringConstructor;
+    unit: {
+        type: StringConstructor;
+        default: string;
+    };
+    processing: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    showIndicator: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    railBorderRadius: (StringConstructor | NumberConstructor)[];
+    fillBorderRadius: (StringConstructor | NumberConstructor)[];
+}>>, {
     unit: string;
-    showIndicator: boolean;
-} & {
-    height?: string | number | undefined;
-    railColor?: string | undefined;
-    fillColor?: string | undefined;
-    indicatorTextColor?: string | undefined;
-    railBorderRadius?: string | number | undefined;
-    fillBorderRadius?: string | number | undefined;
-    railStyle?: string | CSSProperties | undefined;
-}>, {
     percentage: number;
-    unit: string;
 }>;
 export default _default;

package/es/progress/src/Line.js

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

package/es/progress/src/MultipleCircle.d.ts

@@ -36,27 +36,44 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(string | CSSProperties)[]>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    viewBoxWidth?: unknown;
-    percentage?: unknown;
-    strokeWidth?: unknown;
-    circleGap?: unknown;
-    showIndicator?: unknown;
-    fillColor?: unknown;
-    railColor?: unknown;
-    railStyle?: unknown;
-} & {
-    strokeWidth: number;
-    railColor: string[];
-    clsPrefix: string;
-    fillColor: string[];
-    percentage: number[];
-    showIndicator: boolean;
-    railStyle: (string | CSSProperties)[];
-    viewBoxWidth: number;
-    circleGap: 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;
+        required: true;
+    };
+    viewBoxWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    percentage: {
+        type: PropType<number[]>;
+        default: number[];
+    };
+    strokeWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    circleGap: {
+        type: NumberConstructor;
+        required: true;
+    };
+    showIndicator: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    fillColor: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    railColor: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    railStyle: {
+        type: PropType<(string | CSSProperties)[]>;
+        default: () => never[];
+    };
+}>>, {
     railColor: string[];
     fillColor: string[];
     percentage: number[];

package/es/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;
@@ -237,59 +239,69 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedIndicatorPlacement: import("vue").ComputedRef<"inside" | "outside">;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--fill-color': string;
-        '--font-size': string;
-        '--font-size-circle': string;
-        '--font-weight-circle': string;
-        '--icon-color': string;
-        '--icon-size-circle': string;
-        '--icon-size-line': string;
-        '--line-bg-processing': string;
-        '--rail-color': string;
-        '--rail-height': string;
-        '--text-color-circle': string;
-        '--text-color-line-inner': string;
-        '--text-color-line-outer': string;
+        '--n-bezier': string;
+        '--n-fill-color': string;
+        '--n-font-size': string;
+        '--n-font-size-circle': string;
+        '--n-font-weight-circle': string;
+        '--n-icon-color': string;
+        '--n-icon-size-circle': string;
+        '--n-icon-size-line': string;
+        '--n-line-bg-processing': string;
+        '--n-rail-color': string;
+        '--n-rail-height': string;
+        '--n-text-color-circle': string;
+        '--n-text-color-line-inner': string;
+        '--n-text-color-line-outer': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly processing?: unknown;
-    readonly type?: unknown;
-    readonly status?: unknown;
-    readonly railColor?: unknown;
-    readonly railStyle?: unknown;
-    readonly color?: unknown;
-    readonly viewBoxWidth?: unknown;
-    readonly strokeWidth?: unknown;
-    readonly percentage?: unknown;
-    readonly unit?: unknown;
-    readonly showIndicator?: unknown;
-    readonly indicatorPosition?: unknown;
-    readonly indicatorPlacement?: unknown;
-    readonly indicatorTextColor?: unknown;
-    readonly circleGap?: unknown;
-    readonly height?: unknown;
-    readonly borderRadius?: unknown;
-    readonly fillBorderRadius?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    type: "circle" | "line" | "multiple-circle";
-    strokeWidth: number;
-    processing: boolean;
-    status: Status;
-    indicatorPlacement: "inside" | "outside";
-    unit: string;
-    showIndicator: boolean;
-    viewBoxWidth: number;
-    circleGap: number;
-    indicatorPosition: "inside" | "outside";
-} & {
-    color?: string | string[] | undefined;
-    height?: number | undefined;
-    borderRadius?: string | number | undefined;
-    theme?: import("../../_mixins").Theme<"Progress", {
+}, 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 default: "line";
+    };
+    readonly status: {
+        readonly type: PropType<Status>;
+        readonly default: "default";
+    };
+    readonly railColor: PropType<string | string[]>;
+    readonly railStyle: PropType<string | CSSProperties | (string | CSSProperties)[]>;
+    readonly color: PropType<string | string[]>;
+    readonly viewBoxWidth: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    readonly strokeWidth: {
+        readonly type: NumberConstructor;
+        readonly default: 7;
+    };
+    readonly percentage: PropType<number | number[]>;
+    readonly unit: {
+        readonly type: StringConstructor;
+        readonly default: "%";
+    };
+    readonly showIndicator: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly indicatorPosition: {
+        readonly type: PropType<"inside" | "outside">;
+        readonly default: "outside";
+    };
+    readonly indicatorPlacement: {
+        readonly type: PropType<"inside" | "outside">;
+        readonly default: "outside";
+    };
+    readonly indicatorTextColor: StringConstructor;
+    readonly circleGap: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    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;
         fontWeightCircle: string;
@@ -311,8 +323,8 @@ declare const _default: import("vue").DefineComponent<{
         fillColorWarning: string;
         fillColorError: string;
         lineBgProcessing: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Progress", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Progress", {
         fontSize: string;
         fontSizeCircle: string;
         fontWeightCircle: string;
@@ -334,8 +346,8 @@ declare const _default: import("vue").DefineComponent<{
         fillColorWarning: string;
         fillColorError: string;
         lineBgProcessing: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Progress", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Progress", {
         fontSize: string;
         fontSizeCircle: string;
         fontWeightCircle: string;
@@ -357,19 +369,14 @@ declare const _default: import("vue").DefineComponent<{
         fillColorWarning: string;
         fillColorError: string;
         lineBgProcessing: string;
-    }, any>> | undefined;
-    railColor?: string | string[] | undefined;
-    indicatorTextColor?: string | undefined;
-    percentage?: number | number[] | undefined;
-    fillBorderRadius?: string | number | undefined;
-    railStyle?: string | CSSProperties | (string | CSSProperties)[] | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     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/es/progress/src/Progress.js

@@ -33,7 +33,7 @@ const progressProps = Object.assign(Object.assign({}, useTheme.props), { process
     }, 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 });
 export default defineComponent({
     name: 'Progress',
     props: progressProps,
@@ -50,20 +50,20 @@ export default defineComponent({
                 const { status } = props;
                 const { common: { cubicBezierEaseInOut }, self: { fontSize, fontSizeCircle, railColor, railHeight, iconSizeCircle, iconSizeLine, textColorCircle, textColorLineInner, textColorLineOuter, lineBgProcessing, fontWeightCircle, [createKey('iconColor', status)]: iconColor, [createKey('fillColor', status)]: fillColor } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--fill-color': fillColor,
-                    '--font-size': fontSize,
-                    '--font-size-circle': fontSizeCircle,
-                    '--font-weight-circle': fontWeightCircle,
-                    '--icon-color': iconColor,
-                    '--icon-size-circle': iconSizeCircle,
-                    '--icon-size-line': iconSizeLine,
-                    '--line-bg-processing': lineBgProcessing,
-                    '--rail-color': railColor,
-                    '--rail-height': railHeight,
-                    '--text-color-circle': textColorCircle,
-                    '--text-color-line-inner': textColorLineInner,
-                    '--text-color-line-outer': textColorLineOuter
+                    '--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
                 };
             })
         };
@@ -75,6 +75,6 @@ export default 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' ? (h(Circle, { 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' ? (h(Line, { 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' ? (h(MultipleCircle, { 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' ? (h(Circle, { 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' ? (h(Line, { 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' ? (h(MultipleCircle, { clsPrefix: mergedClsPrefix, strokeWidth: strokeWidth, railColor: railColor, fillColor: color, railStyle: railStyle, viewBoxWidth: viewBoxWidth, percentage: percentage, showIndicator: showIndicator, circleGap: circleGap }, $slots)) : null));
     }
 });