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

package/es/axis/util.js

@@ -99,4 +99,5 @@ export function hasOverlap(items, pad) {
     for (let b, i = 1, n = items.length, a = items[0]; i < n; a = b, ++i) if (b = items[i], 
     textIntersect(a, b, pad)) return !0;
     return !1;
-}
+}
+//# sourceMappingURL=util.js.map

package/es/brush/type.js

@@ -4,5 +4,4 @@ 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 = {}));
-//# sourceMappingURL=type.js.map
+}(IOperateType || (IOperateType = {}));

package/es/core/base.d.ts

@@ -6,6 +6,7 @@ export declare abstract class AbstractComponent<T extends IGroupGraphicAttribute
     attribute: Partial<T>;
     protected mode?: '2d' | '3d';
     protected skipDefault?: boolean;
+    protected _skipRenderAttributes: string[];
     constructor(attributes: T, options?: ComponentOptions);
     setAttribute(key: string, value: any, forceUpdateTag?: boolean | undefined, context?: ISetAttributeContext): void;
     setAttributes(params: Partial<T>, forceUpdateTag?: boolean | undefined, context?: ISetAttributeContext): void;

package/es/core/base.js

@@ -6,7 +6,7 @@ const GROUP_ATTRIBUTES = [ "x", "y", "dx", "dy", "scaleX", "scaleY", "angle", "a
 
 export class AbstractComponent extends Group {
     constructor(attributes, options) {
-        super(attributes), (null == options ? void 0 : options.mode) && (this.mode = options.mode, 
+        super(attributes), this._skipRenderAttributes = GROUP_ATTRIBUTES, (null == options ? void 0 : options.mode) && (this.mode = options.mode, 
         this.setMode(options.mode)), (null == options ? void 0 : options.skipDefault) && (this.skipDefault = !0), 
         this.setTheme({
             common: {
@@ -22,7 +22,8 @@ export class AbstractComponent extends Group {
         }, this.attribute, key, context);
         if (params) return this._setAttributes(params, forceUpdateTag);
         isPlainObject(this.attribute[key]) && isPlainObject(value) && !isFunction(this.attribute[key]) && !isFunction(value) ? merge(this.attribute[key], value) : this.attribute[key] = value, 
-        GROUP_ATTRIBUTES.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), 
+        this._skipRenderAttributes.includes(key) || this.render(), this.valid = this.isValid(), 
+        this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), 
         this.addUpdatePositionTag(), this.onAttributeUpdate();
     }
     setAttributes(params, forceUpdateTag, context) {
@@ -31,7 +32,7 @@ export class AbstractComponent extends Group {
     }
     _setAttributes(params, forceUpdateTag) {
         const keys = Object.keys(params);
-        this._mergeAttributes(params, keys), keys.every((key => GROUP_ATTRIBUTES.includes(key))) || this.render(), 
+        this._mergeAttributes(params, keys), keys.every((key => this._skipRenderAttributes.includes(key))) || this.render(), 
         this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTags(keys) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), 
         this.addUpdatePositionTag(), this.onAttributeUpdate();
     }

package/es/core/base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["/**\n * @description 组件基类\n */\nimport type { IGroupGraphicAttribute, ISetAttributeContext } from '@visactor/vrender-core';\nimport { Group, CustomEvent } from '@visactor/vrender-core';\nimport type { Dict } from '@visactor/vutils';\nimport { merge, isFunction, isPlainObject, isNil } from '@visactor/vutils';\nimport type { ComponentOptions } from '../interface';\n\nconst GROUP_ATTRIBUTES = [\n  'x',\n  'y',\n  'dx',\n  'dy',\n  'scaleX',\n  'scaleY',\n  'angle',\n  'anchor',\n  'postMatrix',\n  'visible',\n  'clip',\n  'pickable',\n  'childrenPickable',\n  'zIndex',\n  'cursor'\n];\n\nexport abstract class AbstractComponent<T extends IGroupGraphicAttribute = IGroupGraphicAttribute> extends Group {\n  declare attribute: Partial<T>;\n\n  protected mode?: '2d' | '3d';\n\n  protected skipDefault?: boolean;\n\n  constructor(attributes: T, options?: ComponentOptions) {\n    super(attributes);\n\n    if (options?.mode) {\n      this.mode = options.mode;\n\n      this.setMode(options.mode);\n    }\n\n    if (options?.skipDefault) {\n      this.skipDefault = true;\n    }\n    // 组件需要精准 bounds，所以将这个 strokeBoundsBuffer 设置为 0，否则会影响包围盒的获取\n    this.setTheme({\n      common: {\n        strokeBoundsBuffer: 0\n      }\n    });\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n      this.bindEvents();\n    });\n  }\n\n  /**\n   * @override\n   * 更新单个属性值\n   * @param key\n   * @param value\n   * @param forceUpdateTag\n   */\n  setAttribute(key: string, value: any, forceUpdateTag?: boolean | undefined, context?: ISetAttributeContext): void {\n    const params =\n      this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate({ [key]: value }, this.attribute, key, context);\n    if (params) {\n      return this._setAttributes(params as Partial<T>, forceUpdateTag);\n    }\n\n    // overwrite when previous or next attribute is function\n    if (\n      isPlainObject(this.attribute[key]) &&\n      isPlainObject(value) &&\n      !isFunction(this.attribute[key]) &&\n      !isFunction(value)\n    ) {\n      merge(this.attribute[key], value);\n    } else {\n      this.attribute[key] = value;\n    }\n\n    // HACK: 待优化\n    if (!GROUP_ATTRIBUTES.includes(key as string)) {\n      this.render();\n    }\n\n    this.valid = this.isValid();\n    if (!this.updateShapeAndBoundsTagSetted() && (forceUpdateTag || this.needUpdateTag(key as string))) {\n      this.addUpdateShapeAndBoundsTag();\n    } else {\n      this.addUpdateBoundTag();\n    }\n    this.addUpdatePositionTag();\n    this.onAttributeUpdate();\n  }\n\n  setAttributes(params: Partial<T>, forceUpdateTag?: boolean | undefined, context?: ISetAttributeContext): void {\n    params =\n      (this.onBeforeAttributeUpdate &&\n        (this.onBeforeAttributeUpdate(params, this.attribute, null, context) as Partial<T>)) ||\n      params;\n    return this._setAttributes(params, forceUpdateTag);\n  }\n\n  // @ts-ignore\n  _setAttributes(params: Partial<T>, forceUpdateTag?: boolean | undefined): void {\n    const keys = Object.keys(params) as (keyof T)[];\n    this._mergeAttributes(params, keys);\n\n    // HACK: 待优化\n    if (!keys.every(key => GROUP_ATTRIBUTES.includes(key as string))) {\n      this.render();\n    }\n\n    this.valid = this.isValid();\n    // 没有设置shape&bounds的tag\n    if (!this.updateShapeAndBoundsTagSetted() && (forceUpdateTag || this.needUpdateTags(keys as string[]))) {\n      this.addUpdateShapeAndBoundsTag();\n    } else {\n      this.addUpdateBoundTag();\n    }\n    this.addUpdatePositionTag();\n    this.onAttributeUpdate();\n  }\n\n  protected _mergeAttributes(params: Partial<T>, keys?: (keyof T)[]) {\n    if (isNil(keys)) {\n      keys = Object.keys(params) as (keyof T)[];\n    }\n    for (let i = 0; i < keys.length; i++) {\n      const key = keys[i] as keyof Partial<T>;\n      // overwrite when previous or next attribute is function\n      if (isPlainObject(this.attribute[key]) && !isFunction(this.attribute[key]) && !isFunction(params[key])) {\n        merge(this.attribute[key], params[key]);\n      } else {\n        this.attribute[key] = params[key];\n      }\n    }\n  }\n\n  protected bindEvents() {\n    // please override\n  }\n\n  protected abstract render(): void;\n\n  // 图形元素 id\n  protected _getNodeId(id: string) {\n    return `${this.id ?? this._uid}-${this.name}-${id}`;\n  }\n\n  // 用于 emit 组件自己的事件\n  protected _dispatchEvent(eventName: string, details?: Dict<any>) {\n    // 封装事件\n    const changeEvent = new CustomEvent(eventName, details);\n    // FIXME: 需要在 vrender 的事件系统支持\n    // @ts-ignore\n    changeEvent.manager = this.stage?.eventSystem.manager;\n\n    this.dispatchEvent(changeEvent);\n  }\n}\n"]}
+{"version":3,"sources":["../src/core/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["/**\n * @description 组件基类\n */\nimport type { IGroupGraphicAttribute, ISetAttributeContext } from '@visactor/vrender-core';\nimport { Group, CustomEvent } from '@visactor/vrender-core';\nimport type { Dict } from '@visactor/vutils';\nimport { merge, isFunction, isPlainObject, isNil } from '@visactor/vutils';\nimport type { ComponentOptions } from '../interface';\n\nconst GROUP_ATTRIBUTES = [\n  'x',\n  'y',\n  'dx',\n  'dy',\n  'scaleX',\n  'scaleY',\n  'angle',\n  'anchor',\n  'postMatrix',\n  'visible',\n  'clip',\n  'pickable',\n  'childrenPickable',\n  'zIndex',\n  'cursor'\n];\n\nexport abstract class AbstractComponent<T extends IGroupGraphicAttribute = IGroupGraphicAttribute> extends Group {\n  declare attribute: Partial<T>;\n\n  protected mode?: '2d' | '3d';\n\n  protected skipDefault?: boolean;\n\n  protected _skipRenderAttributes: string[] = GROUP_ATTRIBUTES;\n\n  constructor(attributes: T, options?: ComponentOptions) {\n    super(attributes);\n\n    if (options?.mode) {\n      this.mode = options.mode;\n\n      this.setMode(options.mode);\n    }\n\n    if (options?.skipDefault) {\n      this.skipDefault = true;\n    }\n    // 组件需要精准 bounds，所以将这个 strokeBoundsBuffer 设置为 0，否则会影响包围盒的获取\n    this.setTheme({\n      common: {\n        strokeBoundsBuffer: 0\n      }\n    });\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n      this.bindEvents();\n    });\n  }\n\n  /**\n   * @override\n   * 更新单个属性值\n   * @param key\n   * @param value\n   * @param forceUpdateTag\n   */\n  setAttribute(key: string, value: any, forceUpdateTag?: boolean | undefined, context?: ISetAttributeContext): void {\n    const params =\n      this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate({ [key]: value }, this.attribute, key, context);\n    if (params) {\n      return this._setAttributes(params as Partial<T>, forceUpdateTag);\n    }\n\n    // overwrite when previous or next attribute is function\n    if (\n      isPlainObject(this.attribute[key]) &&\n      isPlainObject(value) &&\n      !isFunction(this.attribute[key]) &&\n      !isFunction(value)\n    ) {\n      merge(this.attribute[key], value);\n    } else {\n      this.attribute[key] = value;\n    }\n\n    // HACK: 待优化\n    if (!this._skipRenderAttributes.includes(key as string)) {\n      this.render();\n    }\n\n    this.valid = this.isValid();\n    if (!this.updateShapeAndBoundsTagSetted() && (forceUpdateTag || this.needUpdateTag(key as string))) {\n      this.addUpdateShapeAndBoundsTag();\n    } else {\n      this.addUpdateBoundTag();\n    }\n    this.addUpdatePositionTag();\n    this.onAttributeUpdate();\n  }\n\n  setAttributes(params: Partial<T>, forceUpdateTag?: boolean | undefined, context?: ISetAttributeContext): void {\n    params =\n      (this.onBeforeAttributeUpdate &&\n        (this.onBeforeAttributeUpdate(params, this.attribute, null, context) as Partial<T>)) ||\n      params;\n    return this._setAttributes(params, forceUpdateTag);\n  }\n\n  // @ts-ignore\n  _setAttributes(params: Partial<T>, forceUpdateTag?: boolean | undefined): void {\n    const keys = Object.keys(params) as (keyof T)[];\n    this._mergeAttributes(params, keys);\n\n    // HACK: 待优化\n    if (!keys.every(key => this._skipRenderAttributes.includes(key as string))) {\n      this.render();\n    }\n\n    this.valid = this.isValid();\n    // 没有设置shape&bounds的tag\n    if (!this.updateShapeAndBoundsTagSetted() && (forceUpdateTag || this.needUpdateTags(keys as string[]))) {\n      this.addUpdateShapeAndBoundsTag();\n    } else {\n      this.addUpdateBoundTag();\n    }\n    this.addUpdatePositionTag();\n    this.onAttributeUpdate();\n  }\n\n  protected _mergeAttributes(params: Partial<T>, keys?: (keyof T)[]) {\n    if (isNil(keys)) {\n      keys = Object.keys(params) as (keyof T)[];\n    }\n    for (let i = 0; i < keys.length; i++) {\n      const key = keys[i] as keyof Partial<T>;\n      // overwrite when previous or next attribute is function\n      if (isPlainObject(this.attribute[key]) && !isFunction(this.attribute[key]) && !isFunction(params[key])) {\n        merge(this.attribute[key], params[key]);\n      } else {\n        this.attribute[key] = params[key];\n      }\n    }\n  }\n\n  protected bindEvents() {\n    // please override\n  }\n\n  protected abstract render(): void;\n\n  // 图形元素 id\n  protected _getNodeId(id: string) {\n    return `${this.id ?? this._uid}-${this.name}-${id}`;\n  }\n\n  // 用于 emit 组件自己的事件\n  protected _dispatchEvent(eventName: string, details?: Dict<any>) {\n    // 封装事件\n    const changeEvent = new CustomEvent(eventName, details);\n    // FIXME: 需要在 vrender 的事件系统支持\n    // @ts-ignore\n    changeEvent.manager = this.stage?.eventSystem.manager;\n\n    this.dispatchEvent(changeEvent);\n  }\n}\n"]}

package/es/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.21.8";
+export declare const version = "0.22.0-vstory.1";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';
@@ -26,5 +26,7 @@ export * from './jsx';
 export * from './checkbox';
 export * from './radio';
 export * from './empty-tip';
+export * from './weather';
 export * from './util';
 export * from './switch';
+export * from './label-item';

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.21.8";
+export const version = "0.22.0-vstory.1";
 
 export * from "./core/base";
 
@@ -54,7 +54,11 @@ export * from "./radio";
 
 export * from "./empty-tip";
 
+export * from "./weather";
+
 export * from "./util";
 
 export * from "./switch";
+
+export * from "./label-item";
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAEhC,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,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.21.8\";\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 './util';\nexport * from './switch';\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;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.22.0-vstory.1\";\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';\nexport * from './switch';\nexport * from './label-item';\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 { ICustomPath2D, IGraphicAttribute, IGroup, IRectGraphicAttribute } from '@visactor/vrender-core';\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  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/label-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './label-item';
+export * from './type';

package/es/label-item/index.js

@@ -0,0 +1,4 @@
+export * from "./label-item";
+
+export * from "./type";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,29 @@
+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/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;
 }