进度新增min/max

Author: ananzhusen

packages/core/src/pen/model.ts

@@ -347,6 +347,8 @@ export interface Pen extends Rect {
   video?: string;
   audio?: string;
 
+  max?: number; // progress最大值 
+  min?: number; // progress最小值
   progress?: number;
   progressColor?: string;
   verticalProgress?: boolean;
@@ -435,6 +437,8 @@ export interface Pen extends Rect {
     height?: number;
     borderRadius?: number;
 
+    max?: number;
+    min?: number;
     progress?: number;
     progressColor?: string;
     progressGradientColors?: string;

packages/core/src/pen/render.ts

@@ -1967,8 +1967,10 @@ export function ctxDrawPath(
       ctx.restore();
     }
 
-    const progress = pen.calculative.progress;
-    if (progress != null) {
+    const progress =
+      (pen.calculative.progress - (pen.calculative.min || 0)) /
+      ((pen.calculative.max || 1) - (pen.calculative.min || 0));
+    if (progress != null && !isNaN(progress)) {
       // 从左往右 x, y, x + width * progress, y
       // 从右往左 ex, y, x + width * (1-progress), y
       // 从下往上 x, y, x, y + height * progress