@ray-js/lamp-circle-picker 1.0.11-beta-3 → 1.0.11-beta-4

package/lib/component/rjs/index.js

@@ -109,6 +109,10 @@ Component({
         touchCircleStrokeStyle = '',
         touchCircleLineWidth = 0
       } = this.data;
+      // 防止重复渲染
+      if (this.lastValue === value) {
+        return;
+      }
       canvasId && this.render.renderAnnulusColor(canvasId, radius, innerRingRadius, value, {
         useEventChannel,
         eventChannelName,

package/lib/component/rjs/index.rjs

@@ -7,15 +7,15 @@ function reverseColorStops(colorStops) {
     return [];
   }
 
-  const reversedColorStops = colorStops.map(stop => ({
+  const _reversedColorStops = colorStops.map(stop => ({
     offset: 1 - stop.offset,
     color: stop.color,
   }));
 
   // 由于反转 offset 后，需要根据新的 offset 重新排序
-  reversedColorStops.sort((a, b) => a.offset - b.offset);
+  _reversedColorStops.sort((a, b) => a.offset - b.offset);
 
-  return reversedColorStops;
+  return _reversedColorStops;
 }
 
 export default Render({
@@ -264,7 +264,6 @@ export default Render({
 
   // 环形色盘 降级绘制
   async renderAnnulusColorLowRank(id, radius, innerRingRadius, options = {}) {
-    console.warn('renderAnnulusColorLowRank', JSON.stringify(options));
     let canvas = null;
     const { touchCircleStrokeStyle, ringBorderColor } =
       options;
@@ -302,15 +301,13 @@ export default Render({
     const offsetDegree = 270;
     const endDegree = startDegree + offsetDegree;
   
-    // 颜色渲染时 按照逆时针渲染，需要按照顺时针渲染， 所以需要反转
-    const reversedColorStops = reverseColorStops(colorList);
      this.drawRingWithConicGradient({
       startAngle: startDegree,
       endAngle: endDegree,
       offsetDegree,
       innerRadius: innerRingRadius,
       outerRadius: radius,
-      colorList: reversedColorStops,
+      colorList: colorList,
       canvas,
       ctx,
       centerX: poxCenterX,

package/lib/props.d.ts

@@ -19,7 +19,7 @@ export interface IProps {
      * @description.en Whether to hide the drag ring
      * @default false
      */
-    hideThumb: boolean;
+    hideThumb?: boolean;
     /**
      * @description.en temperature
      * @description.zh 色温

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/lamp-circle-picker",
-  "version": "1.0.11-beta-3",
+  "version": "1.0.11-beta-4",
   "description": "照明缺角色环",
   "main": "lib/index",
   "files": [