@visactor/vrender-components 0.21.14 → 0.22.0-vstory.10

package/cjs/poptip/poptip.js

@@ -14,18 +14,29 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.PopTip = void 0;
 
-const vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), register_1 = require("./register"), _tBounds = new vutils_1.AABBBounds;
+const vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), register_1 = require("./register"), _tBounds = new vutils_1.AABBBounds;
 
 (0, register_1.loadPoptipComponent)();
 
+const tlStr = "M -0.5 -0.5, L -0.5 0.5, L 0.5 -0.5, Z", blStr = "M -0.5 -0.5, L -0.5 0.5, L 0.5 0.5, Z", trStr = "M -0.5 -0.5, L 0.5 -0.5, L 0.5 0.5, Z", brStr = "M 0.5 -0.5, L 0.5 0.5, L -0.5 0.5, Z", conciseSymbolMap = {
+    tl: tlStr,
+    tr: trStr,
+    bl: blStr,
+    br: brStr,
+    lt: tlStr,
+    lb: blStr,
+    rt: trStr,
+    rb: brStr
+};
+
 class PopTip extends base_1.AbstractComponent {
     constructor(attributes, options) {
         super((null == options ? void 0 : options.skipDefault) ? attributes : (0, vutils_1.merge)({}, PopTip.defaultAttributes, attributes)), 
         this.name = "poptip", this.positionList = [ "top", "tl", "tr", "bottom", "bl", "br", "left", "lt", "lb", "right", "rt", "rb" ];
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const {titleStyle: titleStyle = {}, position: position, contentStyle: contentStyle = {}, panel: panel = {}, space: space = 4, minWidth: minWidth = 0, maxWidth: maxWidth = 1 / 0, padding: padding = 4, maxWidthPercent: maxWidthPercent, visible: visible, state: state, dx: dx = 0, dy: dy = 0} = this.attribute;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const {titleStyle: titleStyle = {}, position: position, contentStyle: contentStyle = {}, panel: panel, logoSymbol: logoSymbol, logoText: logoText, logoTextStyle: logoTextStyle = {}, triangleMode: triangleMode = "default", space: space = 4, minWidth: minWidth = 0, maxWidth: maxWidth = 1 / 0, padding: padding = 4, maxWidthPercent: maxWidthPercent, visible: visible, state: state, dx: dx = 0, dy: dy = 0} = this.attribute;
         let {title: title = "", content: content = ""} = this.attribute;
         title = this.attribute.titleFormatMethod ? this.attribute.titleFormatMethod(title) : title, 
         content = this.attribute.contentFormatMethod ? this.attribute.contentFormatMethod(content) : content;
@@ -33,7 +44,9 @@ class PopTip extends base_1.AbstractComponent {
             x: 0,
             y: 0,
             zIndex: 1
-        }, "group"), maxLineWidth = maxWidth - parsedPadding[1] - parsedPadding[3], titleVisible = (0, 
+        }, "group");
+        this.group = group;
+        const maxLineWidth = maxWidth - parsedPadding[1] - parsedPadding[3], titleVisible = (0, 
         vutils_1.isValid)(title) && !1 !== visible, titleAttrs = Object.assign(Object.assign({
             text: (0, vutils_1.isArray)(title) ? title : [ title ],
             visible: titleVisible,
@@ -62,11 +75,22 @@ class PopTip extends base_1.AbstractComponent {
         }), contentShape = group.createOrUpdateChild("poptip-content", contentAttrs, "text");
         (0, vutils_1.isEmpty)(null == state ? void 0 : state.content) || (contentShape.states = state.content);
         const contentBounds = contentShape.AABBBounds, contentHeight = contentBounds.height(), contentWidth = contentBounds.width();
-        contentVisible && (height += contentHeight);
+        contentVisible && (height += contentHeight), this.titleShape = titleShape, this.contentShape = contentShape;
         let popTipWidth = (0, vutils_1.max)(titleWidth + parsedPadding[1] + parsedPadding[3], contentWidth + parsedPadding[1] + parsedPadding[3]);
         popTipWidth > maxWidth ? popTipWidth = maxWidth : popTipWidth < minWidth && (popTipWidth = minWidth);
         let poptipHeight = parsedPadding[0] + parsedPadding[2] + height;
-        const {visible: bgVisible} = panel, backgroundStyle = __rest(panel, [ "visible" ]), symbolSize = null !== (_a = backgroundStyle.size) && void 0 !== _a ? _a : 12, spaceSize = (0, 
+        const {visible: bgVisible, square: square} = panel, backgroundStyle = __rest(panel, [ "visible", "square" ]);
+        if (square) {
+            const maxWH = (0, vutils_1.max)(popTipWidth, poptipHeight);
+            popTipWidth = maxWH;
+            const deltaH = maxWH - poptipHeight;
+            poptipHeight = maxWH, titleShape.setAttributes({
+                dy: deltaH / 2
+            }), contentShape.setAttributes({
+                dy: deltaH / 2
+            });
+        }
+        const symbolSize = null !== (_a = backgroundStyle.size) && void 0 !== _a ? _a : 12, spaceSize = (0, 
         vutils_1.isArray)(symbolSize) ? [ symbolSize[0] + (null !== (_b = backgroundStyle.space) && void 0 !== _b ? _b : 0), symbolSize[1] + (null !== (_c = backgroundStyle.space) && void 0 !== _c ? _c : 0) ] : symbolSize + (null !== (_d = backgroundStyle.space) && void 0 !== _d ? _d : 0), lineWidth = null !== (_e = backgroundStyle.lineWidth) && void 0 !== _e ? _e : 1, range = this.stage ? [ null !== (_f = this.stage.viewWidth) && void 0 !== _f ? _f : this.stage.width, null !== (_g = this.stage.viewHeight) && void 0 !== _g ? _g : this.stage.height ] : void 0;
         if (range) {
             const b = this.AABBBounds, leftWidth = null !== (_h = this.attribute.x) && void 0 !== _h ? _h : b.x1, rightWidth = range[0] - b.x1;
@@ -83,38 +107,75 @@ class PopTip extends base_1.AbstractComponent {
         const layout = "auto" === position;
         let maxBBoxI, maxBBoxSize = -1 / 0;
         for (let i = 0; i < this.positionList.length + 1; i++) {
-            const p = layout ? this.positionList[i === this.positionList.length ? maxBBoxI : i] : position, {angle: angle, offset: offset, rectOffset: rectOffset} = this.getAngleAndOffset(p, popTipWidth, poptipHeight, (0, 
-            vutils_1.isArray)(spaceSize) ? spaceSize : [ spaceSize, spaceSize - lineWidth ]);
+            const p = layout ? this.positionList[i === this.positionList.length ? maxBBoxI : i] : position;
+            let symbolType = "arrow2Left", offsetX = ((0, vutils_1.isArray)(symbolSize) ? symbolSize[0] : symbolSize) / 4, offsetY = 0;
+            "top" === p || "bottom" === p || "left" === p || "right" === p ? symbolType = "arrow2Left" : "concise" === triangleMode && (symbolType = conciseSymbolMap[p], 
+            offsetX = [ "tl", "bl", "rt", "rb" ].includes(position) ? ((0, vutils_1.isArray)(symbolSize) ? symbolSize[0] : symbolSize) / 2 : -((0, 
+            vutils_1.isArray)(symbolSize) ? symbolSize[0] : symbolSize) / 2, offsetY = [ "tl", "tr", "lb", "rb" ].includes(position) ? -((0, 
+            vutils_1.isArray)(symbolSize) ? symbolSize[1] : symbolSize) / 2 : ((0, vutils_1.isArray)(symbolSize) ? symbolSize[1] : symbolSize) / 2);
+            const {angle: angle, offset: offset} = this.getAngleAndOffset(p, popTipWidth, poptipHeight, (0, 
+            vutils_1.isArray)(spaceSize) ? spaceSize : [ spaceSize, spaceSize - lineWidth ], symbolType);
             if ((0, vutils_1.isBoolean)(bgVisible)) {
-                const offsetX = ((0, vutils_1.isArray)(symbolSize) ? symbolSize[0] : symbolSize) / 4, bgSymbol = group.createOrUpdateChild("poptip-symbol-panel", Object.assign(Object.assign({}, backgroundStyle), {
+                const bgSymbol = group.createOrUpdateChild("poptip-symbol-panel", Object.assign(Object.assign({}, backgroundStyle), {
                     visible: bgVisible && (contentVisible || titleVisible),
                     x: offsetX,
-                    y: 0,
+                    y: offsetY,
                     strokeBoundsBuffer: -1,
                     boundsPadding: -2,
                     anchor: [ 0, 0 ],
-                    symbolType: "arrow2Left",
+                    symbolType: symbolType,
                     angle: angle,
                     dx: offset[0],
-                    dy: offset[1],
+                    dy: offset[1] - (null !== (_j = backgroundStyle.space) && void 0 !== _j ? _j : 0),
                     size: symbolSize,
-                    zIndex: -9
+                    zIndex: 9
                 }), "symbol");
-                (0, vutils_1.isEmpty)(null == state ? void 0 : state.panel) || (bgSymbol.states = state.panel);
-                const bgRect = group.createOrUpdateChild("poptip-rect-panel", Object.assign(Object.assign({}, backgroundStyle), {
+                let bgRect;
+                (0, vutils_1.isEmpty)(null == state ? void 0 : state.panel) || (bgSymbol.states = state.panel), 
+                bgRect = panel.panelSymbolType ? group.createOrUpdateChild("poptip-rect-panel", Object.assign(Object.assign({}, backgroundStyle), {
+                    visible: bgVisible && (contentVisible || titleVisible),
+                    x: 0,
+                    y: 0,
+                    symbolType: "rect",
+                    size: [ popTipWidth, poptipHeight ],
+                    zIndex: -8
+                }), "symbol") : group.createOrUpdateChild("poptip-rect-panel", Object.assign(Object.assign({}, backgroundStyle), {
                     visible: bgVisible && (contentVisible || titleVisible),
                     x: 0,
                     y: 0,
                     width: popTipWidth,
                     height: poptipHeight,
                     zIndex: -8
-                }), "rect");
-                (0, vutils_1.isEmpty)(null == state ? void 0 : state.panel) || (bgRect.states = state.panel);
+                }), "rect"), (0, vutils_1.isEmpty)(null == state ? void 0 : state.panel) || (bgRect.states = state.panel);
             }
             if (group.setAttributes({
                 x: -offset[0] + dx,
-                y: -offset[1] + dy
-            }), !layout || !range) break;
+                y: -offset[1] + dy,
+                anchor: [ offsetX, offsetY ]
+            }), logoSymbol) {
+                const {size: size = 12} = logoSymbol, sizeArray = (0, vutils_1.isArray)(size) ? size : [ size, size ];
+                "auto" === sizeArray[1] && (sizeArray[1] = poptipHeight), "auto" === sizeArray[0] && (sizeArray[0] = poptipHeight);
+                const sizeW = sizeArray[0];
+                group.createOrUpdateChild("poptip-logo", Object.assign(Object.assign({}, logoSymbol), {
+                    x: 0,
+                    y: poptipHeight / 2,
+                    visible: bgVisible && (contentVisible || titleVisible),
+                    zIndex: 10,
+                    size: sizeArray
+                }), "symbol"), group.setAttributes({
+                    x: -offset[0] + dx + sizeW / 2,
+                    y: -offset[1] + dy
+                }), logoText && group.createOrUpdateChild("poptip-logo-text", Object.assign(Object.assign({}, logoTextStyle), {
+                    x: 0,
+                    y: poptipHeight / 2,
+                    visible: bgVisible && (contentVisible || titleVisible),
+                    text: logoText,
+                    textAlign: "center",
+                    textBaseline: "middle",
+                    zIndex: 10
+                }), "text");
+            }
+            if (!layout || !range) break;
             {
                 _tBounds.setValue(0, 0, popTipWidth, poptipHeight).transformWithMatrix(group.globalTransMatrix);
                 const b = _tBounds, stageBounds = (new vutils_1.Bounds).setValue(0, 0, range[0], range[1]);
@@ -126,94 +187,118 @@ class PopTip extends base_1.AbstractComponent {
             }
         }
     }
-    getAngleAndOffset(position, width, height, size) {
-        const sizeH = size[1] / 2;
+    getAngleAndOffset(position, width, height, size, symbolType) {
+        const sizeH = "arrow2Left" === symbolType ? size[1] / 2 : size[1];
         switch (position) {
           case "tl":
             return {
-                angle: vutils_1.pi / 2 * 3,
-                offset: [ width / 4, height + sizeH ],
-                rectOffset: [ -width / 4, -height - size[1] ]
+                angle: "arrow2Left" === symbolType ? vutils_1.pi / 2 * 3 : 0,
+                offset: "arrow2Left" === symbolType ? [ width / 4, height + sizeH ] : [ 0, height + sizeH ]
             };
 
           case "top":
             return {
                 angle: vutils_1.pi / 2 * 3,
-                offset: [ width / 2, height + sizeH ],
-                rectOffset: [ 0, -height - size[1] ]
+                offset: [ width / 2, height + sizeH ]
             };
 
           case "tr":
             return {
-                angle: vutils_1.pi / 2 * 3,
-                offset: [ width / 4 * 3, height + sizeH ],
-                rectOffset: [ width / 4 * 3, -height - size[1] ]
+                angle: "arrow2Left" === symbolType ? vutils_1.pi / 2 * 3 : 0,
+                offset: "arrow2Left" === symbolType ? [ width / 4 * 3, height + sizeH ] : [ width, height + sizeH ]
             };
 
           case "rt":
             return {
                 angle: 0,
-                offset: [ -sizeH, height / 5 ],
-                rectOffset: [ width / 4 * 3, -height - size[1] ]
+                offset: "arrow2Left" === symbolType ? [ -sizeH, height / 5 ] : [ -sizeH, 0 ]
             };
 
           case "right":
             return {
                 angle: 0,
-                offset: [ -sizeH, height / 2 ],
-                rectOffset: [ width / 4 * 3, -height - size[1] ]
+                offset: [ -sizeH, height / 2 ]
             };
 
           case "rb":
             return {
                 angle: 0,
-                offset: [ -sizeH, height / 5 * 4 ],
-                rectOffset: [ width / 4 * 3, -height - size[1] ]
+                offset: "arrow2Left" === symbolType ? [ -sizeH, height / 5 * 4 ] : [ -sizeH, height ]
             };
 
           case "bl":
             return {
-                angle: vutils_1.pi / 2,
-                offset: [ width / 4, -sizeH ],
-                rectOffset: [ -width / 4, -height - size[1] ]
+                angle: "arrow2Left" === symbolType ? vutils_1.pi / 2 : 0,
+                offset: "arrow2Left" === symbolType ? [ width / 4, -sizeH ] : [ 0, -sizeH ]
             };
 
           case "bottom":
             return {
                 angle: vutils_1.pi / 2,
-                offset: [ width / 2, -sizeH ],
-                rectOffset: [ 0, -height - size[1] ]
+                offset: [ width / 2, -sizeH ]
             };
 
           case "br":
             return {
-                angle: vutils_1.pi / 2,
-                offset: [ width / 4 * 3, -sizeH ],
-                rectOffset: [ width / 4 * 3, -height - size[1] ]
+                angle: "arrow2Left" === symbolType ? vutils_1.pi / 2 : 0,
+                offset: "arrow2Left" === symbolType ? [ width / 4 * 3, -sizeH ] : [ width, -sizeH ]
             };
 
           case "lt":
             return {
-                angle: vutils_1.pi,
-                offset: [ width + sizeH, height / 5 ],
-                rectOffset: [ -width / 4, -height - size[1] ]
+                angle: "arrow2Left" === symbolType ? vutils_1.pi : 0,
+                offset: "arrow2Left" === symbolType ? [ width + sizeH, height / 5 ] : [ width + sizeH, 0 ]
             };
 
           case "left":
             return {
                 angle: vutils_1.pi,
-                offset: [ width + sizeH, height / 2 ],
-                rectOffset: [ 0, -height - size[1] ]
+                offset: [ width + sizeH, height / 2 ]
             };
 
           case "lb":
             return {
-                angle: vutils_1.pi,
-                offset: [ width + sizeH, height / 5 * 4 ],
-                rectOffset: [ width / 4 * 3, -height - size[1] ]
+                angle: "arrow2Left" === symbolType ? vutils_1.pi : 0,
+                offset: "arrow2Left" === symbolType ? [ width + sizeH, height / 5 * 4 ] : [ width + sizeH, height ]
             };
         }
     }
+    appearAnimate(animateConfig) {
+        const {duration: duration = 1e3, easing: easing = "quadOut"} = animateConfig;
+        if (this.setAttributes({
+            scaleX: 0,
+            scaleY: 0
+        }), this.animate().to({
+            scaleX: 1,
+            scaleY: 1
+        }, duration / 3 * 2, easing), this.titleShape && this.titleShape.animate().play(new vrender_core_1.InputText({
+            text: ""
+        }, {
+            text: this.titleShape.attribute.text
+        }, duration, easing)), this.contentShape && this.contentShape.animate().play(new vrender_core_1.InputText({
+            text: ""
+        }, {
+            text: this.contentShape.attribute.text
+        }, duration, easing)), animateConfig.wave) {
+            const dur = duration / 6;
+            this.group.animate().to({
+                angle: animateConfig.wave
+            }, dur, easing).to({
+                angle: -animateConfig.wave
+            }, 2 * dur, easing).to({
+                angle: animateConfig.wave
+            }, 2 * dur, easing).to({
+                angle: 0
+            }, dur, easing);
+        }
+    }
+    disappearAnimate(animateConfig) {
+        const {duration: duration = 1e3, easing: easing = "quadOut"} = animateConfig;
+        this.animate().to({
+            scaleX: 0,
+            scaleY: 0
+        }, duration, easing);
+    }
 }
 
 exports.PopTip = PopTip, PopTip.defaultAttributes = {
@@ -233,6 +318,7 @@ exports.PopTip = PopTip, PopTip.defaultAttributes = {
         textAlign: "left",
         textBaseline: "top"
     },
+    panel: {},
     maxWidthPercent: .8,
     space: 8,
     padding: 10

package/cjs/poptip/poptip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/poptip/poptip.ts"],"names":[],"mappings":"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","file":"poptip.js","sourcesContent":["/**\n * @description PopTip组件\n */\nimport type {\n  IGroup,\n  IRect,\n  ISymbol,\n  ISymbolGraphicAttribute,\n  IText,\n  ITextGraphicAttribute,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vrender-core';\nimport {\n  AABBBounds,\n  Bounds,\n  getRectIntersect,\n  isArray,\n  isBoolean,\n  isEmpty,\n  isValid,\n  max,\n  merge,\n  normalizePadding,\n  pi,\n  rectInsideAnotherRect\n} from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { BackgroundAttributes, ComponentOptions } from '../interface';\nimport type { PopTipAttributes } from './type';\nimport { loadPoptipComponent } from './register';\n\nconst _tBounds = new AABBBounds();\n\nloadPoptipComponent();\nexport class PopTip extends AbstractComponent<Required<PopTipAttributes>> {\n  name = 'poptip';\n\n  static defaultAttributes: Partial<PopTipAttributes> = {\n    position: 'rt',\n    visible: true,\n    title: null,\n    content: null,\n    titleStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    contentStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    maxWidthPercent: 0.8,\n    space: 8,\n    padding: 10\n  };\n\n  constructor(attributes: PopTipAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, PopTip.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      titleStyle = {} as ITextGraphicAttribute,\n      position,\n      contentStyle = {} as ITextGraphicAttribute,\n      panel = {} as BackgroundAttributes & ISymbolGraphicAttribute & { space?: number },\n      space = 4,\n      minWidth = 0,\n      maxWidth = Infinity,\n      padding = 4,\n      maxWidthPercent,\n      visible,\n      state,\n      dx = 0,\n      dy = 0\n    } = this.attribute as PopTipAttributes;\n\n    let { title = '', content = '' } = this.attribute as PopTipAttributes;\n\n    title = this.attribute.titleFormatMethod ? this.attribute.titleFormatMethod(title) : title;\n    content = this.attribute.contentFormatMethod ? this.attribute.contentFormatMethod(content) : content;\n\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild('poptip-content', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    const maxLineWidth = maxWidth - parsedPadding[1] - parsedPadding[3];\n\n    const titleVisible = isValid(title) && visible !== false;\n    const titleAttrs = {\n      text: isArray(title) ? title : ([title] as any),\n      visible: titleVisible,\n      wrap: true,\n      ...titleStyle,\n      x: parsedPadding[3],\n      y: parsedPadding[0],\n      maxLineWidth,\n      textAlign: 'left' as TextAlignType,\n      textBaseline: 'top' as TextBaselineType\n    };\n\n    const titleShape = group.createOrUpdateChild('poptip-title', titleAttrs, 'text') as IText;\n    if (!isEmpty(state?.title)) {\n      titleShape.states = state.title;\n    }\n\n    const titleBounds = titleShape.AABBBounds;\n    const titleHeight = titleBounds.height();\n    const titleWidth = titleBounds.width();\n    let height = titleHeight + space;\n    if (!titleVisible) {\n      height = 0;\n    }\n\n    const contentVisible = isValid(content) && visible !== false;\n    const contentAttrs = {\n      text: isArray(content) ? content : ([content] as any),\n      visible: contentVisible,\n      wrap: true,\n      ...contentStyle,\n      x: parsedPadding[3],\n      y: parsedPadding[0] + height,\n      maxLineWidth,\n      textAlign: 'left' as TextAlignType,\n      textBaseline: 'top' as TextBaselineType\n    };\n\n    const contentShape = group.createOrUpdateChild('poptip-content', contentAttrs, 'text') as IText;\n    if (!isEmpty(state?.content)) {\n      contentShape.states = state.content;\n    }\n\n    const contentBounds = contentShape.AABBBounds;\n    const contentHeight = contentBounds.height();\n    const contentWidth = contentBounds.width();\n\n    if (contentVisible) {\n      height += contentHeight;\n    }\n\n    // 计算整个popTip的宽高\n    let popTipWidth = max(\n      titleWidth + parsedPadding[1] + parsedPadding[3],\n      contentWidth + parsedPadding[1] + parsedPadding[3]\n    );\n    if (popTipWidth > maxWidth) {\n      popTipWidth = maxWidth;\n    } else if (popTipWidth < minWidth) {\n      popTipWidth = minWidth;\n    }\n    let poptipHeight = parsedPadding[0] + parsedPadding[2] + height;\n\n    // 绘制背景层\n    const { visible: bgVisible, ...backgroundStyle } = panel;\n    const symbolSize = backgroundStyle.size ?? 12;\n    const spaceSize: number | [number, number] = isArray(symbolSize)\n      ? [symbolSize[0] + (backgroundStyle.space ?? 0), symbolSize[1] + (backgroundStyle.space ?? 0)]\n      : (symbolSize as number) + (backgroundStyle.space ?? 0);\n    const lineWidth = backgroundStyle.lineWidth ?? 1;\n    const range: [number, number] | undefined = (this as any).stage\n      ? [\n          (this as any).stage.viewWidth ?? (this as any).stage.width,\n          (this as any).stage.viewHeight ?? (this as any).stage.height\n        ]\n      : undefined;\n\n    if (range) {\n      // 尝试进行换行\n      const b = (this as any).AABBBounds;\n      const leftWidth = this.attribute.x ?? b.x1;\n      const rightWidth = range[0] - b.x1;\n      let maxSpace = Math.max(leftWidth, rightWidth);\n      // 减一些buffer，buffer不能超过maxSpace的20%\n      const buf = (isArray(symbolSize) ? symbolSize[0] : 12) + 3;\n      maxSpace = Math.min(maxSpace - buf, maxSpace * maxWidthPercent);\n      // 需要进行换行\n      if (maxSpace < popTipWidth) {\n        popTipWidth = maxSpace;\n        const buf = parsedPadding[1] + parsedPadding[3];\n        titleShape.setAttribute('maxLineWidth', maxSpace - buf);\n        contentShape.setAttribute('maxLineWidth', maxSpace - buf);\n        poptipHeight = parsedPadding[0] + parsedPadding[2];\n        if (titleVisible) {\n          poptipHeight += titleShape.AABBBounds.height() + space;\n        }\n        poptipHeight += contentShape.AABBBounds.height();\n      }\n    }\n\n    const layout = position === 'auto';\n    // 最多循环this.positionList次\n    let maxBBoxI: number;\n    let maxBBoxSize: number = -Infinity;\n    for (let i = 0; i < this.positionList.length + 1; i++) {\n      const p = layout ? this.positionList[i === this.positionList.length ? maxBBoxI : i] : position;\n      const { angle, offset, rectOffset } = this.getAngleAndOffset(\n        p,\n        popTipWidth,\n        poptipHeight,\n        isArray(spaceSize) ? (spaceSize as [number, number]) : [spaceSize, spaceSize - lineWidth]\n      );\n      if (isBoolean(bgVisible)) {\n        const offsetX = (isArray(symbolSize) ? symbolSize[0] : symbolSize) / 4;\n        const bgSymbol = group.createOrUpdateChild(\n          'poptip-symbol-panel',\n          {\n            ...backgroundStyle,\n            visible: bgVisible && (contentVisible || titleVisible),\n            x: offsetX,\n            y: 0,\n            strokeBoundsBuffer: -1,\n            boundsPadding: -2,\n            anchor: [0, 0],\n            symbolType: 'arrow2Left',\n            angle: angle,\n            dx: offset[0],\n            dy: offset[1],\n            size: symbolSize,\n            zIndex: -9\n          },\n          'symbol'\n        ) as ISymbol;\n        if (!isEmpty(state?.panel)) {\n          bgSymbol.states = state.panel;\n        }\n\n        const bgRect = group.createOrUpdateChild(\n          'poptip-rect-panel',\n          {\n            ...backgroundStyle,\n            visible: bgVisible && (contentVisible || titleVisible),\n            x: 0,\n            y: 0,\n            width: popTipWidth,\n            height: poptipHeight,\n            zIndex: -8\n          },\n          'rect'\n        ) as IRect;\n        if (!isEmpty(state?.panel)) {\n          bgRect.states = state.panel;\n        }\n      }\n\n      group.setAttributes({\n        x: -offset[0] + dx,\n        y: -offset[1] + dy\n      });\n\n      if (layout && range) {\n        _tBounds.setValue(0, 0, popTipWidth, poptipHeight).transformWithMatrix(group.globalTransMatrix);\n        const b = _tBounds;\n        const stageBounds = new Bounds().setValue(0, 0, range[0], range[1]);\n        if (rectInsideAnotherRect(b, stageBounds, false)) {\n          break;\n        } else {\n          const bbox = getRectIntersect(b, stageBounds, false);\n          const size = (bbox.x2 - bbox.x1) * (bbox.y2 - bbox.y1);\n          if (size > maxBBoxSize) {\n            maxBBoxSize = size;\n            maxBBoxI = i;\n          }\n        }\n      } else {\n        break;\n      }\n    }\n  }\n\n  positionList = ['top', 'tl', 'tr', 'bottom', 'bl', 'br', 'left', 'lt', 'lb', 'right', 'rt', 'rb'];\n\n  getAngleAndOffset(\n    position: string,\n    width: number,\n    height: number,\n    size: [number, number]\n  ): { angle: number; offset: [number, number]; rectOffset: [number, number] } {\n    // const sizeW = size[0];\n    const sizeH = size[1] / 2;\n    switch (position) {\n      case 'tl':\n        return {\n          angle: (pi / 2) * 3,\n          offset: [width / 4, height + sizeH],\n          rectOffset: [-width / 4, -height - size[1]]\n        };\n      case 'top':\n        return { angle: (pi / 2) * 3, offset: [width / 2, height + sizeH], rectOffset: [0, -height - size[1]] };\n      case 'tr':\n        return {\n          angle: (pi / 2) * 3,\n          offset: [(width / 4) * 3, height + sizeH],\n          rectOffset: [(width / 4) * 3, -height - size[1]]\n        };\n      case 'rt':\n        return { angle: 0, offset: [-sizeH, height / 5], rectOffset: [(width / 4) * 3, -height - size[1]] };\n      case 'right':\n        return { angle: 0, offset: [-sizeH, height / 2], rectOffset: [(width / 4) * 3, -height - size[1]] };\n      case 'rb':\n        return { angle: 0, offset: [-sizeH, (height / 5) * 4], rectOffset: [(width / 4) * 3, -height - size[1]] };\n      case 'bl':\n        return { angle: pi / 2, offset: [width / 4, -sizeH], rectOffset: [-width / 4, -height - size[1]] };\n      case 'bottom':\n        return { angle: pi / 2, offset: [width / 2, -sizeH], rectOffset: [0, -height - size[1]] };\n      case 'br':\n        return { angle: pi / 2, offset: [(width / 4) * 3, -sizeH], rectOffset: [(width / 4) * 3, -height - size[1]] };\n      case 'lt':\n        return { angle: pi, offset: [width + sizeH, height / 5], rectOffset: [-width / 4, -height - size[1]] };\n      case 'left':\n        return { angle: pi, offset: [width + sizeH, height / 2], rectOffset: [0, -height - size[1]] };\n      case 'lb':\n        return {\n          angle: pi,\n          offset: [width + sizeH, (height / 5) * 4],\n          rectOffset: [(width / 4) * 3, -height - size[1]]\n        };\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/poptip/poptip.ts"],"names":[],"mappings":"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","file":"poptip.js","sourcesContent":["/**\n * @description PopTip组件\n */\nimport {\n  InputText,\n  type IGraphic,\n  type IGroup,\n  type IRect,\n  type ISymbol,\n  type ISymbolGraphicAttribute,\n  type IText,\n  type ITextGraphicAttribute,\n  type TextAlignType,\n  type TextBaselineType\n} from '@visactor/vrender-core';\nimport {\n  AABBBounds,\n  Bounds,\n  getRectIntersect,\n  isArray,\n  isBoolean,\n  isEmpty,\n  isValid,\n  max,\n  merge,\n  normalizePadding,\n  pi,\n  rectInsideAnotherRect\n} from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { BackgroundAttributes, ComponentOptions } from '../interface';\nimport type { PopTipAttributes } from './type';\nimport { loadPoptipComponent } from './register';\n\nconst _tBounds = new AABBBounds();\n\nloadPoptipComponent();\n\nconst tlStr = 'M -0.5 -0.5, L -0.5 0.5, L 0.5 -0.5, Z';\nconst blStr = 'M -0.5 -0.5, L -0.5 0.5, L 0.5 0.5, Z';\nconst trStr = 'M -0.5 -0.5, L 0.5 -0.5, L 0.5 0.5, Z';\nconst brStr = 'M 0.5 -0.5, L 0.5 0.5, L -0.5 0.5, Z';\n\nconst conciseSymbolMap = {\n  tl: tlStr,\n  tr: trStr,\n  bl: blStr,\n  br: brStr,\n  lt: tlStr,\n  lb: blStr,\n  rt: trStr,\n  rb: brStr\n};\nexport class PopTip extends AbstractComponent<Required<PopTipAttributes>> {\n  name = 'poptip';\n\n  static defaultAttributes: Partial<PopTipAttributes> = {\n    position: 'rt',\n    visible: true,\n    title: null,\n    content: null,\n    titleStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    contentStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    panel: {} as any,\n    maxWidthPercent: 0.8,\n    space: 8,\n    padding: 10\n  };\n\n  titleShape?: IText;\n  contentShape?: IText;\n  group?: IGroup;\n\n  constructor(attributes: PopTipAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, PopTip.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      titleStyle = {} as ITextGraphicAttribute,\n      position,\n      contentStyle = {} as ITextGraphicAttribute,\n      panel,\n      logoSymbol,\n      logoText,\n      logoTextStyle = {} as ITextGraphicAttribute,\n      triangleMode = 'default',\n      space = 4,\n      minWidth = 0,\n      maxWidth = Infinity,\n      padding = 4,\n      maxWidthPercent,\n      visible,\n      state,\n      dx = 0,\n      dy = 0\n    } = this.attribute as PopTipAttributes;\n\n    let { title = '', content = '' } = this.attribute as PopTipAttributes;\n\n    title = this.attribute.titleFormatMethod ? this.attribute.titleFormatMethod(title) : title;\n    content = this.attribute.contentFormatMethod ? this.attribute.contentFormatMethod(content) : content;\n\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild('poptip-content', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n    this.group = group;\n\n    const maxLineWidth = maxWidth - parsedPadding[1] - parsedPadding[3];\n\n    const titleVisible = isValid(title) && visible !== false;\n    const titleAttrs = {\n      text: isArray(title) ? title : ([title] as any),\n      visible: titleVisible,\n      wrap: true,\n      ...titleStyle,\n      x: parsedPadding[3],\n      y: parsedPadding[0],\n      maxLineWidth,\n      textAlign: 'left' as TextAlignType,\n      textBaseline: 'top' as TextBaselineType\n    };\n\n    const titleShape = group.createOrUpdateChild('poptip-title', titleAttrs, 'text') as IText;\n    if (!isEmpty(state?.title)) {\n      titleShape.states = state.title;\n    }\n\n    const titleBounds = titleShape.AABBBounds;\n    const titleHeight = titleBounds.height();\n    const titleWidth = titleBounds.width();\n    let height = titleHeight + space;\n    if (!titleVisible) {\n      height = 0;\n    }\n\n    const contentVisible = isValid(content) && visible !== false;\n    const contentAttrs = {\n      text: isArray(content) ? content : ([content] as any),\n      visible: contentVisible,\n      wrap: true,\n      ...contentStyle,\n      x: parsedPadding[3],\n      y: parsedPadding[0] + height,\n      maxLineWidth,\n      textAlign: 'left' as TextAlignType,\n      textBaseline: 'top' as TextBaselineType\n    };\n\n    const contentShape = group.createOrUpdateChild('poptip-content', contentAttrs, 'text') as IText;\n    if (!isEmpty(state?.content)) {\n      contentShape.states = state.content;\n    }\n\n    const contentBounds = contentShape.AABBBounds;\n    const contentHeight = contentBounds.height();\n    const contentWidth = contentBounds.width();\n\n    if (contentVisible) {\n      height += contentHeight;\n    }\n\n    this.titleShape = titleShape;\n    this.contentShape = contentShape;\n\n    // 计算整个popTip的宽高\n    let popTipWidth = max(\n      titleWidth + parsedPadding[1] + parsedPadding[3],\n      contentWidth + parsedPadding[1] + parsedPadding[3]\n    );\n    if (popTipWidth > maxWidth) {\n      popTipWidth = maxWidth;\n    } else if (popTipWidth < minWidth) {\n      popTipWidth = minWidth;\n    }\n    let poptipHeight = parsedPadding[0] + parsedPadding[2] + height;\n\n    // 绘制背景层\n    const { visible: bgVisible, square, ...backgroundStyle } = panel;\n    // 如果是正方形，取宽高的最大值，同时文字也需要居中\n    if (square) {\n      const maxWH = max(popTipWidth, poptipHeight);\n      popTipWidth = maxWH;\n      const deltaH = maxWH - poptipHeight;\n      poptipHeight = maxWH;\n      titleShape.setAttributes({ dy: deltaH / 2 });\n      contentShape.setAttributes({ dy: deltaH / 2 });\n    }\n    const symbolSize = backgroundStyle.size ?? 12;\n    const spaceSize: number | [number, number] = isArray(symbolSize)\n      ? [symbolSize[0] + (backgroundStyle.space ?? 0), symbolSize[1] + (backgroundStyle.space ?? 0)]\n      : (symbolSize as number) + (backgroundStyle.space ?? 0);\n    const lineWidth = backgroundStyle.lineWidth ?? 1;\n    const range: [number, number] | undefined = (this as any).stage\n      ? [\n          (this as any).stage.viewWidth ?? (this as any).stage.width,\n          (this as any).stage.viewHeight ?? (this as any).stage.height\n        ]\n      : undefined;\n\n    if (range) {\n      // 尝试进行换行\n      const b = (this as any).AABBBounds;\n      const leftWidth = this.attribute.x ?? b.x1;\n      const rightWidth = range[0] - b.x1;\n      let maxSpace = Math.max(leftWidth, rightWidth);\n      // 减一些buffer，buffer不能超过maxSpace的20%\n      const buf = (isArray(symbolSize) ? symbolSize[0] : 12) + 3;\n      maxSpace = Math.min(maxSpace - buf, maxSpace * maxWidthPercent);\n      // 需要进行换行\n      if (maxSpace < popTipWidth) {\n        popTipWidth = maxSpace;\n        const buf = parsedPadding[1] + parsedPadding[3];\n        titleShape.setAttribute('maxLineWidth', maxSpace - buf);\n        contentShape.setAttribute('maxLineWidth', maxSpace - buf);\n        poptipHeight = parsedPadding[0] + parsedPadding[2];\n        if (titleVisible) {\n          poptipHeight += titleShape.AABBBounds.height() + space;\n        }\n        poptipHeight += contentShape.AABBBounds.height();\n      }\n    }\n\n    const layout = position === 'auto';\n    // 最多循环this.positionList次\n    let maxBBoxI: number;\n    let maxBBoxSize: number = -Infinity;\n\n    for (let i = 0; i < this.positionList.length + 1; i++) {\n      const p = layout ? this.positionList[i === this.positionList.length ? maxBBoxI : i] : position;\n      let symbolType = 'arrow2Left';\n      let offsetX = (isArray(symbolSize) ? symbolSize[0] : symbolSize) / 4;\n      let offsetY = 0;\n      if (p === 'top' || p === 'bottom' || p === 'left' || p === 'right') {\n        symbolType = 'arrow2Left';\n      } else if (triangleMode === 'concise') {\n        symbolType = (conciseSymbolMap as any)[p];\n        offsetX = ['tl', 'bl', 'rt', 'rb'].includes(position)\n          ? (isArray(symbolSize) ? symbolSize[0] : symbolSize) / 2\n          : -(isArray(symbolSize) ? symbolSize[0] : symbolSize) / 2;\n        offsetY = ['tl', 'tr', 'lb', 'rb'].includes(position)\n          ? -(isArray(symbolSize) ? symbolSize[1] : symbolSize) / 2\n          : (isArray(symbolSize) ? symbolSize[1] : symbolSize) / 2;\n      }\n\n      const { angle, offset } = this.getAngleAndOffset(\n        p,\n        popTipWidth,\n        poptipHeight,\n        isArray(spaceSize) ? (spaceSize as [number, number]) : [spaceSize, spaceSize - lineWidth],\n        symbolType\n      );\n      if (isBoolean(bgVisible)) {\n        const bgSymbol = group.createOrUpdateChild(\n          'poptip-symbol-panel',\n          {\n            ...backgroundStyle,\n            visible: bgVisible && (contentVisible || titleVisible),\n            x: offsetX,\n            y: offsetY,\n            strokeBoundsBuffer: -1,\n            boundsPadding: -2,\n            anchor: [0, 0],\n            symbolType,\n            angle: angle,\n            dx: offset[0],\n            // 标签和背景同时移动\n            dy: offset[1] - (backgroundStyle.space ?? 0),\n            size: symbolSize,\n            zIndex: 9\n          },\n          'symbol'\n        ) as ISymbol;\n        if (!isEmpty(state?.panel)) {\n          bgSymbol.states = state.panel;\n        }\n\n        let bgRect: IGraphic;\n        if (panel.panelSymbolType) {\n          bgRect = group.createOrUpdateChild(\n            'poptip-rect-panel',\n            {\n              ...backgroundStyle,\n              visible: bgVisible && (contentVisible || titleVisible),\n              x: 0,\n              y: 0,\n              symbolType: 'rect',\n              size: [popTipWidth, poptipHeight],\n              zIndex: -8\n            },\n            'symbol'\n          ) as ISymbol;\n        } else {\n          bgRect = group.createOrUpdateChild(\n            'poptip-rect-panel',\n            {\n              ...backgroundStyle,\n              visible: bgVisible && (contentVisible || titleVisible),\n              x: 0,\n              y: 0,\n              width: popTipWidth,\n              height: poptipHeight,\n              zIndex: -8\n            },\n            'rect'\n          ) as IRect;\n        }\n        if (!isEmpty(state?.panel)) {\n          bgRect.states = state.panel;\n        }\n      }\n\n      group.setAttributes({\n        x: -offset[0] + dx,\n        y: -offset[1] + dy,\n        anchor: [offsetX, offsetY]\n      });\n\n      // 添加logo和logo内的text\n      if (logoSymbol) {\n        const { size = 12 } = logoSymbol;\n        const sizeArray = isArray(size) ? (size as [number | string, number | string]) : [size, size];\n        if (sizeArray[1] === 'auto') {\n          sizeArray[1] = poptipHeight;\n        }\n        if (sizeArray[0] === 'auto') {\n          sizeArray[0] = poptipHeight;\n        }\n        const sizeW = sizeArray[0] as number;\n        group.createOrUpdateChild(\n          'poptip-logo',\n          {\n            ...logoSymbol,\n            x: 0,\n            y: poptipHeight / 2,\n            visible: bgVisible && (contentVisible || titleVisible),\n            zIndex: 10,\n            size: sizeArray as [number, number]\n          },\n          'symbol'\n        );\n        group.setAttributes({\n          x: -offset[0] + dx + sizeW / 2,\n          y: -offset[1] + dy\n        });\n        if (logoText) {\n          group.createOrUpdateChild(\n            'poptip-logo-text',\n            {\n              ...logoTextStyle,\n              x: 0,\n              y: poptipHeight / 2,\n              visible: bgVisible && (contentVisible || titleVisible),\n              text: logoText,\n              textAlign: 'center',\n              textBaseline: 'middle',\n              zIndex: 10\n            },\n            'text'\n          );\n        }\n      }\n\n      if (layout && range) {\n        _tBounds.setValue(0, 0, popTipWidth, poptipHeight).transformWithMatrix(group.globalTransMatrix);\n        const b = _tBounds;\n        const stageBounds = new Bounds().setValue(0, 0, range[0], range[1]);\n        if (rectInsideAnotherRect(b, stageBounds, false)) {\n          break;\n        } else {\n          const bbox = getRectIntersect(b, stageBounds, false);\n          const size = (bbox.x2 - bbox.x1) * (bbox.y2 - bbox.y1);\n          if (size > maxBBoxSize) {\n            maxBBoxSize = size;\n            maxBBoxI = i;\n          }\n        }\n      } else {\n        break;\n      }\n    }\n  }\n\n  positionList = ['top', 'tl', 'tr', 'bottom', 'bl', 'br', 'left', 'lt', 'lb', 'right', 'rt', 'rb'];\n\n  getAngleAndOffset(\n    position: string,\n    width: number,\n    height: number,\n    size: [number, number],\n    symbolType: 'arrow2Left' | string\n  ): { angle: number; offset: [number, number] } {\n    // const sizeW = size[0];\n    const sizeH = symbolType === 'arrow2Left' ? size[1] / 2 : size[1];\n    switch (position) {\n      case 'tl':\n        return {\n          angle: symbolType === 'arrow2Left' ? (pi / 2) * 3 : 0,\n          offset: symbolType === 'arrow2Left' ? [width / 4, height + sizeH] : [0, height + sizeH]\n        };\n      case 'top':\n        return { angle: (pi / 2) * 3, offset: [width / 2, height + sizeH] };\n      case 'tr':\n        return {\n          angle: symbolType === 'arrow2Left' ? (pi / 2) * 3 : 0,\n          offset: symbolType === 'arrow2Left' ? [(width / 4) * 3, height + sizeH] : [width, height + sizeH]\n        };\n      case 'rt':\n        return {\n          angle: 0,\n          offset: symbolType === 'arrow2Left' ? [-sizeH, height / 5] : [-sizeH, 0]\n        };\n      case 'right':\n        return { angle: 0, offset: [-sizeH, height / 2] };\n      case 'rb':\n        return {\n          angle: 0,\n          offset: symbolType === 'arrow2Left' ? [-sizeH, (height / 5) * 4] : [-sizeH, height]\n        };\n      case 'bl':\n        return {\n          angle: symbolType === 'arrow2Left' ? pi / 2 : 0,\n          offset: symbolType === 'arrow2Left' ? [width / 4, -sizeH] : [0, -sizeH]\n        };\n      case 'bottom':\n        return { angle: pi / 2, offset: [width / 2, -sizeH] };\n      case 'br':\n        return {\n          angle: symbolType === 'arrow2Left' ? pi / 2 : 0,\n          offset: symbolType === 'arrow2Left' ? [(width / 4) * 3, -sizeH] : [width, -sizeH]\n        };\n      case 'lt':\n        return {\n          angle: symbolType === 'arrow2Left' ? pi : 0,\n          offset: symbolType === 'arrow2Left' ? [width + sizeH, height / 5] : [width + sizeH, 0]\n        };\n      case 'left':\n        return { angle: pi, offset: [width + sizeH, height / 2] };\n      case 'lb':\n        return {\n          angle: symbolType === 'arrow2Left' ? pi : 0,\n          offset: symbolType === 'arrow2Left' ? [width + sizeH, (height / 5) * 4] : [width + sizeH, height]\n        };\n    }\n  }\n\n  appearAnimate(animateConfig: { duration?: number; easing?: string; wave?: number }) {\n    // 基准时间，line[0, 500], point[100, 600] 100 onebyone, pointNormal[600, 1000] 90+90 onebyone, activeLine[500, 700]\n    // line和activeLine的clipRange\n    const { duration = 1000, easing = 'quadOut' } = animateConfig;\n    this.setAttributes({ scaleX: 0, scaleY: 0 });\n    this.animate().to({ scaleX: 1, scaleY: 1 }, (duration / 3) * 2, easing as any);\n    this.titleShape &&\n      this.titleShape\n        .animate()\n        .play(new InputText({ text: '' }, { text: this.titleShape.attribute.text as string }, duration, easing as any));\n    this.contentShape &&\n      this.contentShape\n        .animate()\n        .play(\n          new InputText({ text: '' }, { text: this.contentShape.attribute.text as string }, duration, easing as any)\n        );\n\n    // 摇摆\n    if (animateConfig.wave) {\n      const dur = duration / 6;\n      this.group\n        .animate()\n        .to({ angle: animateConfig.wave }, dur, easing as any)\n        .to({ angle: -animateConfig.wave }, dur * 2, easing as any)\n        .to({ angle: animateConfig.wave }, dur * 2, easing as any)\n        .to({ angle: 0 }, dur, easing as any);\n    }\n  }\n\n  disappearAnimate(animateConfig: { duration?: number; easing?: string }) {\n    // 基准时间，line[0, 500], point[100, 600] 100 onebyone, pointNormal[600, 1000] 90+90 onebyone, activeLine[500, 700]\n    // line和activeLine的clipRange\n    const { duration = 1000, easing = 'quadOut' } = animateConfig;\n    this.animate().to({ scaleX: 0, scaleY: 0 }, duration, easing as any);\n  }\n}\n"]}

package/cjs/poptip/type.d.ts

@@ -18,7 +18,13 @@ export type PopTipAttributes = {
     padding?: Padding;
     panel?: BackgroundAttributes & ISymbolGraphicAttribute & {
         space?: number;
+        square?: boolean;
+        panelSymbolType?: string;
     };
+    triangleMode?: 'default' | 'concise';
+    logoSymbol?: ISymbolGraphicAttribute;
+    logoText?: string | string[] | number | number[];
+    logoTextStyle?: Partial<ITextGraphicAttribute>;
     minWidth?: number;
     maxWidth?: number;
     maxWidthPercent?: number;

package/cjs/poptip/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/poptip/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGraphic,\n  IGroupGraphicAttribute,\n  IRectGraphicAttribute,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender-core';\nimport type { Padding, State } from '../core/type';\nimport type { BackgroundAttributes } from '../interface';\n\ntype StateStyle = {\n  /**\n   * title 文本的状态配置\n   */\n  title?: State<Partial<ITextGraphicAttribute>>;\n  /**\n   * content 文本的状态配置\n   */\n  content?: State<Partial<ITextGraphicAttribute>>;\n  /**\n   * panel 背景的状态配置ß\n   */\n  panel?: State<Partial<IRectGraphicAttribute>>;\n};\n\nexport type PopTipAttributes = {\n  /**\n   * 弹出框的方位，有 12 个方位可供选择\n   */\n  position?: 'auto' | 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';\n  /**\n   * 标题内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  title?: string | string[] | number | number[];\n  /**\n   * 标题样式\n   */\n  titleStyle?: Partial<ITextGraphicAttribute>;\n  /**\n   * 标题的格式化方法\n   */\n  titleFormatMethod?: (t: string | string[] | number | number[]) => string | string[] | number | number[];\n  /**\n   * 内容文本，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  content?: string | string[] | number | number[];\n  /**\n   * 内容文本样式\n   */\n  contentStyle?: Partial<ITextGraphicAttribute>;\n  /**\n   * 内容的格式化方法\n   */\n  contentFormatMethod?: (t: string | string[] | number | number[]) => string | string[] | number | number[];\n  /**\n   * 标题与内容的间距\n   */\n  space?: number;\n  /**\n   * 内部边距\n   */\n  padding?: Padding;\n  /**\n   * 标签的背景面板配置, TODO: 支持symbol形状\n   */\n  panel?: BackgroundAttributes & ISymbolGraphicAttribute & { space?: number };\n\n  /**\n   * 最小宽度，像素值\n   * @default 30\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n\n  /**\n   * 最大宽度比例\n   */\n  maxWidthPercent?: number;\n  /**\n   * 是否展示\n   */\n  visible?: boolean;\n  /**\n   * 自定义的展示逻辑\n   */\n  visibleFunc?: (graphic: IGraphic) => boolean;\n  state?: StateStyle;\n  dx?: number;\n  dy?: number;\n} & Omit<IGroupGraphicAttribute, 'background'>;\n\nexport type PoptipShapeAttributes = {\n  /**\n   * 是否展示 shape\n   */\n  visible: boolean;\n} & Partial<ISymbolGraphicAttribute>;\n"]}
+{"version":3,"sources":["../src/poptip/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGraphic,\n  IGroupGraphicAttribute,\n  IRectGraphicAttribute,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender-core';\nimport type { Padding, State } from '../core/type';\nimport type { BackgroundAttributes } from '../interface';\n\ntype StateStyle = {\n  /**\n   * title 文本的状态配置\n   */\n  title?: State<Partial<ITextGraphicAttribute>>;\n  /**\n   * content 文本的状态配置\n   */\n  content?: State<Partial<ITextGraphicAttribute>>;\n  /**\n   * panel 背景的状态配置ß\n   */\n  panel?: State<Partial<IRectGraphicAttribute>>;\n};\n\nexport type PopTipAttributes = {\n  /** 位置，参考arco design */\n  position?: 'auto' | 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';\n  /**\n   * 标题内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  title?: string | string[] | number | number[];\n  /** 标题样式 */\n  titleStyle?: Partial<ITextGraphicAttribute>;\n  titleFormatMethod?: (t: string | string[] | number | number[]) => string | string[] | number | number[];\n  /**\n   * 内容文本，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  content?: string | string[] | number | number[];\n  /** 内容文本样式 */\n  contentStyle?: Partial<ITextGraphicAttribute>;\n  contentFormatMethod?: (t: string | string[] | number | number[]) => string | string[] | number | number[];\n  /**\n   * 标题与内容的间距\n   */\n  space?: number;\n  /**\n   * 内部边距\n   */\n  padding?: Padding;\n  /**\n   * 标签的背景面板配置, TODO: 支持symbol形状\n   * space: 与位置之间的距离\n   * square: 是否是正方形\n   */\n  panel?: BackgroundAttributes &\n    ISymbolGraphicAttribute & { space?: number; square?: boolean; panelSymbolType?: string };\n\n  // 标签三角的模式，默认是default，即默认的三角形状，concise是紧凑型三角形状显得更简洁\n  // @since 0.22.0\n  triangleMode?: 'default' | 'concise';\n\n  // 放置在poptip前方的logo区域\n  logoSymbol?: ISymbolGraphicAttribute;\n  // logo内的text\n  logoText?: string | string[] | number | number[];\n  // logo内的text样式\n  logoTextStyle?: Partial<ITextGraphicAttribute>;\n\n  /**\n   * 最小宽度，像素值\n   * @default 30\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n\n  // 最大宽度比例\n  maxWidthPercent?: number;\n\n  visible?: boolean;\n  visibleFunc?: (graphic: IGraphic) => boolean;\n  state?: StateStyle;\n  dx?: number;\n  dy?: number;\n} & Omit<IGroupGraphicAttribute, 'background'>;\n\nexport type PoptipShapeAttributes = {\n  /**\n   * 是否展示 shape\n   */\n  visible: boolean;\n} & Partial<ISymbolGraphicAttribute>;\n"]}

package/cjs/title/title.js

@@ -14,21 +14,21 @@ class Title extends base_1.AbstractComponent {
         this.name = "title";
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         const {textType: textType, text: text, subtextType: subtextType, textStyle: textStyle = {}, subtext: subtext, subtextStyle: subtextStyle = {}, width: width, height: height, minWidth: minWidth, maxWidth: maxWidth, minHeight: minHeight, maxHeight: maxHeight, align: align, verticalAlign: verticalAlign, padding: padding = 0} = this.attribute, parsedPadding = (0, 
         vutils_1.normalizePadding)(padding), group = this.createOrUpdateChild("title-container", {
             x: parsedPadding[3],
             y: parsedPadding[0],
             zIndex: 1
-        }, "group"), fixedMainTitleHeight = null !== (_a = textStyle.height) && void 0 !== _a ? _a : height;
+        }, "group");
         if (!1 !== this.attribute.visible && !1 !== textStyle.visible) {
-            const {width: mainTitleWidth, maxHeight: mainTitleMaxHeight, maxWidth: mainTitleMaxWidth, x: x = 0, y: y = 0, ellipsis: ellipsis = !0, wordBreak: wordBreak = "break-word", maxWidth: maxWidth, lineClamp: lineClamp} = textStyle;
+            const {width: mainTitleWidth, height: mainTitleHeight, maxHeight: mainTitleMaxHeight, maxWidth: mainTitleMaxWidth, x: x = 0, y: y = 0, ellipsis: ellipsis = !0, wordBreak: wordBreak = "break-word", maxWidth: maxWidth, lineClamp: lineClamp} = textStyle;
             if ("rich" === textType || (0, vutils_1.isValid)(textStyle.character)) {
                 const attr = Object.assign({
                     x: x,
                     y: y,
-                    width: null !== (_b = null != mainTitleWidth ? mainTitleWidth : width) && void 0 !== _b ? _b : 0,
-                    height: null != fixedMainTitleHeight ? fixedMainTitleHeight : 0,
+                    width: null !== (_a = null != mainTitleWidth ? mainTitleWidth : width) && void 0 !== _a ? _a : 0,
+                    height: null !== (_b = null != mainTitleHeight ? mainTitleHeight : height) && void 0 !== _b ? _b : 0,
                     ellipsis: null == ellipsis || ellipsis,
                     wordBreak: null != wordBreak ? wordBreak : "break-word",
                     maxHeight: null != mainTitleMaxHeight ? mainTitleMaxHeight : maxHeight,
@@ -44,7 +44,7 @@ class Title extends base_1.AbstractComponent {
                     x: x,
                     y: y,
                     width: null !== (_d = null != mainTitleWidth ? mainTitleWidth : width) && void 0 !== _d ? _d : 0,
-                    height: null != fixedMainTitleHeight ? fixedMainTitleHeight : 0,
+                    height: null !== (_e = null != mainTitleHeight ? mainTitleHeight : height) && void 0 !== _e ? _e : 0,
                     ellipsis: ellipsis,
                     wordBreak: wordBreak,
                     maxHeight: null != mainTitleMaxHeight ? mainTitleMaxHeight : maxHeight,
@@ -56,17 +56,17 @@ class Title extends base_1.AbstractComponent {
                 text: (0, vutils_1.isArray)(text) ? text : [ text ],
                 whiteSpace: "normal"
             }, textStyle), {
-                maxLineWidth: null !== (_f = null !== (_e = textStyle.maxLineWidth) && void 0 !== _e ? _e : mainTitleWidth) && void 0 !== _f ? _f : width,
-                heightLimit: null !== (_g = textStyle.height) && void 0 !== _g ? _g : maxHeight,
+                maxLineWidth: null !== (_g = null !== (_f = textStyle.maxLineWidth) && void 0 !== _f ? _f : mainTitleWidth) && void 0 !== _g ? _g : width,
+                heightLimit: null != mainTitleHeight ? mainTitleHeight : maxHeight,
                 lineClamp: lineClamp,
                 ellipsis: ellipsis,
                 x: x,
                 y: y
             }), "text"));
         }
-        const mainTextBoundsHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0, mainTextBoundsWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;
+        const maintextHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0, maintextWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;
         if (!1 !== this.attribute.visible && !1 !== subtextStyle.visible) {
-            const {width: subTitleWidth, height: subTitleHeight, maxWidth: subTitleMaxWidth, maxHeight: subTitleMaxHeight, x: x = 0, y: y = 0, ellipsis: ellipsis = !0, wordBreak: wordBreak = "break-word", lineClamp: lineClamp} = subtextStyle, maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - mainTextBoundsHeight);
+            const {width: subTitleWidth, height: subTitleHeight, maxWidth: subTitleMaxWidth, maxHeight: subTitleMaxHeight, x: x = 0, y: y = 0, ellipsis: ellipsis = !0, wordBreak: wordBreak = "break-word", lineClamp: lineClamp} = subtextStyle, maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - maintextHeight);
             if ("rich" === subtextType || (0, vutils_1.isValid)(subtextStyle.character)) {
                 const attr = Object.assign({
                     x: x,
@@ -105,45 +105,45 @@ class Title extends base_1.AbstractComponent {
                 lineClamp: lineClamp,
                 ellipsis: ellipsis,
                 x: 0,
-                y: mainTextBoundsHeight
+                y: maintextHeight
             }), "text"));
         }
-        const subTextBoundsHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0, subTextBoundsWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;
-        let totalWidth = Math.max(mainTextBoundsWidth, subTextBoundsWidth), totalHeight = mainTextBoundsHeight + (null !== (_q = subtextStyle.height) && void 0 !== _q ? _q : subTextBoundsHeight);
-        if ((0, vutils_1.isValid)(width) && (totalWidth = width), (0, vutils_1.isValid)(height) && (totalHeight = height), 
-        (0, vutils_1.isValid)(minWidth) && totalWidth < minWidth && (totalWidth = minWidth), 
-        (0, vutils_1.isValid)(maxWidth) && totalWidth > maxWidth && (totalWidth = maxWidth), 
-        (0, vutils_1.isValid)(minHeight) && totalHeight < minHeight && (totalHeight = minHeight), 
-        (0, vutils_1.isValid)(maxHeight) && totalHeight > maxHeight && (totalHeight = maxHeight), 
-        group.attribute.width = totalWidth, group.attribute.height = totalHeight, group.attribute.boundsPadding = parsedPadding, 
+        const subtextHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0, subtextWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;
+        let titleWidth = Math.max(maintextWidth, subtextWidth), titleHeight = maintextHeight + (null !== (_q = subtextStyle.height) && void 0 !== _q ? _q : subtextHeight);
+        if ((0, vutils_1.isValid)(width) && (titleWidth = width), (0, vutils_1.isValid)(height) && (titleHeight = height), 
+        (0, vutils_1.isValid)(minWidth) && titleWidth < minWidth && (titleWidth = minWidth), 
+        (0, vutils_1.isValid)(maxWidth) && titleWidth > maxWidth && (titleWidth = maxWidth), 
+        (0, vutils_1.isValid)(minHeight) && titleHeight < minHeight && (titleHeight = minHeight), 
+        (0, vutils_1.isValid)(maxHeight) && titleHeight > maxHeight && (titleHeight = maxHeight), 
+        group.attribute.width = titleWidth, group.attribute.height = titleHeight, group.attribute.boundsPadding = parsedPadding, 
         this._mainTitle) {
             if ((0, vutils_1.isValid)(align) || (0, vutils_1.isValid)(textStyle.align)) {
-                const mainTitleAlign = textStyle.align ? textStyle.align : align, mainTitleWidth = null !== (_r = textStyle.width) && void 0 !== _r ? _r : totalWidth;
-                "center" === mainTitleAlign ? (this._mainTitle.setAttribute("x", mainTitleWidth / 2), 
-                this._mainTitle.setAttribute("textAlign", "center")) : "right" === mainTitleAlign ? (this._mainTitle.setAttribute("x", mainTitleWidth), 
-                this._mainTitle.setAttribute("textAlign", "right")) : (this._mainTitle.setAttribute("x", 0), 
-                this._mainTitle.setAttribute("textAlign", "left"));
+                const mainTitleAlign = textStyle.align ? textStyle.align : align, mainTitleWidth = null !== (_r = textStyle.width) && void 0 !== _r ? _r : maintextWidth;
+                "left" === mainTitleAlign ? (this._mainTitle.setAttribute("x", 0), this._mainTitle.setAttribute("textAlign", "left")) : "center" === mainTitleAlign ? (this._mainTitle.setAttribute("x", mainTitleWidth / 2), 
+                this._mainTitle.setAttribute("textAlign", "center")) : "right" === mainTitleAlign && (this._mainTitle.setAttribute("x", mainTitleWidth), 
+                this._mainTitle.setAttribute("textAlign", "right"));
+            }
+            if ((0, vutils_1.isValid)(verticalAlign) || (0, vutils_1.isValid)(textStyle.verticalAlign)) {
+                const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign, mainTitleHeight = textStyle.height ? textStyle.height : titleHeight;
+                "top" === mainTitleVerticalAlign ? (this._mainTitle.setAttribute("y", 0), this._mainTitle.setAttribute("textBaseline", "top")) : "middle" === mainTitleVerticalAlign ? (this._mainTitle.setAttribute("y", mainTitleHeight / 2), 
+                this._mainTitle.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign && (this._mainTitle.setAttribute("y", mainTitleHeight), 
+                this._mainTitle.setAttribute("textBaseline", "bottom"));
             }
-            const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign, mainTitleHeight = null != fixedMainTitleHeight ? fixedMainTitleHeight : this._mainTitle.AABBBounds.empty() ? 0 : this._mainTitle.AABBBounds.height();
-            "middle" === mainTitleVerticalAlign ? (this._mainTitle.setAttribute("y", mainTitleHeight / 2), 
-            this._mainTitle.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign ? (this._mainTitle.setAttribute("y", mainTitleHeight), 
-            this._mainTitle.setAttribute("textBaseline", "bottom")) : (this._mainTitle.setAttribute("y", 0), 
-            this._mainTitle.setAttribute("textBaseline", "top"));
         }
         if (this._subTitle) {
             if ((0, vutils_1.isValid)(align) || (0, vutils_1.isValid)(subtextStyle.align)) {
-                const subTitleAlign = subtextStyle.align ? subtextStyle.align : align, subTitleWidth = null !== (_t = null !== (_s = subtextStyle.width) && void 0 !== _s ? _s : textStyle.width) && void 0 !== _t ? _t : totalWidth;
-                "center" === subTitleAlign ? (this._subTitle.setAttribute("x", subTitleWidth / 2), 
-                this._subTitle.setAttribute("textAlign", "center")) : "right" === subTitleAlign ? (this._subTitle.setAttribute("x", subTitleWidth), 
-                this._subTitle.setAttribute("textAlign", "right")) : (this._subTitle.setAttribute("x", 0), 
-                this._subTitle.setAttribute("textAlign", "left"));
+                const subTitleAlign = subtextStyle.align ? subtextStyle.align : align, subTitleWidth = null !== (_s = subtextStyle.width) && void 0 !== _s ? _s : subtextWidth;
+                "left" === subTitleAlign ? (this._subTitle.setAttribute("x", 0), this._subTitle.setAttribute("textAlign", "left")) : "center" === subTitleAlign ? (this._subTitle.setAttribute("x", subTitleWidth / 2), 
+                this._subTitle.setAttribute("textAlign", "center")) : "right" === subTitleAlign && (this._subTitle.setAttribute("x", subTitleWidth), 
+                this._subTitle.setAttribute("textAlign", "right"));
+            }
+            if ((0, vutils_1.isValid)(verticalAlign) || (0, vutils_1.isValid)(textStyle.verticalAlign)) {
+                const subTitleVerticalAlign = subtextStyle.verticalAlign ? subtextStyle.verticalAlign : verticalAlign, subTitleYStart = maintextHeight, subTitleHeight = null !== (_t = subtextStyle.height) && void 0 !== _t ? _t : 0;
+                "top" === subTitleVerticalAlign ? (this._subTitle.setAttribute("y", subTitleYStart), 
+                this._subTitle.setAttribute("textBaseline", "top")) : "middle" === subTitleVerticalAlign ? (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight / 2), 
+                this._subTitle.setAttribute("textBaseline", "middle")) : "bottom" === subTitleVerticalAlign && (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight), 
+                this._subTitle.setAttribute("textBaseline", "bottom"));
             }
-            const subTitleVerticalAlign = subtextStyle.verticalAlign ? subtextStyle.verticalAlign : verticalAlign, subTitleYStart = this._mainTitle ? (0, 
-            vutils_1.isValid)(fixedMainTitleHeight) ? this._mainTitle.AABBBounds.y1 + Math.max(this._mainTitle.AABBBounds.empty() ? 0 : this._mainTitle.AABBBounds.height(), fixedMainTitleHeight) : this._mainTitle.AABBBounds.y2 : 0, subTitleHeight = null !== (_v = null !== (_u = subtextStyle.height) && void 0 !== _u ? _u : height) && void 0 !== _v ? _v : this._subTitle.AABBBounds.empty() ? 0 : this._subTitle.AABBBounds.height();
-            "middle" === subTitleVerticalAlign ? (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight / 2), 
-            this._subTitle.setAttribute("textBaseline", "middle")) : "bottom" === subTitleVerticalAlign ? (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight), 
-            this._subTitle.setAttribute("textBaseline", "bottom")) : (this._subTitle.setAttribute("y", subTitleYStart), 
-            this._subTitle.setAttribute("textBaseline", "top"));
         }
     }
 }