@tuya-miniapp/smart-ui 2.3.3-beta-5 → 2.3.3-beta-6

package/dist/circle/index.js

@@ -95,6 +95,20 @@ SmartComponent({
                     });
                 },
             });
+            const sizeVal = this.parseSize();
+            const params = {
+                canvasWidth: +sizeVal,
+                canvasHeight: +sizeVal,
+                width: +sizeVal,
+                height: +sizeVal,
+                lineWidth: this.data.trackWidth,
+                trackColor: this.data.trackColor,
+                fillColor: this.data.fillColor,
+                fillColorStops: this.data.fillColorStops,
+                maskColor: this.data.maskColor,
+                dpr: this.data.dpr,
+            };
+            this.setData(params);
         },
         renderAll(canvas, ctx, progress, ops = {
             lineCap: 'round',
@@ -245,28 +259,14 @@ SmartComponent({
         render(val, canvasId) {
             // @ts-ignore
             const context = ty.createCanvasContext(canvasId);
-            const sizeVal = this.parseSize();
-            const params = {
-                canvasWidth: +sizeVal,
-                canvasHeight: +sizeVal,
-                width: +sizeVal,
-                height: +sizeVal,
-                lineWidth: this.data.trackWidth,
-                trackColor: this.data.trackColor,
-                fillColor: this.data.fillColor,
-                fillColorStops: this.data.fillColorStops,
-                maskColor: this.data.maskColor,
-                dpr: this.data.dpr,
-            };
-            this.setData(params);
             if (this.data.mode === 'basic') {
-                this.renderAll(params, context, val / 100, this.data.round ? { lineCap: 'round' } : { lineCap: '' });
+                this.renderAll(this.data, context, val / 100, this.data.round ? { lineCap: 'round' } : { lineCap: '' });
             }
             if (this.data.mode === 'angle') {
-                this.renderHalf(params, context, val / 200, this.data.round ? { lineCap: 'round' } : { lineCap: '' });
+                this.renderHalf(this.data, context, val / 200, this.data.round ? { lineCap: 'round' } : { lineCap: '' });
             }
             if (this.data.mode === 'angle2') {
-                this.renderHalf2(params, context, val / 150, this.data.round ? { lineCap: 'round' } : { lineCap: '' });
+                this.renderHalf2(this.data, context, val / 150, this.data.round ? { lineCap: 'round' } : { lineCap: '' });
             }
         },
     },

package/dist/circle/index.wxml

@@ -5,5 +5,5 @@
   width="{{ canvasWidth * dpr }}"
   height="{{ canvasHeight * dpr }}"
   canvas-id="{{canvasId}}" 
-  style="width: {{width}}px; height:{{height}}px;"
+  style="width: {{width}}px; height:{{height}}px; {{customStyle}}"
 ></canvas>

package/lib/circle/index.js

@@ -99,6 +99,20 @@ var idListRef = {
                     });
                 },
             });
+            var sizeVal = this.parseSize();
+            var params = {
+                canvasWidth: +sizeVal,
+                canvasHeight: +sizeVal,
+                width: +sizeVal,
+                height: +sizeVal,
+                lineWidth: this.data.trackWidth,
+                trackColor: this.data.trackColor,
+                fillColor: this.data.fillColor,
+                fillColorStops: this.data.fillColorStops,
+                maskColor: this.data.maskColor,
+                dpr: this.data.dpr,
+            };
+            this.setData(params);
         },
         renderAll: function (canvas, ctx, progress, ops) {
             if (ops === void 0) { ops = {
@@ -252,28 +266,14 @@ var idListRef = {
         render: function (val, canvasId) {
             // @ts-ignore
             var context = ty.createCanvasContext(canvasId);
-            var sizeVal = this.parseSize();
-            var params = {
-                canvasWidth: +sizeVal,
-                canvasHeight: +sizeVal,
-                width: +sizeVal,
-                height: +sizeVal,
-                lineWidth: this.data.trackWidth,
-                trackColor: this.data.trackColor,
-                fillColor: this.data.fillColor,
-                fillColorStops: this.data.fillColorStops,
-                maskColor: this.data.maskColor,
-                dpr: this.data.dpr,
-            };
-            this.setData(params);
             if (this.data.mode === 'basic') {
-                this.renderAll(params, context, val / 100, this.data.round ? { lineCap: 'round' } : { lineCap: '' });
+                this.renderAll(this.data, context, val / 100, this.data.round ? { lineCap: 'round' } : { lineCap: '' });
             }
             if (this.data.mode === 'angle') {
-                this.renderHalf(params, context, val / 200, this.data.round ? { lineCap: 'round' } : { lineCap: '' });
+                this.renderHalf(this.data, context, val / 200, this.data.round ? { lineCap: 'round' } : { lineCap: '' });
             }
             if (this.data.mode === 'angle2') {
-                this.renderHalf2(params, context, val / 150, this.data.round ? { lineCap: 'round' } : { lineCap: '' });
+                this.renderHalf2(this.data, context, val / 150, this.data.round ? { lineCap: 'round' } : { lineCap: '' });
             }
         },
     },

package/lib/circle/index.wxml

@@ -5,5 +5,5 @@
   width="{{ canvasWidth * dpr }}"
   height="{{ canvasHeight * dpr }}"
   canvas-id="{{canvasId}}" 
-  style="width: {{width}}px; height:{{height}}px;"
+  style="width: {{width}}px; height:{{height}}px; {{customStyle}}"
 ></canvas>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-miniapp/smart-ui",
-  "version": "2.3.3-beta-5",
+  "version": "2.3.3-beta-6",
   "author": "MiniApp Team",
   "license": "MIT",
   "miniprogram": "lib",