feat: circle组件增加beginAngle (#530)

Co-authored-by: zhixia <[email protected]>
AntmJS · Jun 21, 2023 · 3fb0854 · 3fb0854
1 parent ad395f1
commit 3fb0854
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -12,6 +12,7 @@ export interface CircleProps extends ViewProps {
   color?: string | Record<string, string>
   strokeWidth?: number
   clockwise?: boolean
+  beginAngle?: number
   children?: ReactNode
 }