@visactor/vrender-components 0.21.2-vstory.2 → 0.21.2

package/cjs/label-item/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
-    void 0 === k2 && (k2 = k);
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
-        enumerable: !0,
-        get: function() {
-            return m[k];
-        }
-    }), Object.defineProperty(o, k2, desc);
-} : function(o, m, k, k2) {
-    void 0 === k2 && (k2 = k), o[k2] = m[k];
-}), __exportStar = this && this.__exportStar || function(m, exports) {
-    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
-};
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), __exportStar(require("./label-item"), exports), __exportStar(require("./type"), exports);
-//# sourceMappingURL=index.js.map

package/cjs/label-item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/label-item/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,yCAAuB","file":"index.js","sourcesContent":["export * from './label-item';\nexport * from './type';\n"]}

package/cjs/label-item/label-item.d.ts

@@ -1,29 +0,0 @@
-import { AbstractComponent } from '../core/base';
-import type { IStoryLabelItemAttrs } from './type';
-import type { ComponentOptions } from '../interface';
-export declare class StoryLabelItem extends AbstractComponent<Required<IStoryLabelItemAttrs>> {
-    name: 'labelItem';
-    private _line?;
-    private _symbolStart;
-    private _symbolEnd;
-    private _symbolStartOuter;
-    private _titleTop;
-    private _titleBottom;
-    private _titleTopPanel;
-    private _titleBottomPanel;
-    static defaultAttributes: Partial<IStoryLabelItemAttrs>;
-    constructor(attributes: IStoryLabelItemAttrs, options?: ComponentOptions);
-    protected render(): void;
-    appearAnimate(animateConfig: {
-        duration?: number;
-        easing?: string;
-        symbolStartOuterType?: 'scale' | 'clipRange';
-        titleType?: 'typewriter' | 'move';
-        titlePanelType?: 'scale' | 'stroke';
-    }): void;
-    disappearAnimate(animateConfig: {
-        duration?: number;
-        easing?: string;
-        mode?: 'scale' | 'default';
-    }): void;
-}

package/cjs/label-item/label-item.js

@@ -1,265 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.StoryLabelItem = void 0;
-
-const vrender_core_1 = require("@visactor/vrender-core"), base_1 = require("../core/base"), vutils_1 = require("@visactor/vutils");
-
-class StoryLabelItem extends base_1.AbstractComponent {
-    constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : (0, vutils_1.merge)({}, StoryLabelItem.defaultAttributes, attributes));
-    }
-    render() {
-        const {contentOffsetX: contentOffsetX, contentOffsetY: contentOffsetY, lineStyle: lineStyle, symbolStartStyle: symbolStartStyle, symbolEndStyle: symbolEndStyle, symbolStartOuterStyle: symbolStartOuterStyle, titleTop: titleTopText, titleBottom: titleBottomText, titleTopStyle: titleTopStyle, titleBottomStyle: titleBottomStyle, titleSpace: titleSpace, titleTopPanelStyle: titleTopPanelStyle, titleBottomPanelStyle: titleBottomPanelStyle, theme: theme} = this.attribute, group = this.createOrUpdateChild("label-item-container", {
-            x: 0,
-            y: 0,
-            zIndex: 1
-        }, "group"), symbolStart = group.createOrUpdateChild("label-item-symbol-start", Object.assign({
-            x: 0,
-            y: 0
-        }, symbolStartStyle), "symbol"), symbolEnd = group.createOrUpdateChild("label-item-symbol-end", Object.assign({
-            x: contentOffsetX,
-            y: contentOffsetY
-        }, symbolEndStyle), "symbol"), symbolStartOut = group.createOrUpdateChild("label-item-symbol-start-out", Object.assign({
-            x: 0,
-            y: 0
-        }, symbolStartOuterStyle), "symbol"), spaceW = titleSpace[0], spaceH = titleSpace[1], titleTopGroup = group.createOrUpdateChild("label-item-title-top-group", {
-            x: contentOffsetX,
-            y: contentOffsetY,
-            clip: !0
-        }, "group"), titleTop = titleTopGroup.createOrUpdateChild("label-item-title-top", Object.assign(Object.assign({
-            x: spaceW,
-            y: -spaceH,
-            text: titleTopText
-        }, titleTopStyle), {
-            textBaseline: "bottom",
-            textAlign: "left",
-            zIndex: 10
-        }), "text"), titleTopBounds = titleTop.AABBBounds;
-        contentOffsetX > 0 && titleTopGroup.setAttributes({
-            x: contentOffsetX - titleTopBounds.width() - 2 * spaceW
-        }), titleTopGroup.setAttributes({
-            width: titleTopBounds.width() + 2 * spaceW,
-            height: -titleTopBounds.height() - 2 * spaceH
-        });
-        const titleTopPanel = titleTopGroup.createOrUpdateChild("label-item-title-top-panel", Object.assign(Object.assign({}, titleTopPanelStyle), {
-            x: titleTopPanelStyle.padding.left,
-            y: (titleTopGroup.attribute.height > 0 ? 0 : titleTopGroup.attribute.height) + titleTopPanelStyle.padding.top,
-            width: titleTopGroup.attribute.width - titleTopPanelStyle.padding.left - titleTopPanelStyle.padding.right,
-            height: (titleTopGroup.attribute.height > 0 ? 1 : -1) * titleTopGroup.attribute.height - titleTopPanelStyle.padding.bottom - titleTopPanelStyle.padding.top,
-            scaleCenter: [ titleTopGroup.attribute.width / 2, titleTopGroup.attribute.height / 2 ]
-        }), "rect");
-        this._titleTopPanel = titleTopPanel;
-        const titleBottomGroup = group.createOrUpdateChild("label-item-title-bottom-group", {
-            x: contentOffsetX,
-            y: contentOffsetY,
-            clip: !0
-        }, "group"), titleBottom = titleBottomGroup.createOrUpdateChild("label-item-title-bottom", Object.assign(Object.assign({
-            x: spaceW,
-            y: spaceH,
-            text: titleBottomText
-        }, titleBottomStyle), {
-            textBaseline: "top",
-            textAlign: "left",
-            zIndex: 10
-        }), "text"), titleBottomBounds = titleBottom.AABBBounds;
-        contentOffsetX > 0 && titleBottomGroup.setAttributes({
-            x: contentOffsetX - titleBottomBounds.width() - 2 * spaceW
-        }), titleBottomGroup.setAttributes({
-            width: titleBottomBounds.width() + 2 * spaceW,
-            height: titleTopBounds.height() + 2 * spaceH
-        });
-        const titleBottomPanel = titleBottomGroup.createOrUpdateChild("label-item-title-bottom-panel", Object.assign(Object.assign({}, titleBottomPanelStyle), {
-            x: titleBottomPanelStyle.padding.left,
-            y: (titleBottomGroup.attribute.height > 0 ? 0 : titleBottomGroup.attribute.height) + titleBottomPanelStyle.padding.top,
-            width: titleBottomGroup.attribute.width - titleBottomPanelStyle.padding.left - titleBottomPanelStyle.padding.right,
-            height: (titleBottomGroup.attribute.height > 0 ? 1 : -1) * titleBottomGroup.attribute.height - titleBottomPanelStyle.padding.bottom - titleBottomPanelStyle.padding.top,
-            scaleCenter: [ titleBottomGroup.attribute.width / 2, titleBottomGroup.attribute.height / 2 ]
-        }), "rect");
-        this._titleBottomPanel = titleBottomPanel;
-        const maxTextWidth = Math.max(titleTop.AABBBounds.width(), titleBottom.AABBBounds.width()) + 2 * spaceW, points = [ {
-            x: 0,
-            y: 0
-        }, contentOffsetX > 0 ? {
-            x: contentOffsetX - maxTextWidth,
-            y: contentOffsetY
-        } : {
-            x: contentOffsetX + maxTextWidth,
-            y: contentOffsetY
-        }, {
-            x: contentOffsetX,
-            y: contentOffsetY
-        } ];
-        if ("simple" === theme) {
-            points.pop();
-            const p = points[1];
-            symbolEnd.setAttributes(p);
-        }
-        const line = group.createOrUpdateChild("label-item-line", Object.assign(Object.assign({
-            x: 0,
-            y: 0
-        }, lineStyle), {
-            points: points
-        }), "line");
-        this._symbolEnd = symbolEnd, this._symbolStart = symbolStart, this._symbolStartOuter = symbolStartOut, 
-        this._titleTop = titleTop, this._titleBottom = titleBottom, this._line = line;
-    }
-    appearAnimate(animateConfig) {
-        const {duration: duration = 1e3, easing: easing = "quadOut", symbolStartOuterType: symbolStartOuterType = "scale", titleType: titleType = "typewriter", titlePanelType: titlePanelType = "scale"} = animateConfig, symbolTime = duration / 10;
-        let symbolStartOuterFrom, symbolStartOuterTo;
-        if (this._symbolStart.setAttributes({
-            scaleX: 0,
-            scaleY: 0
-        }), this._symbolStart.animate().to({
-            scaleX: 1,
-            scaleY: 1
-        }, 5 * symbolTime, easing), "scale" === symbolStartOuterType ? (symbolStartOuterFrom = {
-            scaleX: 0,
-            scaleY: 0
-        }, symbolStartOuterTo = {
-            scaleX: 1,
-            scaleY: 1
-        }) : (symbolStartOuterFrom = {
-            clipRange: 0
-        }, symbolStartOuterTo = {
-            clipRange: 1
-        }), this._symbolStartOuter.setAttributes(symbolStartOuterFrom), this._symbolStartOuter.animate().to(symbolStartOuterTo, 5 * symbolTime, easing), 
-        this._symbolEnd.setAttributes({
-            scaleX: 0,
-            scaleY: 0
-        }), this._symbolEnd.animate().wait(8 * symbolTime).to({
-            scaleX: 1,
-            scaleY: 1
-        }, 2 * symbolTime, easing), this._line.setAttributes({
-            clipRange: 0
-        }), this._line.animate().to({
-            clipRange: 1
-        }, 9 * symbolTime, easing), "typewriter" === titleType) {
-            const titleTopText = this._titleTop.attribute.text;
-            this._titleTop.setAttributes({
-                text: ""
-            }), this._titleTop.animate().wait(5 * symbolTime).play(new vrender_core_1.InputText({
-                text: ""
-            }, {
-                text: titleTopText
-            }, 4 * symbolTime, "linear"));
-            const titleBottomText = this._titleBottom.attribute.text;
-            this._titleBottom.setAttributes({
-                text: ""
-            }), this._titleBottom.animate().wait(5 * symbolTime).play(new vrender_core_1.InputText({
-                text: ""
-            }, {
-                text: titleBottomText
-            }, 4 * symbolTime, "linear"));
-        } else this._titleTop.setAttributes({
-            dy: this._titleTop.AABBBounds.height() + 10
-        }), this._titleTop.animate().wait(5 * symbolTime).to({
-            dy: 0
-        }, 4 * symbolTime, "linear"), this._titleBottom.setAttributes({
-            dy: -(10 + this._titleBottom.AABBBounds.height())
-        }), this._titleBottom.animate().wait(5 * symbolTime).to({
-            dy: 0
-        }, 4 * symbolTime, "linear");
-        "scale" === titlePanelType ? [ this._titleTopPanel, this._titleBottomPanel ].forEach((panel => {
-            const scaleX = panel.attribute.scaleX;
-            panel.setAttributes({
-                scaleX: 0
-            }), panel.animate().to({
-                scaleX: scaleX
-            }, duration, "circInOut");
-        })) : "stroke" === titlePanelType && [ this._titleTopPanel, this._titleBottomPanel ].forEach((panel => {
-            const b = panel.AABBBounds, totalLen = 2 * (b.width() + b.height());
-            panel.setAttributes({
-                lineDash: [ 0, 10 * totalLen ]
-            }), panel.animate().to({
-                lineDash: [ totalLen, 10 * totalLen ]
-            }, duration, "quadOut");
-        }));
-    }
-    disappearAnimate(animateConfig) {
-        if ("scale" === animateConfig.mode) {
-            const {duration: duration = 1e3, easing: easing = "quadOut"} = animateConfig;
-            this.animate().to({
-                scaleX: 0,
-                scaleY: 0
-            }, duration, easing);
-        } else {
-            const {duration: duration = 1e3, easing: easing = "quadOut"} = animateConfig;
-            this._line.animate().to({
-                clipRange: 0
-            }, duration, easing), this._symbolStart.animate().wait(duration / 2).to({
-                scaleX: 0,
-                scaleY: 0
-            }, duration / 2, easing), this._symbolEnd.animate().to({
-                scaleX: 0,
-                scaleY: 0
-            }, duration, easing), this._titleTop.animate().to({
-                dy: this._titleTop.AABBBounds.height() + 10
-            }, duration / 2, easing), this._titleBottom.animate().to({
-                dy: -(10 + this._titleBottom.AABBBounds.height())
-            }, duration / 2, easing), this._symbolStartOuter.animate().wait(duration / 2).to({
-                clipRange: 0
-            }, duration / 2, easing), this._titleTopPanel.animate().to({
-                scaleX: 0
-            }, duration, "circInOut"), this._titleBottomPanel.animate().to({
-                scaleX: 0
-            }, duration, "circInOut");
-        }
-    }
-}
-
-exports.StoryLabelItem = StoryLabelItem, StoryLabelItem.defaultAttributes = {
-    contentOffsetX: 100,
-    contentOffsetY: -60,
-    titleTopStyle: {
-        fontSize: 12,
-        fill: "white"
-    },
-    titleBottomStyle: {
-        fontSize: 12,
-        fill: "white"
-    },
-    lineStyle: {
-        stroke: "white",
-        lineWidth: 1
-    },
-    symbolStartStyle: {
-        symbolType: "circle",
-        size: 3,
-        fill: "white"
-    },
-    symbolEndStyle: {
-        symbolType: "circle",
-        size: 3,
-        fill: "white"
-    },
-    symbolStartOuterStyle: {
-        symbolType: "M0.5,0A0.5,0.5,0,1,1,-0.5,0A0.5,0.5,0,1,1,0.5,0",
-        size: 8,
-        stroke: "white"
-    },
-    titleSpace: [ 2, 2 ],
-    titleTopPanelStyle: {
-        visible: !1,
-        padding: {
-            left: 0,
-            right: 0,
-            bottom: 2,
-            top: 2
-        },
-        cornerRadius: 3
-    },
-    titleBottomPanelStyle: {
-        visible: !1,
-        padding: {
-            left: 0,
-            right: 0,
-            bottom: 2,
-            top: 2
-        },
-        cornerRadius: 3
-    },
-    theme: "default"
-};
-//# sourceMappingURL=label-item.js.map

package/cjs/label-item/label-item.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/label-item/label-item.ts"],"names":[],"mappings":"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","file":"label-item.js","sourcesContent":["import type {\n  IGroup,\n  ILine,\n  ILineGraphicAttribute,\n  IRect,\n  ISymbol,\n  ISymbolGraphicAttribute,\n  IText\n} from '@visactor/vrender-core';\nimport { ILineAttribute, InputText, ISymbolAttribute } from '@visactor/vrender-core';\nimport { AbstractComponent } from '../core/base';\nimport type { IStoryLabelItemAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { max, merge } from '@visactor/vutils';\n\nexport class StoryLabelItem extends AbstractComponent<Required<IStoryLabelItemAttrs>> {\n  name: 'labelItem';\n  private _line?: ILine;\n  private _symbolStart: ISymbol;\n  private _symbolEnd: ISymbol;\n  private _symbolStartOuter: ISymbol;\n  private _titleTop: IText;\n  private _titleBottom: IText;\n  private _titleTopPanel: IRect;\n  private _titleBottomPanel: IRect;\n\n  static defaultAttributes: Partial<IStoryLabelItemAttrs> = {\n    // 内容在X上的偏移量\n    contentOffsetX: 100,\n    // 内容在Y上的偏移量\n    contentOffsetY: -60,\n    titleTopStyle: {\n      fontSize: 12,\n      fill: 'white'\n    },\n    titleBottomStyle: {\n      fontSize: 12,\n      fill: 'white'\n    },\n    lineStyle: {\n      stroke: 'white',\n      lineWidth: 1\n    } as ILineGraphicAttribute,\n    // 线段开始端点的样式\n    symbolStartStyle: {\n      symbolType: 'circle',\n      size: 3,\n      fill: 'white'\n    } as Partial<ISymbolGraphicAttribute>,\n    // 线段结束端点的样式\n    symbolEndStyle: {\n      symbolType: 'circle',\n      size: 3,\n      fill: 'white'\n    } as Partial<ISymbolGraphicAttribute>,\n    // 线段开始端点外面包裹symbol的样式\n    symbolStartOuterStyle: {\n      symbolType: 'M0.5,0A0.5,0.5,0,1,1,-0.5,0A0.5,0.5,0,1,1,0.5,0',\n      size: 8,\n      stroke: 'white'\n    } as Partial<ISymbolGraphicAttribute>,\n    titleSpace: [2, 2],\n    titleTopPanelStyle: {\n      visible: false,\n      padding: { left: 0, right: 0, bottom: 2, top: 2 },\n      cornerRadius: 3\n    },\n    titleBottomPanelStyle: {\n      visible: false,\n      padding: { left: 0, right: 0, bottom: 2, top: 2 },\n      cornerRadius: 3\n    },\n    // 默认和简约两套主题\n    theme: 'default'\n  };\n\n  constructor(attributes: IStoryLabelItemAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, StoryLabelItem.defaultAttributes, attributes));\n  }\n\n  protected render(): void {\n    const {\n      contentOffsetX,\n      contentOffsetY,\n      lineStyle,\n      symbolStartStyle,\n      symbolEndStyle,\n      symbolStartOuterStyle,\n      titleTop: titleTopText,\n      titleBottom: titleBottomText,\n      titleTopStyle,\n      titleBottomStyle,\n      titleSpace,\n      titleTopPanelStyle,\n      titleBottomPanelStyle,\n      theme\n    } = this.attribute;\n\n    const group = this.createOrUpdateChild('label-item-container', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    const symbolStart = group.createOrUpdateChild(\n      'label-item-symbol-start',\n      { x: 0, y: 0, ...symbolStartStyle },\n      'symbol'\n    ) as ISymbol;\n    const symbolEnd = group.createOrUpdateChild(\n      'label-item-symbol-end',\n      { x: contentOffsetX, y: contentOffsetY, ...symbolEndStyle },\n      'symbol'\n    ) as ISymbol;\n    const symbolStartOut = group.createOrUpdateChild(\n      'label-item-symbol-start-out',\n      { x: 0, y: 0, ...symbolStartOuterStyle },\n      'symbol'\n    ) as ISymbol;\n\n    const spaceW = titleSpace[0];\n    const spaceH = titleSpace[1];\n    // 逻辑：group占满，title在group内做偏移\n    const titleTopGroup = group.createOrUpdateChild(\n      'label-item-title-top-group',\n      { x: contentOffsetX, y: contentOffsetY, clip: true },\n      'group'\n    ) as IGroup;\n    const titleTop = titleTopGroup.createOrUpdateChild(\n      'label-item-title-top',\n      {\n        x: spaceW,\n        y: -spaceH,\n        text: titleTopText,\n        ...titleTopStyle,\n        textBaseline: 'bottom',\n        textAlign: 'left',\n        zIndex: 10\n      },\n      'text'\n    ) as IText;\n    const titleTopBounds = titleTop.AABBBounds;\n    if (contentOffsetX > 0) {\n      titleTopGroup.setAttributes({ x: contentOffsetX - titleTopBounds.width() - spaceW * 2 });\n    }\n    titleTopGroup.setAttributes({\n      width: titleTopBounds.width() + spaceW * 2,\n      height: -titleTopBounds.height() - spaceH * 2\n    });\n    // 添加panel\n    const titleTopPanel = titleTopGroup.createOrUpdateChild(\n      'label-item-title-top-panel',\n      {\n        ...titleTopPanelStyle,\n        x: titleTopPanelStyle.padding.left,\n        y: (titleTopGroup.attribute.height > 0 ? 0 : titleTopGroup.attribute.height) + titleTopPanelStyle.padding.top,\n        width: titleTopGroup.attribute.width - titleTopPanelStyle.padding.left - titleTopPanelStyle.padding.right,\n        height:\n          (titleTopGroup.attribute.height > 0 ? 1 : -1) * titleTopGroup.attribute.height -\n          titleTopPanelStyle.padding.bottom -\n          titleTopPanelStyle.padding.top,\n        scaleCenter: [titleTopGroup.attribute.width / 2, titleTopGroup.attribute.height / 2]\n      },\n      'rect'\n    ) as IRect;\n    this._titleTopPanel = titleTopPanel;\n\n    const titleBottomGroup = group.createOrUpdateChild(\n      'label-item-title-bottom-group',\n      { x: contentOffsetX, y: contentOffsetY, clip: true },\n      'group'\n    ) as IGroup;\n    const titleBottom = titleBottomGroup.createOrUpdateChild(\n      'label-item-title-bottom',\n      {\n        x: spaceW,\n        y: spaceH,\n        text: titleBottomText,\n        ...titleBottomStyle,\n        textBaseline: 'top',\n        textAlign: 'left',\n        zIndex: 10\n      },\n      'text'\n    ) as IText;\n    const titleBottomBounds = titleBottom.AABBBounds;\n    if (contentOffsetX > 0) {\n      titleBottomGroup.setAttributes({ x: contentOffsetX - titleBottomBounds.width() - spaceW * 2 });\n    }\n    titleBottomGroup.setAttributes({\n      width: titleBottomBounds.width() + spaceW * 2,\n      height: titleTopBounds.height() + spaceH * 2\n    });\n    // 添加panel\n    const titleBottomPanel = titleBottomGroup.createOrUpdateChild(\n      'label-item-title-bottom-panel',\n      {\n        ...titleBottomPanelStyle,\n        x: titleBottomPanelStyle.padding.left,\n        y:\n          (titleBottomGroup.attribute.height > 0 ? 0 : titleBottomGroup.attribute.height) +\n          titleBottomPanelStyle.padding.top,\n        width:\n          titleBottomGroup.attribute.width - titleBottomPanelStyle.padding.left - titleBottomPanelStyle.padding.right,\n        height:\n          (titleBottomGroup.attribute.height > 0 ? 1 : -1) * titleBottomGroup.attribute.height -\n          titleBottomPanelStyle.padding.bottom -\n          titleBottomPanelStyle.padding.top,\n        scaleCenter: [titleBottomGroup.attribute.width / 2, titleBottomGroup.attribute.height / 2]\n      },\n      'rect'\n    ) as IRect;\n    this._titleBottomPanel = titleBottomPanel;\n\n    const maxTextWidth = Math.max(titleTop.AABBBounds.width(), titleBottom.AABBBounds.width()) + spaceW * 2;\n    const points = [\n      { x: 0, y: 0 },\n      contentOffsetX > 0\n        ? { x: contentOffsetX - maxTextWidth, y: contentOffsetY }\n        : { x: contentOffsetX + maxTextWidth, y: contentOffsetY },\n      { x: contentOffsetX, y: contentOffsetY }\n    ];\n    // simple风格，不绘制终点，同时文字也要居中\n    if (theme === 'simple') {\n      points.pop();\n      const p = points[1];\n      symbolEnd.setAttributes(p);\n    }\n    const line = group.createOrUpdateChild('label-item-line', { x: 0, y: 0, ...lineStyle, points }, 'line') as ILine;\n\n    this._symbolEnd = symbolEnd;\n    this._symbolStart = symbolStart;\n    this._symbolStartOuter = symbolStartOut;\n    this._titleTop = titleTop;\n    this._titleBottom = titleBottom;\n    this._line = line;\n  }\n\n  appearAnimate(animateConfig: {\n    duration?: number;\n    easing?: string;\n    symbolStartOuterType?: 'scale' | 'clipRange';\n    titleType?: 'typewriter' | 'move';\n    titlePanelType?: 'scale' | 'stroke';\n  }) {\n    const {\n      duration = 1000,\n      easing = 'quadOut',\n      symbolStartOuterType = 'scale',\n      titleType = 'typewriter',\n      titlePanelType = 'scale'\n    } = animateConfig;\n    const symbolTime = duration / 10;\n    this._symbolStart.setAttributes({ scaleX: 0, scaleY: 0 });\n    this._symbolStart.animate().to({ scaleX: 1, scaleY: 1 }, symbolTime * 5, easing as any);\n\n    let symbolStartOuterFrom: ISymbolGraphicAttribute;\n    let symbolStartOuterTo: ISymbolGraphicAttribute;\n    if (symbolStartOuterType === 'scale') {\n      symbolStartOuterFrom = { scaleX: 0, scaleY: 0 };\n      symbolStartOuterTo = { scaleX: 1, scaleY: 1 };\n    } else {\n      symbolStartOuterFrom = { clipRange: 0 };\n      symbolStartOuterTo = { clipRange: 1 };\n    }\n    this._symbolStartOuter.setAttributes(symbolStartOuterFrom);\n    this._symbolStartOuter.animate().to(symbolStartOuterTo, symbolTime * 5, easing as any);\n\n    this._symbolEnd.setAttributes({ scaleX: 0, scaleY: 0 });\n    this._symbolEnd\n      .animate()\n      .wait(symbolTime * 8)\n      .to({ scaleX: 1, scaleY: 1 }, symbolTime * 2, easing as any);\n\n    this._line.setAttributes({ clipRange: 0 });\n    this._line.animate().to({ clipRange: 1 }, symbolTime * 9, easing as any);\n\n    if (titleType === 'typewriter') {\n      const titleTopText = this._titleTop.attribute.text as string;\n      this._titleTop.setAttributes({ text: '' });\n      this._titleTop\n        .animate()\n        .wait(symbolTime * 5)\n        .play(new InputText({ text: '' }, { text: titleTopText }, symbolTime * 4, 'linear'));\n\n      const titleBottomText = this._titleBottom.attribute.text as string;\n      this._titleBottom.setAttributes({ text: '' });\n      this._titleBottom\n        .animate()\n        .wait(symbolTime * 5)\n        .play(new InputText({ text: '' }, { text: titleBottomText }, symbolTime * 4, 'linear'));\n    } else {\n      this._titleTop.setAttributes({ dy: this._titleTop.AABBBounds.height() + 10 });\n      this._titleTop\n        .animate()\n        .wait(symbolTime * 5)\n        .to({ dy: 0 }, symbolTime * 4, 'linear');\n\n      this._titleBottom.setAttributes({ dy: -(10 + this._titleBottom.AABBBounds.height()) });\n      this._titleBottom\n        .animate()\n        .wait(symbolTime * 5)\n        .to({ dy: 0 }, symbolTime * 4, 'linear');\n    }\n\n    if (titlePanelType === 'scale') {\n      [this._titleTopPanel, this._titleBottomPanel].forEach(panel => {\n        const scaleX = panel.attribute.scaleX;\n        panel.setAttributes({ scaleX: 0 });\n        panel.animate().to({ scaleX }, duration, 'circInOut');\n      });\n    } else if (titlePanelType === 'stroke') {\n      [this._titleTopPanel, this._titleBottomPanel].forEach(panel => {\n        const b = panel.AABBBounds;\n        const totalLen = (b.width() + b.height()) * 2;\n        panel.setAttributes({ lineDash: [0, totalLen * 10] });\n        panel.animate().to({ lineDash: [totalLen, totalLen * 10] }, duration, 'quadOut');\n      });\n    }\n  }\n\n  disappearAnimate(animateConfig: { duration?: number; easing?: string; mode?: 'scale' | 'default' }) {\n    if (animateConfig.mode === 'scale') {\n      const { duration = 1000, easing = 'quadOut' } = animateConfig;\n      this.animate().to({ scaleX: 0, scaleY: 0 }, duration, easing as any);\n    } else {\n      const { duration = 1000, easing = 'quadOut' } = animateConfig;\n      this._line.animate().to({ clipRange: 0 }, duration, easing as any);\n      this._symbolStart\n        .animate()\n        .wait(duration / 2)\n        .to({ scaleX: 0, scaleY: 0 }, duration / 2, easing as any);\n      this._symbolEnd.animate().to({ scaleX: 0, scaleY: 0 }, duration, easing as any);\n      this._titleTop.animate().to({ dy: this._titleTop.AABBBounds.height() + 10 }, duration / 2, easing as any);\n      this._titleBottom\n        .animate()\n        .to({ dy: -(10 + this._titleBottom.AABBBounds.height()) }, duration / 2, easing as any);\n      this._symbolStartOuter\n        .animate()\n        .wait(duration / 2)\n        .to({ clipRange: 0 }, duration / 2, easing as any);\n      this._titleTopPanel.animate().to({ scaleX: 0 }, duration, 'circInOut');\n      this._titleBottomPanel.animate().to({ scaleX: 0 }, duration, 'circInOut');\n    }\n  }\n}\n"]}

package/cjs/label-item/register.d.ts

@@ -1 +0,0 @@
-export declare function loadLabelItemComponent(): void;

package/cjs/label-item/register.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.loadLabelItemComponent = void 0;
-
-const vrender_kits_1 = require("@visactor/vrender-kits");
-
-function loadLabelItemComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerText)(), (0, vrender_kits_1.registerSymbol)(), 
-    (0, vrender_kits_1.registerLine)();
-}
-
-exports.loadLabelItemComponent = loadLabelItemComponent;
-//# sourceMappingURL=register.js.map

package/cjs/label-item/register.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/label-item/register.ts"],"names":[],"mappings":";;;AAAA,yDAAmG;AAEnG,SAAgB,sBAAsB;IACpC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AALD,wDAKC","file":"register.js","sourcesContent":["import { registerGroup, registerSymbol, registerLine, registerText } from '@visactor/vrender-kits';\n\nexport function loadLabelItemComponent() {\n  registerGroup();\n  registerText();\n  registerSymbol();\n  registerLine();\n}\n"]}

package/cjs/label-item/type.d.ts

@@ -1,31 +0,0 @@
-import type { IGroupGraphicAttribute, ILineGraphicAttribute, IRectGraphicAttribute, ISymbolGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';
-export interface IStoryLabelItemAttrs extends IGroupGraphicAttribute {
-    contentOffsetX: number;
-    contentOffsetY: number;
-    lineStyle?: ILineGraphicAttribute;
-    symbolStartStyle?: ISymbolGraphicAttribute;
-    symbolEndStyle?: ISymbolGraphicAttribute;
-    symbolStartOuterStyle?: ISymbolGraphicAttribute;
-    theme?: 'default' | 'simple';
-    titleTop?: string | string[];
-    titleBottom?: string | string[];
-    titleTopStyle?: ITextGraphicAttribute;
-    titleBottomStyle?: ITextGraphicAttribute;
-    titleSpace?: [number, number];
-    titleTopPanelStyle?: IRectGraphicAttribute & {
-        padding: {
-            left: number;
-            right: number;
-            top: number;
-            bottom: number;
-        };
-    };
-    titleBottomPanelStyle?: IRectGraphicAttribute & {
-        padding: {
-            left: number;
-            right: number;
-            top: number;
-            bottom: number;
-        };
-    };
-}

package/cjs/label-item/type.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-});
-//# sourceMappingURL=type.js.map

package/cjs/label-item/type.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/label-item/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGroupGraphicAttribute,\n  ILineGraphicAttribute,\n  IRectGraphicAttribute,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender-core';\nimport { ILineAttribute, ISymbolAttribute } from '@visactor/vrender-core';\n\nexport interface IStoryLabelItemAttrs extends IGroupGraphicAttribute {\n  // 内容在X上的偏移量\n  contentOffsetX: number;\n  // 内容在Y上的偏移量\n  contentOffsetY: number;\n  lineStyle?: ILineGraphicAttribute;\n  // 线段开始端点的样式\n  symbolStartStyle?: ISymbolGraphicAttribute;\n  // 线段结束端点的样式\n  symbolEndStyle?: ISymbolGraphicAttribute;\n  // 线段开始端点外面包裹symbol的样式\n  symbolStartOuterStyle?: ISymbolGraphicAttribute;\n  // 默认和简约两套主题\n  theme?: 'default' | 'simple';\n  // 顶部文字内容\n  titleTop?: string | string[];\n  // 底部文字内容\n  titleBottom?: string | string[];\n  // 顶部文字样式\n  titleTopStyle?: ITextGraphicAttribute;\n  // 底部文字样式\n  titleBottomStyle?: ITextGraphicAttribute;\n  // 水平和垂直方向的边距\n  titleSpace?: [number, number];\n  // 顶部的panel\n  titleTopPanelStyle?: IRectGraphicAttribute & {\n    padding: { left: number; right: number; top: number; bottom: number };\n  };\n  // 底部的panel\n  titleBottomPanelStyle?: IRectGraphicAttribute & {\n    padding: { left: number; right: number; top: number; bottom: number };\n  };\n}\n"]}

package/cjs/weather/index.d.ts

@@ -1 +0,0 @@
-export * from './weather-box';

package/cjs/weather/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
-    void 0 === k2 && (k2 = k);
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
-        enumerable: !0,
-        get: function() {
-            return m[k];
-        }
-    }), Object.defineProperty(o, k2, desc);
-} : function(o, m, k, k2) {
-    void 0 === k2 && (k2 = k), o[k2] = m[k];
-}), __exportStar = this && this.__exportStar || function(m, exports) {
-    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
-};
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), __exportStar(require("./weather-box"), exports);
-//# sourceMappingURL=index.js.map

package/cjs/weather/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/weather/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B","file":"index.js","sourcesContent":["export * from './weather-box';\n"]}

package/cjs/weather/register.d.ts

@@ -1 +0,0 @@
-export declare function loadWeatherComponent(): void;

package/cjs/weather/register.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.loadWeatherComponent = void 0;
-
-const vrender_kits_1 = require("@visactor/vrender-kits");
-
-function loadWeatherComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerSymbol)();
-}
-
-exports.loadWeatherComponent = loadWeatherComponent;
-//# sourceMappingURL=register.js.map

package/cjs/weather/register.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/weather/register.ts"],"names":[],"mappings":";;;AAAA,yDAAuE;AAEvE,SAAgB,oBAAoB;IAClC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,6BAAc,GAAE,CAAC;AACnB,CAAC;AAHD,oDAGC","file":"register.js","sourcesContent":["import { registerGroup, registerSymbol } from '@visactor/vrender-kits';\n\nexport function loadWeatherComponent() {\n  registerGroup();\n  registerSymbol();\n}\n"]}

package/cjs/weather/type.d.ts

@@ -1,24 +0,0 @@
-import type { IGroupGraphicAttribute, ISymbolGraphicAttribute } from '@visactor/vrender-core';
-export interface IWeatherBoxAttrs extends IGroupGraphicAttribute {
-    rainIconPath?: string;
-    snowIconPath?: string;
-    windIconPath?: string;
-    width: number;
-    height: number;
-    rainSizeRange?: [number, number];
-    snowSizeRange?: [number, number];
-    windSize?: number;
-    rainSpeed?: number;
-    snowSpeed?: number;
-    windSpeed?: number;
-    snowRainBottomPadding?: number;
-    rainRatio?: number;
-    rainCountThreshold?: number;
-    snowRatio?: number;
-    snowCountThreshold?: number;
-    windRatio?: number;
-    windAnimateEffect?: 'fade' | 'clipRange';
-    rainStyle?: ISymbolGraphicAttribute;
-    snowStyle?: ISymbolGraphicAttribute;
-    windStyle?: ISymbolGraphicAttribute;
-}

package/cjs/weather/type.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-});
-//# sourceMappingURL=type.js.map

package/cjs/weather/type.js.map

@@ -1 +0,0 @@
-{"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,13 +0,0 @@
-import { AbstractComponent } from '../core/base';
-import type { IWeatherBoxAttrs } from './type';
-import type { ComponentOptions } from '../interface';
-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;
-    protected generateRainOrSnow(type: string, ratio: number, threshold: number, windRatio: number, group: IGroup, path: string, windAngle: number, sizeRange: [number, number], speed: number): void;
-}