@visactor/vrender-components 0.20.11-alpha.2 → 0.20.11-alpha.3

package/cjs/brush/brush.js

@@ -188,5 +188,4 @@ class Brush extends base_1.AbstractComponent {
     }
 }
 
-exports.Brush = Brush, Brush.defaultAttributes = config_1.DEFAULT_BRUSH_ATTRIBUTES;
-//# sourceMappingURL=brush.js.map
+exports.Brush = Brush, Brush.defaultAttributes = config_1.DEFAULT_BRUSH_ATTRIBUTES;

package/cjs/brush/type.js

@@ -8,4 +8,5 @@ Object.defineProperty(exports, "__esModule", {
     IOperateType.drawStart = "drawStart", IOperateType.drawEnd = "drawEnd", IOperateType.drawing = "drawing", 
     IOperateType.moving = "moving", IOperateType.moveStart = "moveStart", IOperateType.moveEnd = "moveEnd", 
     IOperateType.brushClear = "brushClear";
-}(IOperateType = exports.IOperateType || (exports.IOperateType = {}));
+}(IOperateType = exports.IOperateType || (exports.IOperateType = {}));
+//# sourceMappingURL=type.js.map

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.20.11-alpha.2";
+export declare const version = "0.20.11-alpha.3";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';

package/cjs/index.js

@@ -17,7 +17,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.version = void 0, exports.version = "0.20.11-alpha.2", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "0.20.11-alpha.3", __exportStar(require("./core/base"), exports), 
 __exportStar(require("./core/type"), exports), __exportStar(require("./scrollbar"), exports), 
 __exportStar(require("./tag"), exports), __exportStar(require("./poptip"), exports), 
 __exportStar(require("./crosshair"), exports), __exportStar(require("./label"), exports), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,iBAAiB,CAAC;AAEzC,8CAA4B;AAC5B,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,8CAA4B;AAC5B,4CAA0B;AAC1B,yCAAuB","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.20.11-alpha.2\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,iBAAiB,CAAC;AAEzC,8CAA4B;AAC5B,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,8CAA4B;AAC5B,4CAA0B;AAC1B,yCAAuB","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.20.11-alpha.3\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\n"]}

package/cjs/interface.d.ts

@@ -1,4 +1,4 @@
-import type { ICustomPath2D, IGraphicAttribute, IGroup, IRectGraphicAttribute } from '@visactor/vrender-core';
+import type { ICustomPath2D, IGraphicAttribute, IGroup, IRectGraphicAttribute, ITimeline } from '@visactor/vrender-core';
 export type Direction = 'horizontal' | 'vertical';
 export type OrientType = 'top' | 'right' | 'bottom' | 'left';
 export type BackgroundAttributes = {
@@ -9,4 +9,5 @@ export type IDelayType = 'debounce' | 'throttle';
 export interface ComponentOptions {
     skipDefault?: boolean;
     mode?: '2d' | '3d';
+    timeline?: ITimeline;
 }

package/cjs/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n  ICustomPath2D,\n  IGraphicAttribute,\n  IGroup,\n  IRectGraphicAttribute,\n  IRichText,\n  IText\n} from '@visactor/vrender-core';\nimport type { TextContent } from './core/type';\n\nexport type Direction = 'horizontal' | 'vertical';\n\nexport type OrientType = 'top' | 'right' | 'bottom' | 'left';\n\nexport type BackgroundAttributes = {\n  /**\n   * 是否绘制背景层\n   */\n  visible: boolean;\n  /**\n   * 自定义路径\n   * @since 0.19.19\n   */\n  customShape?: (container: IGroup, attrs: Partial<IGraphicAttribute>, path: ICustomPath2D) => ICustomPath2D;\n} & Partial<IRectGraphicAttribute>;\n\nexport type IDelayType = 'debounce' | 'throttle';\n\nexport interface ComponentOptions {\n  /** skip default attributes of component */\n  skipDefault?: boolean;\n  /** the mode of component, only axis support 3d mode now */\n  mode?: '2d' | '3d';\n}\n"]}
+{"version":3,"sources":["../src/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n  ICustomPath2D,\n  IGraphicAttribute,\n  IGroup,\n  IRectGraphicAttribute,\n  IRichText,\n  IText,\n  ITimeline\n} from '@visactor/vrender-core';\nimport type { TextContent } from './core/type';\n\nexport type Direction = 'horizontal' | 'vertical';\n\nexport type OrientType = 'top' | 'right' | 'bottom' | 'left';\n\nexport type BackgroundAttributes = {\n  /**\n   * 是否绘制背景层\n   */\n  visible: boolean;\n  /**\n   * 自定义路径\n   * @since 0.19.19\n   */\n  customShape?: (container: IGroup, attrs: Partial<IGraphicAttribute>, path: ICustomPath2D) => ICustomPath2D;\n} & Partial<IRectGraphicAttribute>;\n\nexport type IDelayType = 'debounce' | 'throttle';\n\nexport interface ComponentOptions {\n  /** skip default attributes of component */\n  skipDefault?: boolean;\n  /** the mode of component, only axis support 3d mode now */\n  mode?: '2d' | '3d';\n  /* 传递一个独立的timeline */\n  timeline?: ITimeline;\n}\n"]}

package/cjs/weather/type.d.ts

@@ -1,4 +1,4 @@
-import type { IGroupGraphicAttribute } from '@visactor/vrender-core';
+import type { IGroupGraphicAttribute, ISymbolGraphicAttribute } from '@visactor/vrender-core';
 export interface IWeatherBoxAttrs extends IGroupGraphicAttribute {
     rainIconPath?: string;
     snowIconPath?: string;
@@ -11,21 +11,14 @@ export interface IWeatherBoxAttrs extends IGroupGraphicAttribute {
     rainSpeed?: number;
     snowSpeed?: number;
     windSpeed?: number;
+    snowRainBottomPadding?: number;
     rainRatio?: number;
     rainCountThreshold?: number;
     snowRatio?: number;
     snowCountThreshold?: number;
     windRatio?: number;
-    rainStyle?: {
-        background?: string;
-    };
-    snowStyle?: {
-        background?: string;
-    };
-    rainSnowStyle?: {
-        background?: string;
-    };
-    defaultStyle?: {
-        background?: string;
-    };
+    windAnimateEffect?: 'fade' | 'clipRange';
+    rainStyle?: ISymbolGraphicAttribute;
+    snowStyle?: ISymbolGraphicAttribute;
+    windStyle?: ISymbolGraphicAttribute;
 }

package/cjs/weather/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/weather/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute } from '@visactor/vrender-core';\n\nexport interface IWeatherBoxAttrs extends IGroupGraphicAttribute {\n  rainIconPath?: string;\n  snowIconPath?: string;\n  windIconPath?: string;\n  width: number;\n  height: number;\n  rainSizeRange?: [number, number];\n  snowSizeRange?: [number, number];\n  windSize?: number;\n  rainSpeed?: number;\n  snowSpeed?: number;\n  windSpeed?: number;\n\n  rainRatio?: number;\n  rainCountThreshold?: number;\n  snowRatio?: number;\n  snowCountThreshold?: number;\n  windRatio?: number;\n\n  rainStyle?: {\n    background?: string;\n  };\n  snowStyle?: {\n    background?: string;\n  };\n  rainSnowStyle?: {\n    background?: string;\n  };\n  defaultStyle?: {\n    background?: string;\n  };\n}\n"]}
+{"version":3,"sources":["../src/weather/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, IRectGraphicAttribute, ISymbolGraphicAttribute } from '@visactor/vrender-core';\n\nexport interface IWeatherBoxAttrs extends IGroupGraphicAttribute {\n  rainIconPath?: string;\n  snowIconPath?: string;\n  windIconPath?: string;\n  width: number;\n  height: number;\n  rainSizeRange?: [number, number];\n  snowSizeRange?: [number, number];\n  windSize?: number;\n  rainSpeed?: number;\n  snowSpeed?: number;\n  windSpeed?: number;\n\n  snowRainBottomPadding?: number;\n\n  rainRatio?: number;\n  rainCountThreshold?: number;\n  snowRatio?: number;\n  snowCountThreshold?: number;\n  windRatio?: number;\n\n  windAnimateEffect?: 'fade' | 'clipRange';\n\n  rainStyle?: ISymbolGraphicAttribute;\n  snowStyle?: ISymbolGraphicAttribute;\n  windStyle?: ISymbolGraphicAttribute;\n}\n"]}

package/cjs/weather/weather-box.d.ts

@@ -1,10 +1,11 @@
 import { AbstractComponent } from '../core/base';
 import type { IWeatherBoxAttrs } from './type';
 import type { ComponentOptions } from '../interface';
-import type { IGroup } from '@visactor/vrender-core';
+import { type IGroup, type ITimeline } from '@visactor/vrender-core';
 export declare class WeatherBox extends AbstractComponent<Required<IWeatherBoxAttrs>> {
     name: string;
     static defaultAttributes: Partial<IWeatherBoxAttrs>;
+    timeline: ITimeline;
     constructor(attributes: IWeatherBoxAttrs, options?: ComponentOptions);
     protected render(): void;
     protected generateWind(windRatio: number, windIconPath: string, group: IGroup, size: number, speed: number): void;

package/cjs/weather/weather-box.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.WeatherBox = void 0;
 
-const base_1 = require("../core/base"), vutils_1 = require("@visactor/vutils");
+const base_1 = require("../core/base"), vutils_1 = require("@visactor/vutils"), vrender_core_1 = require("@visactor/vrender-core");
 
 function random() {
     return Math.random();
@@ -22,12 +22,12 @@ function createUniformRandom(count) {
 
 class WeatherBox extends base_1.AbstractComponent {
     constructor(attributes, options) {
+        var _a;
         super((null == options ? void 0 : options.skipDefault) ? attributes : (0, vutils_1.merge)({}, WeatherBox.defaultAttributes, attributes)), 
-        this.name = "weatherBox";
+        this.name = "weatherBox", this.timeline = null !== (_a = null == options ? void 0 : options.timeline) && void 0 !== _a ? _a : new vrender_core_1.DefaultTimeline;
     }
     render() {
-        const {rainRatio: rainRatio, rainIconPath: rainIconPath, snowRatio: snowRatio, snowIconPath: snowIconPath, rainCountThreshold: rainCountThreshold, snowCountThreshold: snowCountThreshold, windRatio: windRatio, rainSizeRange: rainSizeRange, snowSizeRange: snowSizeRange, rainSpeed: rainSpeed, snowSpeed: snowSpeed, width: width, height: height, rainSnowStyle: rainSnowStyle, rainStyle: rainStyle, snowStyle: snowStyle, defaultStyle: defaultStyle, windIconPath: windIconPath, windSize: windSize, windSpeed: windSpeed} = this.attribute;
-        this.attribute.background = rainRatio && snowRatio ? null == rainSnowStyle ? void 0 : rainSnowStyle.background : rainRatio ? null == rainStyle ? void 0 : rainStyle.background : snowRatio ? null == snowStyle ? void 0 : snowStyle.background : null == defaultStyle ? void 0 : defaultStyle.background, 
+        const {rainRatio: rainRatio, rainIconPath: rainIconPath, snowRatio: snowRatio, snowIconPath: snowIconPath, rainCountThreshold: rainCountThreshold, snowCountThreshold: snowCountThreshold, windRatio: windRatio, rainSizeRange: rainSizeRange, snowSizeRange: snowSizeRange, rainSpeed: rainSpeed, snowSpeed: snowSpeed, width: width, height: height, windIconPath: windIconPath, windSize: windSize, windSpeed: windSpeed} = this.attribute;
         this.attribute.clip = !0;
         const windAngle = -windRatio * Math.PI / 4, rainGroup = this.createOrUpdateChild("rain-container", {
             zIndex: 1,
@@ -49,41 +49,56 @@ class WeatherBox extends base_1.AbstractComponent {
         windRatio > 0 && this.generateWind(windRatio, windIconPath, windGroup, windSize, windSpeed);
     }
     generateWind(windRatio, windIconPath, group, size, speed) {
-        const {width: width, height: height} = group.attribute, duration = speed / 4 * 1e3;
-        group.createOrUpdateChild("wind", {
+        const {width: width, height: height} = group.attribute, {windAnimateEffect: windAnimateEffect, windStyle: windStyle = {}} = this.attribute;
+        let fromAttribute = {
+            opacity: 0,
+            clipRange: 1
+        }, toAttribute = {
+            opacity: 1,
+            clipRange: 1
+        };
+        "clipRange" === windAnimateEffect && (fromAttribute = {
+            clipRange: 0,
+            opacity: 1
+        }, toAttribute = {
+            clipRange: 1,
+            opacity: 1
+        });
+        const wind = group.createOrUpdateChild("wind", Object.assign(Object.assign({
             x: (width - size) / 2,
             y: (height - size) / 2,
             symbolType: windIconPath,
             size: size,
-            fill: "white",
-            opacity: 0
-        }, "symbol").animate().to({
-            opacity: 1
-        }, duration, "linear").to({
-            opacity: 0
-        }, duration, "linear").loop(1 / 0);
+            stroke: "white",
+            lineWidth: 2,
+            dx: -size / 2,
+            dy: -size / 2
+        }, windStyle), fromAttribute), "symbol"), duration = speed / 4 * 1e3;
+        new vrender_core_1.Animate(void 0, this.timeline).bind(wind).to(fromAttribute, duration, "linear").to(toAttribute, duration, "linear").wait(duration / 2).loop(1 / 0);
     }
     generateRainOrSnow(type, ratio, threshold, windRatio, group, path, windAngle, sizeRange, speed) {
         let {width: width} = group.attribute;
-        const {height: height} = group.attribute;
+        const {height: height} = group.attribute, {snowRainBottomPadding: snowRainBottomPadding, rainStyle: rainStyle = {}, snowStyle: snowStyle = {}} = this.attribute;
         let maxCount = Math.round(ratio * threshold);
         windRatio > 0 && (maxCount *= Math.round(1 + windRatio)), width *= Math.round(1 + windRatio);
         const uniformRandomX = createUniformRandom(maxCount), uniformRandomY = createUniformRandom(maxCount);
         for (let i = 0; i < maxCount; i++) {
-            const x = uniformRandomX(), y = uniformRandomY(), size = sizeRange[0] + random() * (sizeRange[1] - sizeRange[0]), startX = x * width - (windAngle ? height * Math.tan(Math.abs(windAngle)) : 0), startY = -y * height, particle = group.createOrUpdateChild(`${type}-${i}`, {
+            const x = uniformRandomX(), y = uniformRandomY(), size = sizeRange[0] + random() * (sizeRange[1] - sizeRange[0]), startX = x * width - (windAngle ? height * Math.tan(Math.abs(windAngle)) : 0), startY = -y * height, particle = group.createOrUpdateChild(`${type}-${i}`, Object.assign({
                 x: startX,
                 y: startY,
                 symbolType: path,
                 size: size,
                 fill: "white",
                 angle: windAngle
-            }, "symbol"), duration = 1 / speed / 2 * (1 + y) * 1e3;
+            }, "rain" === type ? rainStyle : snowStyle), "symbol"), duration = 1 / speed / 2 * (1 + y) * 1e3;
             let endX = x * width;
             "rain" === type && windAngle && (endX = startX + (1 + y) * height * Math.tan(Math.abs(windAngle))), 
-            particle.animate().to({
+            new vrender_core_1.Animate(void 0, this.timeline).bind(particle).to({
                 x: endX,
-                y: height
-            }, duration, "linear").loop(1 / 0);
+                y: height - snowRainBottomPadding
+            }, duration, "linear").loop(1 / 0), new vrender_core_1.Animate(void 0, this.timeline).bind(particle).to({
+                opacity: 0
+            }, duration, "quintIn").loop(1 / 0);
         }
     }
 }
@@ -91,7 +106,7 @@ class WeatherBox extends base_1.AbstractComponent {
 exports.WeatherBox = WeatherBox, WeatherBox.defaultAttributes = {
     snowIconPath: "M512 64c24.7 0 44.8 20.1 44.8 44.8v43.1l29.3-15.5c21.9-11.6 49-3.2 60.5 18.7s3.2 49-18.7 60.5l-71.2 37.6v85.2c32 8.2 60.6 25.1 83.1 48l73.8-42.6-3-80.4c-0.9-24.7 18.4-45.5 43.1-46.4 24.7-0.9 45.5 18.4 46.4 43.1l1.2 33.1 37.3-21.5c21.4-12.4 48.8-5 61.2 16.4 12.4 21.4 5 48.8-16.4 61.2l-37.3 21.5 28.1 17.6c21 13.2 27.3 40.8 14.1 61.8-13.2 20.9-40.8 27.3-61.8 14.1l-68.2-42.8-73.6 42.5c4.2 15.3 6.5 31.4 6.5 48s-2.3 32.7-6.5 48l73.8 42.6 68.2-42.8c20.9-13.2 48.6-6.8 61.8 14.1 13.2 21 6.8 48.6-14.1 61.8l-28.1 17.6 37.3 21.5c21.4 12.4 28.8 39.8 16.4 61.2-12.4 21.4-39.8 28.8-61.2 16.4l-37.3-21.5-1.2 33.1c-0.9 24.7-21.7 44-46.4 43.1-24.7-0.9-44-21.7-43.1-46.4l3-80.4-73.8-42.6c-22.5 22.9-51 39.8-83.1 48v85.2l71.2 37.6c21.9 11.6 30.2 38.7 18.7 60.5-11.6 21.9-38.7 30.2-60.5 18.7L557 872.2v43.1c0 24.7-20.1 44.8-44.8 44.8-24.7 0-44.8-20.1-44.8-44.8v-43.1l-29.3 15.5c-21.9 11.6-49 3.2-60.5-18.7-11.6-21.9-3.2-49 18.7-60.5l71.2-37.6v-85.2c-32-8.2-60.6-25.1-83.1-48l-73.8 42.6 3 80.4c0.9 24.7-18.4 45.5-43.1 46.4-24.7 0.9-45.5-18.4-46.4-43.1l-1.2-33.1-37.3 21.5c-21.4 12.4-48.8 5-61.2-16.4s-5-48.8 16.4-61.2l37.3-21.5-28.1-17.6c-21-13.2-27.3-40.8-14.1-61.8 13.2-20.9 40.8-27.3 61.8-14.1l68.2 42.8 73.8-42.6c-4.2-15.3-6.5-31.4-6.5-48s2.3-32.7 6.5-48l-73.8-42.6-68.2 42.8c-21 13.2-48.6 6.8-61.8-14.1-13.2-21-6.8-48.6 14.1-61.8l28.1-17.6-37.3-21.5C119 336.8 111.7 309.4 124 288c12.4-21.4 39.8-28.8 61.2-16.4l37.3 21.5 1.2-33.1c0.9-24.7 21.7-44 46.4-43.1 24.7 0.9 44 21.7 43.1 46.4l-3 80.4 73.8 42.6c22.5-22.9 51-39.8 83.1-48v-85.2L396 215.6c-21.9-11.6-30.2-38.7-18.7-60.5 11.6-21.9 38.7-30.2 60.5-18.7l29.3 15.5v-43.1C467.2 84.1 487.3 64 512 64z m0 537.6c49.5 0 89.6-40.1 89.6-89.6s-40.1-89.6-89.6-89.6-89.6 40.1-89.6 89.6 40.1 89.6 89.6 89.6z",
     rainIconPath: "M802.94208 583.04c19.328 38.016 29.056 78.336 29.056 120.96a313.216 313.216 0 0 1-44.032 161.536 324.48 324.48 0 0 1-114.56 114.944c-23.552 13.696-49.024 24.32-76.416 32-27.264 7.68-55.68 11.52-84.992 11.52-29.44 0-57.6-3.84-84.992-11.52a331.136 331.136 0 0 1-76.544-32 337.536 337.536 0 0 1-65.024-49.92 337.536 337.536 0 0 1-49.92-65.024 331.136 331.136 0 0 1-32-76.544A313.216 313.216 0 0 1 191.99808 704c0-42.24 9.344-82.56 28.032-120.448L509.43808 0l293.504 583.04z",
-    windIconPath: "M686.624 143.072h-150.816a40.352 40.352 0 1 0 0 80.608h150.816a80.672 80.672 0 1 1 0 161.184H226.624a40.352 40.352 0 1 0 0 80.608h460a161.344 161.344 0 1 0 0-322.4z m168.768 725.344h-126.72a40.352 40.352 0 1 1 0-80.576h126.56a80.672 80.672 0 1 0 0-161.184H42.176a40.352 40.352 0 1 1 0-80.608h813.056a161.344 161.344 0 1 1 0 322.368z",
+    windIconPath: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n      <path d="M 4.0003 14.0002 L 12.0003 14.0008 M 12.0003 14.0008 C 13.1049 14.0009 14.0003 14.8964 14.0002 16.001 C 14.0001 17.1055 13.1046 18.0009 12 18.0008 L 10.5 18.0007" stroke-linecap="round" stroke-linejoin="round"/>\n      <path d="M 7 10.0002 L 14.5 10.0008 C 15.6046 10.0009 16.5001 9.1055 16.5002 8.001 C 16.5003 6.8964 15.6049 6.0009 14.5003 6.0008 L 13.0003 6.0007" stroke-linecap="round" stroke-linejoin="round"/>\n    </svg>',
     windRatio: 0,
     rainRatio: 0,
     snowRatio: 0,
@@ -103,17 +118,12 @@ exports.WeatherBox = WeatherBox, WeatherBox.defaultAttributes = {
     rainSpeed: 1,
     snowSpeed: .5,
     windSpeed: 1,
-    rainStyle: {
-        background: "rgb(135, 160, 225)"
+    windAnimateEffect: "fade",
+    rainStyle: {},
+    snowStyle: {},
+    windStyle: {
+        opacity: .8
     },
-    snowStyle: {
-        background: "rgb(64, 68, 144)"
-    },
-    rainSnowStyle: {
-        background: "rgb(130, 190, 210)"
-    },
-    defaultStyle: {
-        background: "rgb(184, 206, 239)"
-    }
+    snowRainBottomPadding: 0
 };
 //# sourceMappingURL=weather-box.js.map

package/cjs/weather/weather-box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/weather/weather-box.ts"],"names":[],"mappings":"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","file":"weather-box.js","sourcesContent":["import { AbstractComponent } from '../core/base';\nimport type { IWeatherBoxAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { merge } from '@visactor/vutils';\nimport type { IGroup, ISymbol } from '@visactor/vrender-core';\nimport { IGraphic } from '@visactor/vrender-core';\n\n// todo 后续可能做成有随机数种子的伪随机，这样可以保证每次都生成一样的随机数\nfunction random() {\n  return Math.random();\n}\n\nfunction createUniformRandom(count: number) {\n  const result: number[] = [];\n  const step = 1 / count;\n  for (let i = 0; i < count; i++) {\n    result.push(((random() - 0.5) * step) / 2 + step * i);\n  }\n  result.sort(() => Math.random() - 0.5);\n  let idx = 0;\n  return function (i?: number) {\n    if (idx > count - 1) {\n      idx = 0;\n    }\n    if (i === void 0) {\n      i = idx;\n      idx++;\n    }\n    return result[i];\n  };\n}\n\nexport class WeatherBox extends AbstractComponent<Required<IWeatherBoxAttrs>> {\n  name: string = 'weatherBox';\n\n  static defaultAttributes: Partial<IWeatherBoxAttrs> = {\n    snowIconPath:\n      'M512 64c24.7 0 44.8 20.1 44.8 44.8v43.1l29.3-15.5c21.9-11.6 49-3.2 60.5 18.7s3.2 49-18.7 60.5l-71.2 37.6v85.2c32 8.2 60.6 25.1 83.1 48l73.8-42.6-3-80.4c-0.9-24.7 18.4-45.5 43.1-46.4 24.7-0.9 45.5 18.4 46.4 43.1l1.2 33.1 37.3-21.5c21.4-12.4 48.8-5 61.2 16.4 12.4 21.4 5 48.8-16.4 61.2l-37.3 21.5 28.1 17.6c21 13.2 27.3 40.8 14.1 61.8-13.2 20.9-40.8 27.3-61.8 14.1l-68.2-42.8-73.6 42.5c4.2 15.3 6.5 31.4 6.5 48s-2.3 32.7-6.5 48l73.8 42.6 68.2-42.8c20.9-13.2 48.6-6.8 61.8 14.1 13.2 21 6.8 48.6-14.1 61.8l-28.1 17.6 37.3 21.5c21.4 12.4 28.8 39.8 16.4 61.2-12.4 21.4-39.8 28.8-61.2 16.4l-37.3-21.5-1.2 33.1c-0.9 24.7-21.7 44-46.4 43.1-24.7-0.9-44-21.7-43.1-46.4l3-80.4-73.8-42.6c-22.5 22.9-51 39.8-83.1 48v85.2l71.2 37.6c21.9 11.6 30.2 38.7 18.7 60.5-11.6 21.9-38.7 30.2-60.5 18.7L557 872.2v43.1c0 24.7-20.1 44.8-44.8 44.8-24.7 0-44.8-20.1-44.8-44.8v-43.1l-29.3 15.5c-21.9 11.6-49 3.2-60.5-18.7-11.6-21.9-3.2-49 18.7-60.5l71.2-37.6v-85.2c-32-8.2-60.6-25.1-83.1-48l-73.8 42.6 3 80.4c0.9 24.7-18.4 45.5-43.1 46.4-24.7 0.9-45.5-18.4-46.4-43.1l-1.2-33.1-37.3 21.5c-21.4 12.4-48.8 5-61.2-16.4s-5-48.8 16.4-61.2l37.3-21.5-28.1-17.6c-21-13.2-27.3-40.8-14.1-61.8 13.2-20.9 40.8-27.3 61.8-14.1l68.2 42.8 73.8-42.6c-4.2-15.3-6.5-31.4-6.5-48s2.3-32.7 6.5-48l-73.8-42.6-68.2 42.8c-21 13.2-48.6 6.8-61.8-14.1-13.2-21-6.8-48.6 14.1-61.8l28.1-17.6-37.3-21.5C119 336.8 111.7 309.4 124 288c12.4-21.4 39.8-28.8 61.2-16.4l37.3 21.5 1.2-33.1c0.9-24.7 21.7-44 46.4-43.1 24.7 0.9 44 21.7 43.1 46.4l-3 80.4 73.8 42.6c22.5-22.9 51-39.8 83.1-48v-85.2L396 215.6c-21.9-11.6-30.2-38.7-18.7-60.5 11.6-21.9 38.7-30.2 60.5-18.7l29.3 15.5v-43.1C467.2 84.1 487.3 64 512 64z m0 537.6c49.5 0 89.6-40.1 89.6-89.6s-40.1-89.6-89.6-89.6-89.6 40.1-89.6 89.6 40.1 89.6 89.6 89.6z',\n    rainIconPath:\n      'M802.94208 583.04c19.328 38.016 29.056 78.336 29.056 120.96a313.216 313.216 0 0 1-44.032 161.536 324.48 324.48 0 0 1-114.56 114.944c-23.552 13.696-49.024 24.32-76.416 32-27.264 7.68-55.68 11.52-84.992 11.52-29.44 0-57.6-3.84-84.992-11.52a331.136 331.136 0 0 1-76.544-32 337.536 337.536 0 0 1-65.024-49.92 337.536 337.536 0 0 1-49.92-65.024 331.136 331.136 0 0 1-32-76.544A313.216 313.216 0 0 1 191.99808 704c0-42.24 9.344-82.56 28.032-120.448L509.43808 0l293.504 583.04z',\n    windIconPath:\n      'M686.624 143.072h-150.816a40.352 40.352 0 1 0 0 80.608h150.816a80.672 80.672 0 1 1 0 161.184H226.624a40.352 40.352 0 1 0 0 80.608h460a161.344 161.344 0 1 0 0-322.4z m168.768 725.344h-126.72a40.352 40.352 0 1 1 0-80.576h126.56a80.672 80.672 0 1 0 0-161.184H42.176a40.352 40.352 0 1 1 0-80.608h813.056a161.344 161.344 0 1 1 0 322.368z',\n    windRatio: 0,\n    rainRatio: 0,\n    snowRatio: 0,\n    rainCountThreshold: 10,\n    snowCountThreshold: 10,\n    rainSizeRange: [5, 10],\n    snowSizeRange: [5, 13],\n    windSize: 30,\n    rainSpeed: 1,\n    snowSpeed: 0.5,\n    windSpeed: 1,\n    rainStyle: {\n      background: 'rgb(135, 160, 225)'\n    },\n    snowStyle: {\n      background: 'rgb(64, 68, 144)'\n    },\n    rainSnowStyle: {\n      background: 'rgb(130, 190, 210)'\n    },\n    defaultStyle: {\n      background: 'rgb(184, 206, 239)'\n    }\n  };\n\n  constructor(attributes: IWeatherBoxAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, WeatherBox.defaultAttributes, attributes));\n  }\n\n  protected render(): void {\n    const {\n      rainRatio,\n      rainIconPath,\n      snowRatio,\n      snowIconPath,\n      rainCountThreshold,\n      snowCountThreshold,\n      windRatio,\n      rainSizeRange,\n      snowSizeRange,\n      rainSpeed,\n      snowSpeed,\n      width,\n      height,\n      rainSnowStyle,\n      rainStyle,\n      snowStyle,\n      defaultStyle,\n      windIconPath,\n      windSize,\n      windSpeed\n    } = this.attribute as IWeatherBoxAttrs;\n\n    if (rainRatio && snowRatio) {\n      this.attribute.background = rainSnowStyle?.background;\n    } else if (rainRatio) {\n      this.attribute.background = rainStyle?.background;\n    } else if (snowRatio) {\n      this.attribute.background = snowStyle?.background;\n    } else {\n      this.attribute.background = defaultStyle?.background;\n    }\n    this.attribute.clip = true;\n\n    // 计算风速导致的偏转角度\n    const windAngle = (-windRatio * Math.PI) / 4;\n\n    const rainGroup = this.createOrUpdateChild('rain-container', { zIndex: 1, width, height }, 'group') as IGroup;\n    if (rainRatio > 0) {\n      this.generateRainOrSnow(\n        'rain',\n        rainRatio,\n        rainCountThreshold,\n        windRatio,\n        rainGroup,\n        rainIconPath,\n        windAngle,\n        rainSizeRange,\n        rainSpeed\n      );\n    }\n    const snowGroup = this.createOrUpdateChild('snow-container', { zIndex: 1, width, height }, 'group') as IGroup;\n    if (snowRatio > 0) {\n      this.generateRainOrSnow(\n        'snow',\n        snowRatio,\n        snowCountThreshold,\n        windRatio,\n        snowGroup,\n        snowIconPath,\n        windAngle,\n        snowSizeRange,\n        snowSpeed\n      );\n    }\n\n    const windGroup = this.createOrUpdateChild('wind-container', { zIndex: 0, width, height }, 'group') as IGroup;\n    if (windRatio > 0) {\n      this.generateWind(windRatio, windIconPath, windGroup, windSize, windSpeed);\n    }\n  }\n\n  protected generateWind(windRatio: number, windIconPath: string, group: IGroup, size: number, speed: number) {\n    const { width, height } = group.attribute;\n\n    const wind = group.createOrUpdateChild(\n      `wind`,\n      {\n        x: (width - size) / 2,\n        y: (height - size) / 2,\n        symbolType: windIconPath,\n        size,\n        fill: 'white',\n        opacity: 0\n      },\n      'symbol'\n    ) as ISymbol;\n\n    const duration = (speed / 4) * 1000;\n\n    wind.animate().to({ opacity: 1 }, duration, 'linear').to({ opacity: 0 }, duration, 'linear').loop(Infinity);\n  }\n\n  protected generateRainOrSnow(\n    type: string,\n    ratio: number,\n    threshold: number,\n    windRatio: number,\n    group: IGroup,\n    path: string,\n    windAngle: number,\n    sizeRange: [number, number],\n    speed: number\n  ) {\n    let { width } = group.attribute;\n    const { height } = group.attribute;\n    let maxCount = Math.round(ratio * threshold);\n    // 由于风速，雨雪粒子会偏转，所以需要增加粒子数量\n    if (windRatio > 0) {\n      maxCount = maxCount * Math.round(1 + windRatio);\n    }\n    width = width * Math.round(1 + windRatio);\n    const uniformRandomX = createUniformRandom(maxCount);\n    const uniformRandomY = createUniformRandom(maxCount);\n    for (let i = 0; i < maxCount; i++) {\n      const x = uniformRandomX();\n      const y = uniformRandomY();\n      const size = sizeRange[0] + random() * (sizeRange[1] - sizeRange[0]);\n\n      const deltaX = windAngle ? height * Math.tan(Math.abs(windAngle)) : 0;\n      const startX = x * width - deltaX;\n      const startY = -y * height;\n      const particle = group.createOrUpdateChild(\n        `${type}-${i}`,\n        {\n          x: startX,\n          y: startY,\n          symbolType: path,\n          size,\n          fill: 'white',\n          angle: windAngle\n        },\n        'symbol'\n      ) as ISymbol;\n      const duration = (1 / speed / 2) * (1 + y) * 1000;\n      let endX = x * width;\n      if (type === 'rain' && windAngle) {\n        endX = startX + (1 + y) * height * Math.tan(Math.abs(windAngle));\n      }\n      particle.animate().to({ x: endX, y: height }, duration, 'linear').loop(Infinity);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/weather/weather-box.ts"],"names":[],"mappings":"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","file":"weather-box.js","sourcesContent":["import { AbstractComponent } from '../core/base';\nimport type { IWeatherBoxAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { merge } from '@visactor/vutils';\nimport { Animate, DefaultTimeline, type IGroup, type ISymbol, type ITimeline } from '@visactor/vrender-core';\n\n// todo 后续可能做成有随机数种子的伪随机，这样可以保证每次都生成一样的随机数\nfunction random() {\n  return Math.random();\n}\n\nfunction createUniformRandom(count: number) {\n  const result: number[] = [];\n  const step = 1 / count;\n  for (let i = 0; i < count; i++) {\n    result.push(((random() - 0.5) * step) / 2 + step * i);\n  }\n  result.sort(() => Math.random() - 0.5);\n  let idx = 0;\n  return function (i?: number) {\n    if (idx > count - 1) {\n      idx = 0;\n    }\n    if (i === void 0) {\n      i = idx;\n      idx++;\n    }\n    return result[i];\n  };\n}\n\nexport class WeatherBox extends AbstractComponent<Required<IWeatherBoxAttrs>> {\n  name: string = 'weatherBox';\n\n  static defaultAttributes: Partial<IWeatherBoxAttrs> = {\n    snowIconPath:\n      'M512 64c24.7 0 44.8 20.1 44.8 44.8v43.1l29.3-15.5c21.9-11.6 49-3.2 60.5 18.7s3.2 49-18.7 60.5l-71.2 37.6v85.2c32 8.2 60.6 25.1 83.1 48l73.8-42.6-3-80.4c-0.9-24.7 18.4-45.5 43.1-46.4 24.7-0.9 45.5 18.4 46.4 43.1l1.2 33.1 37.3-21.5c21.4-12.4 48.8-5 61.2 16.4 12.4 21.4 5 48.8-16.4 61.2l-37.3 21.5 28.1 17.6c21 13.2 27.3 40.8 14.1 61.8-13.2 20.9-40.8 27.3-61.8 14.1l-68.2-42.8-73.6 42.5c4.2 15.3 6.5 31.4 6.5 48s-2.3 32.7-6.5 48l73.8 42.6 68.2-42.8c20.9-13.2 48.6-6.8 61.8 14.1 13.2 21 6.8 48.6-14.1 61.8l-28.1 17.6 37.3 21.5c21.4 12.4 28.8 39.8 16.4 61.2-12.4 21.4-39.8 28.8-61.2 16.4l-37.3-21.5-1.2 33.1c-0.9 24.7-21.7 44-46.4 43.1-24.7-0.9-44-21.7-43.1-46.4l3-80.4-73.8-42.6c-22.5 22.9-51 39.8-83.1 48v85.2l71.2 37.6c21.9 11.6 30.2 38.7 18.7 60.5-11.6 21.9-38.7 30.2-60.5 18.7L557 872.2v43.1c0 24.7-20.1 44.8-44.8 44.8-24.7 0-44.8-20.1-44.8-44.8v-43.1l-29.3 15.5c-21.9 11.6-49 3.2-60.5-18.7-11.6-21.9-3.2-49 18.7-60.5l71.2-37.6v-85.2c-32-8.2-60.6-25.1-83.1-48l-73.8 42.6 3 80.4c0.9 24.7-18.4 45.5-43.1 46.4-24.7 0.9-45.5-18.4-46.4-43.1l-1.2-33.1-37.3 21.5c-21.4 12.4-48.8 5-61.2-16.4s-5-48.8 16.4-61.2l37.3-21.5-28.1-17.6c-21-13.2-27.3-40.8-14.1-61.8 13.2-20.9 40.8-27.3 61.8-14.1l68.2 42.8 73.8-42.6c-4.2-15.3-6.5-31.4-6.5-48s2.3-32.7 6.5-48l-73.8-42.6-68.2 42.8c-21 13.2-48.6 6.8-61.8-14.1-13.2-21-6.8-48.6 14.1-61.8l28.1-17.6-37.3-21.5C119 336.8 111.7 309.4 124 288c12.4-21.4 39.8-28.8 61.2-16.4l37.3 21.5 1.2-33.1c0.9-24.7 21.7-44 46.4-43.1 24.7 0.9 44 21.7 43.1 46.4l-3 80.4 73.8 42.6c22.5-22.9 51-39.8 83.1-48v-85.2L396 215.6c-21.9-11.6-30.2-38.7-18.7-60.5 11.6-21.9 38.7-30.2 60.5-18.7l29.3 15.5v-43.1C467.2 84.1 487.3 64 512 64z m0 537.6c49.5 0 89.6-40.1 89.6-89.6s-40.1-89.6-89.6-89.6-89.6 40.1-89.6 89.6 40.1 89.6 89.6 89.6z',\n    rainIconPath:\n      'M802.94208 583.04c19.328 38.016 29.056 78.336 29.056 120.96a313.216 313.216 0 0 1-44.032 161.536 324.48 324.48 0 0 1-114.56 114.944c-23.552 13.696-49.024 24.32-76.416 32-27.264 7.68-55.68 11.52-84.992 11.52-29.44 0-57.6-3.84-84.992-11.52a331.136 331.136 0 0 1-76.544-32 337.536 337.536 0 0 1-65.024-49.92 337.536 337.536 0 0 1-49.92-65.024 331.136 331.136 0 0 1-32-76.544A313.216 313.216 0 0 1 191.99808 704c0-42.24 9.344-82.56 28.032-120.448L509.43808 0l293.504 583.04z',\n    windIconPath: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M 4.0003 14.0002 L 12.0003 14.0008 M 12.0003 14.0008 C 13.1049 14.0009 14.0003 14.8964 14.0002 16.001 C 14.0001 17.1055 13.1046 18.0009 12 18.0008 L 10.5 18.0007\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n      <path d=\"M 7 10.0002 L 14.5 10.0008 C 15.6046 10.0009 16.5001 9.1055 16.5002 8.001 C 16.5003 6.8964 15.6049 6.0009 14.5003 6.0008 L 13.0003 6.0007\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>`,\n    windRatio: 0,\n    rainRatio: 0,\n    snowRatio: 0,\n    rainCountThreshold: 10,\n    snowCountThreshold: 10,\n    rainSizeRange: [5, 10],\n    snowSizeRange: [5, 13],\n    windSize: 30,\n    rainSpeed: 1,\n    snowSpeed: 0.5,\n    windSpeed: 1,\n    windAnimateEffect: 'fade',\n    rainStyle: {},\n    snowStyle: {},\n    windStyle: {\n      opacity: 0.8\n    },\n    snowRainBottomPadding: 0\n  };\n\n  timeline: ITimeline;\n\n  constructor(attributes: IWeatherBoxAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, WeatherBox.defaultAttributes, attributes));\n    this.timeline = options?.timeline ?? new DefaultTimeline();\n  }\n\n  protected render(): void {\n    const {\n      rainRatio,\n      rainIconPath,\n      snowRatio,\n      snowIconPath,\n      rainCountThreshold,\n      snowCountThreshold,\n      windRatio,\n      rainSizeRange,\n      snowSizeRange,\n      rainSpeed,\n      snowSpeed,\n      width,\n      height,\n      windIconPath,\n      windSize,\n      windSpeed\n    } = this.attribute as IWeatherBoxAttrs;\n\n    this.attribute.clip = true;\n\n    // 计算风速导致的偏转角度\n    const windAngle = (-windRatio * Math.PI) / 4;\n\n    const rainGroup = this.createOrUpdateChild('rain-container', { zIndex: 1, width, height }, 'group') as IGroup;\n    if (rainRatio > 0) {\n      this.generateRainOrSnow(\n        'rain',\n        rainRatio,\n        rainCountThreshold,\n        windRatio,\n        rainGroup,\n        rainIconPath,\n        windAngle,\n        rainSizeRange,\n        rainSpeed\n      );\n    }\n    const snowGroup = this.createOrUpdateChild('snow-container', { zIndex: 1, width, height }, 'group') as IGroup;\n    if (snowRatio > 0) {\n      this.generateRainOrSnow(\n        'snow',\n        snowRatio,\n        snowCountThreshold,\n        windRatio,\n        snowGroup,\n        snowIconPath,\n        windAngle,\n        snowSizeRange,\n        snowSpeed\n      );\n    }\n\n    const windGroup = this.createOrUpdateChild('wind-container', { zIndex: 0, width, height }, 'group') as IGroup;\n    if (windRatio > 0) {\n      this.generateWind(windRatio, windIconPath, windGroup, windSize, windSpeed);\n    }\n  }\n\n  protected generateWind(windRatio: number, windIconPath: string, group: IGroup, size: number, speed: number) {\n    const { width, height } = group.attribute;\n    const { windAnimateEffect, windStyle = {} } = this.attribute;\n\n    let fromAttribute = { opacity: 0, clipRange: 1 };\n    let toAttribute = { opacity: 1, clipRange: 1 };\n    if (windAnimateEffect === 'clipRange') {\n      fromAttribute = { clipRange: 0, opacity: 1 };\n      toAttribute = { clipRange: 1, opacity: 1 };\n    }\n    const wind = group.createOrUpdateChild(\n      `wind`,\n      {\n        x: (width - size) / 2,\n        y: (height - size) / 2,\n        symbolType: windIconPath,\n        size,\n        stroke: 'white',\n        lineWidth: 2,\n        dx: -size / 2,\n        dy: -size / 2,\n        ...windStyle,\n        ...fromAttribute\n      },\n      'symbol'\n    ) as ISymbol;\n\n    const duration = (speed / 4) * 1000;\n\n    new Animate(void 0, this.timeline)\n      .bind(wind)\n      .to(fromAttribute, duration, 'linear')\n      .to(toAttribute, duration, 'linear')\n      .wait(duration / 2)\n      .loop(Infinity);\n  }\n\n  protected generateRainOrSnow(\n    type: string,\n    ratio: number,\n    threshold: number,\n    windRatio: number,\n    group: IGroup,\n    path: string,\n    windAngle: number,\n    sizeRange: [number, number],\n    speed: number\n  ) {\n    let { width } = group.attribute;\n    const { height } = group.attribute;\n    const { snowRainBottomPadding, rainStyle = {}, snowStyle = {} } = this.attribute;\n    let maxCount = Math.round(ratio * threshold);\n    // 由于风速，雨雪粒子会偏转，所以需要增加粒子数量\n    if (windRatio > 0) {\n      maxCount = maxCount * Math.round(1 + windRatio);\n    }\n    width = width * Math.round(1 + windRatio);\n    const uniformRandomX = createUniformRandom(maxCount);\n    const uniformRandomY = createUniformRandom(maxCount);\n    for (let i = 0; i < maxCount; i++) {\n      const x = uniformRandomX();\n      const y = uniformRandomY();\n      const size = sizeRange[0] + random() * (sizeRange[1] - sizeRange[0]);\n\n      const deltaX = windAngle ? height * Math.tan(Math.abs(windAngle)) : 0;\n      const startX = x * width - deltaX;\n      const startY = -y * height;\n      const particle = group.createOrUpdateChild(\n        `${type}-${i}`,\n        {\n          x: startX,\n          y: startY,\n          symbolType: path,\n          size,\n          fill: 'white',\n          angle: windAngle,\n          ...(type === 'rain' ? rainStyle : snowStyle)\n        },\n        'symbol'\n      ) as ISymbol;\n      const duration = (1 / speed / 2) * (1 + y) * 1000;\n      let endX = x * width;\n      if (type === 'rain' && windAngle) {\n        endX = startX + (1 + y) * height * Math.tan(Math.abs(windAngle));\n      }\n      new Animate(void 0, this.timeline)\n        .bind(particle)\n        .to({ x: endX, y: height - snowRainBottomPadding }, duration, 'linear')\n        .loop(Infinity);\n      new Animate(void 0, this.timeline).bind(particle).to({ opacity: 0 }, duration, 'quintIn').loop(Infinity);\n    }\n  }\n}\n"]}

package/dist/index.es.js

@@ -4069,7 +4069,7 @@ class SubAnimate {
     (null == duration || duration < 0) && (duration = 0);
     const easingFunc = "string" == typeof easing ? Easing[easing] : easing,
       step = this._addStep(duration, null, easingFunc);
-    return step.type = AnimateStepType.to, this._appendProps(props, step, !!params && params.tempProps), step.propKeys || (step.propKeys = Object.keys(step.props)), params && params.noPreventAttrs || this.target.animates.forEach(a => {
+    return step.type = AnimateStepType.to, this._appendProps(props, step, !!params && params.tempProps), step.propKeys || (step.propKeys = Object.keys(step.props)), params && params.noPreventAttrs || this.target.animates && this.target.animates.forEach(a => {
       a.id !== this.animate.id && a.preventAttrs(step.propKeys);
     }), this;
   }
@@ -29606,23 +29606,13 @@ function createUniformRandom(count) {
 }
 class WeatherBox extends AbstractComponent {
     constructor(attributes, options) {
+        var _a;
         super((options === null || options === void 0 ? void 0 : options.skipDefault) ? attributes : merge({}, WeatherBox.defaultAttributes, attributes));
         this.name = 'weatherBox';
+        this.timeline = (_a = options === null || options === void 0 ? void 0 : options.timeline) !== null && _a !== void 0 ? _a : new DefaultTimeline();
     }
     render() {
-        const { rainRatio, rainIconPath, snowRatio, snowIconPath, rainCountThreshold, snowCountThreshold, windRatio, rainSizeRange, snowSizeRange, rainSpeed, snowSpeed, width, height, rainSnowStyle, rainStyle, snowStyle, defaultStyle, windIconPath, windSize, windSpeed } = this.attribute;
-        if (rainRatio && snowRatio) {
-            this.attribute.background = rainSnowStyle === null || rainSnowStyle === void 0 ? void 0 : rainSnowStyle.background;
-        }
-        else if (rainRatio) {
-            this.attribute.background = rainStyle === null || rainStyle === void 0 ? void 0 : rainStyle.background;
-        }
-        else if (snowRatio) {
-            this.attribute.background = snowStyle === null || snowStyle === void 0 ? void 0 : snowStyle.background;
-        }
-        else {
-            this.attribute.background = defaultStyle === null || defaultStyle === void 0 ? void 0 : defaultStyle.background;
-        }
+        const { rainRatio, rainIconPath, snowRatio, snowIconPath, rainCountThreshold, snowCountThreshold, windRatio, rainSizeRange, snowSizeRange, rainSpeed, snowSpeed, width, height, windIconPath, windSize, windSpeed } = this.attribute;
         this.attribute.clip = true;
         const windAngle = (-windRatio * Math.PI) / 4;
         const rainGroup = this.createOrUpdateChild('rain-container', { zIndex: 1, width, height }, 'group');
@@ -29640,20 +29630,26 @@ class WeatherBox extends AbstractComponent {
     }
     generateWind(windRatio, windIconPath, group, size, speed) {
         const { width, height } = group.attribute;
-        const wind = group.createOrUpdateChild(`wind`, {
-            x: (width - size) / 2,
-            y: (height - size) / 2,
-            symbolType: windIconPath,
-            size,
-            fill: 'white',
-            opacity: 0
-        }, 'symbol');
+        const { windAnimateEffect, windStyle = {} } = this.attribute;
+        let fromAttribute = { opacity: 0, clipRange: 1 };
+        let toAttribute = { opacity: 1, clipRange: 1 };
+        if (windAnimateEffect === 'clipRange') {
+            fromAttribute = { clipRange: 0, opacity: 1 };
+            toAttribute = { clipRange: 1, opacity: 1 };
+        }
+        const wind = group.createOrUpdateChild(`wind`, Object.assign(Object.assign({ x: (width - size) / 2, y: (height - size) / 2, symbolType: windIconPath, size, stroke: 'white', lineWidth: 2, dx: -size / 2, dy: -size / 2 }, windStyle), fromAttribute), 'symbol');
         const duration = (speed / 4) * 1000;
-        wind.animate().to({ opacity: 1 }, duration, 'linear').to({ opacity: 0 }, duration, 'linear').loop(Infinity);
+        new Animate(void 0, this.timeline)
+            .bind(wind)
+            .to(fromAttribute, duration, 'linear')
+            .to(toAttribute, duration, 'linear')
+            .wait(duration / 2)
+            .loop(Infinity);
     }
     generateRainOrSnow(type, ratio, threshold, windRatio, group, path, windAngle, sizeRange, speed) {
         let { width } = group.attribute;
         const { height } = group.attribute;
+        const { snowRainBottomPadding, rainStyle = {}, snowStyle = {} } = this.attribute;
         let maxCount = Math.round(ratio * threshold);
         if (windRatio > 0) {
             maxCount = maxCount * Math.round(1 + windRatio);
@@ -29668,27 +29664,27 @@ class WeatherBox extends AbstractComponent {
             const deltaX = windAngle ? height * Math.tan(Math.abs(windAngle)) : 0;
             const startX = x * width - deltaX;
             const startY = -y * height;
-            const particle = group.createOrUpdateChild(`${type}-${i}`, {
-                x: startX,
-                y: startY,
-                symbolType: path,
-                size,
-                fill: 'white',
-                angle: windAngle
-            }, 'symbol');
+            const particle = group.createOrUpdateChild(`${type}-${i}`, Object.assign({ x: startX, y: startY, symbolType: path, size, fill: 'white', angle: windAngle }, (type === 'rain' ? rainStyle : snowStyle)), 'symbol');
             const duration = (1 / speed / 2) * (1 + y) * 1000;
             let endX = x * width;
             if (type === 'rain' && windAngle) {
                 endX = startX + (1 + y) * height * Math.tan(Math.abs(windAngle));
             }
-            particle.animate().to({ x: endX, y: height }, duration, 'linear').loop(Infinity);
+            new Animate(void 0, this.timeline)
+                .bind(particle)
+                .to({ x: endX, y: height - snowRainBottomPadding }, duration, 'linear')
+                .loop(Infinity);
+            new Animate(void 0, this.timeline).bind(particle).to({ opacity: 0 }, duration, 'quintIn').loop(Infinity);
         }
     }
 }
 WeatherBox.defaultAttributes = {
     snowIconPath: 'M512 64c24.7 0 44.8 20.1 44.8 44.8v43.1l29.3-15.5c21.9-11.6 49-3.2 60.5 18.7s3.2 49-18.7 60.5l-71.2 37.6v85.2c32 8.2 60.6 25.1 83.1 48l73.8-42.6-3-80.4c-0.9-24.7 18.4-45.5 43.1-46.4 24.7-0.9 45.5 18.4 46.4 43.1l1.2 33.1 37.3-21.5c21.4-12.4 48.8-5 61.2 16.4 12.4 21.4 5 48.8-16.4 61.2l-37.3 21.5 28.1 17.6c21 13.2 27.3 40.8 14.1 61.8-13.2 20.9-40.8 27.3-61.8 14.1l-68.2-42.8-73.6 42.5c4.2 15.3 6.5 31.4 6.5 48s-2.3 32.7-6.5 48l73.8 42.6 68.2-42.8c20.9-13.2 48.6-6.8 61.8 14.1 13.2 21 6.8 48.6-14.1 61.8l-28.1 17.6 37.3 21.5c21.4 12.4 28.8 39.8 16.4 61.2-12.4 21.4-39.8 28.8-61.2 16.4l-37.3-21.5-1.2 33.1c-0.9 24.7-21.7 44-46.4 43.1-24.7-0.9-44-21.7-43.1-46.4l3-80.4-73.8-42.6c-22.5 22.9-51 39.8-83.1 48v85.2l71.2 37.6c21.9 11.6 30.2 38.7 18.7 60.5-11.6 21.9-38.7 30.2-60.5 18.7L557 872.2v43.1c0 24.7-20.1 44.8-44.8 44.8-24.7 0-44.8-20.1-44.8-44.8v-43.1l-29.3 15.5c-21.9 11.6-49 3.2-60.5-18.7-11.6-21.9-3.2-49 18.7-60.5l71.2-37.6v-85.2c-32-8.2-60.6-25.1-83.1-48l-73.8 42.6 3 80.4c0.9 24.7-18.4 45.5-43.1 46.4-24.7 0.9-45.5-18.4-46.4-43.1l-1.2-33.1-37.3 21.5c-21.4 12.4-48.8 5-61.2-16.4s-5-48.8 16.4-61.2l37.3-21.5-28.1-17.6c-21-13.2-27.3-40.8-14.1-61.8 13.2-20.9 40.8-27.3 61.8-14.1l68.2 42.8 73.8-42.6c-4.2-15.3-6.5-31.4-6.5-48s2.3-32.7 6.5-48l-73.8-42.6-68.2 42.8c-21 13.2-48.6 6.8-61.8-14.1-13.2-21-6.8-48.6 14.1-61.8l28.1-17.6-37.3-21.5C119 336.8 111.7 309.4 124 288c12.4-21.4 39.8-28.8 61.2-16.4l37.3 21.5 1.2-33.1c0.9-24.7 21.7-44 46.4-43.1 24.7 0.9 44 21.7 43.1 46.4l-3 80.4 73.8 42.6c22.5-22.9 51-39.8 83.1-48v-85.2L396 215.6c-21.9-11.6-30.2-38.7-18.7-60.5 11.6-21.9 38.7-30.2 60.5-18.7l29.3 15.5v-43.1C467.2 84.1 487.3 64 512 64z m0 537.6c49.5 0 89.6-40.1 89.6-89.6s-40.1-89.6-89.6-89.6-89.6 40.1-89.6 89.6 40.1 89.6 89.6 89.6z',
     rainIconPath: 'M802.94208 583.04c19.328 38.016 29.056 78.336 29.056 120.96a313.216 313.216 0 0 1-44.032 161.536 324.48 324.48 0 0 1-114.56 114.944c-23.552 13.696-49.024 24.32-76.416 32-27.264 7.68-55.68 11.52-84.992 11.52-29.44 0-57.6-3.84-84.992-11.52a331.136 331.136 0 0 1-76.544-32 337.536 337.536 0 0 1-65.024-49.92 337.536 337.536 0 0 1-49.92-65.024 331.136 331.136 0 0 1-32-76.544A313.216 313.216 0 0 1 191.99808 704c0-42.24 9.344-82.56 28.032-120.448L509.43808 0l293.504 583.04z',
-    windIconPath: 'M686.624 143.072h-150.816a40.352 40.352 0 1 0 0 80.608h150.816a80.672 80.672 0 1 1 0 161.184H226.624a40.352 40.352 0 1 0 0 80.608h460a161.344 161.344 0 1 0 0-322.4z m168.768 725.344h-126.72a40.352 40.352 0 1 1 0-80.576h126.56a80.672 80.672 0 1 0 0-161.184H42.176a40.352 40.352 0 1 1 0-80.608h813.056a161.344 161.344 0 1 1 0 322.368z',
+    windIconPath: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M 4.0003 14.0002 L 12.0003 14.0008 M 12.0003 14.0008 C 13.1049 14.0009 14.0003 14.8964 14.0002 16.001 C 14.0001 17.1055 13.1046 18.0009 12 18.0008 L 10.5 18.0007" stroke-linecap="round" stroke-linejoin="round"/>
+      <path d="M 7 10.0002 L 14.5 10.0008 C 15.6046 10.0009 16.5001 9.1055 16.5002 8.001 C 16.5003 6.8964 15.6049 6.0009 14.5003 6.0008 L 13.0003 6.0007" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>`,
     windRatio: 0,
     rainRatio: 0,
     snowRatio: 0,
@@ -29700,20 +29696,15 @@ WeatherBox.defaultAttributes = {
     rainSpeed: 1,
     snowSpeed: 0.5,
     windSpeed: 1,
-    rainStyle: {
-        background: 'rgb(135, 160, 225)'
-    },
-    snowStyle: {
-        background: 'rgb(64, 68, 144)'
+    windAnimateEffect: 'fade',
+    rainStyle: {},
+    snowStyle: {},
+    windStyle: {
+        opacity: 0.8
     },
-    rainSnowStyle: {
-        background: 'rgb(130, 190, 210)'
-    },
-    defaultStyle: {
-        background: 'rgb(184, 206, 239)'
-    }
+    snowRainBottomPadding: 0
 };
 
-const version = "0.20.11-alpha.2";
+const version = "0.20.11-alpha.3";
 
 export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Timeline, Title, Tooltip, TopZIndex, VTag, WeatherBox, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getAxisBreakSymbolAttrs, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, hasOverlap, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, textIntersect, ticks, traverseGroup, version };

package/es/brush/brush.js

@@ -194,5 +194,4 @@ export class Brush extends AbstractComponent {
     }
 }
 
-Brush.defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;
-//# sourceMappingURL=brush.js.map
+Brush.defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;

package/es/brush/type.js

@@ -4,4 +4,5 @@ export var IOperateType;
     IOperateType.drawStart = "drawStart", IOperateType.drawEnd = "drawEnd", IOperateType.drawing = "drawing", 
     IOperateType.moving = "moving", IOperateType.moveStart = "moveStart", IOperateType.moveEnd = "moveEnd", 
     IOperateType.brushClear = "brushClear";
-}(IOperateType || (IOperateType = {}));
+}(IOperateType || (IOperateType = {}));
+//# sourceMappingURL=type.js.map

package/es/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.20.11-alpha.2";
+export declare const version = "0.20.11-alpha.3";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.20.11-alpha.2";
+export const version = "0.20.11-alpha.3";
 
 export * from "./core/base";
 

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,iBAAiB,CAAC;AAEzC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.20.11-alpha.2\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,iBAAiB,CAAC;AAEzC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.20.11-alpha.3\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\n"]}

package/es/interface.d.ts

@@ -1,4 +1,4 @@
-import type { ICustomPath2D, IGraphicAttribute, IGroup, IRectGraphicAttribute } from '@visactor/vrender-core';
+import type { ICustomPath2D, IGraphicAttribute, IGroup, IRectGraphicAttribute, ITimeline } from '@visactor/vrender-core';
 export type Direction = 'horizontal' | 'vertical';
 export type OrientType = 'top' | 'right' | 'bottom' | 'left';
 export type BackgroundAttributes = {
@@ -9,4 +9,5 @@ export type IDelayType = 'debounce' | 'throttle';
 export interface ComponentOptions {
     skipDefault?: boolean;
     mode?: '2d' | '3d';
+    timeline?: ITimeline;
 }

package/es/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n  ICustomPath2D,\n  IGraphicAttribute,\n  IGroup,\n  IRectGraphicAttribute,\n  IRichText,\n  IText\n} from '@visactor/vrender-core';\nimport type { TextContent } from './core/type';\n\nexport type Direction = 'horizontal' | 'vertical';\n\nexport type OrientType = 'top' | 'right' | 'bottom' | 'left';\n\nexport type BackgroundAttributes = {\n  /**\n   * 是否绘制背景层\n   */\n  visible: boolean;\n  /**\n   * 自定义路径\n   * @since 0.19.19\n   */\n  customShape?: (container: IGroup, attrs: Partial<IGraphicAttribute>, path: ICustomPath2D) => ICustomPath2D;\n} & Partial<IRectGraphicAttribute>;\n\nexport type IDelayType = 'debounce' | 'throttle';\n\nexport interface ComponentOptions {\n  /** skip default attributes of component */\n  skipDefault?: boolean;\n  /** the mode of component, only axis support 3d mode now */\n  mode?: '2d' | '3d';\n}\n"]}
+{"version":3,"sources":["../src/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n  ICustomPath2D,\n  IGraphicAttribute,\n  IGroup,\n  IRectGraphicAttribute,\n  IRichText,\n  IText,\n  ITimeline\n} from '@visactor/vrender-core';\nimport type { TextContent } from './core/type';\n\nexport type Direction = 'horizontal' | 'vertical';\n\nexport type OrientType = 'top' | 'right' | 'bottom' | 'left';\n\nexport type BackgroundAttributes = {\n  /**\n   * 是否绘制背景层\n   */\n  visible: boolean;\n  /**\n   * 自定义路径\n   * @since 0.19.19\n   */\n  customShape?: (container: IGroup, attrs: Partial<IGraphicAttribute>, path: ICustomPath2D) => ICustomPath2D;\n} & Partial<IRectGraphicAttribute>;\n\nexport type IDelayType = 'debounce' | 'throttle';\n\nexport interface ComponentOptions {\n  /** skip default attributes of component */\n  skipDefault?: boolean;\n  /** the mode of component, only axis support 3d mode now */\n  mode?: '2d' | '3d';\n  /* 传递一个独立的timeline */\n  timeline?: ITimeline;\n}\n"]}

package/es/weather/type.d.ts

@@ -1,4 +1,4 @@
-import type { IGroupGraphicAttribute } from '@visactor/vrender-core';
+import type { IGroupGraphicAttribute, ISymbolGraphicAttribute } from '@visactor/vrender-core';
 export interface IWeatherBoxAttrs extends IGroupGraphicAttribute {
     rainIconPath?: string;
     snowIconPath?: string;
@@ -11,21 +11,14 @@ export interface IWeatherBoxAttrs extends IGroupGraphicAttribute {
     rainSpeed?: number;
     snowSpeed?: number;
     windSpeed?: number;
+    snowRainBottomPadding?: number;
     rainRatio?: number;
     rainCountThreshold?: number;
     snowRatio?: number;
     snowCountThreshold?: number;
     windRatio?: number;
-    rainStyle?: {
-        background?: string;
-    };
-    snowStyle?: {
-        background?: string;
-    };
-    rainSnowStyle?: {
-        background?: string;
-    };
-    defaultStyle?: {
-        background?: string;
-    };
+    windAnimateEffect?: 'fade' | 'clipRange';
+    rainStyle?: ISymbolGraphicAttribute;
+    snowStyle?: ISymbolGraphicAttribute;
+    windStyle?: ISymbolGraphicAttribute;
 }

package/es/weather/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/weather/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute } from '@visactor/vrender-core';\n\nexport interface IWeatherBoxAttrs extends IGroupGraphicAttribute {\n  rainIconPath?: string;\n  snowIconPath?: string;\n  windIconPath?: string;\n  width: number;\n  height: number;\n  rainSizeRange?: [number, number];\n  snowSizeRange?: [number, number];\n  windSize?: number;\n  rainSpeed?: number;\n  snowSpeed?: number;\n  windSpeed?: number;\n\n  rainRatio?: number;\n  rainCountThreshold?: number;\n  snowRatio?: number;\n  snowCountThreshold?: number;\n  windRatio?: number;\n\n  rainStyle?: {\n    background?: string;\n  };\n  snowStyle?: {\n    background?: string;\n  };\n  rainSnowStyle?: {\n    background?: string;\n  };\n  defaultStyle?: {\n    background?: string;\n  };\n}\n"]}
+{"version":3,"sources":["../src/weather/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, IRectGraphicAttribute, ISymbolGraphicAttribute } from '@visactor/vrender-core';\n\nexport interface IWeatherBoxAttrs extends IGroupGraphicAttribute {\n  rainIconPath?: string;\n  snowIconPath?: string;\n  windIconPath?: string;\n  width: number;\n  height: number;\n  rainSizeRange?: [number, number];\n  snowSizeRange?: [number, number];\n  windSize?: number;\n  rainSpeed?: number;\n  snowSpeed?: number;\n  windSpeed?: number;\n\n  snowRainBottomPadding?: number;\n\n  rainRatio?: number;\n  rainCountThreshold?: number;\n  snowRatio?: number;\n  snowCountThreshold?: number;\n  windRatio?: number;\n\n  windAnimateEffect?: 'fade' | 'clipRange';\n\n  rainStyle?: ISymbolGraphicAttribute;\n  snowStyle?: ISymbolGraphicAttribute;\n  windStyle?: ISymbolGraphicAttribute;\n}\n"]}

package/es/weather/weather-box.d.ts

@@ -1,10 +1,11 @@
 import { AbstractComponent } from '../core/base';
 import type { IWeatherBoxAttrs } from './type';
 import type { ComponentOptions } from '../interface';
-import type { IGroup } from '@visactor/vrender-core';
+import { type IGroup, type ITimeline } from '@visactor/vrender-core';
 export declare class WeatherBox extends AbstractComponent<Required<IWeatherBoxAttrs>> {
     name: string;
     static defaultAttributes: Partial<IWeatherBoxAttrs>;
+    timeline: ITimeline;
     constructor(attributes: IWeatherBoxAttrs, options?: ComponentOptions);
     protected render(): void;
     protected generateWind(windRatio: number, windIconPath: string, group: IGroup, size: number, speed: number): void;

package/es/weather/weather-box.js

@@ -2,6 +2,8 @@ import { AbstractComponent } from "../core/base";
 
 import { merge } from "@visactor/vutils";
 
+import { Animate, DefaultTimeline } from "@visactor/vrender-core";
+
 function random() {
     return Math.random();
 }
@@ -18,12 +20,12 @@ function createUniformRandom(count) {
 
 export class WeatherBox extends AbstractComponent {
     constructor(attributes, options) {
+        var _a;
         super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, WeatherBox.defaultAttributes, attributes)), 
-        this.name = "weatherBox";
+        this.name = "weatherBox", this.timeline = null !== (_a = null == options ? void 0 : options.timeline) && void 0 !== _a ? _a : new DefaultTimeline;
     }
     render() {
-        const {rainRatio: rainRatio, rainIconPath: rainIconPath, snowRatio: snowRatio, snowIconPath: snowIconPath, rainCountThreshold: rainCountThreshold, snowCountThreshold: snowCountThreshold, windRatio: windRatio, rainSizeRange: rainSizeRange, snowSizeRange: snowSizeRange, rainSpeed: rainSpeed, snowSpeed: snowSpeed, width: width, height: height, rainSnowStyle: rainSnowStyle, rainStyle: rainStyle, snowStyle: snowStyle, defaultStyle: defaultStyle, windIconPath: windIconPath, windSize: windSize, windSpeed: windSpeed} = this.attribute;
-        this.attribute.background = rainRatio && snowRatio ? null == rainSnowStyle ? void 0 : rainSnowStyle.background : rainRatio ? null == rainStyle ? void 0 : rainStyle.background : snowRatio ? null == snowStyle ? void 0 : snowStyle.background : null == defaultStyle ? void 0 : defaultStyle.background, 
+        const {rainRatio: rainRatio, rainIconPath: rainIconPath, snowRatio: snowRatio, snowIconPath: snowIconPath, rainCountThreshold: rainCountThreshold, snowCountThreshold: snowCountThreshold, windRatio: windRatio, rainSizeRange: rainSizeRange, snowSizeRange: snowSizeRange, rainSpeed: rainSpeed, snowSpeed: snowSpeed, width: width, height: height, windIconPath: windIconPath, windSize: windSize, windSpeed: windSpeed} = this.attribute;
         this.attribute.clip = !0;
         const windAngle = -windRatio * Math.PI / 4, rainGroup = this.createOrUpdateChild("rain-container", {
             zIndex: 1,
@@ -45,41 +47,56 @@ export class WeatherBox extends AbstractComponent {
         windRatio > 0 && this.generateWind(windRatio, windIconPath, windGroup, windSize, windSpeed);
     }
     generateWind(windRatio, windIconPath, group, size, speed) {
-        const {width: width, height: height} = group.attribute, duration = speed / 4 * 1e3;
-        group.createOrUpdateChild("wind", {
+        const {width: width, height: height} = group.attribute, {windAnimateEffect: windAnimateEffect, windStyle: windStyle = {}} = this.attribute;
+        let fromAttribute = {
+            opacity: 0,
+            clipRange: 1
+        }, toAttribute = {
+            opacity: 1,
+            clipRange: 1
+        };
+        "clipRange" === windAnimateEffect && (fromAttribute = {
+            clipRange: 0,
+            opacity: 1
+        }, toAttribute = {
+            clipRange: 1,
+            opacity: 1
+        });
+        const wind = group.createOrUpdateChild("wind", Object.assign(Object.assign({
             x: (width - size) / 2,
             y: (height - size) / 2,
             symbolType: windIconPath,
             size: size,
-            fill: "white",
-            opacity: 0
-        }, "symbol").animate().to({
-            opacity: 1
-        }, duration, "linear").to({
-            opacity: 0
-        }, duration, "linear").loop(1 / 0);
+            stroke: "white",
+            lineWidth: 2,
+            dx: -size / 2,
+            dy: -size / 2
+        }, windStyle), fromAttribute), "symbol"), duration = speed / 4 * 1e3;
+        new Animate(void 0, this.timeline).bind(wind).to(fromAttribute, duration, "linear").to(toAttribute, duration, "linear").wait(duration / 2).loop(1 / 0);
     }
     generateRainOrSnow(type, ratio, threshold, windRatio, group, path, windAngle, sizeRange, speed) {
         let {width: width} = group.attribute;
-        const {height: height} = group.attribute;
+        const {height: height} = group.attribute, {snowRainBottomPadding: snowRainBottomPadding, rainStyle: rainStyle = {}, snowStyle: snowStyle = {}} = this.attribute;
         let maxCount = Math.round(ratio * threshold);
         windRatio > 0 && (maxCount *= Math.round(1 + windRatio)), width *= Math.round(1 + windRatio);
         const uniformRandomX = createUniformRandom(maxCount), uniformRandomY = createUniformRandom(maxCount);
         for (let i = 0; i < maxCount; i++) {
-            const x = uniformRandomX(), y = uniformRandomY(), size = sizeRange[0] + random() * (sizeRange[1] - sizeRange[0]), startX = x * width - (windAngle ? height * Math.tan(Math.abs(windAngle)) : 0), startY = -y * height, particle = group.createOrUpdateChild(`${type}-${i}`, {
+            const x = uniformRandomX(), y = uniformRandomY(), size = sizeRange[0] + random() * (sizeRange[1] - sizeRange[0]), startX = x * width - (windAngle ? height * Math.tan(Math.abs(windAngle)) : 0), startY = -y * height, particle = group.createOrUpdateChild(`${type}-${i}`, Object.assign({
                 x: startX,
                 y: startY,
                 symbolType: path,
                 size: size,
                 fill: "white",
                 angle: windAngle
-            }, "symbol"), duration = 1 / speed / 2 * (1 + y) * 1e3;
+            }, "rain" === type ? rainStyle : snowStyle), "symbol"), duration = 1 / speed / 2 * (1 + y) * 1e3;
             let endX = x * width;
             "rain" === type && windAngle && (endX = startX + (1 + y) * height * Math.tan(Math.abs(windAngle))), 
-            particle.animate().to({
+            new Animate(void 0, this.timeline).bind(particle).to({
                 x: endX,
-                y: height
-            }, duration, "linear").loop(1 / 0);
+                y: height - snowRainBottomPadding
+            }, duration, "linear").loop(1 / 0), new Animate(void 0, this.timeline).bind(particle).to({
+                opacity: 0
+            }, duration, "quintIn").loop(1 / 0);
         }
     }
 }
@@ -87,7 +104,7 @@ export class WeatherBox extends AbstractComponent {
 WeatherBox.defaultAttributes = {
     snowIconPath: "M512 64c24.7 0 44.8 20.1 44.8 44.8v43.1l29.3-15.5c21.9-11.6 49-3.2 60.5 18.7s3.2 49-18.7 60.5l-71.2 37.6v85.2c32 8.2 60.6 25.1 83.1 48l73.8-42.6-3-80.4c-0.9-24.7 18.4-45.5 43.1-46.4 24.7-0.9 45.5 18.4 46.4 43.1l1.2 33.1 37.3-21.5c21.4-12.4 48.8-5 61.2 16.4 12.4 21.4 5 48.8-16.4 61.2l-37.3 21.5 28.1 17.6c21 13.2 27.3 40.8 14.1 61.8-13.2 20.9-40.8 27.3-61.8 14.1l-68.2-42.8-73.6 42.5c4.2 15.3 6.5 31.4 6.5 48s-2.3 32.7-6.5 48l73.8 42.6 68.2-42.8c20.9-13.2 48.6-6.8 61.8 14.1 13.2 21 6.8 48.6-14.1 61.8l-28.1 17.6 37.3 21.5c21.4 12.4 28.8 39.8 16.4 61.2-12.4 21.4-39.8 28.8-61.2 16.4l-37.3-21.5-1.2 33.1c-0.9 24.7-21.7 44-46.4 43.1-24.7-0.9-44-21.7-43.1-46.4l3-80.4-73.8-42.6c-22.5 22.9-51 39.8-83.1 48v85.2l71.2 37.6c21.9 11.6 30.2 38.7 18.7 60.5-11.6 21.9-38.7 30.2-60.5 18.7L557 872.2v43.1c0 24.7-20.1 44.8-44.8 44.8-24.7 0-44.8-20.1-44.8-44.8v-43.1l-29.3 15.5c-21.9 11.6-49 3.2-60.5-18.7-11.6-21.9-3.2-49 18.7-60.5l71.2-37.6v-85.2c-32-8.2-60.6-25.1-83.1-48l-73.8 42.6 3 80.4c0.9 24.7-18.4 45.5-43.1 46.4-24.7 0.9-45.5-18.4-46.4-43.1l-1.2-33.1-37.3 21.5c-21.4 12.4-48.8 5-61.2-16.4s-5-48.8 16.4-61.2l37.3-21.5-28.1-17.6c-21-13.2-27.3-40.8-14.1-61.8 13.2-20.9 40.8-27.3 61.8-14.1l68.2 42.8 73.8-42.6c-4.2-15.3-6.5-31.4-6.5-48s2.3-32.7 6.5-48l-73.8-42.6-68.2 42.8c-21 13.2-48.6 6.8-61.8-14.1-13.2-21-6.8-48.6 14.1-61.8l28.1-17.6-37.3-21.5C119 336.8 111.7 309.4 124 288c12.4-21.4 39.8-28.8 61.2-16.4l37.3 21.5 1.2-33.1c0.9-24.7 21.7-44 46.4-43.1 24.7 0.9 44 21.7 43.1 46.4l-3 80.4 73.8 42.6c22.5-22.9 51-39.8 83.1-48v-85.2L396 215.6c-21.9-11.6-30.2-38.7-18.7-60.5 11.6-21.9 38.7-30.2 60.5-18.7l29.3 15.5v-43.1C467.2 84.1 487.3 64 512 64z m0 537.6c49.5 0 89.6-40.1 89.6-89.6s-40.1-89.6-89.6-89.6-89.6 40.1-89.6 89.6 40.1 89.6 89.6 89.6z",
     rainIconPath: "M802.94208 583.04c19.328 38.016 29.056 78.336 29.056 120.96a313.216 313.216 0 0 1-44.032 161.536 324.48 324.48 0 0 1-114.56 114.944c-23.552 13.696-49.024 24.32-76.416 32-27.264 7.68-55.68 11.52-84.992 11.52-29.44 0-57.6-3.84-84.992-11.52a331.136 331.136 0 0 1-76.544-32 337.536 337.536 0 0 1-65.024-49.92 337.536 337.536 0 0 1-49.92-65.024 331.136 331.136 0 0 1-32-76.544A313.216 313.216 0 0 1 191.99808 704c0-42.24 9.344-82.56 28.032-120.448L509.43808 0l293.504 583.04z",
-    windIconPath: "M686.624 143.072h-150.816a40.352 40.352 0 1 0 0 80.608h150.816a80.672 80.672 0 1 1 0 161.184H226.624a40.352 40.352 0 1 0 0 80.608h460a161.344 161.344 0 1 0 0-322.4z m168.768 725.344h-126.72a40.352 40.352 0 1 1 0-80.576h126.56a80.672 80.672 0 1 0 0-161.184H42.176a40.352 40.352 0 1 1 0-80.608h813.056a161.344 161.344 0 1 1 0 322.368z",
+    windIconPath: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n      <path d="M 4.0003 14.0002 L 12.0003 14.0008 M 12.0003 14.0008 C 13.1049 14.0009 14.0003 14.8964 14.0002 16.001 C 14.0001 17.1055 13.1046 18.0009 12 18.0008 L 10.5 18.0007" stroke-linecap="round" stroke-linejoin="round"/>\n      <path d="M 7 10.0002 L 14.5 10.0008 C 15.6046 10.0009 16.5001 9.1055 16.5002 8.001 C 16.5003 6.8964 15.6049 6.0009 14.5003 6.0008 L 13.0003 6.0007" stroke-linecap="round" stroke-linejoin="round"/>\n    </svg>',
     windRatio: 0,
     rainRatio: 0,
     snowRatio: 0,
@@ -99,17 +116,12 @@ WeatherBox.defaultAttributes = {
     rainSpeed: 1,
     snowSpeed: .5,
     windSpeed: 1,
-    rainStyle: {
-        background: "rgb(135, 160, 225)"
+    windAnimateEffect: "fade",
+    rainStyle: {},
+    snowStyle: {},
+    windStyle: {
+        opacity: .8
     },
-    snowStyle: {
-        background: "rgb(64, 68, 144)"
-    },
-    rainSnowStyle: {
-        background: "rgb(130, 190, 210)"
-    },
-    defaultStyle: {
-        background: "rgb(184, 206, 239)"
-    }
+    snowRainBottomPadding: 0
 };
 //# sourceMappingURL=weather-box.js.map

package/es/weather/weather-box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/weather/weather-box.ts"],"names":[],"mappings":"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","file":"weather-box.js","sourcesContent":["import { AbstractComponent } from '../core/base';\nimport type { IWeatherBoxAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { merge } from '@visactor/vutils';\nimport type { IGroup, ISymbol } from '@visactor/vrender-core';\nimport { IGraphic } from '@visactor/vrender-core';\n\n// todo 后续可能做成有随机数种子的伪随机，这样可以保证每次都生成一样的随机数\nfunction random() {\n  return Math.random();\n}\n\nfunction createUniformRandom(count: number) {\n  const result: number[] = [];\n  const step = 1 / count;\n  for (let i = 0; i < count; i++) {\n    result.push(((random() - 0.5) * step) / 2 + step * i);\n  }\n  result.sort(() => Math.random() - 0.5);\n  let idx = 0;\n  return function (i?: number) {\n    if (idx > count - 1) {\n      idx = 0;\n    }\n    if (i === void 0) {\n      i = idx;\n      idx++;\n    }\n    return result[i];\n  };\n}\n\nexport class WeatherBox extends AbstractComponent<Required<IWeatherBoxAttrs>> {\n  name: string = 'weatherBox';\n\n  static defaultAttributes: Partial<IWeatherBoxAttrs> = {\n    snowIconPath:\n      'M512 64c24.7 0 44.8 20.1 44.8 44.8v43.1l29.3-15.5c21.9-11.6 49-3.2 60.5 18.7s3.2 49-18.7 60.5l-71.2 37.6v85.2c32 8.2 60.6 25.1 83.1 48l73.8-42.6-3-80.4c-0.9-24.7 18.4-45.5 43.1-46.4 24.7-0.9 45.5 18.4 46.4 43.1l1.2 33.1 37.3-21.5c21.4-12.4 48.8-5 61.2 16.4 12.4 21.4 5 48.8-16.4 61.2l-37.3 21.5 28.1 17.6c21 13.2 27.3 40.8 14.1 61.8-13.2 20.9-40.8 27.3-61.8 14.1l-68.2-42.8-73.6 42.5c4.2 15.3 6.5 31.4 6.5 48s-2.3 32.7-6.5 48l73.8 42.6 68.2-42.8c20.9-13.2 48.6-6.8 61.8 14.1 13.2 21 6.8 48.6-14.1 61.8l-28.1 17.6 37.3 21.5c21.4 12.4 28.8 39.8 16.4 61.2-12.4 21.4-39.8 28.8-61.2 16.4l-37.3-21.5-1.2 33.1c-0.9 24.7-21.7 44-46.4 43.1-24.7-0.9-44-21.7-43.1-46.4l3-80.4-73.8-42.6c-22.5 22.9-51 39.8-83.1 48v85.2l71.2 37.6c21.9 11.6 30.2 38.7 18.7 60.5-11.6 21.9-38.7 30.2-60.5 18.7L557 872.2v43.1c0 24.7-20.1 44.8-44.8 44.8-24.7 0-44.8-20.1-44.8-44.8v-43.1l-29.3 15.5c-21.9 11.6-49 3.2-60.5-18.7-11.6-21.9-3.2-49 18.7-60.5l71.2-37.6v-85.2c-32-8.2-60.6-25.1-83.1-48l-73.8 42.6 3 80.4c0.9 24.7-18.4 45.5-43.1 46.4-24.7 0.9-45.5-18.4-46.4-43.1l-1.2-33.1-37.3 21.5c-21.4 12.4-48.8 5-61.2-16.4s-5-48.8 16.4-61.2l37.3-21.5-28.1-17.6c-21-13.2-27.3-40.8-14.1-61.8 13.2-20.9 40.8-27.3 61.8-14.1l68.2 42.8 73.8-42.6c-4.2-15.3-6.5-31.4-6.5-48s2.3-32.7 6.5-48l-73.8-42.6-68.2 42.8c-21 13.2-48.6 6.8-61.8-14.1-13.2-21-6.8-48.6 14.1-61.8l28.1-17.6-37.3-21.5C119 336.8 111.7 309.4 124 288c12.4-21.4 39.8-28.8 61.2-16.4l37.3 21.5 1.2-33.1c0.9-24.7 21.7-44 46.4-43.1 24.7 0.9 44 21.7 43.1 46.4l-3 80.4 73.8 42.6c22.5-22.9 51-39.8 83.1-48v-85.2L396 215.6c-21.9-11.6-30.2-38.7-18.7-60.5 11.6-21.9 38.7-30.2 60.5-18.7l29.3 15.5v-43.1C467.2 84.1 487.3 64 512 64z m0 537.6c49.5 0 89.6-40.1 89.6-89.6s-40.1-89.6-89.6-89.6-89.6 40.1-89.6 89.6 40.1 89.6 89.6 89.6z',\n    rainIconPath:\n      'M802.94208 583.04c19.328 38.016 29.056 78.336 29.056 120.96a313.216 313.216 0 0 1-44.032 161.536 324.48 324.48 0 0 1-114.56 114.944c-23.552 13.696-49.024 24.32-76.416 32-27.264 7.68-55.68 11.52-84.992 11.52-29.44 0-57.6-3.84-84.992-11.52a331.136 331.136 0 0 1-76.544-32 337.536 337.536 0 0 1-65.024-49.92 337.536 337.536 0 0 1-49.92-65.024 331.136 331.136 0 0 1-32-76.544A313.216 313.216 0 0 1 191.99808 704c0-42.24 9.344-82.56 28.032-120.448L509.43808 0l293.504 583.04z',\n    windIconPath:\n      'M686.624 143.072h-150.816a40.352 40.352 0 1 0 0 80.608h150.816a80.672 80.672 0 1 1 0 161.184H226.624a40.352 40.352 0 1 0 0 80.608h460a161.344 161.344 0 1 0 0-322.4z m168.768 725.344h-126.72a40.352 40.352 0 1 1 0-80.576h126.56a80.672 80.672 0 1 0 0-161.184H42.176a40.352 40.352 0 1 1 0-80.608h813.056a161.344 161.344 0 1 1 0 322.368z',\n    windRatio: 0,\n    rainRatio: 0,\n    snowRatio: 0,\n    rainCountThreshold: 10,\n    snowCountThreshold: 10,\n    rainSizeRange: [5, 10],\n    snowSizeRange: [5, 13],\n    windSize: 30,\n    rainSpeed: 1,\n    snowSpeed: 0.5,\n    windSpeed: 1,\n    rainStyle: {\n      background: 'rgb(135, 160, 225)'\n    },\n    snowStyle: {\n      background: 'rgb(64, 68, 144)'\n    },\n    rainSnowStyle: {\n      background: 'rgb(130, 190, 210)'\n    },\n    defaultStyle: {\n      background: 'rgb(184, 206, 239)'\n    }\n  };\n\n  constructor(attributes: IWeatherBoxAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, WeatherBox.defaultAttributes, attributes));\n  }\n\n  protected render(): void {\n    const {\n      rainRatio,\n      rainIconPath,\n      snowRatio,\n      snowIconPath,\n      rainCountThreshold,\n      snowCountThreshold,\n      windRatio,\n      rainSizeRange,\n      snowSizeRange,\n      rainSpeed,\n      snowSpeed,\n      width,\n      height,\n      rainSnowStyle,\n      rainStyle,\n      snowStyle,\n      defaultStyle,\n      windIconPath,\n      windSize,\n      windSpeed\n    } = this.attribute as IWeatherBoxAttrs;\n\n    if (rainRatio && snowRatio) {\n      this.attribute.background = rainSnowStyle?.background;\n    } else if (rainRatio) {\n      this.attribute.background = rainStyle?.background;\n    } else if (snowRatio) {\n      this.attribute.background = snowStyle?.background;\n    } else {\n      this.attribute.background = defaultStyle?.background;\n    }\n    this.attribute.clip = true;\n\n    // 计算风速导致的偏转角度\n    const windAngle = (-windRatio * Math.PI) / 4;\n\n    const rainGroup = this.createOrUpdateChild('rain-container', { zIndex: 1, width, height }, 'group') as IGroup;\n    if (rainRatio > 0) {\n      this.generateRainOrSnow(\n        'rain',\n        rainRatio,\n        rainCountThreshold,\n        windRatio,\n        rainGroup,\n        rainIconPath,\n        windAngle,\n        rainSizeRange,\n        rainSpeed\n      );\n    }\n    const snowGroup = this.createOrUpdateChild('snow-container', { zIndex: 1, width, height }, 'group') as IGroup;\n    if (snowRatio > 0) {\n      this.generateRainOrSnow(\n        'snow',\n        snowRatio,\n        snowCountThreshold,\n        windRatio,\n        snowGroup,\n        snowIconPath,\n        windAngle,\n        snowSizeRange,\n        snowSpeed\n      );\n    }\n\n    const windGroup = this.createOrUpdateChild('wind-container', { zIndex: 0, width, height }, 'group') as IGroup;\n    if (windRatio > 0) {\n      this.generateWind(windRatio, windIconPath, windGroup, windSize, windSpeed);\n    }\n  }\n\n  protected generateWind(windRatio: number, windIconPath: string, group: IGroup, size: number, speed: number) {\n    const { width, height } = group.attribute;\n\n    const wind = group.createOrUpdateChild(\n      `wind`,\n      {\n        x: (width - size) / 2,\n        y: (height - size) / 2,\n        symbolType: windIconPath,\n        size,\n        fill: 'white',\n        opacity: 0\n      },\n      'symbol'\n    ) as ISymbol;\n\n    const duration = (speed / 4) * 1000;\n\n    wind.animate().to({ opacity: 1 }, duration, 'linear').to({ opacity: 0 }, duration, 'linear').loop(Infinity);\n  }\n\n  protected generateRainOrSnow(\n    type: string,\n    ratio: number,\n    threshold: number,\n    windRatio: number,\n    group: IGroup,\n    path: string,\n    windAngle: number,\n    sizeRange: [number, number],\n    speed: number\n  ) {\n    let { width } = group.attribute;\n    const { height } = group.attribute;\n    let maxCount = Math.round(ratio * threshold);\n    // 由于风速，雨雪粒子会偏转，所以需要增加粒子数量\n    if (windRatio > 0) {\n      maxCount = maxCount * Math.round(1 + windRatio);\n    }\n    width = width * Math.round(1 + windRatio);\n    const uniformRandomX = createUniformRandom(maxCount);\n    const uniformRandomY = createUniformRandom(maxCount);\n    for (let i = 0; i < maxCount; i++) {\n      const x = uniformRandomX();\n      const y = uniformRandomY();\n      const size = sizeRange[0] + random() * (sizeRange[1] - sizeRange[0]);\n\n      const deltaX = windAngle ? height * Math.tan(Math.abs(windAngle)) : 0;\n      const startX = x * width - deltaX;\n      const startY = -y * height;\n      const particle = group.createOrUpdateChild(\n        `${type}-${i}`,\n        {\n          x: startX,\n          y: startY,\n          symbolType: path,\n          size,\n          fill: 'white',\n          angle: windAngle\n        },\n        'symbol'\n      ) as ISymbol;\n      const duration = (1 / speed / 2) * (1 + y) * 1000;\n      let endX = x * width;\n      if (type === 'rain' && windAngle) {\n        endX = startX + (1 + y) * height * Math.tan(Math.abs(windAngle));\n      }\n      particle.animate().to({ x: endX, y: height }, duration, 'linear').loop(Infinity);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/weather/weather-box.ts"],"names":[],"mappings":"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","file":"weather-box.js","sourcesContent":["import { AbstractComponent } from '../core/base';\nimport type { IWeatherBoxAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { merge } from '@visactor/vutils';\nimport { Animate, DefaultTimeline, type IGroup, type ISymbol, type ITimeline } from '@visactor/vrender-core';\n\n// todo 后续可能做成有随机数种子的伪随机，这样可以保证每次都生成一样的随机数\nfunction random() {\n  return Math.random();\n}\n\nfunction createUniformRandom(count: number) {\n  const result: number[] = [];\n  const step = 1 / count;\n  for (let i = 0; i < count; i++) {\n    result.push(((random() - 0.5) * step) / 2 + step * i);\n  }\n  result.sort(() => Math.random() - 0.5);\n  let idx = 0;\n  return function (i?: number) {\n    if (idx > count - 1) {\n      idx = 0;\n    }\n    if (i === void 0) {\n      i = idx;\n      idx++;\n    }\n    return result[i];\n  };\n}\n\nexport class WeatherBox extends AbstractComponent<Required<IWeatherBoxAttrs>> {\n  name: string = 'weatherBox';\n\n  static defaultAttributes: Partial<IWeatherBoxAttrs> = {\n    snowIconPath:\n      'M512 64c24.7 0 44.8 20.1 44.8 44.8v43.1l29.3-15.5c21.9-11.6 49-3.2 60.5 18.7s3.2 49-18.7 60.5l-71.2 37.6v85.2c32 8.2 60.6 25.1 83.1 48l73.8-42.6-3-80.4c-0.9-24.7 18.4-45.5 43.1-46.4 24.7-0.9 45.5 18.4 46.4 43.1l1.2 33.1 37.3-21.5c21.4-12.4 48.8-5 61.2 16.4 12.4 21.4 5 48.8-16.4 61.2l-37.3 21.5 28.1 17.6c21 13.2 27.3 40.8 14.1 61.8-13.2 20.9-40.8 27.3-61.8 14.1l-68.2-42.8-73.6 42.5c4.2 15.3 6.5 31.4 6.5 48s-2.3 32.7-6.5 48l73.8 42.6 68.2-42.8c20.9-13.2 48.6-6.8 61.8 14.1 13.2 21 6.8 48.6-14.1 61.8l-28.1 17.6 37.3 21.5c21.4 12.4 28.8 39.8 16.4 61.2-12.4 21.4-39.8 28.8-61.2 16.4l-37.3-21.5-1.2 33.1c-0.9 24.7-21.7 44-46.4 43.1-24.7-0.9-44-21.7-43.1-46.4l3-80.4-73.8-42.6c-22.5 22.9-51 39.8-83.1 48v85.2l71.2 37.6c21.9 11.6 30.2 38.7 18.7 60.5-11.6 21.9-38.7 30.2-60.5 18.7L557 872.2v43.1c0 24.7-20.1 44.8-44.8 44.8-24.7 0-44.8-20.1-44.8-44.8v-43.1l-29.3 15.5c-21.9 11.6-49 3.2-60.5-18.7-11.6-21.9-3.2-49 18.7-60.5l71.2-37.6v-85.2c-32-8.2-60.6-25.1-83.1-48l-73.8 42.6 3 80.4c0.9 24.7-18.4 45.5-43.1 46.4-24.7 0.9-45.5-18.4-46.4-43.1l-1.2-33.1-37.3 21.5c-21.4 12.4-48.8 5-61.2-16.4s-5-48.8 16.4-61.2l37.3-21.5-28.1-17.6c-21-13.2-27.3-40.8-14.1-61.8 13.2-20.9 40.8-27.3 61.8-14.1l68.2 42.8 73.8-42.6c-4.2-15.3-6.5-31.4-6.5-48s2.3-32.7 6.5-48l-73.8-42.6-68.2 42.8c-21 13.2-48.6 6.8-61.8-14.1-13.2-21-6.8-48.6 14.1-61.8l28.1-17.6-37.3-21.5C119 336.8 111.7 309.4 124 288c12.4-21.4 39.8-28.8 61.2-16.4l37.3 21.5 1.2-33.1c0.9-24.7 21.7-44 46.4-43.1 24.7 0.9 44 21.7 43.1 46.4l-3 80.4 73.8 42.6c22.5-22.9 51-39.8 83.1-48v-85.2L396 215.6c-21.9-11.6-30.2-38.7-18.7-60.5 11.6-21.9 38.7-30.2 60.5-18.7l29.3 15.5v-43.1C467.2 84.1 487.3 64 512 64z m0 537.6c49.5 0 89.6-40.1 89.6-89.6s-40.1-89.6-89.6-89.6-89.6 40.1-89.6 89.6 40.1 89.6 89.6 89.6z',\n    rainIconPath:\n      'M802.94208 583.04c19.328 38.016 29.056 78.336 29.056 120.96a313.216 313.216 0 0 1-44.032 161.536 324.48 324.48 0 0 1-114.56 114.944c-23.552 13.696-49.024 24.32-76.416 32-27.264 7.68-55.68 11.52-84.992 11.52-29.44 0-57.6-3.84-84.992-11.52a331.136 331.136 0 0 1-76.544-32 337.536 337.536 0 0 1-65.024-49.92 337.536 337.536 0 0 1-49.92-65.024 331.136 331.136 0 0 1-32-76.544A313.216 313.216 0 0 1 191.99808 704c0-42.24 9.344-82.56 28.032-120.448L509.43808 0l293.504 583.04z',\n    windIconPath: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M 4.0003 14.0002 L 12.0003 14.0008 M 12.0003 14.0008 C 13.1049 14.0009 14.0003 14.8964 14.0002 16.001 C 14.0001 17.1055 13.1046 18.0009 12 18.0008 L 10.5 18.0007\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n      <path d=\"M 7 10.0002 L 14.5 10.0008 C 15.6046 10.0009 16.5001 9.1055 16.5002 8.001 C 16.5003 6.8964 15.6049 6.0009 14.5003 6.0008 L 13.0003 6.0007\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>`,\n    windRatio: 0,\n    rainRatio: 0,\n    snowRatio: 0,\n    rainCountThreshold: 10,\n    snowCountThreshold: 10,\n    rainSizeRange: [5, 10],\n    snowSizeRange: [5, 13],\n    windSize: 30,\n    rainSpeed: 1,\n    snowSpeed: 0.5,\n    windSpeed: 1,\n    windAnimateEffect: 'fade',\n    rainStyle: {},\n    snowStyle: {},\n    windStyle: {\n      opacity: 0.8\n    },\n    snowRainBottomPadding: 0\n  };\n\n  timeline: ITimeline;\n\n  constructor(attributes: IWeatherBoxAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, WeatherBox.defaultAttributes, attributes));\n    this.timeline = options?.timeline ?? new DefaultTimeline();\n  }\n\n  protected render(): void {\n    const {\n      rainRatio,\n      rainIconPath,\n      snowRatio,\n      snowIconPath,\n      rainCountThreshold,\n      snowCountThreshold,\n      windRatio,\n      rainSizeRange,\n      snowSizeRange,\n      rainSpeed,\n      snowSpeed,\n      width,\n      height,\n      windIconPath,\n      windSize,\n      windSpeed\n    } = this.attribute as IWeatherBoxAttrs;\n\n    this.attribute.clip = true;\n\n    // 计算风速导致的偏转角度\n    const windAngle = (-windRatio * Math.PI) / 4;\n\n    const rainGroup = this.createOrUpdateChild('rain-container', { zIndex: 1, width, height }, 'group') as IGroup;\n    if (rainRatio > 0) {\n      this.generateRainOrSnow(\n        'rain',\n        rainRatio,\n        rainCountThreshold,\n        windRatio,\n        rainGroup,\n        rainIconPath,\n        windAngle,\n        rainSizeRange,\n        rainSpeed\n      );\n    }\n    const snowGroup = this.createOrUpdateChild('snow-container', { zIndex: 1, width, height }, 'group') as IGroup;\n    if (snowRatio > 0) {\n      this.generateRainOrSnow(\n        'snow',\n        snowRatio,\n        snowCountThreshold,\n        windRatio,\n        snowGroup,\n        snowIconPath,\n        windAngle,\n        snowSizeRange,\n        snowSpeed\n      );\n    }\n\n    const windGroup = this.createOrUpdateChild('wind-container', { zIndex: 0, width, height }, 'group') as IGroup;\n    if (windRatio > 0) {\n      this.generateWind(windRatio, windIconPath, windGroup, windSize, windSpeed);\n    }\n  }\n\n  protected generateWind(windRatio: number, windIconPath: string, group: IGroup, size: number, speed: number) {\n    const { width, height } = group.attribute;\n    const { windAnimateEffect, windStyle = {} } = this.attribute;\n\n    let fromAttribute = { opacity: 0, clipRange: 1 };\n    let toAttribute = { opacity: 1, clipRange: 1 };\n    if (windAnimateEffect === 'clipRange') {\n      fromAttribute = { clipRange: 0, opacity: 1 };\n      toAttribute = { clipRange: 1, opacity: 1 };\n    }\n    const wind = group.createOrUpdateChild(\n      `wind`,\n      {\n        x: (width - size) / 2,\n        y: (height - size) / 2,\n        symbolType: windIconPath,\n        size,\n        stroke: 'white',\n        lineWidth: 2,\n        dx: -size / 2,\n        dy: -size / 2,\n        ...windStyle,\n        ...fromAttribute\n      },\n      'symbol'\n    ) as ISymbol;\n\n    const duration = (speed / 4) * 1000;\n\n    new Animate(void 0, this.timeline)\n      .bind(wind)\n      .to(fromAttribute, duration, 'linear')\n      .to(toAttribute, duration, 'linear')\n      .wait(duration / 2)\n      .loop(Infinity);\n  }\n\n  protected generateRainOrSnow(\n    type: string,\n    ratio: number,\n    threshold: number,\n    windRatio: number,\n    group: IGroup,\n    path: string,\n    windAngle: number,\n    sizeRange: [number, number],\n    speed: number\n  ) {\n    let { width } = group.attribute;\n    const { height } = group.attribute;\n    const { snowRainBottomPadding, rainStyle = {}, snowStyle = {} } = this.attribute;\n    let maxCount = Math.round(ratio * threshold);\n    // 由于风速，雨雪粒子会偏转，所以需要增加粒子数量\n    if (windRatio > 0) {\n      maxCount = maxCount * Math.round(1 + windRatio);\n    }\n    width = width * Math.round(1 + windRatio);\n    const uniformRandomX = createUniformRandom(maxCount);\n    const uniformRandomY = createUniformRandom(maxCount);\n    for (let i = 0; i < maxCount; i++) {\n      const x = uniformRandomX();\n      const y = uniformRandomY();\n      const size = sizeRange[0] + random() * (sizeRange[1] - sizeRange[0]);\n\n      const deltaX = windAngle ? height * Math.tan(Math.abs(windAngle)) : 0;\n      const startX = x * width - deltaX;\n      const startY = -y * height;\n      const particle = group.createOrUpdateChild(\n        `${type}-${i}`,\n        {\n          x: startX,\n          y: startY,\n          symbolType: path,\n          size,\n          fill: 'white',\n          angle: windAngle,\n          ...(type === 'rain' ? rainStyle : snowStyle)\n        },\n        'symbol'\n      ) as ISymbol;\n      const duration = (1 / speed / 2) * (1 + y) * 1000;\n      let endX = x * width;\n      if (type === 'rain' && windAngle) {\n        endX = startX + (1 + y) * height * Math.tan(Math.abs(windAngle));\n      }\n      new Animate(void 0, this.timeline)\n        .bind(particle)\n        .to({ x: endX, y: height - snowRainBottomPadding }, duration, 'linear')\n        .loop(Infinity);\n      new Animate(void 0, this.timeline).bind(particle).to({ opacity: 0 }, duration, 'quintIn').loop(Infinity);\n    }\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vrender-components",
-  "version": "0.20.11-alpha.2",
+  "version": "0.20.11-alpha.3",
   "description": "components library for dp visualization",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -14,8 +14,8 @@
   "dependencies": {
     "@visactor/vutils": "~0.18.17",
     "@visactor/vscale": "~0.18.17",
-    "@visactor/vrender-core": "0.20.11-alpha.2",
-    "@visactor/vrender-kits": "0.20.11-alpha.2"
+    "@visactor/vrender-core": "0.20.11-alpha.3",
+    "@visactor/vrender-kits": "0.20.11-alpha.3"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.1.4",