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

package/es/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/es/tooltip/tooltip.js

@@ -0,0 +1,161 @@
+import { builtinSymbolsMap } from "@visactor/vrender";
+
+import { merge, isValid, normalizePadding, isNil } from "@visactor/vutils";
+
+import { AbstractComponent } from "../core/base";
+
+import { initTextMeasure } from "../util/text";
+
+import { isVisible } from "../util";
+
+import { mergeRowAttrs } from "./util";
+
+import { defaultAttributes, TOOLTIP_POSITION_ATTRIBUTES } from "./config";
+
+const 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";
+
+export class Tooltip extends AbstractComponent {
+    constructor(attributes) {
+        super(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 = 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", merge({
+            symbolType: "circle"
+        }, titleAttr.shape, {
+            visible: isVisible(titleAttr) && isVisible(titleAttr.shape)
+        }), "symbol");
+        const titlePaddingLeft = isVisible(titleAttr.shape) ? titleAttr.shape.size + titleAttr.shape.spacing : 0;
+        this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild("tooltip-title-value", merge({
+            text: ""
+        }, titleAttr.value, {
+            visible: isVisible(titleAttr) && 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 = 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 (!isVisible(itemAttr)) return;
+                const itemGroupName = `tooltip-content-${i}`, itemGroup = this._tooltipContent.createOrUpdateChild(itemGroupName, {
+                    visible: !0,
+                    x: 0,
+                    y: lastYPos
+                }, "group");
+                let x = 0;
+                if (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), 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 (isVisible(itemAttr.value)) {
+                    const element = itemGroup.createOrUpdateChild(`${itemGroupName}-value`, Object.assign({
+                        visible: !0
+                    }, itemAttr.value), "text");
+                    let textAlign = "right";
+                    isValid(itemAttr.value.textAlign) ? textAlign = itemAttr.value.textAlign : 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 => TOOLTIP_POSITION_ATTRIBUTES.includes(key))) ? (this._mergeAttributes(params, keys), 
+        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 = 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 (isValid(titleValue)) {
+            const {width: width, height: height} = initTextMeasure(titleValue).quickMeasure(titleValue.text);
+            maxWidth = width, titleMaxHeight = height;
+        }
+        if (titleHasShape && builtinSymbolsMap[titleShapeType] && (maxWidth += titleShape.size + titleShape.spacing, 
+        titleMaxHeight = Math.max(titleShape.size, titleMaxHeight)), attribute.title.width = maxWidth, 
+        attribute.title.height = titleMaxHeight, 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) && 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 = isVisible(shape), itemShapeType = null !== (_a = null == shape ? void 0 : shape.symbolType) && void 0 !== _a ? _a : "", keyTextMeasure = initTextMeasure(key), valueTextMeasure = initTextMeasure(value);
+                    let itemHeight = 0;
+                    if (isVisible(key)) {
+                        const {width: width, height: height} = keyTextMeasure.quickMeasure(key.text);
+                        keyWidths.push(width), itemHeight = Math.max(itemHeight, height);
+                    }
+                    if (isVisible(value)) {
+                        const {width: width, height: height} = valueTextMeasure.quickMeasure(value.text);
+                        valueWidths.push(width), itemHeight = Math.max(itemHeight, height);
+                    }
+                    itemHasShape && 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 mergeRowAttrs({}, Tooltip.defaultAttributes.titleStyle, Tooltip.defaultAttributes.title, attribute.titleStyle, attribute.title);
+    }
+    static getContentAttr(attribute, index) {
+        return mergeRowAttrs({}, Tooltip.defaultAttributes.contentStyle, attribute.contentStyle, attribute.content[index]);
+    }
+}
+
+Tooltip.defaultAttributes = defaultAttributes;
+//# sourceMappingURL=tooltip.js.map

package/es/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/es/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/es/tooltip/type.js

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

package/es/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/es/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/es/tooltip/util.js

@@ -0,0 +1,11 @@
+import { isNil, merge } from "@visactor/vutils";
+
+export const 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 merge(target, ...sources, {
+        shape: shapeList.every(isNil) ? void 0 : merge({}, ...shapeList),
+        key: keyList.every(isNil) ? void 0 : merge({}, ...keyList),
+        value: valueList.every(isNil) ? void 0 : merge({}, ...valueList)
+    });
+};
+//# sourceMappingURL=util.js.map

package/es/tooltip/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tooltip/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGhD,MAAM,CAAC,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,KAAK,CAAC,MAAM,EAAE,GAAG,OAAO,EAAE;QAC/B,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;QACnE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,OAAO,CAAC;QAC7D,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;KACpE,CAA2C,CAAC;AAC/C,CAAC,CAAC","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/es/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/es/util/common.js

@@ -0,0 +1,11 @@
+import { isNil } from "@visactor/vutils";
+
+export function traverseGroup(group, cb) {
+    group.forEachChildren((node => {
+        const stopped = cb(node);
+        node.isContainer && !stopped && traverseGroup(node, cb);
+    }));
+}
+
+export const isVisible = obj => !isNil(obj) && !1 !== obj.visible;
+//# sourceMappingURL=common.js.map

package/es/util/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/util/common.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,MAAM,UAAU,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;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAgC,EAAW,EAAE;IACrE,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE;QACd,OAAO,KAAK,CAAC;KACd;IACD,OAAO,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC;AAC/B,CAAC,CAAC","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/es/util/index.d.ts

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

package/es/util/index.js

@@ -0,0 +1,8 @@
+export * from "./common";
+
+export * from "./labelSmartInvert";
+
+export * from "./matrix";
+
+export * from "./text";
+//# sourceMappingURL=index.js.map

package/es/util/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/util/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["export * from './common';\nexport * from './labelSmartInvert';\nexport * from './matrix';\nexport * from './text';\n"]}

package/es/util/labelSmartInvert.d.ts

@@ -0,0 +1,2 @@
+import { IColor } from '@visactor/vrender';
+export declare function labelSmartInvert(foregroundColorOrigin: IColor | undefined, backgroundColorOrogin: IColor | undefined, textType?: string | undefined, contrastRatiosThreshold?: number, alternativeColors?: string | string[]): IColor | undefined;

package/es/util/labelSmartInvert.js

@@ -0,0 +1,39 @@
+import { ColorUtil } from "@visactor/vutils";
+
+const defaultAlternativeColors = [ "#ffffff", "#000000" ];
+
+export function labelSmartInvert(foregroundColorOrigin, backgroundColorOrogin, textType, contrastRatiosThreshold, alternativeColors) {
+    const foregroundColor = formatColorToHex(foregroundColorOrigin), backgroundColor = formatColorToHex(backgroundColorOrogin);
+    return contrastAccessibilityChecker(foregroundColor, backgroundColor, textType, contrastRatiosThreshold) ? foregroundColor : improveContrastReverse(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors);
+}
+
+function improveContrastReverse(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors) {
+    const alternativeColorPalletes = [];
+    alternativeColors && (alternativeColors instanceof Array ? alternativeColorPalletes.push(...alternativeColors) : alternativeColorPalletes.push(alternativeColors)), 
+    alternativeColorPalletes.push(...defaultAlternativeColors);
+    for (const alternativeColor of alternativeColorPalletes) if (foregroundColor !== alternativeColor && contrastAccessibilityChecker(alternativeColor, backgroundColor, textType, contrastRatiosThreshold)) return alternativeColor;
+}
+
+function contrastAccessibilityChecker(foregroundColor, backgroundColor, textType, contrastRatiosThreshold) {
+    return contrastRatiosThreshold ? contrastRatios(foregroundColor, backgroundColor) > contrastRatiosThreshold : "largeText" === textType ? contrastRatios(foregroundColor, backgroundColor) > 3 : contrastRatios(foregroundColor, backgroundColor) > 4.5;
+}
+
+function contrastRatios(foregroundColor, backgroundColor) {
+    const foregroundColorLuminance = getColorLuminance(foregroundColor), backgroundColorLuminance = getColorLuminance(backgroundColor);
+    return ((foregroundColorLuminance > backgroundColorLuminance ? foregroundColorLuminance : backgroundColorLuminance) + .05) / ((foregroundColorLuminance > backgroundColorLuminance ? backgroundColorLuminance : foregroundColorLuminance) + .05);
+}
+
+function getColorLuminance(color) {
+    const rgb8bit = ColorUtil.hexToRgb(color), RsRGB = rgb8bit[0] / 255, GsRGB = rgb8bit[1] / 255, BsRGB = rgb8bit[2] / 255;
+    let R, G, B;
+    R = RsRGB <= .03928 ? RsRGB / 12.92 : Math.pow((RsRGB + .055) / 1.055, 2.4), G = GsRGB <= .03928 ? GsRGB / 12.92 : Math.pow((GsRGB + .055) / 1.055, 2.4), 
+    B = BsRGB <= .03928 ? BsRGB / 12.92 : Math.pow((BsRGB + .055) / 1.055, 2.4);
+    return .2126 * R + .7152 * G + .0722 * B;
+}
+
+function formatColorToHex(originColor) {
+    if (null == originColor ? void 0 : originColor.includes("#")) return originColor;
+    const c = new ColorUtil.Color(originColor), {r: r, g: g, b: b} = c.color;
+    return "#" + ColorUtil.rgbToHex(r, g, b);
+}
+//# sourceMappingURL=labelSmartInvert.js.map

package/es/util/labelSmartInvert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/util/labelSmartInvert.ts"],"names":[],"mappings":"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","file":"labelSmartInvert.js","sourcesContent":["import { IColor } from '@visactor/vrender';\nimport { ColorUtil } from '@visactor/vutils';\n\nconst defaultAlternativeColors: string[] = ['#ffffff', '#000000'];\n\n/**\n * 标签智能反色\n * @param foregroundColorOrigin\n * @param backgroundColorOrogin\n * @returns\n */\nexport function labelSmartInvert(\n  foregroundColorOrigin: IColor | undefined,\n  backgroundColorOrogin: IColor | undefined,\n  textType?: string | undefined,\n  contrastRatiosThreshold?: number,\n  alternativeColors?: string | string[]\n): IColor | undefined {\n  const foregroundColor = formatColorToHex(foregroundColorOrigin);\n  const backgroundColor = formatColorToHex(backgroundColorOrogin);\n  if (!contrastAccessibilityChecker(foregroundColor, backgroundColor, textType, contrastRatiosThreshold)) {\n    return improveContrastReverse(\n      foregroundColor,\n      backgroundColor,\n      textType,\n      contrastRatiosThreshold,\n      alternativeColors\n    );\n  }\n  return foregroundColor;\n}\n\n/**\n * 提升对比度\n * 对于对比度不足阈值的情况，推荐备选颜色色板中的颜色提升对比\n * @param foregroundColor\n * @param backgroundColor\n * @returns\n */\nfunction improveContrastReverse(\n  foregroundColor: IColor | undefined,\n  backgroundColor: IColor | undefined,\n  textType?: IColor | undefined,\n  contrastRatiosThreshold?: number,\n  alternativeColors?: string | string[]\n) {\n  const alternativeColorPalletes: string[] = [];\n  if (alternativeColors) {\n    if (alternativeColors instanceof Array) {\n      alternativeColorPalletes.push(...alternativeColors);\n    } else {\n      alternativeColorPalletes.push(alternativeColors);\n    }\n  }\n  alternativeColorPalletes.push(...defaultAlternativeColors);\n  for (const alternativeColor of alternativeColorPalletes) {\n    if (foregroundColor === alternativeColor) {\n      continue;\n    }\n    if (contrastAccessibilityChecker(alternativeColor, backgroundColor, textType, contrastRatiosThreshold)) {\n      return alternativeColor;\n    }\n  }\n  return undefined;\n}\n\n/**\n * 颜色对比度可行性检查 https://webaim.org/articles/contrast/\n * - WCAG 2.0 AA 级要求普通文本的对比度至少为 4.5:1，大文本的对比度至少为 3:1。（目前按照此标准）\n * - WCAG 2.1 要求图形和用户界面组件（例如表单输入边框）的对比度至少为 3:1。\n * - WCAG AAA 级要求普通文本的对比度至少为 7:1，大文本的对比度至少为 4.5:1。\n * @param foregroundColor\n * @param backgroundColor\n * @returns\n */\nfunction contrastAccessibilityChecker(\n  foregroundColor: IColor | undefined,\n  backgroundColor: IColor | undefined,\n  textType?: IColor | undefined,\n  contrastRatiosThreshold?: number\n): boolean {\n  //Contrast ratios can range from 1 to 21\n  if (contrastRatiosThreshold) {\n    if (contrastRatios(foregroundColor, backgroundColor) > contrastRatiosThreshold) {\n      return true;\n    }\n    return false;\n  } else if (textType === 'largeText') {\n    if (contrastRatios(foregroundColor, backgroundColor) > 3) {\n      return true;\n    }\n    return false;\n  }\n  if (contrastRatios(foregroundColor, backgroundColor) > 4.5) {\n    return true;\n  }\n  return false;\n}\n\n/**\n * 计算颜色对比度 https://webaim.org/articles/contrast/\n * Contrast ratios can range from 1 to 21 (commonly written 1:1 to 21:1).\n * (L1 + 0.05) / (L2 + 0.05), whereby:\n * L1 is the relative luminance of the lighter of the colors, and\n * L2 is the relative luminance of the darker of the colors.\n * @param foregroundColor\n * @param backgroundColor\n * @returns\n */\nfunction contrastRatios(foregroundColor: IColor | undefined, backgroundColor: IColor | undefined): number {\n  const foregroundColorLuminance = getColorLuminance(foregroundColor as string);\n  const backgroundColorLuminance = getColorLuminance(backgroundColor as string);\n  const L1 = foregroundColorLuminance > backgroundColorLuminance ? foregroundColorLuminance : backgroundColorLuminance;\n  const L2 = foregroundColorLuminance > backgroundColorLuminance ? backgroundColorLuminance : foregroundColorLuminance;\n  const contrastRatios = (L1 + 0.05) / (L2 + 0.05);\n  return contrastRatios;\n}\n\n/**\n * 计算相对亮度 https://webaim.org/articles/contrast/\n * the relative brightness of any point in a colorspace, normalized to 0 for darkest black and 1 for lightest white\n * Note 1: For the sRGB colorspace, the relative luminance of a color is defined as\n * L = 0.2126 * R + 0.7152 * G + 0.0722 * B where R, G and B are defined as:\n * if RsRGB <= 0.03928 then R = RsRGB/12.92 else R = ((RsRGB+0.055)/1.055) ^ 2.4\n * if GsRGB <= 0.03928 then G = GsRGB/12.92 else G = ((GsRGB+0.055)/1.055) ^ 2.4\n * if BsRGB <= 0.03928 then B = BsRGB/12.92 else B = ((BsRGB+0.055)/1.055) ^ 2.4\n * and RsRGB, GsRGB, and BsRGB are defined as:\n * RsRGB = R8bit/255\n * GsRGB = G8bit/255\n * BsRGB = B8bit/255\n * @param color\n * @returns\n */\nfunction getColorLuminance(color: string): number {\n  const rgb8bit = ColorUtil.hexToRgb(color);\n  const RsRGB = rgb8bit[0] / 255;\n  const GsRGB = rgb8bit[1] / 255;\n  const BsRGB = rgb8bit[2] / 255;\n  let R;\n  let G;\n  let B;\n  if (RsRGB <= 0.03928) {\n    R = RsRGB / 12.92;\n  } else {\n    R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);\n  }\n  if (GsRGB <= 0.03928) {\n    G = GsRGB / 12.92;\n  } else {\n    G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);\n  }\n  if (BsRGB <= 0.03928) {\n    B = BsRGB / 12.92;\n  } else {\n    B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);\n  }\n  const L = 0.2126 * R + 0.7152 * G + 0.0722 * B;\n  return L;\n}\n\n/**\n * 规范化color格式为hex\n * 当color为颜色名称或rgb时，对其进行规范化处理\n * @param originColor\n * @returns\n */\nfunction formatColorToHex(originColor: IColor | undefined) {\n  if ((originColor as string)?.includes('#')) {\n    return originColor;\n  }\n  const c = new ColorUtil.Color(originColor as string);\n  const { r, g, b } = c.color;\n  return '#' + ColorUtil.rgbToHex(r, g, b);\n}\n"]}

package/es/util/matrix.d.ts

@@ -0,0 +1,4 @@
+import { vec2 } from 'gl-matrix';
+export { vec2 };
+export declare function direction(v1: number[], v2: number[]): number;
+export declare function angleTo(v1: [number, number], v2: [number, number], direct: boolean): number;

package/es/util/matrix.js

@@ -0,0 +1,13 @@
+import { vec2 } from "gl-matrix";
+
+export { vec2 };
+
+export function direction(v1, v2) {
+    return v1[0] * v2[1] - v2[0] * v1[1];
+}
+
+export function angleTo(v1, v2, direct) {
+    const ang = vec2.angle(v1, v2), angleLargeThanPI = direction(v1, v2) >= 0;
+    return direct ? angleLargeThanPI ? 2 * Math.PI - ang : ang : angleLargeThanPI ? ang : 2 * Math.PI - ang;
+}
+//# sourceMappingURL=matrix.js.map

package/es/util/matrix.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/util/matrix.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAE,CAAC;AAQhB,MAAM,UAAU,SAAS,CAAC,EAAY,EAAE,EAAY;IAClD,OAAO,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AACvC,CAAC;AAQD,MAAM,UAAU,OAAO,CAAC,EAAoB,EAAE,EAAoB,EAAE,MAAe;IACjF,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/B,MAAM,gBAAgB,GAAG,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,MAAM,EAAE;QACV,IAAI,gBAAgB,EAAE;YACpB,OAAO,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC;SAC1B;QACD,OAAO,GAAG,CAAC;KACZ;IAED,IAAI,gBAAgB,EAAE;QACpB,OAAO,GAAG,CAAC;KACZ;IACD,OAAO,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3B,CAAC","file":"matrix.js","sourcesContent":["import { vec2 } from 'gl-matrix';\n\nexport { vec2 };\n\n/**\n * 向量 v1 到 向量 v2 夹角的方向\n * @param  {Array} v1 向量\n * @param  {Array} v2 向量\n * @return {Boolean} >= 0 顺时针 < 0 逆时针\n */\nexport function direction(v1: number[], v2: number[]): number {\n  return v1[0] * v2[1] - v2[0] * v1[1];\n}\n\n/**\n * 二维向量 v1 到 v2 的夹角\n * @param v1\n * @param v2\n * @param direct\n */\nexport function angleTo(v1: [number, number], v2: [number, number], direct: boolean): number {\n  const ang = vec2.angle(v1, v2);\n  const angleLargeThanPI = direction(v1, v2) >= 0;\n  if (direct) {\n    if (angleLargeThanPI) {\n      return Math.PI * 2 - ang;\n    }\n    return ang;\n  }\n\n  if (angleLargeThanPI) {\n    return ang;\n  }\n  return Math.PI * 2 - ang;\n}\n"]}

package/es/util/text.d.ts

@@ -0,0 +1,7 @@
+import { ITextGraphicAttribute } from '@visactor/vrender';
+import { ITextMeasureOption, TextMeasure } from '@visactor/vutils';
+export declare const initTextMeasure: (textSpec?: Partial<ITextGraphicAttribute>, option?: Partial<ITextMeasureOption>, useNaiveCanvas?: boolean) => TextMeasure<ITextGraphicAttribute>;
+export declare function measureTextSize(text: string | number | string[] | number[], textSpec: Partial<ITextGraphicAttribute>): {
+    width: number;
+    height: number;
+};

package/es/util/text.js

@@ -0,0 +1,38 @@
+import { getTextBounds } from "@visactor/vrender";
+
+import { TextMeasure } from "@visactor/vutils";
+
+import { DEFAULT_TEXT_FONT_FAMILY, DEFAULT_TEXT_FONT_SIZE } from "../constant";
+
+export const initTextMeasure = (textSpec, option, useNaiveCanvas) => new TextMeasure(Object.assign({
+    defaultFontParams: {
+        fontFamily: DEFAULT_TEXT_FONT_FAMILY,
+        fontSize: DEFAULT_TEXT_FONT_SIZE
+    },
+    getTextBounds: useNaiveCanvas ? void 0 : getTextBounds,
+    specialCharSet: "-/: .,@%'\"~" + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase()
+}, null != option ? option : {}), textSpec);
+
+export function measureTextSize(text, textSpec) {
+    var _a, _b;
+    if (!text) return {
+        width: 0,
+        height: 0
+    };
+    const bounds = getTextBounds({
+        text: text,
+        fontFamily: null !== (_a = textSpec.fontFamily) && void 0 !== _a ? _a : "",
+        fontSize: textSpec.fontSize || 12,
+        fontWeight: textSpec.fontWeight,
+        textAlign: null !== (_b = textSpec.textAlign) && void 0 !== _b ? _b : "center",
+        textBaseline: textSpec.textBaseline,
+        ellipsis: !!textSpec.ellipsis,
+        maxLineWidth: textSpec.maxLineWidth || 1 / 0,
+        lineHeight: textSpec.fontSize || 12
+    });
+    return {
+        width: bounds.width(),
+        height: bounds.height()
+    };
+}
+//# sourceMappingURL=text.js.map

package/es/util/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/util/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAyB,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAsB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE/E,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,QAAyC,EACzC,MAAoC,EACpC,cAAwB,EACY,EAAE;IACtC,OAAO,IAAI,WAAW,iBAElB,iBAAiB,EAAE;YACjB,UAAU,EAAE,wBAAwB;YACpC,QAAQ,EAAE,sBAAsB;SACjC,EACD,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACzD,cAAc,EAAE,cAAc,GAAG,WAAW,CAAC,iBAAiB,GAAG,WAAW,CAAC,iBAAiB,CAAC,WAAW,EAAE,IACzG,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC,GAEnB,QAAQ,CACT,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,UAAU,eAAe,CAAC,IAA2C,EAAE,QAAwC;;IACnH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;KAChC;IACD,MAAM,MAAM,GAAG,aAAa,CAAC;QAC3B,IAAI;QACJ,UAAU,EAAE,MAAA,QAAQ,CAAC,UAAU,mCAAI,EAAE;QACrC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,IAAI,EAAE;QACjC,UAAU,EAAE,QAAQ,CAAC,UAAiB;QACtC,SAAS,EAAE,MAAA,QAAQ,CAAC,SAAS,mCAAI,QAAQ;QACzC,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ;QAC7B,YAAY,EAAE,QAAQ,CAAC,YAAY,IAAI,QAAQ;QAC/C,UAAU,EAAE,QAAQ,CAAC,QAAQ,IAAI,EAAE;KACpC,CAAC,CAAC;IAEH,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC;AAC5D,CAAC","file":"text.js","sourcesContent":["import { getTextBounds, ITextGraphicAttribute } from '@visactor/vrender';\nimport { ITextMeasureOption, TextMeasure } from '@visactor/vutils';\nimport { DEFAULT_TEXT_FONT_FAMILY, DEFAULT_TEXT_FONT_SIZE } from '../constant';\n\nexport const initTextMeasure = (\n  textSpec?: Partial<ITextGraphicAttribute>,\n  option?: Partial<ITextMeasureOption>,\n  useNaiveCanvas?: boolean\n): TextMeasure<ITextGraphicAttribute> => {\n  return new TextMeasure<ITextGraphicAttribute>(\n    {\n      defaultFontParams: {\n        fontFamily: DEFAULT_TEXT_FONT_FAMILY,\n        fontSize: DEFAULT_TEXT_FONT_SIZE\n      },\n      getTextBounds: useNaiveCanvas ? undefined : getTextBounds,\n      specialCharSet: '-/: .,@%\\'\"~' + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase(),\n      ...(option ?? {})\n    },\n    textSpec\n  );\n};\n\n// FIXME: 和上一个方法统一，使用 TextMeasure 类\nexport function measureTextSize(text: string | number | string[] | number[], textSpec: Partial<ITextGraphicAttribute>) {\n  if (!text) {\n    return { width: 0, height: 0 };\n  }\n  const bounds = getTextBounds({\n    text,\n    fontFamily: textSpec.fontFamily ?? '',\n    fontSize: textSpec.fontSize || 12,\n    fontWeight: textSpec.fontWeight as any,\n    textAlign: textSpec.textAlign ?? 'center',\n    textBaseline: textSpec.textBaseline,\n    ellipsis: !!textSpec.ellipsis,\n    maxLineWidth: textSpec.maxLineWidth || Infinity,\n    lineHeight: textSpec.fontSize || 12\n  });\n\n  return { width: bounds.width(), height: bounds.height() };\n}\n"]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@visactor/vrender-components",
+  "version": "0.0.38-brush.2-alpha.0",
+  "description": "components library for dp visualization",
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "cjs/index.js",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "files": [
+    "cjs",
+    "es",
+    "dist"
+  ],
+  "dependencies": {
+    "@visactor/vutils": "0.9.0-alpha.2",
+    "gl-matrix": "^3.4.3"
+  },
+  "peerDependencies": {
+    "@visactor/vrender": "0.9.0-alpha.0",
+    "@visactor/vscale": "0.9.0-alpha.2"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "~1.1.4",
+    "@visactor/vrender": "0.9.0-alpha.0",
+    "@visactor/vscale": "0.9.0-alpha.2",
+    "react": "16.13.0",
+    "react-dom": "16.13.0",
+    "@types/react": "16.9.49",
+    "@types/react-dom": "16.9.8",
+    "@vitejs/plugin-react": "3.1.0",
+    "eslint": "~8.18.0",
+    "vite": "3.2.6",
+    "typescript": "4.9.5",
+    "@internal/ts-config": "0.0.1",
+    "@internal/bundler": "0.0.1",
+    "@internal/eslint-config": "0.0.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "compile": "tsc --noEmit",
+    "eslint": "eslint --debug --fix src/",
+    "build": "bundle",
+    "dev": "bundle --clean -f es -w",
+    "start": "vite ./vite"
+  }
+}