@sdata/web-vue 1.9.0 → 1.10.0

package/es/popover/index.d.ts

@@ -201,9 +201,9 @@ declare const Popover: {
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
-                onShow?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+                onShow?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:popupVisible': (_visible: boolean) => true;
                 popupVisibleChange: (_visible: boolean) => true;
@@ -215,6 +215,7 @@ declare const Popover: {
                 unmountOnClose: boolean;
                 renderToBody: boolean;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -226,7 +227,6 @@ declare const Popover: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -392,14 +392,15 @@ declare const Popover: {
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
-                onShow?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+                onShow?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                 disabled: boolean;
                 unmountOnClose: boolean;
                 renderToBody: boolean;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -411,7 +412,6 @@ declare const Popover: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -574,9 +574,9 @@ declare const Popover: {
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -588,6 +588,7 @@ declare const Popover: {
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -599,7 +600,6 @@ declare const Popover: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -873,9 +873,9 @@ declare const Popover: {
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -887,6 +887,7 @@ declare const Popover: {
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -898,7 +899,6 @@ declare const Popover: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -1064,14 +1064,15 @@ declare const Popover: {
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -1083,7 +1084,6 @@ declare const Popover: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -1246,9 +1246,9 @@ declare const Popover: {
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
         onHide?: (() => any) | undefined;
-        onShow?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+        onShow?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -1260,6 +1260,7 @@ declare const Popover: {
         unmountOnClose: boolean;
         renderToBody: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -1271,7 +1272,6 @@ declare const Popover: {
         blurToClose: boolean;
         clickToClose: boolean;
         clickOutsideToClose: boolean;
-        animationName: string;
         mouseEnterDelay: number;
         mouseLeaveDelay: number;
         focusDelay: number;

package/es/popover/popover.vue.d.ts

@@ -237,9 +237,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -251,6 +251,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -262,7 +263,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -428,14 +428,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -447,7 +448,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -610,9 +610,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
         onHide?: (() => any) | undefined;
-        onShow?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+        onShow?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -624,6 +624,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         unmountOnClose: boolean;
         renderToBody: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -635,7 +636,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         blurToClose: boolean;
         clickToClose: boolean;
         clickOutsideToClose: boolean;
-        animationName: string;
         mouseEnterDelay: number;
         mouseLeaveDelay: number;
         focusDelay: number;

package/es/progress/circle.js

@@ -34,10 +34,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		})
 	}, [_ctx.type === "circle" && _ctx.size === "mini" && _ctx.status === "success" ? (openBlock(), createBlock(_component_icon_check, {
 		key: 0,
-		style: normalizeStyle({
-			fontSize: _ctx.mergedWidth - 2,
-			color: _ctx.color
-		})
+		style: normalizeStyle(_ctx.iconStyle)
 	}, null, 8, ["style"])) : (openBlock(), createElementBlock("svg", {
 		key: 1,
 		viewBox: `0 0 ${_ctx.mergedWidth} ${_ctx.mergedWidth}`,
@@ -49,11 +46,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			y1: "1",
 			x2: "0",
 			y2: "0"
-		}, [(openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(_ctx.color), (key) => {
+		}, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.gradientStops, ([offset, stopColor]) => {
 			return openBlock(), createElementBlock("stop", {
-				key,
-				offset: key,
-				"stop-color": _ctx.color[key]
+				key: offset,
+				offset,
+				"stop-color": stopColor
 			}, null, 8, _hoisted_5);
 		}), 128))], 8, _hoisted_4)])) : createCommentVNode("", true),
 		createElementVNode("circle", {
@@ -63,7 +60,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			cy: _ctx.center,
 			r: _ctx.radius,
 			"stroke-width": _ctx.mergedPathStrokeWidth,
-			style: normalizeStyle({ stroke: _ctx.trackColor })
+			style: normalizeStyle(_ctx.trackStyle)
 		}, null, 14, _hoisted_6),
 		createElementVNode("circle", {
 			class: normalizeClass(`${_ctx.prefixCls}-bar`),
@@ -72,11 +69,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			cy: _ctx.center,
 			r: _ctx.radius,
 			"stroke-width": _ctx.mergedStrokeWidth,
-			style: normalizeStyle({
-				stroke: _ctx.isLinearGradient ? `url(#${_ctx.linearGradientId})` : _ctx.color,
-				strokeDasharray: _ctx.perimeter,
-				strokeDashoffset: (_ctx.percent >= 1 ? 0 : 1 - _ctx.percent) * _ctx.perimeter
-			})
+			style: normalizeStyle(_ctx.circleStyle)
 		}, null, 14, _hoisted_7)
 	], 10, _hoisted_2)), _ctx.showText && _ctx.size !== "mini" ? (openBlock(), createElementBlock("div", {
 		key: 2,

package/es/progress/circle.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, type CSSProperties } from 'vue';
 import { SIZES } from '../_utils/constant';
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -38,10 +38,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: NumberConstructor;
     };
 }>, {
+    circleStyle: import("vue").ComputedRef<CSSProperties>;
+    gradientStops: import("vue").ComputedRef<[string, string][]>;
+    iconStyle: import("vue").ComputedRef<CSSProperties>;
     prefixCls: string;
     isLinearGradient: boolean;
     radius: import("vue").ComputedRef<number>;
+    solidColor: import("vue").ComputedRef<string | undefined>;
     text: import("vue").ComputedRef<string>;
+    trackStyle: import("vue").ComputedRef<CSSProperties>;
     perimeter: import("vue").ComputedRef<number>;
     center: import("vue").ComputedRef<number>;
     mergedWidth: import("vue").ComputedRef<number>;
@@ -118,7 +123,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             cls: import("vue").ComputedRef<(string | {
                 [x: string]: boolean;
             })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -160,7 +166,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             cls: import("vue").ComputedRef<(string | {
                 [x: string]: boolean;
             })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -197,7 +204,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         cls: import("vue").ComputedRef<(string | {
             [x: string]: boolean;
         })[]>;
-        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        innerStyle: import("vue").ComputedRef<CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -236,7 +244,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             cls: import("vue").ComputedRef<(string | {
                 [x: string]: boolean;
             })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -278,7 +287,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             cls: import("vue").ComputedRef<(string | {
                 [x: string]: boolean;
             })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -315,7 +325,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         cls: import("vue").ComputedRef<(string | {
             [x: string]: boolean;
         })[]>;
-        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        innerStyle: import("vue").ComputedRef<CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/progress/circle.vue_vue_type_script_lang.js

@@ -57,6 +57,11 @@ var circle_vue_vue_type_script_lang_default = defineComponent({
 	setup(props) {
 		const prefixCls = getPrefixCls("progress-circle");
 		const isLinearGradient = isObject(props.color);
+		const gradientStops = computed(() => {
+			if (!isObject(props.color)) return [];
+			return Object.entries(props.color).map(([offset, stopColor]) => [offset, String(stopColor)]);
+		});
+		const solidColor = computed(() => typeof props.color === "string" ? props.color : void 0);
 		const mergedWidth = computed(() => {
 			var _props$width;
 			return (_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : DEFAULT_WIDTH[props.size];
@@ -76,11 +81,26 @@ var circle_vue_vue_type_script_lang_default = defineComponent({
 			__ARCO_PROGRESS_SEED += 1;
 			return `${prefixCls}-linear-gradient-${__ARCO_PROGRESS_SEED}`;
 		});
+		const text = computed(() => `${NP.times(props.percent, 100)}%`);
+		const iconStyle = computed(() => ({
+			fontSize: mergedWidth.value - 2,
+			color: solidColor.value
+		}));
+		const trackStyle = computed(() => ({ stroke: props.trackColor }));
 		return {
+			circleStyle: computed(() => ({
+				stroke: isLinearGradient ? `url(#${linearGradientId.value})` : solidColor.value,
+				strokeDasharray: perimeter.value,
+				strokeDashoffset: (props.percent >= 1 ? 0 : 1 - props.percent) * perimeter.value
+			})),
+			gradientStops,
+			iconStyle,
 			prefixCls,
 			isLinearGradient,
 			radius,
-			text: computed(() => `${NP.times(props.percent, 100)}%`),
+			solidColor,
+			text,
+			trackStyle,
 			perimeter,
 			center,
 			mergedWidth,

package/es/progress/index.d.ts

@@ -43,6 +43,7 @@ declare const Progress: {
             type: import("vue").PropType<import("..").Status>;
         };
     }>> & Readonly<{}>, {
+        circleWidth: import("vue").ComputedRef<number | undefined>;
         cls: import("vue").ComputedRef<string[]>;
         computedStatus: import("vue").ComputedRef<"normal" | "success" | "warning" | "danger">;
         mergedSize: import("vue").ComputedRef<"mini" | "small" | "medium" | "large">;
@@ -178,6 +179,7 @@ declare const Progress: {
                         [x: string]: boolean;
                     })[]>;
                     innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                     onClick: (ev: MouseEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (ev: MouseEvent) => true;
@@ -220,6 +222,7 @@ declare const Progress: {
                         [x: string]: boolean;
                     })[]>;
                     innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                     onClick: (ev: MouseEvent) => void;
                 }, {}, {}, {}, {
                     spin: boolean;
@@ -257,6 +260,7 @@ declare const Progress: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -305,10 +309,15 @@ declare const Progress: {
                 type: NumberConstructor;
             };
         }>, {
+            circleStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            gradientStops: import("vue").ComputedRef<[string, string][]>;
+            iconStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
             prefixCls: string;
             isLinearGradient: boolean;
             radius: import("vue").ComputedRef<number>;
+            solidColor: import("vue").ComputedRef<string | undefined>;
             text: import("vue").ComputedRef<string>;
+            trackStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
             perimeter: import("vue").ComputedRef<number>;
             center: import("vue").ComputedRef<number>;
             mergedWidth: import("vue").ComputedRef<number>;
@@ -386,6 +395,7 @@ declare const Progress: {
                         [x: string]: boolean;
                     })[]>;
                     innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                     onClick: (ev: MouseEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (ev: MouseEvent) => true;
@@ -428,6 +438,7 @@ declare const Progress: {
                         [x: string]: boolean;
                     })[]>;
                     innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                     onClick: (ev: MouseEvent) => void;
                 }, {}, {}, {}, {
                     spin: boolean;
@@ -465,6 +476,7 @@ declare const Progress: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -504,6 +516,7 @@ declare const Progress: {
                         [x: string]: boolean;
                     })[]>;
                     innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                     onClick: (ev: MouseEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (ev: MouseEvent) => true;
@@ -546,6 +559,7 @@ declare const Progress: {
                         [x: string]: boolean;
                     })[]>;
                     innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                     onClick: (ev: MouseEvent) => void;
                 }, {}, {}, {}, {
                     spin: boolean;
@@ -583,6 +597,7 @@ declare const Progress: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -624,6 +639,7 @@ declare const Progress: {
                 default: boolean;
             };
         }>, {
+            getStepStyle: (active: boolean) => import("vue").CSSProperties;
             prefixCls: string;
             stepList: import("vue").ComputedRef<boolean[]>;
             mergedStrokeWidth: import("vue").ComputedRef<4 | 8>;
@@ -691,6 +707,7 @@ declare const Progress: {
                         [x: string]: boolean;
                     })[]>;
                     innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                     onClick: (ev: MouseEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (ev: MouseEvent) => true;
@@ -733,6 +750,7 @@ declare const Progress: {
                         [x: string]: boolean;
                     })[]>;
                     innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                     onClick: (ev: MouseEvent) => void;
                 }, {}, {}, {}, {
                     spin: boolean;
@@ -770,6 +788,7 @@ declare const Progress: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -830,6 +849,7 @@ declare const Progress: {
             type: import("vue").PropType<import("..").Status>;
         };
     }>> & Readonly<{}>, {
+        circleWidth: import("vue").ComputedRef<number | undefined>;
         cls: import("vue").ComputedRef<string[]>;
         computedStatus: import("vue").ComputedRef<"normal" | "success" | "warning" | "danger">;
         mergedSize: import("vue").ComputedRef<"mini" | "small" | "medium" | "large">;
@@ -884,6 +904,7 @@ declare const Progress: {
         type: import("vue").PropType<import("..").Status>;
     };
 }>> & Readonly<{}>, {
+    circleWidth: import("vue").ComputedRef<number | undefined>;
     cls: import("vue").ComputedRef<string[]>;
     computedStatus: import("vue").ComputedRef<"normal" | "success" | "warning" | "danger">;
     mergedSize: import("vue").ComputedRef<"mini" | "small" | "medium" | "large">;
@@ -1019,6 +1040,7 @@ declare const Progress: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -1061,6 +1083,7 @@ declare const Progress: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -1098,6 +1121,7 @@ declare const Progress: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -1146,10 +1170,15 @@ declare const Progress: {
             type: NumberConstructor;
         };
     }>, {
+        circleStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        gradientStops: import("vue").ComputedRef<[string, string][]>;
+        iconStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         prefixCls: string;
         isLinearGradient: boolean;
         radius: import("vue").ComputedRef<number>;
+        solidColor: import("vue").ComputedRef<string | undefined>;
         text: import("vue").ComputedRef<string>;
+        trackStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         perimeter: import("vue").ComputedRef<number>;
         center: import("vue").ComputedRef<number>;
         mergedWidth: import("vue").ComputedRef<number>;
@@ -1227,6 +1256,7 @@ declare const Progress: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -1269,6 +1299,7 @@ declare const Progress: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -1306,6 +1337,7 @@ declare const Progress: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -1345,6 +1377,7 @@ declare const Progress: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -1387,6 +1420,7 @@ declare const Progress: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -1424,6 +1458,7 @@ declare const Progress: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -1465,6 +1500,7 @@ declare const Progress: {
             default: boolean;
         };
     }>, {
+        getStepStyle: (active: boolean) => import("vue").CSSProperties;
         prefixCls: string;
         stepList: import("vue").ComputedRef<boolean[]>;
         mergedStrokeWidth: import("vue").ComputedRef<4 | 8>;
@@ -1532,6 +1568,7 @@ declare const Progress: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -1574,6 +1611,7 @@ declare const Progress: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -1611,6 +1649,7 @@ declare const Progress: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;