From 3fb08543a51a299bf2eba68ea5c7d010fbcdaabe Mon Sep 17 00:00:00 2001 From: Chitanda60 Date: Wed, 21 Jun 2023 18:23:06 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20circle=E7=BB=84=E4=BB=B6=E5=A2=9E?= =?UTF-8?q?=E5=8A=A0beginAngle=20(#530)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: zhixia --- packages/vantui/src/circle/index.tsx | 7 ++++--- packages/vantui/types/circle.d.ts | 1 + 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/vantui/src/circle/index.tsx b/packages/vantui/src/circle/index.tsx index 1146a8e72..a7e49c3c6 100644 --- a/packages/vantui/src/circle/index.tsx +++ b/packages/vantui/src/circle/index.tsx @@ -37,6 +37,7 @@ export function Circle(props: CircleProps) { color = '#1989fa', strokeWidth = 4, clockwise = true, + beginAngle = BEGIN_ANGLE, style, className, children, @@ -147,9 +148,9 @@ export function Circle(props: CircleProps) { // 结束角度 const progress = PERIMETER * (formatValue / 100) const endAngle = clockwise - ? BEGIN_ANGLE + progress - : 3 * Math.PI - (BEGIN_ANGLE + progress) - presetCanvas(context, ref.current.hoverColor, BEGIN_ANGLE, endAngle) + ? beginAngle + progress + : 3 * Math.PI - (beginAngle + progress) + presetCanvas(context, ref.current.hoverColor, beginAngle, endAngle) }, [clockwise, presetCanvas], ) diff --git a/packages/vantui/types/circle.d.ts b/packages/vantui/types/circle.d.ts index 85cbf7a55..7d909f514 100644 --- a/packages/vantui/types/circle.d.ts +++ b/packages/vantui/types/circle.d.ts @@ -12,6 +12,7 @@ export interface CircleProps extends ViewProps { color?: string | Record strokeWidth?: number clockwise?: boolean + beginAngle?: number children?: ReactNode }