update DotType

Author: lingengyan

docs/examples/gap.tsx

@@ -73,6 +73,7 @@ class Example extends React.Component<ProgressProps, any> {
             strokeWidth={6}
             strokeLinecap="square"
             strokeColor={color}
+            dot={{ size: 'p' }}
           />
         </div>
         <div style={circleContainerStyle}>
@@ -83,6 +84,7 @@ class Example extends React.Component<ProgressProps, any> {
             strokeWidth={6}
             strokeLinecap="square"
             strokeColor={color}
+            dot={{ size: [] }}
           />
         </div>
       </div>

docs/examples/gradient-circle.tsx

@@ -20,7 +20,7 @@ const Example = () => {
             '0%': '#108ee9',
             '100%': '#87d068',
           }}
-          dot={true}
+          dot={{ size: '10' }}
         />
       </div>
       <h3>Circle Progress {100}%</h3>
@@ -33,6 +33,7 @@ const Example = () => {
             '100%': '#108ee9',
             '0%': '#87d068',
           }}
+          dot={{}}
         />
       </div>
       <h3>Circle With Success Percent {65}%</h3>
@@ -48,7 +49,6 @@ const Example = () => {
               '0%': '#87d068',
             },
           ]}
-          dot={{}}
         />
       </div>
     </div>

src/Circle.tsx

@@ -126,9 +126,8 @@ const Circle: React.FC<ProgressProps> = ({
           />
         );
       });
-    } 
-      return [];
-    
+    }
+    return [];
   };
 
   const getStokeList = () => {

src/interface.ts

@@ -13,7 +13,7 @@ export interface ProgressProps {
   gapDegree?: number;
   gapPosition?: GapPositionType;
   transition?: string;
-  dot?: dotType;
+  dot?: DotType;
 }
 
 export type StrokeColorType = string | string[] | object;
@@ -22,4 +22,4 @@ export type GapPositionType = 'top' | 'right' | 'bottom' | 'left';
 
 export type StrokeLinecapType = 'round' | 'butt' | 'square';
 
-export type dotType = boolean | object;
+export type DotType = boolean | { size: number };