naive-ui 2.23.2 → 2.24.3

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;
@@ -796,88 +788,92 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
         };
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    multiple?: unknown;
-    value?: unknown;
-    cancelable?: unknown;
-    width?: unknown;
-    options?: unknown;
-    size?: unknown;
-    scrollable?: unknown;
-    'onUpdate:value'?: unknown;
-    onUpdateValue?: unknown;
-    onMouseenter?: unknown;
-    onMouseleave?: unknown;
-    renderLabel?: unknown;
-    onChange?: unknown;
-    placement?: unknown;
-    trigger?: unknown;
-    showArrow?: unknown;
-    show?: unknown;
-    defaultShow?: unknown;
-    delay?: unknown;
-    duration?: unknown;
-    raw?: unknown;
-    x?: unknown;
-    y?: unknown;
-    disabled?: unknown;
-    getDisabled?: unknown;
-    displayDirective?: unknown;
-    arrowStyle?: unknown;
-    flip?: unknown;
-    animated?: unknown;
-    overlap?: unknown;
-    internalExtraClass?: unknown;
-    onClickoutside?: 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;
-} & {
-    value: import("../../select/src/interface").Value | null;
-    size: import("./interface").PopselectSize;
-    flip: boolean;
-    multiple: boolean;
-    disabled: boolean;
-    duration: number;
-    raw: boolean;
-    placement: import("vueuc").FollowerPlacement;
-    overlap: boolean;
-    scrollable: boolean;
-    trigger: PopoverTrigger;
-    showArrow: boolean;
-    delay: number;
-    displayDirective: "show" | "if";
-    animated: boolean;
-    defaultShow: boolean;
-    internalExtraClass: string[];
-    internalSyncTargetWithParent: boolean;
-    internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
-    options: import("../../select/src/interface").SelectMixedOption[];
-    cancelable: boolean;
-} & {
-    show?: boolean | undefined;
-    x?: number | undefined;
-    y?: number | undefined;
-    maxWidth?: number | undefined;
-    minWidth?: number | undefined;
-    width?: string | number | undefined;
-    zIndex?: number | undefined;
-    onChange?: import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined;
-    onMouseenter?: ((e: MouseEvent) => void) | undefined;
-    onMouseleave?: ((e: MouseEvent) => void) | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"Popselect", unknown, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    multiple: BooleanConstructor;
+    value: {
+        readonly type: PropType<import("../../select/src/interface").Value | null>;
+        readonly default: null;
+    };
+    cancelable: BooleanConstructor;
+    width: PropType<string | number>;
+    options: {
+        readonly type: PropType<import("../../select/src/interface").SelectMixedOption[]>;
+        readonly default: () => never[];
+    };
+    size: {
+        readonly type: PropType<import("./interface").PopselectSize>;
+        readonly default: "medium";
+    };
+    scrollable: BooleanConstructor;
+    'onUpdate:value': PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue>>;
+    onUpdateValue: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue>>;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
+    renderLabel: PropType<import("../../_internal/select-menu/src/interface").RenderLabel>;
+    onChange: PropType<import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined>;
+    placement: {
+        default: string;
+        type: PropType<import("vueuc").FollowerPlacement>;
+    };
+    trigger: {
+        type: PropType<PopoverTrigger>;
+        default: string;
+    };
+    show: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    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;
+    overlap: BooleanConstructor;
+    arrowStyle: PropType<string | import("vue").CSSProperties>;
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    displayDirective: {
+        type: PropType<"show" | "if">;
+        default: string;
+    };
+    internalTrapFocus: BooleanConstructor;
+    animated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: PropType<(e: MouseEvent) => void>;
+    defaultShow: BooleanConstructor;
+    getDisabled: PropType<() => boolean>;
+    internalExtraClass: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
+    onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
+    internalSyncTargetWithParent: BooleanConstructor;
+    internalInheritedEventHandlers: {
+        type: PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
+        default: () => never[];
+    };
+    onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    theme: PropType<import("../../_mixins").Theme<"Popselect", unknown, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;
@@ -944,8 +940,8 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeHuge: string;
             }, any>;
         }>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", unknown, {
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", unknown, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;
@@ -1012,8 +1008,8 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeHuge: string;
             }, any>;
         }>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", unknown, {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", unknown, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;
@@ -1080,19 +1076,8 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeHuge: string;
             }, any>;
         }>;
-    }>> | undefined;
-    renderLabel?: import("../../_internal/select-menu/src/interface").RenderLabel | undefined;
-    arrowStyle?: string | import("vue").CSSProperties | undefined;
-    onClickoutside?: ((e: MouseEvent) => void) | undefined;
-    getDisabled?: (() => boolean) | undefined;
-    "onUpdate:show"?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    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;
-}>, {
+    }>>>;
+}>>, {
     value: import("../../select/src/interface").Value | null;
     size: import("./interface").PopselectSize;
     show: boolean | undefined;
@@ -1106,15 +1091,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/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/lib/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/lib/popselect/src/interface.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.popselectInjectionKey = void 0;
-exports.popselectInjectionKey = Symbol('popselect');
+const _utils_1 = require("../../_utils");
+exports.popselectInjectionKey = (0, _utils_1.createInjectionKey)('n-popselect');

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;
@@ -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/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 },