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

package/es/slider/type.d.ts

@@ -0,0 +1,44 @@
+import { ISymbolGraphicAttribute, IRectGraphicAttribute, ITextGraphicAttribute, IGroupGraphicAttribute } from '@visactor/vrender';
+type Text = string | number;
+export type TextAttribute = {
+    visible?: boolean;
+    text?: Text;
+    space?: number;
+    style?: Omit<Partial<ITextGraphicAttribute>, 'text'>;
+};
+export type HandlerTextAttribute = {
+    visible?: boolean;
+    precision?: number;
+    formatter?: (text: Text) => Text;
+    space?: number;
+    style?: Omit<Partial<ITextGraphicAttribute>, 'text'>;
+};
+export type TooltipConfig = {
+    formatter?: (value: Text) => Text;
+};
+export type RangeType = boolean | {
+    draggableTrack?: boolean;
+};
+export type SliderAttributes = {
+    slidable?: boolean;
+    layout?: 'horizontal' | 'vertical' | string;
+    align?: 'top' | 'bottom' | 'left' | 'right';
+    range?: RangeType;
+    min: number;
+    max: number;
+    value?: number | [number, number];
+    step?: number;
+    railWidth: number;
+    railHeight: number;
+    showHandler?: boolean;
+    handlerSize?: number;
+    handlerStyle?: Partial<ISymbolGraphicAttribute>;
+    railStyle?: Omit<Partial<IRectGraphicAttribute>, 'width' | 'height'>;
+    trackStyle?: Omit<Partial<IRectGraphicAttribute>, 'width' | 'height'>;
+    startText?: TextAttribute;
+    endText?: TextAttribute;
+    handlerText?: HandlerTextAttribute;
+    showTooltip?: boolean;
+    tooltip?: TooltipConfig;
+} & IGroupGraphicAttribute;
+export {};

package/es/slider/type.js

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

package/es/slider/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/slider/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import {\n  ISymbolGraphicAttribute,\n  IRectGraphicAttribute,\n  ITextGraphicAttribute,\n  IGroupGraphicAttribute\n} from '@visactor/vrender';\n\ntype Text = string | number;\n\nexport type TextAttribute = {\n  /** 是否展示 */\n  visible?: boolean;\n  /** 文本内容 */\n  text?: Text;\n  /**\n   * 文本同滑块的间距，默认为 6\n   */\n  space?: number;\n  /**\n   * 文本样式\n   */\n  style?: Omit<Partial<ITextGraphicAttribute>, 'text'>;\n};\n\nexport type HandlerTextAttribute = {\n  /** 是否展示 */\n  visible?: boolean;\n  /**\n   * 数据展示的小数精度，默认为0，无小数点。\n   */\n  precision?: number;\n  /** 文本内容格式化函数 */\n  formatter?: (text: Text) => Text;\n  /**\n   * 文本同滑块的间距，默认为 6\n   */\n  space?: number;\n  /**\n   * 文本样式\n   */\n  style?: Omit<Partial<ITextGraphicAttribute>, 'text'>;\n};\n\nexport type TooltipConfig = {\n  // /**\n  //  * 是否始终展示\n  //  */\n  // alwaysShow?: boolean;\n  /**\n   * 格式化函数\n   */\n  formatter?: (value: Text) => Text;\n  // TODO： 待补充一些样式属性\n};\n\nexport type RangeType =\n  | boolean\n  | {\n      /**\n       * 范围刻度是否可被拖拽，默认值为 false\n       */\n      draggableTrack?: boolean;\n    };\n\nexport type SliderAttributes = {\n  /**\n   * 是否允许拖动，默认为 true\n   */\n  slidable?: boolean;\n  /**\n   * TODO: 这个类型有问题\n   * 布局方式。\n   * - 'horizontal' 水平布局\n   * - 'vertical' 垂直布局\n   */\n  layout?: 'horizontal' | 'vertical' | string;\n  /**\n   * 指定组件中手柄和文字的摆放位置，可选值为：\n   * 'left' 手柄和label在滑块左侧，layout 为 vertical 时有效。\n   * 'right' 手柄和label在滑块右侧，layout 为 vertical 时有效。\n   * 'top' 手柄和label在滑块上侧，layout 为 horizontal 时有效。\n   * 'bottom' 手柄和label在滑块下侧，layout 为 horizontal 时有效。\n   */\n  align?: 'top' | 'bottom' | 'left' | 'right';\n  /**\n   * 双滑块模式，默认为 false，单滑块模式\n   */\n  range?: RangeType;\n  /**\n   * 最小值\n   */\n  min: number;\n  /**\n   * 最大值\n   */\n  max: number;\n  /**\n   * 设置当前取值。当 range 为 false 时，使用 number，否则用 [number, number]\n   */\n  value?: number | [number, number];\n  /**\n   * TODO:\n   * 步长，取值必须大于 0，并且可被 (max - min) 整除。\n   * 用于离散连续场景\n   */\n  step?: number;\n\n  /**\n   * 滑块的宽度\n   */\n  railWidth: number;\n  /**\n   * 滑块的高度\n   */\n  railHeight: number;\n\n  /**\n   * 是否绘制 handler，默认为 true\n   */\n  showHandler?: boolean;\n\n  /**\n   * handler 操作按钮的大小\n   */\n  handlerSize?: number;\n\n  /**\n   * 滑块手柄的样式配置\n   */\n  handlerStyle?: Partial<ISymbolGraphicAttribute>;\n  /**\n   * 背景轨道样式配置\n   */\n  railStyle?: Omit<Partial<IRectGraphicAttribute>, 'width' | 'height'>;\n  /**\n   * 选中区域样式配置\n   */\n  trackStyle?: Omit<Partial<IRectGraphicAttribute>, 'width' | 'height'>;\n\n  /**\n   * 滑块首部文本配置\n   */\n  startText?: TextAttribute;\n  /**\n   * 滑块尾部文本配置\n   */\n  endText?: TextAttribute;\n\n  /**\n   * 滑块对应的文本配置项\n   */\n  handlerText?: HandlerTextAttribute;\n\n  /**\n   * TODO\n   * 是否显示 hander 上的 tooltip\n   */\n  showTooltip?: boolean;\n  /**\n   * handler tooltip 配置\n   */\n  tooltip?: TooltipConfig;\n} & IGroupGraphicAttribute;\n"]}

package/es/tag/index.d.ts

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

package/es/tag/index.js

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

package/es/tag/index.js.map

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

package/es/tag/tag.d.ts

@@ -0,0 +1,8 @@
+import { AbstractComponent } from '../core/base';
+import { TagAttributes } from './type';
+export declare class Tag extends AbstractComponent<Required<TagAttributes>> {
+    name: string;
+    static defaultAttributes: Partial<TagAttributes>;
+    constructor(attributes: TagAttributes);
+    protected render(): void;
+}

package/es/tag/tag.js

@@ -0,0 +1,97 @@
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+import { isBoolean, isEmpty, isNil, isNumber, isValid, merge, normalizePadding } from "@visactor/vutils";
+
+import { AbstractComponent } from "../core/base";
+
+import { measureTextSize } from "../util";
+
+export class Tag extends AbstractComponent {
+    constructor(attributes) {
+        super(merge({}, Tag.defaultAttributes, attributes)), this.name = "tag";
+    }
+    render() {
+        var _a;
+        const {text: text = "", textStyle: textStyle = {}, shape: shape = {}, panel: panel = {}, space: space = 4, minWidth: minWidth, maxWidth: maxWidth, padding: padding = 4, visible: visible, state: state} = this.attribute, parsedPadding = normalizePadding(padding), group = this.createOrUpdateChild("tag-content", {
+            x: 0,
+            y: 0,
+            zIndex: 1
+        }, "group");
+        let symbol, tagWidth = parsedPadding[1] + parsedPadding[3], tagHeight = parsedPadding[0] + parsedPadding[2], textX = 0, symbolPlaceWidth = 0;
+        const {visible: shapeVisible} = shape, shapeStyle = __rest(shape, [ "visible" ]);
+        if (isBoolean(shapeVisible)) {
+            const size = (null == shapeStyle ? void 0 : shapeStyle.size) || 10, maxSize = isNumber(size) ? size : Math.max(size[0], size[1]);
+            symbol = group.createOrUpdateChild("tag-shape", Object.assign(Object.assign({
+                symbolType: "circle",
+                size: size,
+                strokeBoundsBuffer: 0
+            }, shapeStyle), {
+                visible: shapeVisible,
+                x: maxSize / 2,
+                y: maxSize / 2
+            }), "symbol"), isEmpty(null == state ? void 0 : state.shape) || (symbol.states = state.shape), 
+            shapeVisible && (symbolPlaceWidth = maxSize + space);
+        }
+        tagWidth += symbolPlaceWidth, textX += symbolPlaceWidth;
+        const textAttrs = Object.assign(Object.assign({
+            text: text,
+            visible: isValid(text) && !1 !== visible,
+            lineHeight: null == textStyle ? void 0 : textStyle.fontSize
+        }, textStyle), {
+            x: textX,
+            y: 0
+        });
+        isNil(textAttrs.lineHeight) && (textAttrs.lineHeight = textAttrs.fontSize);
+        const textShape = group.createOrUpdateChild("tag-text", textAttrs, "text");
+        isEmpty(null == state ? void 0 : state.text) || (textShape.states = state.text);
+        const textBounds = measureTextSize(textAttrs.text, textStyle), textWidth = textBounds.width, textHeight = textBounds.height;
+        tagWidth += textWidth;
+        const size = null !== (_a = shape.size) && void 0 !== _a ? _a : 10, maxSize = isNumber(size) ? size : Math.max(size[0], size[1]);
+        tagHeight += Math.max(textHeight, (null == shape ? void 0 : shape.visible) ? maxSize : 0);
+        const {textAlign: textAlign, textBaseline: textBaseline} = textStyle;
+        (isValid(minWidth) || isValid(maxWidth)) && (isValid(minWidth) && tagWidth < minWidth && (tagWidth = minWidth), 
+        isValid(maxWidth) && tagWidth > maxWidth && (tagWidth = maxWidth, textShape.setAttribute("maxLineWidth", maxWidth - parsedPadding[1] - parsedPadding[2])));
+        let x = 0, y = 0;
+        "center" === textAlign ? (x -= tagWidth / 2, symbol && symbol.setAttribute("x", (symbol.attribute.x || 0) - textWidth / 2), 
+        group.setAttribute("x", -symbolPlaceWidth / 2)) : "right" === textAlign || "end" === textAlign ? (x -= tagWidth, 
+        symbol && symbol.setAttribute("x", (symbol.attribute.x || 0) - textWidth), group.setAttribute("x", -parsedPadding[1] - symbolPlaceWidth)) : "left" !== textAlign && "start" !== textAlign || group.setAttribute("x", parsedPadding[3]), 
+        "middle" === textBaseline ? (y -= tagHeight / 2, symbol && symbol.setAttribute("y", 0)) : "bottom" === textBaseline ? (y -= tagHeight, 
+        symbol && symbol.setAttribute("y", -textHeight / 2), group.setAttribute("y", -parsedPadding[2])) : "top" === textBaseline && (group.setAttribute("y", parsedPadding[0]), 
+        symbol && symbol.setAttribute("y", textHeight / 2));
+        const {visible: bgVisible} = panel, backgroundStyle = __rest(panel, [ "visible" ]);
+        if (isBoolean(bgVisible)) {
+            const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
+                visible: bgVisible && !!text,
+                x: x,
+                y: y,
+                width: tagWidth,
+                height: tagHeight
+            }), "rect");
+            isEmpty(null == state ? void 0 : state.panel) || (bgRect.states = state.panel);
+        }
+    }
+}
+
+Tag.defaultAttributes = {
+    visible: !0,
+    textStyle: {
+        fontSize: 12,
+        fillColor: "#000",
+        textAlign: "left",
+        textBaseline: "top"
+    },
+    space: 4,
+    padding: 4,
+    shape: {
+        fillColor: "#000"
+    }
+};
+//# sourceMappingURL=tag.js.map

package/es/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tag/tag.ts"],"names":[],"mappings":"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","file":"tag.js","sourcesContent":["/**\n * @description 标签组件\n */\nimport { IGroup, IRect, ISymbol, IText, ITextAttribute, ITextGraphicAttribute } from '@visactor/vrender';\nimport { isBoolean, isEmpty, isNil, isNumber, isValid, merge, normalizePadding } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { measureTextSize } from '../util';\nimport { BackgroundAttributes } from '../interface';\nimport { TagAttributes, TagShapeAttributes } from './type';\n\nexport class Tag extends AbstractComponent<Required<TagAttributes>> {\n  name = 'tag';\n\n  static defaultAttributes: Partial<TagAttributes> = {\n    visible: true,\n    textStyle: {\n      fontSize: 12,\n      fillColor: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    space: 4,\n    padding: 4,\n    // @ts-ignore\n    shape: {\n      fillColor: '#000'\n    }\n  };\n\n  constructor(attributes: TagAttributes) {\n    super(merge({}, Tag.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      text = '',\n      textStyle = {} as ITextGraphicAttribute,\n      shape = {} as TagShapeAttributes,\n      panel = {} as BackgroundAttributes,\n      space = 4,\n      minWidth,\n      maxWidth,\n      padding = 4,\n      visible,\n      state\n    } = this.attribute as TagAttributes;\n\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild('tag-content', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    let symbol;\n    let tagWidth = parsedPadding[1] + parsedPadding[3];\n    let tagHeight = parsedPadding[0] + parsedPadding[2];\n    let textX = 0;\n    let symbolPlaceWidth = 0;\n    const { visible: shapeVisible, ...shapeStyle } = shape;\n    if (isBoolean(shapeVisible)) {\n      const size = shapeStyle?.size || 10;\n      const maxSize = isNumber(size) ? size : Math.max(size[0], size[1]);\n\n      symbol = group.createOrUpdateChild(\n        'tag-shape',\n        {\n          symbolType: 'circle',\n          size,\n          strokeBoundsBuffer: 0,\n          ...shapeStyle,\n          visible: shapeVisible,\n          x: maxSize / 2,\n          y: maxSize / 2\n        },\n        'symbol'\n      ) as ISymbol;\n      if (!isEmpty(state?.shape)) {\n        symbol.states = state.shape;\n      }\n\n      if (shapeVisible) {\n        symbolPlaceWidth = maxSize + space;\n      }\n    }\n\n    tagWidth += symbolPlaceWidth;\n    textX += symbolPlaceWidth;\n\n    const textAttrs = {\n      text,\n      visible: isValid(text) && visible !== false,\n      lineHeight: textStyle?.fontSize,\n      ...textStyle,\n      x: textX,\n      y: 0\n    };\n    if (isNil(textAttrs.lineHeight)) {\n      textAttrs.lineHeight = textAttrs.fontSize;\n    }\n    const textShape = group.createOrUpdateChild('tag-text', textAttrs, 'text') as IText;\n    if (!isEmpty(state?.text)) {\n      textShape.states = state.text;\n    }\n\n    // 因为文本可能发生旋转，所以需要使用 measureTextSize 方法\n    const textBounds = measureTextSize(textAttrs.text, textStyle);\n    const textWidth = textBounds.width;\n    const textHeight = textBounds.height;\n    tagWidth += textWidth;\n    const size = shape.size ?? 10;\n    const maxSize = isNumber(size) ? size : Math.max(size[0], size[1]);\n    tagHeight += Math.max(textHeight, shape?.visible ? maxSize : 0);\n\n    const { textAlign, textBaseline } = textStyle as ITextAttribute;\n\n    if (isValid(minWidth) || isValid(maxWidth)) {\n      if (isValid(minWidth) && tagWidth < minWidth) {\n        tagWidth = minWidth;\n      }\n      if (isValid(maxWidth) && tagWidth > maxWidth) {\n        tagWidth = maxWidth;\n        textShape.setAttribute('maxLineWidth', maxWidth - parsedPadding[1] - parsedPadding[2]);\n      }\n    }\n\n    let x = 0;\n    let y = 0;\n    if (textAlign === 'center') {\n      x -= tagWidth / 2;\n      if (symbol) {\n        symbol.setAttribute('x', (symbol.attribute.x || 0) - textWidth / 2);\n      }\n\n      group.setAttribute('x', -symbolPlaceWidth / 2);\n    } else if (textAlign === 'right' || textAlign === 'end') {\n      x -= tagWidth;\n      if (symbol) {\n        symbol.setAttribute('x', (symbol.attribute.x || 0) - textWidth);\n      }\n\n      group.setAttribute('x', -parsedPadding[1] - symbolPlaceWidth);\n    } else if (textAlign === 'left' || textAlign === 'start') {\n      group.setAttribute('x', parsedPadding[3]);\n    }\n    if (textBaseline === 'middle') {\n      y -= tagHeight / 2;\n      if (symbol) {\n        symbol.setAttribute('y', 0);\n      }\n    } else if (textBaseline === 'bottom') {\n      y -= tagHeight;\n      if (symbol) {\n        symbol.setAttribute('y', -textHeight / 2);\n      }\n\n      group.setAttribute('y', -parsedPadding[2]);\n    } else if (textBaseline === 'top') {\n      group.setAttribute('y', parsedPadding[0]);\n      if (symbol) {\n        symbol.setAttribute('y', textHeight / 2);\n      }\n    }\n\n    // 绘制背景层\n    const { visible: bgVisible, ...backgroundStyle } = panel;\n    if (isBoolean(bgVisible)) {\n      const bgRect = this.createOrUpdateChild(\n        'tag-panel',\n        {\n          ...backgroundStyle,\n          visible: bgVisible && !!text,\n          x,\n          y,\n          width: tagWidth,\n          height: tagHeight\n        },\n        'rect'\n      ) as IRect;\n      if (!isEmpty(state?.panel)) {\n        bgRect.states = state.panel;\n      }\n    }\n  }\n}\n"]}

package/es/tag/type.d.ts

@@ -0,0 +1,24 @@
+import { ITextGraphicAttribute, ISymbolGraphicAttribute, IGroupGraphicAttribute, IRectGraphicAttribute } from '@visactor/vrender';
+import { Padding, State } from '../core/type';
+import { BackgroundAttributes } from '../interface';
+type StateStyle = {
+    text?: State<Partial<ITextGraphicAttribute>>;
+    shape?: State<Partial<ISymbolGraphicAttribute>>;
+    panel?: State<Partial<IRectGraphicAttribute>>;
+};
+export type TagAttributes = {
+    text?: string | string[] | number | number[];
+    textStyle?: Partial<ITextGraphicAttribute>;
+    shape?: TagShapeAttributes;
+    space?: number;
+    padding?: Padding;
+    panel?: BackgroundAttributes;
+    minWidth?: number;
+    maxWidth?: number;
+    visible?: boolean;
+    state?: StateStyle;
+} & Omit<IGroupGraphicAttribute, 'background'>;
+export type TagShapeAttributes = {
+    visible: boolean;
+} & Partial<ISymbolGraphicAttribute>;
+export {};

package/es/tag/type.js

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

package/es/tag/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tag/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import {\n  ITextGraphicAttribute,\n  ISymbolGraphicAttribute,\n  IGroupGraphicAttribute,\n  IRectGraphicAttribute\n} from '@visactor/vrender';\nimport { Padding, State } from '../core/type';\nimport { BackgroundAttributes } from '../interface';\n\ntype StateStyle = {\n  /**\n   * text 文本的状态配置\n   */\n  text?: State<Partial<ITextGraphicAttribute>>;\n  /**\n   * shape 标记的状态配置\n   */\n  shape?: State<Partial<ISymbolGraphicAttribute>>;\n  /**\n   * panel 背景的状态配置ß\n   */\n  panel?: State<Partial<IRectGraphicAttribute>>;\n};\n\nexport type TagAttributes = {\n  /**\n   * 文本内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  text?: string | string[] | number | number[];\n  /** 文本样式 */\n  textStyle?: Partial<ITextGraphicAttribute>;\n  /** 文本前 mark 图元 */\n  shape?: TagShapeAttributes;\n  /**\n   * shape 同文本之间的间距\n   */\n  space?: number;\n  /**\n   * 内部边距\n   */\n  padding?: Padding;\n  /**\n   * 标签的背景面板配置, TODO: 支持symbol形状\n   */\n  panel?: BackgroundAttributes;\n  /**\n   * 最小宽度，像素值\n   * @default 30\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  visible?: boolean;\n  state?: StateStyle;\n} & Omit<IGroupGraphicAttribute, 'background'>;\n\nexport type TagShapeAttributes = {\n  /**\n   * 是否展示 shape\n   */\n  visible: boolean;\n} & Partial<ISymbolGraphicAttribute>;\n"]}

package/es/title/index.d.ts

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

package/es/title/index.js

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

package/es/title/index.js.map

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

package/es/title/title.d.ts

@@ -0,0 +1,10 @@
+import { AbstractComponent } from '../core/base';
+import { TitleAttrs } from './type';
+export declare class Title extends AbstractComponent<Required<TitleAttrs>> {
+    name: string;
+    private _mainTitle?;
+    private _subTitle?;
+    static defaultAttributes: Partial<TitleAttrs>;
+    constructor(attributes: TitleAttrs);
+    protected render(): void;
+}

package/es/title/title.js

@@ -0,0 +1,125 @@
+import { merge, isValid, normalizePadding } from "@visactor/vutils";
+
+import { AbstractComponent } from "../core/base";
+
+export class Title extends AbstractComponent {
+    constructor(attributes) {
+        super(merge({}, Title.defaultAttributes, attributes)), 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, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37;
+        const {text: text, 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 = normalizePadding(padding), group = this.createOrUpdateChild("title-container", {
+            x: parsedPadding[3],
+            y: parsedPadding[0],
+            zIndex: 1
+        }, "group");
+        if (!1 !== (null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.visible) && !1 !== (null == textStyle ? void 0 : textStyle.visible)) if (textStyle && isValid(null == textStyle ? void 0 : textStyle.character)) {
+            const attr = {
+                x: null !== (_b = textStyle.x) && void 0 !== _b ? _b : 0,
+                y: null !== (_c = textStyle.y) && void 0 !== _c ? _c : 0,
+                width: null !== (_e = null !== (_d = textStyle.width) && void 0 !== _d ? _d : width) && void 0 !== _e ? _e : 0,
+                height: null !== (_g = null !== (_f = textStyle.height) && void 0 !== _f ? _f : height) && void 0 !== _g ? _g : 0,
+                ellipsis: null === (_h = textStyle.ellipsis) || void 0 === _h || _h,
+                wordBreak: null !== (_j = textStyle.wordBreak) && void 0 !== _j ? _j : "break-word",
+                maxHeight: textStyle.maxHeight,
+                maxWidth: textStyle.maxWidth,
+                textConfig: textStyle.character
+            };
+            this._mainTitle = group.createOrUpdateChild("mainTitle", attr, "richtext");
+        } else isValid(text) && (this._mainTitle = group.createOrUpdateChild("mainTitle", Object.assign(Object.assign({
+            text: [ text ]
+        }, textStyle), {
+            maxLineWidth: null !== (_k = null == textStyle ? void 0 : textStyle.maxLineWidth) && void 0 !== _k ? _k : width,
+            heightLimit: null == textStyle ? void 0 : textStyle.heightLimit,
+            lineClamp: null == textStyle ? void 0 : textStyle.lineClamp,
+            ellipsis: null === (_l = null == textStyle ? void 0 : textStyle.ellipsis) || void 0 === _l || _l,
+            x: 0,
+            y: 0
+        }), "wrapText"));
+        const maintextHeight = this._mainTitle ? null === (_m = this._mainTitle) || void 0 === _m ? void 0 : _m.AABBBounds.height() : 0, maintextWidth = this._mainTitle ? null === (_o = this._mainTitle) || void 0 === _o ? void 0 : _o.AABBBounds.width() : 0;
+        if (!1 !== (null === (_p = this.attribute) || void 0 === _p ? void 0 : _p.visible) && !1 !== (null == subtextStyle ? void 0 : subtextStyle.visible)) if (subtextStyle && isValid(null == subtextStyle ? void 0 : subtextStyle.character)) {
+            const attr = {
+                x: null !== (_q = subtextStyle.x) && void 0 !== _q ? _q : 0,
+                y: null !== (_r = subtextStyle.y) && void 0 !== _r ? _r : maintextHeight,
+                width: null !== (_t = null !== (_s = subtextStyle.width) && void 0 !== _s ? _s : width) && void 0 !== _t ? _t : 0,
+                height: null !== (_v = null !== (_u = subtextStyle.height) && void 0 !== _u ? _u : height) && void 0 !== _v ? _v : 0,
+                ellipsis: null === (_w = subtextStyle.ellipsis) || void 0 === _w || _w,
+                wordBreak: null !== (_x = subtextStyle.wordBreak) && void 0 !== _x ? _x : "break-word",
+                maxHeight: subtextStyle.maxHeight,
+                maxWidth: subtextStyle.maxWidth,
+                textConfig: subtextStyle.character
+            };
+            this._subTitle = group.createOrUpdateChild("subTitle", attr, "richtext");
+        } else isValid(subtext) && (this._subTitle = group.createOrUpdateChild("subTitle", Object.assign(Object.assign({
+            text: [ subtext ]
+        }, subtextStyle), {
+            maxLineWidth: null !== (_y = null == subtextStyle ? void 0 : subtextStyle.maxLineWidth) && void 0 !== _y ? _y : width,
+            heightLimit: null == subtextStyle ? void 0 : subtextStyle.heightLimit,
+            lineClamp: null == subtextStyle ? void 0 : subtextStyle.lineClamp,
+            ellipsis: null === (_z = null == subtextStyle ? void 0 : subtextStyle.ellipsis) || void 0 === _z || _z,
+            x: 0,
+            y: maintextHeight
+        }), "wrapText"));
+        const subtextHeight = this._subTitle ? null === (_0 = this._subTitle) || void 0 === _0 ? void 0 : _0.AABBBounds.height() : 0, subtextWidth = this._subTitle ? null === (_1 = this._subTitle) || void 0 === _1 ? void 0 : _1.AABBBounds.width() : 0;
+        let titleWidth = Math.max(maintextWidth, subtextWidth), titleHeight = maintextHeight + (null !== (_2 = null == subtextStyle ? void 0 : subtextStyle.height) && void 0 !== _2 ? _2 : subtextHeight);
+        if (isValid(width) && (titleWidth = width, null === (_3 = this._mainTitle) || void 0 === _3 || _3.setAttribute("maxLineWidth", width), 
+        null === (_4 = this._subTitle) || void 0 === _4 || _4.setAttribute("maxLineWidth", width)), 
+        isValid(height) && (titleHeight = height), isValid(minWidth) && titleWidth < minWidth && (titleWidth = minWidth), 
+        isValid(maxWidth) && (null === (_5 = this._mainTitle) || void 0 === _5 || _5.setAttribute("maxLineWidth", maxWidth), 
+        null === (_6 = this._subTitle) || void 0 === _6 || _6.setAttribute("maxLineWidth", maxWidth), 
+        null === (_7 = this._mainTitle) || void 0 === _7 || _7.setAttribute("maxWidth", maxWidth), 
+        null === (_8 = this._subTitle) || void 0 === _8 || _8.setAttribute("maxWidth", maxWidth), 
+        titleWidth > maxWidth && (titleWidth = maxWidth)), isValid(minHeight) && titleHeight < minHeight && (titleHeight = minHeight), 
+        isValid(maxHeight) && (null === (_9 = this._mainTitle) || void 0 === _9 || _9.setAttribute("maxHeight", maxHeight), 
+        null === (_10 = this._subTitle) || void 0 === _10 || _10.setAttribute("maxHeight", maxHeight - maintextHeight), 
+        titleHeight > maxHeight && (titleHeight = maxHeight)), group.attribute.width = titleWidth + parsedPadding[1] + parsedPadding[3], 
+        group.attribute.height = titleHeight + parsedPadding[0] + parsedPadding[2], isValid(align) || isValid(null == textStyle ? void 0 : textStyle.align)) {
+            const mainTitleAlign = (null == textStyle ? void 0 : textStyle.align) ? null == textStyle ? void 0 : textStyle.align : align, mainTitleWidth = null !== (_11 = null == textStyle ? void 0 : textStyle.width) && void 0 !== _11 ? _11 : maintextWidth;
+            "left" === mainTitleAlign ? (null === (_12 = this._mainTitle) || void 0 === _12 || _12.setAttribute("x", 0), 
+            null === (_13 = this._mainTitle) || void 0 === _13 || _13.setAttribute("textAlign", "left")) : "center" === mainTitleAlign ? (null === (_14 = this._mainTitle) || void 0 === _14 || _14.setAttribute("x", mainTitleWidth / 2), 
+            null === (_15 = this._mainTitle) || void 0 === _15 || _15.setAttribute("textAlign", "center")) : "right" === mainTitleAlign && (null === (_16 = this._mainTitle) || void 0 === _16 || _16.setAttribute("x", mainTitleWidth), 
+            null === (_17 = this._mainTitle) || void 0 === _17 || _17.setAttribute("textAlign", "right"));
+        }
+        if (isValid(verticalAlign) || isValid(null == textStyle ? void 0 : textStyle.verticalAlign)) {
+            const mainTitleVerticalAlign = (null == textStyle ? void 0 : textStyle.verticalAlign) ? null == textStyle ? void 0 : textStyle.verticalAlign : verticalAlign, mainTitleHeight = (null == textStyle ? void 0 : textStyle.height) ? null == textStyle ? void 0 : textStyle.height : titleWidth;
+            "top" === mainTitleVerticalAlign ? (null === (_18 = this._mainTitle) || void 0 === _18 || _18.setAttribute("y", 0), 
+            null === (_19 = this._mainTitle) || void 0 === _19 || _19.setAttribute("textBaseline", "top")) : "middle" === mainTitleVerticalAlign ? (null === (_20 = this._mainTitle) || void 0 === _20 || _20.setAttribute("y", mainTitleHeight / 2), 
+            null === (_21 = this._mainTitle) || void 0 === _21 || _21.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign && (null === (_22 = this._mainTitle) || void 0 === _22 || _22.setAttribute("y", mainTitleHeight), 
+            null === (_23 = this._mainTitle) || void 0 === _23 || _23.setAttribute("textBaseline", "bottom"));
+        }
+        if (isValid(align) || isValid(null == subtextStyle ? void 0 : subtextStyle.align)) {
+            const subTitleAlign = (null == subtextStyle ? void 0 : subtextStyle.align) ? null == subtextStyle ? void 0 : subtextStyle.align : align, subTitleWidth = null !== (_24 = null == subtextStyle ? void 0 : subtextStyle.width) && void 0 !== _24 ? _24 : subtextWidth;
+            "left" === subTitleAlign ? (null === (_25 = this._subTitle) || void 0 === _25 || _25.setAttribute("x", 0), 
+            null === (_26 = this._subTitle) || void 0 === _26 || _26.setAttribute("textAlign", "left")) : "center" === subTitleAlign ? (null === (_27 = this._subTitle) || void 0 === _27 || _27.setAttribute("x", subTitleWidth / 2), 
+            null === (_28 = this._subTitle) || void 0 === _28 || _28.setAttribute("textAlign", "center")) : "right" === subTitleAlign && (null === (_29 = this._subTitle) || void 0 === _29 || _29.setAttribute("x", subTitleWidth), 
+            null === (_30 = this._subTitle) || void 0 === _30 || _30.setAttribute("textAlign", "right"));
+        }
+        if (isValid(verticalAlign) || isValid(null == textStyle ? void 0 : textStyle.verticalAlign)) {
+            const subTitleVerticalAlign = (null == subtextStyle ? void 0 : subtextStyle.verticalAlign) ? null == subtextStyle ? void 0 : subtextStyle.verticalAlign : verticalAlign, subTitleYStart = maintextHeight, subTitleHeight = null !== (_31 = null == subtextStyle ? void 0 : subtextStyle.height) && void 0 !== _31 ? _31 : 0;
+            "top" === subTitleVerticalAlign ? (null === (_32 = this._subTitle) || void 0 === _32 || _32.setAttribute("y", subTitleYStart), 
+            null === (_33 = this._subTitle) || void 0 === _33 || _33.setAttribute("textBaseline", "top")) : "middle" === subTitleVerticalAlign ? (null === (_34 = this._subTitle) || void 0 === _34 || _34.setAttribute("y", subTitleYStart + subTitleHeight / 2), 
+            null === (_35 = this._subTitle) || void 0 === _35 || _35.setAttribute("textBaseline", "middle")) : "bottom" === subTitleVerticalAlign && (null === (_36 = this._subTitle) || void 0 === _36 || _36.setAttribute("y", subTitleYStart + subTitleHeight), 
+            null === (_37 = this._subTitle) || void 0 === _37 || _37.setAttribute("textBaseline", "bottom"));
+        }
+    }
+}
+
+Title.defaultAttributes = {
+    textStyle: {
+        ellipsis: "...",
+        fillColor: "#333",
+        fontSize: 20,
+        fontWeight: "bold",
+        textAlign: "left",
+        textBaseline: "top"
+    },
+    subtextStyle: {
+        ellipsis: "...",
+        fillColor: "#6F6F6F",
+        fontSize: 16,
+        fontWeight: "normal",
+        textAlign: "left",
+        textBaseline: "top"
+    }
+};
+//# sourceMappingURL=title.js.map

package/es/title/title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["/**\n * @description 标题组件\n */\nimport { IGroup, IText, IRichText } from '@visactor/vrender';\nimport { merge, isValid, normalizePadding } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { TitleAttrs } from './type';\n\nexport class Title extends AbstractComponent<Required<TitleAttrs>> {\n  name = 'title';\n\n  private _mainTitle?: IText | IRichText;\n  private _subTitle?: IText | IRichText;\n\n  static defaultAttributes: Partial<TitleAttrs> = {\n    textStyle: {\n      ellipsis: '...',\n      fillColor: '#333',\n      fontSize: 20,\n      fontWeight: 'bold',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    subtextStyle: {\n      ellipsis: '...',\n      fillColor: '#6F6F6F',\n      fontSize: 16,\n      fontWeight: 'normal',\n      textAlign: 'left',\n      textBaseline: 'top'\n    }\n  };\n\n  constructor(attributes: TitleAttrs) {\n    super(merge({}, Title.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      text,\n      textStyle,\n      subtext,\n      subtextStyle,\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      align,\n      verticalAlign,\n      padding = 0\n    } = this.attribute as TitleAttrs;\n\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild(\n      'title-container',\n      { x: parsedPadding[3], y: parsedPadding[0], zIndex: 1 },\n      'group'\n    ) as IGroup;\n\n    if (this.attribute?.visible !== false && textStyle?.visible !== false) {\n      if (textStyle && isValid(textStyle?.character)) {\n        const attr = {\n          x: textStyle.x ?? 0,\n          y: textStyle.y ?? 0,\n          width: textStyle.width ?? width ?? 0,\n          height: textStyle.height ?? height ?? 0,\n          ellipsis: textStyle.ellipsis ?? true,\n          wordBreak: textStyle.wordBreak ?? 'break-word',\n          maxHeight: textStyle.maxHeight,\n          maxWidth: textStyle.maxWidth,\n          textConfig: textStyle.character\n        };\n        this._mainTitle = group.createOrUpdateChild('mainTitle', attr, 'richtext') as IRichText;\n      } else if (isValid(text)) {\n        this._mainTitle = group.createOrUpdateChild(\n          'mainTitle',\n          {\n            text: [text as string],\n            ...textStyle,\n            maxLineWidth: textStyle?.maxLineWidth ?? width,\n            heightLimit: textStyle?.heightLimit,\n            lineClamp: textStyle?.lineClamp,\n            ellipsis: textStyle?.ellipsis ?? true,\n            x: 0,\n            y: 0\n          },\n          'wrapText'\n        ) as IText;\n      }\n    }\n\n    const maintextHeight = this._mainTitle ? this._mainTitle?.AABBBounds.height() : 0;\n    const maintextWidth = this._mainTitle ? this._mainTitle?.AABBBounds.width() : 0;\n\n    if (this.attribute?.visible !== false && subtextStyle?.visible !== false) {\n      if (subtextStyle && isValid(subtextStyle?.character)) {\n        const attr = {\n          x: subtextStyle.x ?? 0,\n          y: subtextStyle.y ?? maintextHeight,\n          width: subtextStyle.width ?? width ?? 0,\n          height: subtextStyle.height ?? height ?? 0,\n          ellipsis: subtextStyle.ellipsis ?? true,\n          wordBreak: subtextStyle.wordBreak ?? 'break-word',\n          maxHeight: subtextStyle.maxHeight,\n          maxWidth: subtextStyle.maxWidth,\n          textConfig: subtextStyle.character\n        };\n        this._subTitle = group.createOrUpdateChild('subTitle', attr, 'richtext') as IRichText;\n      } else if (isValid(subtext)) {\n        this._subTitle = group.createOrUpdateChild(\n          'subTitle',\n          {\n            text: [subtext as string],\n            ...subtextStyle,\n            maxLineWidth: subtextStyle?.maxLineWidth ?? width,\n            heightLimit: subtextStyle?.heightLimit,\n            lineClamp: subtextStyle?.lineClamp,\n            ellipsis: subtextStyle?.ellipsis ?? true,\n            x: 0,\n            y: maintextHeight\n          },\n          'wrapText'\n        ) as IText;\n      }\n    }\n\n    const subtextHeight = this._subTitle ? this._subTitle?.AABBBounds.height() : 0;\n    const subtextWidth = this._subTitle ? this._subTitle?.AABBBounds.width() : 0;\n\n    // 设置宽高\n    let titleWidth = Math.max(maintextWidth, subtextWidth);\n    let titleHeight = maintextHeight + (subtextStyle?.height ?? subtextHeight);\n\n    if (isValid(width)) {\n      titleWidth = width;\n      this._mainTitle?.setAttribute('maxLineWidth', width);\n      this._subTitle?.setAttribute('maxLineWidth', width);\n    }\n\n    if (isValid(height)) {\n      titleHeight = height;\n    }\n\n    if (isValid(minWidth) && titleWidth < minWidth) {\n      titleWidth = minWidth;\n    }\n    if (isValid(maxWidth)) {\n      this._mainTitle?.setAttribute('maxLineWidth', maxWidth);\n      this._subTitle?.setAttribute('maxLineWidth', maxWidth);\n      this._mainTitle?.setAttribute('maxWidth', maxWidth);\n      this._subTitle?.setAttribute('maxWidth', maxWidth);\n      if (titleWidth > maxWidth) {\n        titleWidth = maxWidth;\n      }\n    }\n\n    if (isValid(minHeight) && titleHeight < minHeight) {\n      titleHeight = minHeight;\n    }\n    if (isValid(maxHeight)) {\n      this._mainTitle?.setAttribute('maxHeight', maxHeight);\n      this._subTitle?.setAttribute('maxHeight', maxHeight - maintextHeight);\n      if (titleHeight > maxHeight) {\n        titleHeight = maxHeight;\n      }\n    }\n\n    group.attribute.width = titleWidth + parsedPadding[1] + parsedPadding[3];\n    group.attribute.height = titleHeight + parsedPadding[0] + parsedPadding[2];\n\n    // 设置对齐\n    if (isValid(align) || isValid(textStyle?.align)) {\n      const mainTitleAlign = textStyle?.align ? textStyle?.align : align;\n      const mainTitleWidth = textStyle?.width ?? maintextWidth;\n      if (mainTitleAlign === 'left') {\n        this._mainTitle?.setAttribute('x', 0);\n        this._mainTitle?.setAttribute('textAlign', 'left');\n      } else if (mainTitleAlign === 'center') {\n        this._mainTitle?.setAttribute('x', mainTitleWidth / 2);\n        this._mainTitle?.setAttribute('textAlign', 'center');\n      } else if (mainTitleAlign === 'right') {\n        this._mainTitle?.setAttribute('x', mainTitleWidth);\n        this._mainTitle?.setAttribute('textAlign', 'right');\n      }\n    }\n\n    if (isValid(verticalAlign) || isValid(textStyle?.verticalAlign)) {\n      const mainTitleVerticalAlign = textStyle?.verticalAlign ? textStyle?.verticalAlign : verticalAlign;\n      const mainTitleHeight = textStyle?.height ? textStyle?.height : titleWidth;\n      if (mainTitleVerticalAlign === 'top') {\n        this._mainTitle?.setAttribute('y', 0);\n        this._mainTitle?.setAttribute('textBaseline', 'top');\n      } else if (mainTitleVerticalAlign === 'middle') {\n        this._mainTitle?.setAttribute('y', mainTitleHeight / 2);\n        this._mainTitle?.setAttribute('textBaseline', 'middle');\n      } else if (mainTitleVerticalAlign === 'bottom') {\n        this._mainTitle?.setAttribute('y', mainTitleHeight);\n        this._mainTitle?.setAttribute('textBaseline', 'bottom');\n      }\n    }\n\n    if (isValid(align) || isValid(subtextStyle?.align)) {\n      const subTitleAlign = subtextStyle?.align ? subtextStyle?.align : align;\n      const subTitleWidth = subtextStyle?.width ?? subtextWidth;\n      if (subTitleAlign === 'left') {\n        this._subTitle?.setAttribute('x', 0);\n        this._subTitle?.setAttribute('textAlign', 'left');\n      } else if (subTitleAlign === 'center') {\n        this._subTitle?.setAttribute('x', subTitleWidth / 2);\n        this._subTitle?.setAttribute('textAlign', 'center');\n      } else if (subTitleAlign === 'right') {\n        this._subTitle?.setAttribute('x', subTitleWidth);\n        this._subTitle?.setAttribute('textAlign', 'right');\n      }\n    }\n\n    if (isValid(verticalAlign) || isValid(textStyle?.verticalAlign)) {\n      const subTitleVerticalAlign = subtextStyle?.verticalAlign ? subtextStyle?.verticalAlign : verticalAlign;\n      const subTitleYStart = maintextHeight;\n      const subTitleHeight = subtextStyle?.height ?? 0;\n      if (subTitleVerticalAlign === 'top') {\n        this._subTitle?.setAttribute('y', subTitleYStart);\n        this._subTitle?.setAttribute('textBaseline', 'top');\n      } else if (subTitleVerticalAlign === 'middle') {\n        this._subTitle?.setAttribute('y', subTitleYStart + subTitleHeight / 2);\n        this._subTitle?.setAttribute('textBaseline', 'middle');\n      } else if (subTitleVerticalAlign === 'bottom') {\n        this._subTitle?.setAttribute('y', subTitleYStart + subTitleHeight);\n        this._subTitle?.setAttribute('textBaseline', 'bottom');\n      }\n    }\n  }\n}\n"]}

package/es/title/type.d.ts

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

package/es/title/type.js

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

package/es/title/type.js.map

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

package/es/tooltip/config.d.ts

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

package/es/tooltip/config.js

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

package/es/tooltip/config.js.map

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

package/es/tooltip/index.d.ts

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

package/es/tooltip/index.js

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

package/es/tooltip/index.js.map

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