@visactor/vrender-components 0.0.38-brush.2-alpha.0

package/cjs/title/title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/title/title.ts"],"names":[],"mappings":";;;AAIA,6CAAoE;AACpE,uCAAiD;AAGjD,MAAa,KAAM,SAAQ,wBAAuC;IAyBhE,YAAY,UAAsB;QAChC,KAAK,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,KAAK,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAzBxD,SAAI,GAAG,OAAO,CAAC;IA0Bf,CAAC;IAES,MAAM;;QACd,MAAM,EACJ,IAAI,EACJ,SAAS,EACT,OAAO,EACP,YAAY,EACZ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,aAAa,EACb,OAAO,GAAG,CAAC,EACZ,GAAG,IAAI,CAAC,SAAuB,CAAC;QAEjC,MAAM,aAAa,GAAG,IAAA,yBAAgB,EAAC,OAAO,CAAC,CAAC;QAEhD,MAAM,KAAK,GAAG,IAAI,CAAC,mBAAmB,CACpC,iBAAiB,EACjB,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EACvD,OAAO,CACE,CAAC;QAEZ,IAAI,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,OAAO,MAAK,KAAK,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,MAAK,KAAK,EAAE;YACrE,IAAI,SAAS,IAAI,IAAA,gBAAO,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,EAAE;gBAC9C,MAAM,IAAI,GAAG;oBACX,CAAC,EAAE,MAAA,SAAS,CAAC,CAAC,mCAAI,CAAC;oBACnB,CAAC,EAAE,MAAA,SAAS,CAAC,CAAC,mCAAI,CAAC;oBACnB,KAAK,EAAE,MAAA,MAAA,SAAS,CAAC,KAAK,mCAAI,KAAK,mCAAI,CAAC;oBACpC,MAAM,EAAE,MAAA,MAAA,SAAS,CAAC,MAAM,mCAAI,MAAM,mCAAI,CAAC;oBACvC,QAAQ,EAAE,MAAA,SAAS,CAAC,QAAQ,mCAAI,IAAI;oBACpC,SAAS,EAAE,MAAA,SAAS,CAAC,SAAS,mCAAI,YAAY;oBAC9C,SAAS,EAAE,SAAS,CAAC,SAAS;oBAC9B,QAAQ,EAAE,SAAS,CAAC,QAAQ;oBAC5B,UAAU,EAAE,SAAS,CAAC,SAAS;iBAChC,CAAC;gBACF,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,EAAE,UAAU,CAAc,CAAC;aACzF;iBAAM,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE;gBACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,mBAAmB,CACzC,WAAW,gCAET,IAAI,EAAE,CAAC,IAAc,CAAC,IACnB,SAAS,KACZ,YAAY,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,mCAAI,KAAK,EAC9C,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EACnC,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,EAC/B,QAAQ,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,mCAAI,IAAI,EACrC,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,KAEN,UAAU,CACF,CAAC;aACZ;SACF;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,UAAU,0CAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAClF,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,UAAU,0CAAE,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAEhF,IAAI,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,OAAO,MAAK,KAAK,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,MAAK,KAAK,EAAE;YACxE,IAAI,YAAY,IAAI,IAAA,gBAAO,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,EAAE;gBACpD,MAAM,IAAI,GAAG;oBACX,CAAC,EAAE,MAAA,YAAY,CAAC,CAAC,mCAAI,CAAC;oBACtB,CAAC,EAAE,MAAA,YAAY,CAAC,CAAC,mCAAI,cAAc;oBACnC,KAAK,EAAE,MAAA,MAAA,YAAY,CAAC,KAAK,mCAAI,KAAK,mCAAI,CAAC;oBACvC,MAAM,EAAE,MAAA,MAAA,YAAY,CAAC,MAAM,mCAAI,MAAM,mCAAI,CAAC;oBAC1C,QAAQ,EAAE,MAAA,YAAY,CAAC,QAAQ,mCAAI,IAAI;oBACvC,SAAS,EAAE,MAAA,YAAY,CAAC,SAAS,mCAAI,YAAY;oBACjD,SAAS,EAAE,YAAY,CAAC,SAAS;oBACjC,QAAQ,EAAE,YAAY,CAAC,QAAQ;oBAC/B,UAAU,EAAE,YAAY,CAAC,SAAS;iBACnC,CAAC;gBACF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,EAAE,UAAU,CAAc,CAAC;aACvF;iBAAM,IAAI,IAAA,gBAAO,EAAC,OAAO,CAAC,EAAE;gBAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,mBAAmB,CACxC,UAAU,gCAER,IAAI,EAAE,CAAC,OAAiB,CAAC,IACtB,YAAY,KACf,YAAY,EAAE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,mCAAI,KAAK,EACjD,WAAW,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,EACtC,SAAS,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EAClC,QAAQ,EAAE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,mCAAI,IAAI,EACxC,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,cAAc,KAEnB,UAAU,CACF,CAAC;aACZ;SACF;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,SAAS,0CAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/E,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,SAAS,0CAAE,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAG7E,IAAI,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;QACvD,IAAI,WAAW,GAAG,cAAc,GAAG,CAAC,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,mCAAI,aAAa,CAAC,CAAC;QAE3E,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,EAAE;YAClB,UAAU,GAAG,KAAK,CAAC;YACnB,MAAA,IAAI,CAAC,UAAU,0CAAE,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;YACrD,MAAA,IAAI,CAAC,SAAS,0CAAE,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;SACrD;QAED,IAAI,IAAA,gBAAO,EAAC,MAAM,CAAC,EAAE;YACnB,WAAW,GAAG,MAAM,CAAC;SACtB;QAED,IAAI,IAAA,gBAAO,EAAC,QAAQ,CAAC,IAAI,UAAU,GAAG,QAAQ,EAAE;YAC9C,UAAU,GAAG,QAAQ,CAAC;SACvB;QACD,IAAI,IAAA,gBAAO,EAAC,QAAQ,CAAC,EAAE;YACrB,MAAA,IAAI,CAAC,UAAU,0CAAE,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;YACxD,MAAA,IAAI,CAAC,SAAS,0CAAE,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;YACvD,MAAA,IAAI,CAAC,UAAU,0CAAE,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;YACpD,MAAA,IAAI,CAAC,SAAS,0CAAE,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;YACnD,IAAI,UAAU,GAAG,QAAQ,EAAE;gBACzB,UAAU,GAAG,QAAQ,CAAC;aACvB;SACF;QAED,IAAI,IAAA,gBAAO,EAAC,SAAS,CAAC,IAAI,WAAW,GAAG,SAAS,EAAE;YACjD,WAAW,GAAG,SAAS,CAAC;SACzB;QACD,IAAI,IAAA,gBAAO,EAAC,SAAS,CAAC,EAAE;YACtB,MAAA,IAAI,CAAC,UAAU,0CAAE,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;YACtD,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,WAAW,EAAE,SAAS,GAAG,cAAc,CAAC,CAAC;YACtE,IAAI,WAAW,GAAG,SAAS,EAAE;gBAC3B,WAAW,GAAG,SAAS,CAAC;aACzB;SACF;QAED,KAAK,CAAC,SAAS,CAAC,KAAK,GAAG,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QACzE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QAG3E,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,IAAI,IAAA,gBAAO,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,EAAE;YAC/C,MAAM,cAAc,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAC,CAAC,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;YACnE,MAAM,cAAc,GAAG,OAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,qCAAI,aAAa,CAAC;YACzD,IAAI,cAAc,KAAK,MAAM,EAAE;gBAC7B,OAAA,IAAI,CAAC,UAAU,4CAAE,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBACtC,OAAA,IAAI,CAAC,UAAU,4CAAE,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;aACpD;iBAAM,IAAI,cAAc,KAAK,QAAQ,EAAE;gBACtC,OAAA,IAAI,CAAC,UAAU,4CAAE,YAAY,CAAC,GAAG,EAAE,cAAc,GAAG,CAAC,CAAC,CAAC;gBACvD,OAAA,IAAI,CAAC,UAAU,4CAAE,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;aACtD;iBAAM,IAAI,cAAc,KAAK,OAAO,EAAE;gBACrC,OAAA,IAAI,CAAC,UAAU,4CAAE,YAAY,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;gBACnD,OAAA,IAAI,CAAC,UAAU,4CAAE,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;aACrD;SACF;QAED,IAAI,IAAA,gBAAO,EAAC,aAAa,CAAC,IAAI,IAAA,gBAAO,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,CAAC,EAAE;YAC/D,MAAM,sBAAsB,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,EAAC,CAAC,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;YACnG,MAAM,eAAe,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,EAAC,CAAC,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;YAC3E,IAAI,sBAAsB,KAAK,KAAK,EAAE;gBACpC,OAAA,IAAI,CAAC,UAAU,4CAAE,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBACtC,OAAA,IAAI,CAAC,UAAU,4CAAE,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;aACtD;iBAAM,IAAI,sBAAsB,KAAK,QAAQ,EAAE;gBAC9C,OAAA,IAAI,CAAC,UAAU,4CAAE,YAAY,CAAC,GAAG,EAAE,eAAe,GAAG,CAAC,CAAC,CAAC;gBACxD,OAAA,IAAI,CAAC,UAAU,4CAAE,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;aACzD;iBAAM,IAAI,sBAAsB,KAAK,QAAQ,EAAE;gBAC9C,OAAA,IAAI,CAAC,UAAU,4CAAE,YAAY,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC;gBACpD,OAAA,IAAI,CAAC,UAAU,4CAAE,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;aACzD;SACF;QAED,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,IAAI,IAAA,gBAAO,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,EAAE;YAClD,MAAM,aAAa,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,EAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;YACxE,MAAM,aAAa,GAAG,OAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,qCAAI,YAAY,CAAC;YAC1D,IAAI,aAAa,KAAK,MAAM,EAAE;gBAC5B,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBACrC,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;aACnD;iBAAM,IAAI,aAAa,KAAK,QAAQ,EAAE;gBACrC,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,GAAG,EAAE,aAAa,GAAG,CAAC,CAAC,CAAC;gBACrD,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;aACrD;iBAAM,IAAI,aAAa,KAAK,OAAO,EAAE;gBACpC,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;gBACjD,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;aACpD;SACF;QAED,IAAI,IAAA,gBAAO,EAAC,aAAa,CAAC,IAAI,IAAA,gBAAO,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,CAAC,EAAE;YAC/D,MAAM,qBAAqB,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,aAAa,EAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;YACxG,MAAM,cAAc,GAAG,cAAc,CAAC;YACtC,MAAM,cAAc,GAAG,OAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,qCAAI,CAAC,CAAC;YACjD,IAAI,qBAAqB,KAAK,KAAK,EAAE;gBACnC,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;gBAClD,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;aACrD;iBAAM,IAAI,qBAAqB,KAAK,QAAQ,EAAE;gBAC7C,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,GAAG,EAAE,cAAc,GAAG,cAAc,GAAG,CAAC,CAAC,CAAC;gBACvE,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;aACxD;iBAAM,IAAI,qBAAqB,KAAK,QAAQ,EAAE;gBAC7C,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,GAAG,EAAE,cAAc,GAAG,cAAc,CAAC,CAAC;gBACnE,OAAA,IAAI,CAAC,SAAS,4CAAE,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;aACxD;SACF;IACH,CAAC;;AAlOH,sBAmOC;AA7NQ,uBAAiB,GAAwB;IAC9C,SAAS,EAAE;QACT,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,KAAK;KACpB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,KAAK;KACpB;CACF,CAAC","file":"title.js","sourcesContent":["/**\n * @description 标题组件\n */\nimport { IGroup, IText, IRichText } from '@visactor/vrender';\nimport { merge, isValid, normalizePadding } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { TitleAttrs } from './type';\n\nexport class Title extends AbstractComponent<Required<TitleAttrs>> {\n  name = 'title';\n\n  private _mainTitle?: IText | IRichText;\n  private _subTitle?: IText | IRichText;\n\n  static defaultAttributes: Partial<TitleAttrs> = {\n    textStyle: {\n      ellipsis: '...',\n      fillColor: '#333',\n      fontSize: 20,\n      fontWeight: 'bold',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    subtextStyle: {\n      ellipsis: '...',\n      fillColor: '#6F6F6F',\n      fontSize: 16,\n      fontWeight: 'normal',\n      textAlign: 'left',\n      textBaseline: 'top'\n    }\n  };\n\n  constructor(attributes: TitleAttrs) {\n    super(merge({}, Title.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      text,\n      textStyle,\n      subtext,\n      subtextStyle,\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      align,\n      verticalAlign,\n      padding = 0\n    } = this.attribute as TitleAttrs;\n\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild(\n      'title-container',\n      { x: parsedPadding[3], y: parsedPadding[0], zIndex: 1 },\n      'group'\n    ) as IGroup;\n\n    if (this.attribute?.visible !== false && textStyle?.visible !== false) {\n      if (textStyle && isValid(textStyle?.character)) {\n        const attr = {\n          x: textStyle.x ?? 0,\n          y: textStyle.y ?? 0,\n          width: textStyle.width ?? width ?? 0,\n          height: textStyle.height ?? height ?? 0,\n          ellipsis: textStyle.ellipsis ?? true,\n          wordBreak: textStyle.wordBreak ?? 'break-word',\n          maxHeight: textStyle.maxHeight,\n          maxWidth: textStyle.maxWidth,\n          textConfig: textStyle.character\n        };\n        this._mainTitle = group.createOrUpdateChild('mainTitle', attr, 'richtext') as IRichText;\n      } else if (isValid(text)) {\n        this._mainTitle = group.createOrUpdateChild(\n          'mainTitle',\n          {\n            text: [text as string],\n            ...textStyle,\n            maxLineWidth: textStyle?.maxLineWidth ?? width,\n            heightLimit: textStyle?.heightLimit,\n            lineClamp: textStyle?.lineClamp,\n            ellipsis: textStyle?.ellipsis ?? true,\n            x: 0,\n            y: 0\n          },\n          'wrapText'\n        ) as IText;\n      }\n    }\n\n    const maintextHeight = this._mainTitle ? this._mainTitle?.AABBBounds.height() : 0;\n    const maintextWidth = this._mainTitle ? this._mainTitle?.AABBBounds.width() : 0;\n\n    if (this.attribute?.visible !== false && subtextStyle?.visible !== false) {\n      if (subtextStyle && isValid(subtextStyle?.character)) {\n        const attr = {\n          x: subtextStyle.x ?? 0,\n          y: subtextStyle.y ?? maintextHeight,\n          width: subtextStyle.width ?? width ?? 0,\n          height: subtextStyle.height ?? height ?? 0,\n          ellipsis: subtextStyle.ellipsis ?? true,\n          wordBreak: subtextStyle.wordBreak ?? 'break-word',\n          maxHeight: subtextStyle.maxHeight,\n          maxWidth: subtextStyle.maxWidth,\n          textConfig: subtextStyle.character\n        };\n        this._subTitle = group.createOrUpdateChild('subTitle', attr, 'richtext') as IRichText;\n      } else if (isValid(subtext)) {\n        this._subTitle = group.createOrUpdateChild(\n          'subTitle',\n          {\n            text: [subtext as string],\n            ...subtextStyle,\n            maxLineWidth: subtextStyle?.maxLineWidth ?? width,\n            heightLimit: subtextStyle?.heightLimit,\n            lineClamp: subtextStyle?.lineClamp,\n            ellipsis: subtextStyle?.ellipsis ?? true,\n            x: 0,\n            y: maintextHeight\n          },\n          'wrapText'\n        ) as IText;\n      }\n    }\n\n    const subtextHeight = this._subTitle ? this._subTitle?.AABBBounds.height() : 0;\n    const subtextWidth = this._subTitle ? this._subTitle?.AABBBounds.width() : 0;\n\n    // 设置宽高\n    let titleWidth = Math.max(maintextWidth, subtextWidth);\n    let titleHeight = maintextHeight + (subtextStyle?.height ?? subtextHeight);\n\n    if (isValid(width)) {\n      titleWidth = width;\n      this._mainTitle?.setAttribute('maxLineWidth', width);\n      this._subTitle?.setAttribute('maxLineWidth', width);\n    }\n\n    if (isValid(height)) {\n      titleHeight = height;\n    }\n\n    if (isValid(minWidth) && titleWidth < minWidth) {\n      titleWidth = minWidth;\n    }\n    if (isValid(maxWidth)) {\n      this._mainTitle?.setAttribute('maxLineWidth', maxWidth);\n      this._subTitle?.setAttribute('maxLineWidth', maxWidth);\n      this._mainTitle?.setAttribute('maxWidth', maxWidth);\n      this._subTitle?.setAttribute('maxWidth', maxWidth);\n      if (titleWidth > maxWidth) {\n        titleWidth = maxWidth;\n      }\n    }\n\n    if (isValid(minHeight) && titleHeight < minHeight) {\n      titleHeight = minHeight;\n    }\n    if (isValid(maxHeight)) {\n      this._mainTitle?.setAttribute('maxHeight', maxHeight);\n      this._subTitle?.setAttribute('maxHeight', maxHeight - maintextHeight);\n      if (titleHeight > maxHeight) {\n        titleHeight = maxHeight;\n      }\n    }\n\n    group.attribute.width = titleWidth + parsedPadding[1] + parsedPadding[3];\n    group.attribute.height = titleHeight + parsedPadding[0] + parsedPadding[2];\n\n    // 设置对齐\n    if (isValid(align) || isValid(textStyle?.align)) {\n      const mainTitleAlign = textStyle?.align ? textStyle?.align : align;\n      const mainTitleWidth = textStyle?.width ?? maintextWidth;\n      if (mainTitleAlign === 'left') {\n        this._mainTitle?.setAttribute('x', 0);\n        this._mainTitle?.setAttribute('textAlign', 'left');\n      } else if (mainTitleAlign === 'center') {\n        this._mainTitle?.setAttribute('x', mainTitleWidth / 2);\n        this._mainTitle?.setAttribute('textAlign', 'center');\n      } else if (mainTitleAlign === 'right') {\n        this._mainTitle?.setAttribute('x', mainTitleWidth);\n        this._mainTitle?.setAttribute('textAlign', 'right');\n      }\n    }\n\n    if (isValid(verticalAlign) || isValid(textStyle?.verticalAlign)) {\n      const mainTitleVerticalAlign = textStyle?.verticalAlign ? textStyle?.verticalAlign : verticalAlign;\n      const mainTitleHeight = textStyle?.height ? textStyle?.height : titleWidth;\n      if (mainTitleVerticalAlign === 'top') {\n        this._mainTitle?.setAttribute('y', 0);\n        this._mainTitle?.setAttribute('textBaseline', 'top');\n      } else if (mainTitleVerticalAlign === 'middle') {\n        this._mainTitle?.setAttribute('y', mainTitleHeight / 2);\n        this._mainTitle?.setAttribute('textBaseline', 'middle');\n      } else if (mainTitleVerticalAlign === 'bottom') {\n        this._mainTitle?.setAttribute('y', mainTitleHeight);\n        this._mainTitle?.setAttribute('textBaseline', 'bottom');\n      }\n    }\n\n    if (isValid(align) || isValid(subtextStyle?.align)) {\n      const subTitleAlign = subtextStyle?.align ? subtextStyle?.align : align;\n      const subTitleWidth = subtextStyle?.width ?? subtextWidth;\n      if (subTitleAlign === 'left') {\n        this._subTitle?.setAttribute('x', 0);\n        this._subTitle?.setAttribute('textAlign', 'left');\n      } else if (subTitleAlign === 'center') {\n        this._subTitle?.setAttribute('x', subTitleWidth / 2);\n        this._subTitle?.setAttribute('textAlign', 'center');\n      } else if (subTitleAlign === 'right') {\n        this._subTitle?.setAttribute('x', subTitleWidth);\n        this._subTitle?.setAttribute('textAlign', 'right');\n      }\n    }\n\n    if (isValid(verticalAlign) || isValid(textStyle?.verticalAlign)) {\n      const subTitleVerticalAlign = subtextStyle?.verticalAlign ? subtextStyle?.verticalAlign : verticalAlign;\n      const subTitleYStart = maintextHeight;\n      const subTitleHeight = subtextStyle?.height ?? 0;\n      if (subTitleVerticalAlign === 'top') {\n        this._subTitle?.setAttribute('y', subTitleYStart);\n        this._subTitle?.setAttribute('textBaseline', 'top');\n      } else if (subTitleVerticalAlign === 'middle') {\n        this._subTitle?.setAttribute('y', subTitleYStart + subTitleHeight / 2);\n        this._subTitle?.setAttribute('textBaseline', 'middle');\n      } else if (subTitleVerticalAlign === 'bottom') {\n        this._subTitle?.setAttribute('y', subTitleYStart + subTitleHeight);\n        this._subTitle?.setAttribute('textBaseline', 'bottom');\n      }\n    }\n  }\n}\n"]}

package/cjs/title/type.d.ts

@@ -0,0 +1,41 @@
+import type { IGroupGraphicAttribute, ITextGraphicAttribute, IRichTextCharacter, RichTextWordBreak } from '@visactor/vrender';
+import { Padding } from '../core/type';
+export interface TitleAttrs extends IGroupGraphicAttribute {
+    text?: string | number | string[] | number[];
+    subtext?: string | number | string[] | number[];
+    width?: number;
+    height?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    padding?: Padding;
+    align?: string;
+    verticalAlign?: string;
+    textStyle?: {
+        width?: number;
+        height?: number;
+        maxWidth?: number;
+        maxHeight?: number;
+        align?: string;
+        verticalAlign?: string;
+        wordBreak?: RichTextWordBreak;
+        maxLineWidth?: number;
+        heightLimit?: number;
+        lineClamp?: number;
+        character?: IRichTextCharacter[];
+    } & Partial<ITextGraphicAttribute>;
+    subtextStyle?: {
+        width?: number;
+        height?: number;
+        maxWidth?: number;
+        maxHeight?: number;
+        align?: string;
+        verticalAlign?: string;
+        wordBreak?: RichTextWordBreak;
+        maxLineWidth?: number;
+        heightLimit?: number;
+        lineClamp?: number;
+        character?: IRichTextCharacter[];
+    } & Partial<ITextGraphicAttribute>;
+}

package/cjs/title/type.js

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

package/cjs/title/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/title/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, ITextGraphicAttribute, IRichTextCharacter, RichTextWordBreak } from '@visactor/vrender';\nimport { Padding } from '../core/type';\n\nexport interface TitleAttrs extends IGroupGraphicAttribute {\n  /**\n   * 主标题文本内容\n   */\n  text?: string | number | string[] | number[];\n  /**\n   * 副标题文本内容\n   */\n  subtext?: string | number | string[] | number[];\n  /**\n   * 指定宽度，像素值\n   */\n  width?: number;\n  /**\n   * 指定高度，像素值\n   */\n  height?: number;\n  /**\n   * 最小宽度，像素值\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * 最小高度，像素值\n   */\n  minHeight?: number;\n  /**\n   * 最大高度，像素值\n   */\n  maxHeight?: number;\n  /**\n   * 内部边距\n   */\n  padding?: Padding;\n  /**\n   * 整体（包括 text 和 subtext）的水平对齐\n   * 'left' | 'center' | 'right'\n   */\n  align?: string;\n  /**\n   * 整体（包括 text 和 subtext）的垂直对齐\n   * 'top' | 'middle' | 'bottom'\n   */\n  verticalAlign?: string;\n  /**\n   * 主标题样式\n   */\n  textStyle?: {\n    /** 指定宽度 */\n    width?: number;\n    /** 指定高度 */\n    height?: number;\n    /** 最大宽度 */\n    maxWidth?: number;\n    /** 最大高度 */\n    maxHeight?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute>;\n  /**\n   * 副标题样式\n   */\n  subtextStyle?: {\n    /** 指定宽度 */\n    width?: number;\n    /** 指定高度 */\n    height?: number;\n    /** 最大宽度 */\n    maxWidth?: number;\n    /** 最大高度 */\n    maxHeight?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute>;\n}\n"]}

package/cjs/tooltip/config.d.ts

@@ -0,0 +1,3 @@
+import { TooltipAttributes } from './type';
+export declare const defaultAttributes: Partial<TooltipAttributes>;
+export declare const TOOLTIP_POSITION_ATTRIBUTES: string[];

package/cjs/tooltip/config.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TOOLTIP_POSITION_ATTRIBUTES = exports.defaultAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), constant_1 = require("../constant");
+
+exports.defaultAttributes = {
+    panel: {
+        visible: !0,
+        borderRadius: [ 3, 3, 3, 3 ],
+        fill: !0,
+        fillColor: "white",
+        shadow: !0,
+        shadowBlur: 12,
+        shadowColor: "rgba(0, 0, 0, 0.1)",
+        shadowOffsetX: 0,
+        shadowOffsetY: 4,
+        shadowSpread: 0,
+        stroke: !0,
+        strokeColor: "white"
+    },
+    titleStyle: {
+        value: {
+            fill: !0,
+            fillColor: "#4E5969",
+            fontFamily: constant_1.DEFAULT_TEXT_FONT_FAMILY,
+            fontSize: 14,
+            lineHeight: 18,
+            textAlign: "left",
+            textBaseline: "middle"
+        },
+        spaceRow: 6
+    },
+    contentStyle: {
+        shape: {
+            fill: !0,
+            fillColor: "black",
+            size: 8,
+            symbolType: "circle",
+            spacing: 6
+        },
+        key: {
+            fill: !0,
+            fillColor: "#4E5969",
+            fontFamily: constant_1.DEFAULT_TEXT_FONT_FAMILY,
+            fontSize: 12,
+            lineHeight: 18,
+            textAlign: "left",
+            textBaseline: "middle",
+            spacing: 26
+        },
+        value: {
+            fill: !0,
+            fillColor: "#4E5969",
+            fontFamily: constant_1.DEFAULT_TEXT_FONT_FAMILY,
+            fontSize: 12,
+            lineHeight: 18,
+            textAlign: "right",
+            textBaseline: "middle",
+            spacing: 0
+        },
+        spaceRow: 6
+    },
+    padding: 10,
+    positionX: "right",
+    positionY: "bottom",
+    offsetX: 10,
+    offsetY: 10,
+    parentBounds: (new vutils_1.AABBBounds).setValue(Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY, Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY),
+    autoCalculatePosition: !0,
+    autoMeasure: !0,
+    pickable: !1,
+    childrenPickable: !1,
+    zIndex: 500
+}, exports.TOOLTIP_POSITION_ATTRIBUTES = [ "pointerX", "pointerY", "offsetX", "offsetY", "positionX", "positionY", "parentBounds" ];
+//# sourceMappingURL=config.js.map

package/cjs/tooltip/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tooltip/config.ts"],"names":[],"mappings":";;;AAAA,6CAA8C;AAC9C,0CAAuD;AAG1C,QAAA,iBAAiB,GAA+B;IAC3D,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAC1B,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,OAAO;QAClB,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,oBAAoB;QACjC,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,IAAI;QACZ,WAAW,EAAE,OAAO;KACrB;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,mCAAwB;YACpC,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,QAAQ;SACvB;QACD,QAAQ,EAAE,CAAC;KACZ;IACD,YAAY,EAAE;QACZ,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,OAAO;YAClB,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,CAAC;SACX;QACD,GAAG,EAAE;YACH,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,mCAAwB;YACpC,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,QAAQ;YACtB,OAAO,EAAE,EAAE;SACZ;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,mCAAwB;YACpC,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,SAAS,EAAE,OAAO;YAClB,YAAY,EAAE,QAAQ;YACtB,OAAO,EAAE,CAAC;SACX;QACD,QAAQ,EAAE,CAAC;KACZ;IACD,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,YAAY,EAAE,IAAI,mBAAU,EAAE,CAAC,QAAQ,CACrC,MAAM,CAAC,iBAAiB,EACxB,MAAM,CAAC,iBAAiB,EACxB,MAAM,CAAC,iBAAiB,EACxB,MAAM,CAAC,iBAAiB,CACzB;IACD,qBAAqB,EAAE,IAAI;IAC3B,WAAW,EAAE,IAAI;IAEjB,QAAQ,EAAE,KAAK;IACf,gBAAgB,EAAE,KAAK;IACvB,MAAM,EAAE,GAAG;CACZ,CAAC;AAEW,QAAA,2BAA2B,GAAG;IACzC,UAAU;IACV,UAAU;IACV,SAAS;IACT,SAAS;IACT,WAAW;IACX,WAAW;IACX,cAAc;CACf,CAAC","file":"config.js","sourcesContent":["import { AABBBounds } from '@visactor/vutils';\nimport { DEFAULT_TEXT_FONT_FAMILY } from '../constant';\nimport { TooltipAttributes } from './type';\n\nexport const defaultAttributes: Partial<TooltipAttributes> = {\n  panel: {\n    visible: true,\n    borderRadius: [3, 3, 3, 3],\n    fill: true,\n    fillColor: 'white',\n    shadow: true,\n    shadowBlur: 12,\n    shadowColor: 'rgba(0, 0, 0, 0.1)',\n    shadowOffsetX: 0,\n    shadowOffsetY: 4,\n    shadowSpread: 0,\n    stroke: true,\n    strokeColor: 'white'\n  },\n  titleStyle: {\n    value: {\n      fill: true,\n      fillColor: '#4E5969',\n      fontFamily: DEFAULT_TEXT_FONT_FAMILY,\n      fontSize: 14,\n      lineHeight: 18,\n      textAlign: 'left',\n      textBaseline: 'middle'\n    },\n    spaceRow: 6\n  },\n  contentStyle: {\n    shape: {\n      fill: true,\n      fillColor: 'black',\n      size: 8,\n      symbolType: 'circle',\n      spacing: 6\n    },\n    key: {\n      fill: true,\n      fillColor: '#4E5969',\n      fontFamily: DEFAULT_TEXT_FONT_FAMILY,\n      fontSize: 12,\n      lineHeight: 18,\n      textAlign: 'left',\n      textBaseline: 'middle',\n      spacing: 26\n    },\n    value: {\n      fill: true,\n      fillColor: '#4E5969',\n      fontFamily: DEFAULT_TEXT_FONT_FAMILY,\n      fontSize: 12,\n      lineHeight: 18,\n      textAlign: 'right',\n      textBaseline: 'middle',\n      spacing: 0\n    },\n    spaceRow: 6\n  },\n  padding: 10,\n  positionX: 'right',\n  positionY: 'bottom',\n  offsetX: 10,\n  offsetY: 10,\n  parentBounds: new AABBBounds().setValue(\n    Number.NEGATIVE_INFINITY,\n    Number.NEGATIVE_INFINITY,\n    Number.POSITIVE_INFINITY,\n    Number.POSITIVE_INFINITY\n  ),\n  autoCalculatePosition: true,\n  autoMeasure: true,\n\n  pickable: false,\n  childrenPickable: false,\n  zIndex: 500\n};\n\nexport const TOOLTIP_POSITION_ATTRIBUTES = [\n  'pointerX',\n  'pointerY',\n  'offsetX',\n  'offsetY',\n  'positionX',\n  'positionY',\n  'parentBounds'\n];\n"]}

package/cjs/tooltip/index.d.ts

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

package/cjs/tooltip/index.js

@@ -0,0 +1,21 @@
+"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("./tooltip"), exports), __exportStar(require("./type"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/tooltip/index.js.map

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

package/cjs/tooltip/tooltip.d.ts

@@ -0,0 +1,18 @@
+import { AbstractComponent } from '../core/base';
+import { TooltipAttributes, TooltipRowAttrs, TooltipRowStyleAttrs } from './type';
+export declare class Tooltip extends AbstractComponent<Required<TooltipAttributes>> {
+    name: string;
+    private _tooltipPanel;
+    private _tooltipTitleContainer;
+    private _tooltipTitleSymbol;
+    private _tooltipTitle;
+    private _tooltipContent;
+    static defaultAttributes: Partial<TooltipAttributes>;
+    constructor(attributes: TooltipAttributes);
+    protected render(): void;
+    setAttributes(params: Partial<Required<TooltipAttributes>>, forceUpdateTag?: boolean | undefined): void;
+    static calculateTooltipPosition(attribute: Partial<TooltipAttributes>): Partial<TooltipAttributes>;
+    static measureTooltip(attribute: Partial<TooltipAttributes>): Partial<TooltipAttributes>;
+    static getTitleAttr(attribute: Partial<TooltipAttributes>): TooltipRowAttrs & TooltipRowStyleAttrs;
+    static getContentAttr(attribute: Partial<TooltipAttributes>, index: number): TooltipRowAttrs & TooltipRowStyleAttrs;
+}

package/cjs/tooltip/tooltip.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Tooltip = void 0;
+
+const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), text_1 = require("../util/text"), util_1 = require("../util"), util_2 = require("./util"), config_1 = require("./config"), TOOLTIP_BACKGROUND_NAME = "tooltip-background", TOOLTIP_TITLE_NAME = "tooltip-title", TOOLTIP_CONTENT_NAME = "tooltip-content", TOOLTIP_SHAPE_NAME_SUFFIX = "shape", TOOLTIP_KEY_NAME_SUFFIX = "key", TOOLTIP_VALUE_NAME_SUFFIX = "value";
+
+class Tooltip extends base_1.AbstractComponent {
+    constructor(attributes) {
+        super((0, vutils_1.merge)({}, Tooltip.defaultAttributes, attributes)), this.name = "tooltip";
+    }
+    render() {
+        const {visible: visible, content: content, panel: panel, keyWidth: keyWidth, valueWidth: valueWidth, hasContentShape: hasContentShape, autoCalculatePosition: autoCalculatePosition, autoMeasure: autoMeasure} = this.attribute;
+        if (!visible) return void this.hideAll();
+        autoMeasure && Tooltip.measureTooltip(this.attribute), autoCalculatePosition && Tooltip.calculateTooltipPosition(this.attribute);
+        const padding = (0, vutils_1.normalizePadding)(this.attribute.padding);
+        this._tooltipPanel = this.createOrUpdateChild("tooltip-background", Object.assign({
+            visible: !0
+        }, panel), "rect"), this._tooltipTitleContainer = this.createOrUpdateChild("tooltip-title", {
+            visible: !0,
+            x: padding[3],
+            y: padding[0]
+        }, "group");
+        const titleAttr = Tooltip.getTitleAttr(this.attribute);
+        this._tooltipTitleSymbol = this._tooltipTitleContainer.createOrUpdateChild("tooltip-title-shape", (0, 
+        vutils_1.merge)({
+            symbolType: "circle"
+        }, titleAttr.shape, {
+            visible: (0, util_1.isVisible)(titleAttr) && (0, util_1.isVisible)(titleAttr.shape)
+        }), "symbol");
+        const titlePaddingLeft = (0, util_1.isVisible)(titleAttr.shape) ? titleAttr.shape.size + titleAttr.shape.spacing : 0;
+        this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild("tooltip-title-value", (0, 
+        vutils_1.merge)({
+            text: ""
+        }, titleAttr.value, {
+            visible: (0, util_1.isVisible)(titleAttr) && (0, util_1.isVisible)(titleAttr.value)
+        }), "text");
+        const {textAlign: textAlign, textBaseline: textBaseline} = titleAttr.value, contentWidth = panel.width - padding[3] - padding[0] - titlePaddingLeft;
+        "center" === textAlign ? this._tooltipTitle.setAttribute("x", titlePaddingLeft + contentWidth / 2) : "right" === textAlign || "end" === textAlign ? this._tooltipTitle.setAttribute("x", titlePaddingLeft + contentWidth) : this._tooltipTitle.setAttribute("x", titlePaddingLeft), 
+        "bottom" === textBaseline ? this._tooltipTitle.setAttribute("y", titleAttr.height) : "middle" === textBaseline ? this._tooltipTitle.setAttribute("y", titleAttr.height / 2) : this._tooltipTitle.setAttribute("y", 0);
+        const titleHeight = (0, util_1.isVisible)(titleAttr) ? titleAttr.height + titleAttr.spaceRow : 0;
+        if (this._tooltipContent = this.createOrUpdateChild("tooltip-content", {
+            visible: !0
+        }, "group"), this._tooltipContent.removeAllChild(), null == content ? void 0 : content.length) {
+            this._tooltipContent.setAttribute("x", padding[3]), this._tooltipContent.setAttribute("y", padding[0] + titleHeight);
+            let lastYPos = 0;
+            content.forEach(((item, i) => {
+                const itemAttr = Tooltip.getContentAttr(this.attribute, i);
+                if (!(0, util_1.isVisible)(itemAttr)) return;
+                const itemGroupName = `tooltip-content-${i}`, itemGroup = this._tooltipContent.createOrUpdateChild(itemGroupName, {
+                    visible: !0,
+                    x: 0,
+                    y: lastYPos
+                }, "group");
+                let x = 0;
+                if ((0, util_1.isVisible)(itemAttr.shape)) {
+                    itemGroup.createOrUpdateChild(`${itemGroupName}-shape`, Object.assign({
+                        visible: !0
+                    }, itemAttr.shape), "symbol").setAttribute("y", itemAttr.height / 2);
+                }
+                if (hasContentShape && (x += itemAttr.shape.size + itemAttr.shape.spacing), (0, 
+                util_1.isVisible)(itemAttr.key)) {
+                    const element = itemGroup.createOrUpdateChild(`${itemGroupName}-key`, Object.assign({
+                        visible: !0
+                    }, itemAttr.key), "text"), {textAlign: textAlign} = itemAttr.key;
+                    "center" === textAlign ? element.setAttribute("x", x + keyWidth / 2) : "right" === textAlign || "end" === textAlign ? element.setAttribute("x", x + keyWidth) : element.setAttribute("x", x), 
+                    element.setAttribute("y", itemAttr.height / 2), x += keyWidth + itemAttr.key.spacing;
+                }
+                if ((0, util_1.isVisible)(itemAttr.value)) {
+                    const element = itemGroup.createOrUpdateChild(`${itemGroupName}-value`, Object.assign({
+                        visible: !0
+                    }, itemAttr.value), "text");
+                    let textAlign = "right";
+                    (0, vutils_1.isValid)(itemAttr.value.textAlign) ? textAlign = itemAttr.value.textAlign : (0, 
+                    util_1.isVisible)(itemAttr.key) || (textAlign = "left"), element.setAttribute("textAlign", textAlign), 
+                    "center" === textAlign ? element.setAttribute("x", x + valueWidth / 2) : "right" === textAlign || "end" === textAlign ? element.setAttribute("x", x + valueWidth) : element.setAttribute("x", x), 
+                    x += valueWidth, element.setAttribute("y", itemAttr.height / 2), itemGroup.add(element);
+                }
+                lastYPos += itemAttr.height + itemAttr.spaceRow;
+            }));
+        }
+    }
+    setAttributes(params, forceUpdateTag) {
+        const keys = Object.keys(params);
+        this.attribute.autoCalculatePosition && keys.every((key => config_1.TOOLTIP_POSITION_ATTRIBUTES.includes(key))) ? (this._mergeAttributes(params, keys), 
+        (0, vutils_1.isNil)(this.attribute.panel.width) && this.attribute.autoMeasure && Tooltip.measureTooltip(this.attribute), 
+        Tooltip.calculateTooltipPosition(this.attribute), super.setAttributes({
+            x: this.attribute.x,
+            y: this.attribute.y
+        }, forceUpdateTag)) : super.setAttributes(params, forceUpdateTag);
+    }
+    static calculateTooltipPosition(attribute) {
+        const {width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0} = attribute.panel, {offsetX: offsetX, offsetY: offsetY, pointerX: pointerX, pointerY: pointerY, positionX: positionX, positionY: positionY, parentBounds: parentBounds} = attribute;
+        let x = pointerX, y = pointerY;
+        return "left" === positionX ? x -= tooltipBoxWidth + offsetX : "center" === positionX ? x -= tooltipBoxWidth / 2 : x += offsetX, 
+        "top" === positionY ? y -= tooltipBoxHeight + offsetY : "middle" === positionY ? y -= tooltipBoxHeight / 2 : y += offsetY, 
+        x + tooltipBoxWidth > parentBounds.x2 && (x -= tooltipBoxWidth + offsetX), y + tooltipBoxHeight > parentBounds.y2 && (y -= tooltipBoxHeight + offsetY), 
+        x < parentBounds.x1 && (x = parentBounds.x1), y < parentBounds.y1 && (y = parentBounds.y1), 
+        attribute.x = x, attribute.y = y, attribute;
+    }
+    static measureTooltip(attribute) {
+        const {content: content, contentStyle: contentStyle} = attribute, padding = (0, 
+        vutils_1.normalizePadding)(attribute.padding), titleAttr = Tooltip.getTitleAttr(attribute);
+        let maxWidth = 0, containerHeight = padding[0] + padding[2], titleMaxHeight = 0;
+        const {value: titleValue, shape: titleShape} = titleAttr, {visible: titleHasShape = !1, symbolType: titleShapeType = ""} = null != titleShape ? titleShape : {};
+        if ((0, vutils_1.isValid)(titleValue)) {
+            const {width: width, height: height} = (0, text_1.initTextMeasure)(titleValue).quickMeasure(titleValue.text);
+            maxWidth = width, titleMaxHeight = height;
+        }
+        if (titleHasShape && vrender_1.builtinSymbolsMap[titleShapeType] && (maxWidth += titleShape.size + titleShape.spacing, 
+        titleMaxHeight = Math.max(titleShape.size, titleMaxHeight)), attribute.title.width = maxWidth, 
+        attribute.title.height = titleMaxHeight, (0, util_1.isVisible)(titleAttr) && (containerHeight += titleMaxHeight + titleAttr.spaceRow), 
+        null == content ? void 0 : content.length) {
+            const filteredContent = [];
+            if (content.forEach(((item, i) => {
+                const itemAttr = Tooltip.getContentAttr(attribute, i);
+                (item.key || item.value) && (0, util_1.isVisible)(itemAttr) && filteredContent.push([ item, itemAttr ]);
+            })), filteredContent.length) {
+                let hasContentShape = !1;
+                const shapeWidths = [], keyWidths = [], valueWidths = [];
+                filteredContent.forEach((([item, itemAttr], i) => {
+                    var _a;
+                    const {key: key, value: value, shape: shape, spaceRow: spaceRow} = itemAttr, itemHasShape = (0, 
+                    util_1.isVisible)(shape), itemShapeType = null !== (_a = null == shape ? void 0 : shape.symbolType) && void 0 !== _a ? _a : "", keyTextMeasure = (0, 
+                    text_1.initTextMeasure)(key), valueTextMeasure = (0, text_1.initTextMeasure)(value);
+                    let itemHeight = 0;
+                    if ((0, util_1.isVisible)(key)) {
+                        const {width: width, height: height} = keyTextMeasure.quickMeasure(key.text);
+                        keyWidths.push(width), itemHeight = Math.max(itemHeight, height);
+                    }
+                    if ((0, util_1.isVisible)(value)) {
+                        const {width: width, height: height} = valueTextMeasure.quickMeasure(value.text);
+                        valueWidths.push(width), itemHeight = Math.max(itemHeight, height);
+                    }
+                    itemHasShape && vrender_1.builtinSymbolsMap[itemShapeType] && (hasContentShape = !0, 
+                    shapeWidths.push(shape.size), itemHeight = Math.max(shape.size, itemHeight)), item.height = itemHeight, 
+                    containerHeight += itemHeight, i < filteredContent.length - 1 && (containerHeight += null != spaceRow ? spaceRow : contentStyle.spaceRow);
+                }));
+                const maxShapeWidth = shapeWidths.length ? Math.max(...shapeWidths) : 0, maxKeyWidth = keyWidths.length ? Math.max(...keyWidths) : 0, maxValueWidth = valueWidths.length ? Math.max(...valueWidths) : 0;
+                maxWidth = Math.max(maxKeyWidth + maxValueWidth + contentStyle.key.spacing + contentStyle.value.spacing + (hasContentShape ? maxShapeWidth + contentStyle.shape.spacing : 0), maxWidth), 
+                content.forEach((item => {
+                    item.width = maxWidth;
+                })), attribute.hasContentShape = hasContentShape, attribute.keyWidth = maxKeyWidth, 
+                attribute.valueWidth = maxValueWidth;
+            }
+        }
+        return attribute.panel.width = maxWidth + padding[1] + padding[3], attribute.panel.height = containerHeight, 
+        attribute;
+    }
+    static getTitleAttr(attribute) {
+        return (0, util_2.mergeRowAttrs)({}, Tooltip.defaultAttributes.titleStyle, Tooltip.defaultAttributes.title, attribute.titleStyle, attribute.title);
+    }
+    static getContentAttr(attribute, index) {
+        return (0, util_2.mergeRowAttrs)({}, Tooltip.defaultAttributes.contentStyle, attribute.contentStyle, attribute.content[index]);
+    }
+}
+
+exports.Tooltip = Tooltip, Tooltip.defaultAttributes = config_1.defaultAttributes;
+//# sourceMappingURL=tooltip.js.map

package/cjs/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tooltip/tooltip.ts"],"names":[],"mappings":"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","file":"tooltip.js","sourcesContent":["/**\n * @description 标题组件\n */\nimport { IGroup, IText, IRect, ISymbol, builtinSymbolsMap } from '@visactor/vrender';\nimport { merge, isValid, normalizePadding, isNil } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { initTextMeasure } from '../util/text';\nimport { isVisible } from '../util';\nimport { TooltipAttributes, TooltipRowAttrs, TooltipRowStyleAttrs } from './type';\nimport { mergeRowAttrs } from './util';\nimport { defaultAttributes, TOOLTIP_POSITION_ATTRIBUTES } from './config';\n\nconst TOOLTIP_BACKGROUND_NAME = 'tooltip-background';\nconst TOOLTIP_TITLE_NAME = 'tooltip-title';\nconst TOOLTIP_CONTENT_NAME = 'tooltip-content';\n\nconst TOOLTIP_SHAPE_NAME_SUFFIX = 'shape';\nconst TOOLTIP_KEY_NAME_SUFFIX = 'key';\nconst TOOLTIP_VALUE_NAME_SUFFIX = 'value';\n\nexport class Tooltip extends AbstractComponent<Required<TooltipAttributes>> {\n  name = 'tooltip';\n\n  // tooltip 背景\n  private _tooltipPanel!: IRect;\n  // tooltip title 容器\n  private _tooltipTitleContainer!: IGroup;\n  // tooltip title shape\n  private _tooltipTitleSymbol!: ISymbol;\n  // tooltip title 文本\n  private _tooltipTitle!: IText;\n  // tooltip 内容项容器\n  private _tooltipContent!: IGroup;\n\n  static defaultAttributes: Partial<TooltipAttributes> = defaultAttributes;\n\n  constructor(attributes: TooltipAttributes) {\n    super(merge({}, Tooltip.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const { visible, content, panel, keyWidth, valueWidth, hasContentShape, autoCalculatePosition, autoMeasure } =\n      this.attribute;\n\n    if (!visible) {\n      this.hideAll();\n      return;\n    }\n\n    if (autoMeasure) {\n      Tooltip.measureTooltip(this.attribute);\n    }\n    if (autoCalculatePosition) {\n      Tooltip.calculateTooltipPosition(this.attribute);\n    }\n\n    const padding = normalizePadding(this.attribute.padding);\n\n    // 创建背景层\n    this._tooltipPanel = this.createOrUpdateChild(\n      TOOLTIP_BACKGROUND_NAME,\n      {\n        visible: true,\n        ...panel\n      },\n      'rect'\n    ) as IRect;\n\n    // 创建标题层\n    this._tooltipTitleContainer = this.createOrUpdateChild(\n      TOOLTIP_TITLE_NAME,\n      { visible: true, x: padding[3], y: padding[0] },\n      'group'\n    ) as IGroup;\n\n    // 合并样式\n    const titleAttr = Tooltip.getTitleAttr(this.attribute);\n\n    // 创建标题 shape\n    // 创建 symbol\n    this._tooltipTitleSymbol = this._tooltipTitleContainer.createOrUpdateChild(\n      `${TOOLTIP_TITLE_NAME}-${TOOLTIP_SHAPE_NAME_SUFFIX}`,\n      merge({ symbolType: 'circle' }, titleAttr.shape, {\n        visible: isVisible(titleAttr) && isVisible(titleAttr.shape)\n      }),\n      'symbol'\n    ) as ISymbol;\n\n    // 文本\n    const titlePaddingLeft = isVisible(titleAttr.shape) ? titleAttr.shape.size + titleAttr.shape.spacing : 0;\n    this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild(\n      `${TOOLTIP_TITLE_NAME}-${TOOLTIP_VALUE_NAME_SUFFIX}`,\n      merge({ text: '' }, titleAttr.value, {\n        visible: isVisible(titleAttr) && isVisible(titleAttr.value)\n      }),\n      'text'\n    ) as IText;\n\n    // 调整标题的位置\n    const { textAlign, textBaseline } = titleAttr.value;\n    const contentWidth = panel.width - padding[3] - padding[0] - titlePaddingLeft;\n    if (textAlign === 'center') {\n      this._tooltipTitle.setAttribute('x', titlePaddingLeft + contentWidth / 2);\n    } else if (textAlign === 'right' || textAlign === 'end') {\n      // 右对齐\n      this._tooltipTitle.setAttribute('x', titlePaddingLeft + contentWidth);\n    } else {\n      // 默认左对齐\n      this._tooltipTitle.setAttribute('x', titlePaddingLeft);\n    }\n    if (textBaseline === 'bottom') {\n      this._tooltipTitle.setAttribute('y', titleAttr.height);\n    } else if (textBaseline === 'middle') {\n      this._tooltipTitle.setAttribute('y', titleAttr.height / 2);\n    } else {\n      this._tooltipTitle.setAttribute('y', 0);\n    }\n    const titleHeight = isVisible(titleAttr) ? titleAttr.height + titleAttr.spaceRow : 0;\n\n    // 创建内容层\n    this._tooltipContent = this.createOrUpdateChild(TOOLTIP_CONTENT_NAME, { visible: true }, 'group') as IGroup;\n    this._tooltipContent.removeAllChild(); // 清空内容区\n\n    if (content?.length) {\n      this._tooltipContent.setAttribute('x', padding[3]);\n      this._tooltipContent.setAttribute('y', padding[0] + titleHeight);\n\n      let lastYPos = 0;\n      content.forEach((item, i) => {\n        // 合并样式\n        const itemAttr = Tooltip.getContentAttr(this.attribute, i);\n\n        if (!isVisible(itemAttr)) {\n          return;\n        }\n\n        const itemGroupName = `${TOOLTIP_CONTENT_NAME}-${i}`;\n        const itemGroup = this._tooltipContent.createOrUpdateChild(\n          itemGroupName,\n          { visible: true, x: 0, y: lastYPos },\n          'group'\n        ) as IGroup;\n\n        let x = 0;\n        if (isVisible(itemAttr.shape)) {\n          // 存在 symbol\n          const element = itemGroup.createOrUpdateChild(\n            `${itemGroupName}-${TOOLTIP_SHAPE_NAME_SUFFIX}`,\n            {\n              visible: true,\n              ...itemAttr.shape\n            },\n            'symbol'\n          ) as ISymbol;\n          // shape.setAttribute('x', itemAttr.shape.size / 2);\n          element.setAttribute('y', itemAttr.height / 2);\n        }\n        if (hasContentShape) {\n          x += itemAttr.shape.size + itemAttr.shape.spacing;\n        }\n\n        if (isVisible(itemAttr.key)) {\n          const element = itemGroup.createOrUpdateChild(\n            `${itemGroupName}-${TOOLTIP_KEY_NAME_SUFFIX}`,\n            {\n              visible: true,\n              ...itemAttr.key\n            },\n            'text'\n          ) as IText;\n\n          const { textAlign } = itemAttr.key;\n          if (textAlign === 'center') {\n            element.setAttribute('x', x + keyWidth / 2);\n          } else if (textAlign === 'right' || textAlign === 'end') {\n            // 右对齐\n            element.setAttribute('x', x + keyWidth);\n          } else {\n            // 默认左对齐\n            element.setAttribute('x', x);\n          }\n\n          element.setAttribute('y', itemAttr.height / 2);\n          x += keyWidth + itemAttr.key.spacing;\n        }\n\n        if (isVisible(itemAttr.value)) {\n          const element = itemGroup.createOrUpdateChild(\n            `${itemGroupName}-${TOOLTIP_VALUE_NAME_SUFFIX}`,\n            {\n              visible: true,\n              ...itemAttr.value\n            },\n            'text'\n          ) as IText;\n\n          let textAlign = 'right';\n          if (isValid(itemAttr.value.textAlign)) {\n            textAlign = itemAttr.value.textAlign;\n          } else if (!isVisible(itemAttr.key)) {\n            textAlign = 'left';\n          }\n          element.setAttribute('textAlign', textAlign);\n\n          if (textAlign === 'center') {\n            element.setAttribute('x', x + valueWidth / 2);\n          } else if (textAlign === 'right' || textAlign === 'end') {\n            // 右对齐\n            element.setAttribute('x', x + valueWidth);\n          } else {\n            // 默认左对齐\n            element.setAttribute('x', x);\n          }\n          x += valueWidth;\n\n          element.setAttribute('y', itemAttr.height / 2);\n\n          itemGroup.add(element);\n        }\n\n        lastYPos += itemAttr.height + itemAttr.spaceRow;\n      });\n    }\n  }\n\n  setAttributes(params: Partial<Required<TooltipAttributes>>, forceUpdateTag?: boolean | undefined): void {\n    const keys = Object.keys(params) as (keyof TooltipAttributes)[];\n    // 优化：只更改 tooltip 位置\n    if (this.attribute.autoCalculatePosition && keys.every(key => TOOLTIP_POSITION_ATTRIBUTES.includes(key))) {\n      this._mergeAttributes(params, keys);\n      // 计算 x y\n      if (isNil(this.attribute.panel.width) && this.attribute.autoMeasure) {\n        Tooltip.measureTooltip(this.attribute);\n      }\n      Tooltip.calculateTooltipPosition(this.attribute);\n      // 应用 x y\n      super.setAttributes(\n        {\n          x: this.attribute.x,\n          y: this.attribute.y\n        },\n        forceUpdateTag\n      );\n    } else {\n      super.setAttributes(params, forceUpdateTag);\n    }\n  }\n\n  static calculateTooltipPosition(attribute: Partial<TooltipAttributes>): Partial<TooltipAttributes> {\n    const { width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0 } = attribute.panel;\n\n    const { offsetX, offsetY, pointerX, pointerY, positionX, positionY, parentBounds } = attribute;\n\n    let x = pointerX;\n    let y = pointerY;\n    if (positionX === 'left') {\n      x -= tooltipBoxWidth + offsetX;\n    } else if (positionX === 'center') {\n      x -= tooltipBoxWidth / 2;\n    } else {\n      x += offsetX;\n    }\n    if (positionY === 'top') {\n      y -= tooltipBoxHeight + offsetY;\n    } else if (positionY === 'middle') {\n      y -= tooltipBoxHeight / 2;\n    } else {\n      y += offsetY;\n    }\n\n    /* 确保tooltip在视区内 */\n    if (x + tooltipBoxWidth > parentBounds.x2) {\n      // 位置不超出视区右界\n      x -= tooltipBoxWidth + offsetX;\n    }\n    if (y + tooltipBoxHeight > parentBounds.y2) {\n      // 位置不超出视区下界\n      y -= tooltipBoxHeight + offsetY;\n    }\n    if (x < parentBounds.x1) {\n      // 位置不超出视区左界\n      x = parentBounds.x1;\n    }\n    if (y < parentBounds.y1) {\n      // 位置不超出视区上界\n      y = parentBounds.y1;\n    }\n\n    attribute.x = x;\n    attribute.y = y;\n\n    return attribute;\n  }\n\n  static measureTooltip(attribute: Partial<TooltipAttributes>): Partial<TooltipAttributes> {\n    const { content, contentStyle } = attribute;\n    const padding = normalizePadding(attribute.padding);\n    // 合并样式\n    const titleAttr = Tooltip.getTitleAttr(attribute);\n\n    let maxWidth = 0;\n    let containerHeight = padding[0] + padding[2];\n\n    // calculate title\n    let titleMaxHeight = 0;\n    const { value: titleValue, shape: titleShape } = titleAttr;\n    const { visible: titleHasShape = false, symbolType: titleShapeType = '' } = titleShape ?? {};\n\n    if (isValid(titleValue)) {\n      const { width, height } = initTextMeasure(titleValue).quickMeasure(titleValue.text);\n      maxWidth = width;\n      titleMaxHeight = height;\n    }\n    if (titleHasShape && builtinSymbolsMap[titleShapeType]) {\n      maxWidth += titleShape.size + titleShape.spacing;\n      titleMaxHeight = Math.max(titleShape.size, titleMaxHeight);\n    }\n\n    attribute.title.width = maxWidth;\n    attribute.title.height = titleMaxHeight;\n\n    if (isVisible(titleAttr)) {\n      containerHeight += titleMaxHeight + titleAttr.spaceRow;\n    }\n\n    // calculate content\n    if (content?.length) {\n      // filter content\n      const filteredContent: [TooltipRowAttrs, TooltipRowAttrs][] = [];\n      content.forEach((item, i) => {\n        // 合并样式\n        const itemAttr = Tooltip.getContentAttr(attribute, i);\n        if ((item.key || item.value) && isVisible(itemAttr)) {\n          filteredContent.push([item, itemAttr]);\n        }\n      });\n\n      if (filteredContent.length) {\n        let hasContentShape = false;\n        const shapeWidths: number[] = [];\n        const keyWidths: number[] = [];\n        const valueWidths: number[] = [];\n\n        filteredContent.forEach(([item, itemAttr], i) => {\n          const { key, value, shape, spaceRow } = itemAttr;\n          const itemHasShape = isVisible(shape);\n          const itemShapeType = shape?.symbolType ?? '';\n\n          const keyTextMeasure = initTextMeasure(key);\n          const valueTextMeasure = initTextMeasure(value);\n\n          let itemHeight = 0;\n          if (isVisible(key)) {\n            const { width, height } = keyTextMeasure.quickMeasure(key.text);\n            keyWidths.push(width);\n            itemHeight = Math.max(itemHeight, height);\n          }\n          if (isVisible(value)) {\n            const { width, height } = valueTextMeasure.quickMeasure(value.text);\n            valueWidths.push(width);\n            itemHeight = Math.max(itemHeight, height);\n          }\n          if (itemHasShape && builtinSymbolsMap[itemShapeType]) {\n            hasContentShape = true;\n            shapeWidths.push(shape.size);\n            itemHeight = Math.max(shape.size, itemHeight);\n          }\n\n          item.height = itemHeight;\n          containerHeight += itemHeight;\n          if (i < filteredContent.length - 1) {\n            containerHeight += spaceRow ?? contentStyle.spaceRow;\n          }\n        });\n\n        const maxShapeWidth = shapeWidths.length ? Math.max(...shapeWidths) : 0; // shape 需要对齐\n        const maxKeyWidth = keyWidths.length ? Math.max(...keyWidths) : 0; // name 需要对齐\n        const maxValueWidth = valueWidths.length ? Math.max(...valueWidths) : 0; // value 需要对齐\n        maxWidth = Math.max(\n          maxKeyWidth +\n            maxValueWidth +\n            contentStyle.key.spacing +\n            contentStyle.value.spacing +\n            (hasContentShape ? maxShapeWidth + contentStyle.shape.spacing : 0),\n          maxWidth\n        );\n        content.forEach(item => {\n          item.width = maxWidth;\n        });\n        attribute.hasContentShape = hasContentShape;\n        attribute.keyWidth = maxKeyWidth;\n        attribute.valueWidth = maxValueWidth;\n      }\n    }\n\n    attribute.panel.width = maxWidth + padding[1] + padding[3];\n    attribute.panel.height = containerHeight;\n\n    return attribute;\n  }\n\n  static getTitleAttr(attribute: Partial<TooltipAttributes>): TooltipRowAttrs & TooltipRowStyleAttrs {\n    return mergeRowAttrs(\n      {},\n      Tooltip.defaultAttributes.titleStyle,\n      Tooltip.defaultAttributes.title,\n      attribute.titleStyle,\n      attribute.title\n    );\n  }\n\n  static getContentAttr(attribute: Partial<TooltipAttributes>, index: number): TooltipRowAttrs & TooltipRowStyleAttrs {\n    return mergeRowAttrs({}, Tooltip.defaultAttributes.contentStyle, attribute.contentStyle, attribute.content[index]);\n  }\n}\n"]}

package/cjs/tooltip/type.d.ts

@@ -0,0 +1,60 @@
+import type { IGraphicAttribute, IGroupGraphicAttribute, IRectGraphicAttribute, ITextAttribute } from '@visactor/vrender';
+import { IBounds, IPadding } from '@visactor/vutils';
+export interface IContainerSize {
+    width?: number;
+    height?: number;
+}
+export type TooltipAttributes = IGroupGraphicAttribute & TooltipComponentAttrs;
+export type TooltipComponentAttrs = TooltipPositionAttrs & {
+    panel?: TooltipPanelAttrs;
+    title?: TooltipRowAttrs;
+    content?: TooltipRowAttrs[];
+    titleStyle?: TooltipRowStyleAttrs;
+    contentStyle?: TooltipRowStyleAttrs;
+    autoMeasure?: boolean;
+    autoCalculatePosition?: boolean;
+    padding?: number | number[] | IPadding;
+    minWidth?: number;
+    maxWidth?: number;
+    enterable?: boolean;
+    transitionDuration?: number;
+    hasContentShape?: boolean;
+    keyWidth?: number;
+    valueWidth?: number;
+};
+export type TooltipTextAttrs = Partial<ITextAttribute & IGraphicAttribute>;
+export type TooltipSymbolAttrs = Partial<IGraphicAttribute> & {
+    path?: string;
+    size?: number;
+    symbolType?: string;
+    [key: string]: any;
+};
+export type TooltipPanelAttrs = Partial<IRectGraphicAttribute> & {
+    shadow?: boolean;
+    shadowSpread?: number;
+};
+export type TooltipRowAttrs = IContainerSize & {
+    visible?: boolean;
+    key?: TooltipTextAttrs;
+    value?: TooltipTextAttrs;
+    shape?: TooltipSymbolAttrs;
+    spaceRow?: number;
+};
+export type TooltipRowStyleAttrs = {
+    key?: Omit<TooltipTextAttrs, 'text'> & TooltipColumnStyleAttrs;
+    value?: Omit<TooltipTextAttrs, 'text'> & TooltipColumnStyleAttrs;
+    shape?: TooltipSymbolAttrs & TooltipColumnStyleAttrs;
+    spaceRow?: number;
+};
+export type TooltipColumnStyleAttrs = {
+    spacing?: number;
+};
+export type TooltipPositionAttrs = {
+    pointerX?: number;
+    pointerY?: number;
+    offsetX?: number;
+    offsetY?: number;
+    positionX?: 'left' | 'right' | 'center';
+    positionY?: 'top' | 'bottom' | 'middle';
+    parentBounds?: IBounds;
+};

package/cjs/tooltip/type.js

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

package/cjs/tooltip/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tooltip/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  IGroupGraphicAttribute,\n  IRectGraphicAttribute,\n  ITextAttribute\n} from '@visactor/vrender';\nimport { IBounds, IPadding } from '@visactor/vutils';\n\nexport interface IContainerSize {\n  width?: number;\n  height?: number;\n}\n\nexport type TooltipAttributes = IGroupGraphicAttribute & TooltipComponentAttrs;\n\nexport type TooltipComponentAttrs = TooltipPositionAttrs & {\n  /** tooltip 背景 */\n  panel?: TooltipPanelAttrs;\n\n  /** tooltip 标题 */\n  title?: TooltipRowAttrs;\n  /** tooltip 内容 */\n  content?: TooltipRowAttrs[];\n\n  /** 标题样式 */\n  titleStyle?: TooltipRowStyleAttrs;\n  /** 内容样式 */\n  contentStyle?: TooltipRowStyleAttrs;\n\n  /** 是否自动计算 tooltip 大小 */\n  autoMeasure?: boolean;\n\n  /** 是否自动计算 tooltip 位置 */\n  autoCalculatePosition?: boolean;\n\n  /** 整体边距 */\n  padding?: number | number[] | IPadding;\n\n  /** 最小宽度 */\n  minWidth?: number;\n  /** 最大宽度 */\n  maxWidth?: number;\n\n  /** 是否可交互 */\n  enterable?: boolean;\n\n  /** 缓动 duration */\n  transitionDuration?: number;\n\n  // 以下为组件自动计算的属性\n  /** 内容项是否有 shape */\n  hasContentShape?: boolean;\n  /** 内容项 key 的最大宽度，用于布局，因为 key 需要按照列对齐 */\n  keyWidth?: number;\n  /** 内容项 value 的最大宽度，用于布局，因为 value 需要按照列对齐 */\n  valueWidth?: number;\n};\n\n/** tooltip 文本样式 */\nexport type TooltipTextAttrs = Partial<ITextAttribute & IGraphicAttribute>;\n\n/** tooltip symbol 样式 */\nexport type TooltipSymbolAttrs = Partial<IGraphicAttribute> & {\n  /** 图形 path */\n  path?: string;\n  size?: number;\n  symbolType?: string;\n  /** 其他图形样式，暂时这么处理 */\n  [key: string]: any;\n};\n\n/** tooltip 背景样式 */\nexport type TooltipPanelAttrs = Partial<IRectGraphicAttribute> & {\n  shadow?: boolean;\n  shadowSpread?: number;\n};\n\n/** tooltip 内容行配置 */\nexport type TooltipRowAttrs = IContainerSize & {\n  visible?: boolean;\n  /** key 对应图形样式（title 没有这个属性） */\n  key?: TooltipTextAttrs;\n  /** value 对应图形样式 */\n  value?: TooltipTextAttrs;\n  /** shape 对应图形样式 */\n  shape?: TooltipSymbolAttrs;\n  /** 行间距 */\n  spaceRow?: number;\n};\n\n/** tooltip 内容行样式 */\nexport type TooltipRowStyleAttrs = {\n  /** key 对应图形样式（title 没有这个属性） */\n  key?: Omit<TooltipTextAttrs, 'text'> & TooltipColumnStyleAttrs;\n  /** value 对应图形样式 */\n  value?: Omit<TooltipTextAttrs, 'text'> & TooltipColumnStyleAttrs;\n  /** shape 对应图形样式 */\n  shape?: TooltipSymbolAttrs & TooltipColumnStyleAttrs;\n  /** 行间距 */\n  spaceRow?: number;\n};\n\nexport type TooltipColumnStyleAttrs = {\n  /** 右边距 */\n  spacing?: number;\n};\n\nexport type TooltipPositionAttrs = {\n  /** 光标位置 x */\n  pointerX?: number;\n  /** 光标位置 y */\n  pointerY?: number;\n\n  /** tooltip 偏移 x */\n  offsetX?: number;\n  /** tooltip 偏移 y */\n  offsetY?: number;\n\n  /** tooltip 相对 pointer 位置（x 轴） */\n  positionX?: 'left' | 'right' | 'center';\n  /** tooltip 相对 pointer 位置（y 轴） */\n  positionY?: 'top' | 'bottom' | 'middle';\n\n  /** 父级 bounds */\n  parentBounds?: IBounds;\n};\n"]}

package/cjs/tooltip/util.d.ts

@@ -0,0 +1,2 @@
+import { TooltipRowAttrs, TooltipRowStyleAttrs } from './type';
+export declare const mergeRowAttrs: (target: TooltipRowAttrs | TooltipRowStyleAttrs, ...sources: (TooltipRowAttrs | TooltipRowStyleAttrs)[]) => TooltipRowAttrs | TooltipRowStyleAttrs;

package/cjs/tooltip/util.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.mergeRowAttrs = void 0;
+
+const vutils_1 = require("@visactor/vutils"), mergeRowAttrs = (target, ...sources) => {
+    const shapeList = [ target.shape, ...sources.map((s => null == s ? void 0 : s.shape)) ], keyList = [ target.key, ...sources.map((s => null == s ? void 0 : s.key)) ], valueList = [ target.value, ...sources.map((s => null == s ? void 0 : s.value)) ];
+    return (0, vutils_1.merge)(target, ...sources, {
+        shape: shapeList.every(vutils_1.isNil) ? void 0 : (0, vutils_1.merge)({}, ...shapeList),
+        key: keyList.every(vutils_1.isNil) ? void 0 : (0, vutils_1.merge)({}, ...keyList),
+        value: valueList.every(vutils_1.isNil) ? void 0 : (0, vutils_1.merge)({}, ...valueList)
+    });
+};
+
+exports.mergeRowAttrs = mergeRowAttrs;
+//# sourceMappingURL=util.js.map

package/cjs/tooltip/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tooltip/util.ts"],"names":[],"mappings":";;;AAAA,6CAAgD;AAGzC,MAAM,aAAa,GAAG,CAC3B,MAA8C,EAC9C,GAAG,OAAmD,EACd,EAAE;IAC1C,MAAM,SAAS,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,GAAG,CAAC,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,CAAC,CAAC;IAEhE,OAAO,IAAA,cAAK,EAAC,MAAM,EAAE,GAAG,OAAO,EAAE;QAC/B,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,cAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,GAAG,SAAS,CAAC;QACnE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,cAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,GAAG,OAAO,CAAC;QAC7D,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,cAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,GAAG,SAAS,CAAC;KACpE,CAA2C,CAAC;AAC/C,CAAC,CAAC;AAbW,QAAA,aAAa,iBAaxB","file":"util.js","sourcesContent":["import { isNil, merge } from '@visactor/vutils';\nimport { TooltipRowAttrs, TooltipRowStyleAttrs } from './type';\n\nexport const mergeRowAttrs = (\n  target: TooltipRowAttrs | TooltipRowStyleAttrs,\n  ...sources: (TooltipRowAttrs | TooltipRowStyleAttrs)[]\n): TooltipRowAttrs | TooltipRowStyleAttrs => {\n  const shapeList = [target.shape, ...sources.map(s => s?.shape)];\n  const keyList = [target.key, ...sources.map(s => s?.key)];\n  const valueList = [target.value, ...sources.map(s => s?.value)];\n\n  return merge(target, ...sources, {\n    shape: shapeList.every(isNil) ? undefined : merge({}, ...shapeList),\n    key: keyList.every(isNil) ? undefined : merge({}, ...keyList),\n    value: valueList.every(isNil) ? undefined : merge({}, ...valueList)\n  }) as TooltipRowAttrs | TooltipRowStyleAttrs;\n};\n"]}

package/cjs/util/common.d.ts

@@ -0,0 +1,3 @@
+import { IGraphicAttribute, IGraphic } from '@visactor/vrender';
+export declare function traverseGroup(group: IGraphic, cb: (node: IGraphic) => boolean | void): void;
+export declare const isVisible: (obj?: Partial<IGraphicAttribute>) => boolean;

package/cjs/util/common.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.isVisible = exports.traverseGroup = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+function traverseGroup(group, cb) {
+    group.forEachChildren((node => {
+        const stopped = cb(node);
+        node.isContainer && !stopped && traverseGroup(node, cb);
+    }));
+}
+
+exports.traverseGroup = traverseGroup;
+
+const isVisible = obj => !(0, vutils_1.isNil)(obj) && !1 !== obj.visible;
+
+exports.isVisible = isVisible;
+//# sourceMappingURL=common.js.map

package/cjs/util/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/util/common.ts"],"names":[],"mappings":";;;AAIA,6CAAyC;AAEzC,SAAgB,aAAa,CAAC,KAAe,EAAE,EAAsC;IACnF,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE;QAC3B,MAAM,OAAO,GAAG,EAAE,CAAC,IAAgB,CAAC,CAAC;QACrC,IAAK,IAAe,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE;YAC5C,aAAa,CAAC,IAAgB,EAAE,EAAE,CAAC,CAAC;SACrC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAPD,sCAOC;AAEM,MAAM,SAAS,GAAG,CAAC,GAAgC,EAAW,EAAE;IACrE,IAAI,IAAA,cAAK,EAAC,GAAG,CAAC,EAAE;QACd,OAAO,KAAK,CAAC;KACd;IACD,OAAO,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC;AAC/B,CAAC,CAAC;AALW,QAAA,SAAS,aAKpB","file":"common.js","sourcesContent":["/**\n * @description 存放工具函数\n */\nimport { IGraphicAttribute, IGraphic, IGroup } from '@visactor/vrender';\nimport { isNil } from '@visactor/vutils';\n\nexport function traverseGroup(group: IGraphic, cb: (node: IGraphic) => boolean | void) {\n  group.forEachChildren(node => {\n    const stopped = cb(node as IGraphic);\n    if ((node as IGroup).isContainer && !stopped) {\n      traverseGroup(node as IGraphic, cb);\n    }\n  });\n}\n\nexport const isVisible = (obj?: Partial<IGraphicAttribute>): boolean => {\n  if (isNil(obj)) {\n    return false;\n  }\n  return obj.visible !== false;\n};\n"]}

package/cjs/util/index.d.ts

@@ -0,0 +1,4 @@
+export * from './common';
+export * from './labelSmartInvert';
+export * from './matrix';
+export * from './text';