@visactor/vrender-components 0.21.7 → 0.22.0-vstory.1

package/es/label-item/label-item.js

@@ -0,0 +1,263 @@
+import { InputText } from "@visactor/vrender-core";
+
+import { AbstractComponent } from "../core/base";
+
+import { merge } from "@visactor/vutils";
+
+export class StoryLabelItem extends AbstractComponent {
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : 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 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 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");
+        }
+    }
+}
+
+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/es/label-item/label-item.js.map

@@ -0,0 +1 @@
+{"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/es/label-item/register.d.ts

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

package/es/label-item/register.js

@@ -0,0 +1,6 @@
+import { registerGroup, registerSymbol, registerLine, registerText } from "@visactor/vrender-kits";
+
+export function loadLabelItemComponent() {
+    registerGroup(), registerText(), registerSymbol(), registerLine();
+}
+//# sourceMappingURL=register.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/label-item/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEnG,MAAM,UAAU,sBAAsB;IACpC,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;IACf,cAAc,EAAE,CAAC;IACjB,YAAY,EAAE,CAAC;AACjB,CAAC","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/es/label-item/type.d.ts

@@ -0,0 +1,31 @@
+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/es/label-item/type.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=type.js.map

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

@@ -0,0 +1 @@
+{"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/es/poptip/poptip.d.ts

@@ -1,15 +1,27 @@
+import { type IGroup, type IText } from '@visactor/vrender-core';
 import { AbstractComponent } from '../core/base';
 import type { ComponentOptions } from '../interface';
 import type { PopTipAttributes } from './type';
 export declare class PopTip extends AbstractComponent<Required<PopTipAttributes>> {
     name: string;
     static defaultAttributes: Partial<PopTipAttributes>;
+    titleShape?: IText;
+    contentShape?: IText;
+    group?: IGroup;
     constructor(attributes: PopTipAttributes, options?: ComponentOptions);
     protected render(): void;
     positionList: string[];
-    getAngleAndOffset(position: string, width: number, height: number, size: [number, number]): {
+    getAngleAndOffset(position: string, width: number, height: number, size: [number, number], symbolType: 'arrow2Left' | string): {
         angle: number;
         offset: [number, number];
-        rectOffset: [number, number];
     };
+    appearAnimate(animateConfig: {
+        duration?: number;
+        easing?: string;
+        wave?: number;
+    }): void;
+    disappearAnimate(animateConfig: {
+        duration?: number;
+        easing?: string;
+    }): void;
 }