@visactor/vchart 1.3.1-test.2 → 1.3.1-test.3

package/cjs/component/player/utils/transform.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.transformDiscreteSpecToAttrs = exports.transformContinuousSpecToAttrs = void 0;
+
+const style_1 = require("../../../util/style"), rectToAttribute = markSpec => {
+    const result = Object.assign({}, markSpec);
+    return (0, style_1.transformToGraphic)(result);
+}, symbolToAttribute = markSpec => {
+    const result = Object.assign({}, markSpec);
+    return (0, style_1.transformToGraphic)(result);
+}, baseToAttribute = spec => Object.assign(Object.assign({}, spec), {
+    style: Object.assign({}, (0, style_1.transformToGraphic)(spec.style))
+}), transformToAttrs = spec => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    const trackStyle = rectToAttribute(null !== (_b = null === (_a = null == spec ? void 0 : spec.slider) || void 0 === _a ? void 0 : _a.trackStyle) && void 0 !== _b ? _b : {}), railStyle = rectToAttribute(null !== (_d = null === (_c = null == spec ? void 0 : spec.slider) || void 0 === _c ? void 0 : _c.railStyle) && void 0 !== _d ? _d : {}), handlerStyle = symbolToAttribute(null !== (_f = null === (_e = null == spec ? void 0 : spec.slider) || void 0 === _e ? void 0 : _e.handlerStyle) && void 0 !== _f ? _f : {}), start = baseToAttribute(null !== (_h = null === (_g = null == spec ? void 0 : spec.controller) || void 0 === _g ? void 0 : _g.start) && void 0 !== _h ? _h : {}), pause = baseToAttribute(null !== (_k = null === (_j = null == spec ? void 0 : spec.controller) || void 0 === _j ? void 0 : _j.pause) && void 0 !== _k ? _k : {}), backward = baseToAttribute(null !== (_m = null === (_l = null == spec ? void 0 : spec.controller) || void 0 === _l ? void 0 : _l.backward) && void 0 !== _m ? _m : {}), forward = baseToAttribute(null !== (_p = null === (_o = null == spec ? void 0 : spec.controller) || void 0 === _o ? void 0 : _o.forward) && void 0 !== _p ? _p : {});
+    return Object.assign(Object.assign({}, spec), {
+        direction: spec.direction,
+        interval: spec.interval,
+        visible: spec.visible,
+        orient: spec.orient,
+        slider: Object.assign(Object.assign({}, spec.slider), {
+            trackStyle: trackStyle,
+            railStyle: railStyle,
+            handlerStyle: handlerStyle
+        }),
+        controller: Object.assign(Object.assign({}, spec.controller), {
+            start: start,
+            pause: pause,
+            backward: backward,
+            forward: forward
+        })
+    });
+}, transformContinuousSpecToAttrs = (spec, data) => Object.assign(Object.assign({}, transformToAttrs(spec)), {
+    data: data,
+    type: "continuous"
+});
+
+exports.transformContinuousSpecToAttrs = transformContinuousSpecToAttrs;
+
+const transformDiscreteSpecToAttrs = (spec, data) => Object.assign(Object.assign({}, transformToAttrs(spec)), {
+    data: data,
+    type: "discrete"
+});
+
+exports.transformDiscreteSpecToAttrs = transformDiscreteSpecToAttrs;
+//# sourceMappingURL=transform.js.map

package/cjs/component/player/utils/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/player/utils/transform.ts"],"names":[],"mappings":";;;AAIA,+CAAyD;AAMzD,MAAM,eAAe,GAAG,CAAC,QAAuB,EAAyB,EAAE;IACzE,MAAM,MAAM,qBACN,QAA6C,CAClD,CAAC;IAEF,OAAO,IAAA,0BAAkB,EAAC,MAAM,CAA0B,CAAC;AAC7D,CAAC,CAAC;AAKF,MAAM,iBAAiB,GAAG,CAAC,QAAyB,EAA2B,EAAE;IAC/E,MAAM,MAAM,qBACN,QAA+C,CACpD,CAAC;IAEF,OAAO,IAAA,0BAAkB,EAAC,MAAM,CAA4B,CAAC;AAC/D,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAI,IAA8B,EAAE,EAAE;IAC5D,MAAM,MAAM,mCACP,IAAI,KACP,KAAK,oBACA,IAAA,0BAAkB,EAAC,IAAI,CAAC,KAAK,CAAC,IAEpC,CAAC;IACF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE;;IAEzC,MAAM,UAAU,GAAG,eAAe,CAAC,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,UAAU,mCAAI,EAAE,CAAC,CAAC;IACnE,MAAM,SAAS,GAAG,eAAe,CAAC,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,SAAS,mCAAI,EAAE,CAAC,CAAC;IACjE,MAAM,YAAY,GAAG,iBAAiB,CAAC,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,YAAY,mCAAI,EAAE,CAAC,CAAC;IAGzE,MAAM,KAAK,GAAG,eAAe,CAAkB,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,0CAAE,KAAK,mCAAI,EAAE,CAAC,CAAC;IAC9E,MAAM,KAAK,GAAG,eAAe,CAAkB,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,0CAAE,KAAK,mCAAI,EAAE,CAAC,CAAC;IAC9E,MAAM,QAAQ,GAAG,eAAe,CAAkB,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,0CAAE,QAAQ,mCAAI,EAAE,CAAC,CAAC;IACpF,MAAM,OAAO,GAAG,eAAe,CAAkB,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,0CAAE,OAAO,mCAAI,EAAE,CAAC,CAAC;IAElF,uCACK,IAAI,KACP,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,kCACD,IAAI,CAAC,MAAM,KACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,KAE5B,UAAU,kCACL,IAAI,CAAC,UAAU,KAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,OAElB;AACJ,CAAC,CAAC;AAKK,MAAM,8BAA8B,GAAG,CAAC,IAAa,EAAE,IAAa,EAA8B,EAAE,CAAC,iCACtG,gBAAgB,CAAC,IAAI,CAAS,KAClC,IAAI,EACJ,IAAI,EAAE,YAAY,IAClB,CAAC;AAJU,QAAA,8BAA8B,kCAIxC;AAEI,MAAM,4BAA4B,GAAG,CAAC,IAAa,EAAE,IAAa,EAA4B,EAAE,CAAC,iCAClG,gBAAgB,CAAC,IAAI,CAAS,KAClC,IAAI,EACJ,IAAI,EAAE,UAAU,IAChB,CAAC;AAJU,QAAA,4BAA4B,gCAItC","file":"transform.js","sourcesContent":["import type { ContinuousPlayerAttributes, DiscretePlayerAttributes, Datum } from '@visactor/vrender-components';\nimport type { IPlayer } from '../interface';\nimport type { IRectGraphicAttribute, ISymbolGraphicAttribute } from '@visactor/vrender';\nimport type { IRectMarkSpec, ISymbolMarkSpec } from '../../../typings';\nimport { transformToGraphic } from '../../../util/style';\nimport type { BaseGraphicAttributes } from '@visactor/vrender-components/es/core/type';\n\n/**\n * IRectMarkSpec => IRectGraphicAttribute\n */\nconst rectToAttribute = (markSpec: IRectMarkSpec): IRectGraphicAttribute => {\n  const result: IRectGraphicAttribute = {\n    ...(markSpec as unknown as IRectGraphicAttribute)\n  };\n\n  return transformToGraphic(result) as IRectGraphicAttribute;\n};\n\n/**\n * ISymbolMarkSpec => ISymbolGraphicAttribute\n */\nconst symbolToAttribute = (markSpec: ISymbolMarkSpec): ISymbolGraphicAttribute => {\n  const result: ISymbolGraphicAttribute = {\n    ...(markSpec as unknown as ISymbolGraphicAttribute)\n  };\n\n  return transformToGraphic(result) as ISymbolGraphicAttribute;\n};\n\nconst baseToAttribute = <T>(spec: BaseGraphicAttributes<T>) => {\n  const result: BaseGraphicAttributes<T> = {\n    ...spec,\n    style: {\n      ...transformToGraphic(spec.style)\n    }\n  };\n  return result;\n};\n\nconst transformToAttrs = (spec: IPlayer) => {\n  // slider\n  const trackStyle = rectToAttribute(spec?.slider?.trackStyle ?? {});\n  const railStyle = rectToAttribute(spec?.slider?.railStyle ?? {});\n  const handlerStyle = symbolToAttribute(spec?.slider?.handlerStyle ?? {});\n\n  // controllers\n  const start = baseToAttribute<ISymbolMarkSpec>(spec?.controller?.start ?? {});\n  const pause = baseToAttribute<ISymbolMarkSpec>(spec?.controller?.pause ?? {});\n  const backward = baseToAttribute<ISymbolMarkSpec>(spec?.controller?.backward ?? {});\n  const forward = baseToAttribute<ISymbolMarkSpec>(spec?.controller?.forward ?? {});\n\n  return {\n    ...spec,\n    direction: spec.direction,\n    interval: spec.interval,\n    visible: spec.visible,\n    orient: spec.orient,\n    slider: {\n      ...spec.slider,\n      trackStyle: trackStyle,\n      railStyle: railStyle,\n      handlerStyle: handlerStyle\n    },\n    controller: {\n      ...spec.controller,\n      start: start,\n      pause: pause,\n      backward: backward,\n      forward: forward\n    }\n  };\n};\n\n/**\n * 连续型播放器spec转换为Attrs\n */\nexport const transformContinuousSpecToAttrs = (spec: IPlayer, data: Datum[]): ContinuousPlayerAttributes => ({\n  ...(transformToAttrs(spec) as any),\n  data,\n  type: 'continuous'\n});\n\nexport const transformDiscreteSpecToAttrs = (spec: IPlayer, data: Datum[]): DiscretePlayerAttributes => ({\n  ...(transformToAttrs(spec) as any),\n  data,\n  type: 'discrete'\n});\n"]}

package/cjs/component/poptip/interface.d.ts

@@ -0,0 +1,15 @@
+import type { PopTipAttributes } from '@visactor/vrender-components';
+import type { IColorKey } from '../../theme/color-scheme/interface';
+export interface IPoptipTheme extends Omit<PopTipAttributes, 'titleStyle' | 'contentStyle' | 'panel'> {
+    titleStyle?: Partial<Omit<PopTipAttributes['titleStyle'], 'fill'>> & {
+        fill?: PopTipAttributes['titleStyle']['fill'] | IColorKey;
+    };
+    contentStyle?: Partial<Omit<PopTipAttributes['contentStyle'], 'fill'>> & {
+        fill?: PopTipAttributes['contentStyle']['fill'] | IColorKey;
+    };
+    panel?: Partial<Omit<PopTipAttributes['panel'], 'fill' | 'stroke' | 'shadowColor'>> & {
+        fill?: PopTipAttributes['panel']['fill'] | IColorKey;
+        stroke?: PopTipAttributes['panel']['stroke'] | IColorKey;
+        shadowColor?: PopTipAttributes['panel']['shadowColor'] | IColorKey;
+    };
+}

package/cjs/component/poptip/interface.js

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

package/cjs/component/poptip/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/poptip/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { PopTipAttributes } from '@visactor/vrender-components';\nimport type { IColorKey } from '../../theme/color-scheme/interface';\n\nexport interface IPoptipTheme extends Omit<PopTipAttributes, 'titleStyle' | 'contentStyle' | 'panel'> {\n  titleStyle?: Partial<Omit<PopTipAttributes['titleStyle'], 'fill'>> & {\n    fill?: PopTipAttributes['titleStyle']['fill'] | IColorKey;\n  };\n  contentStyle?: Partial<Omit<PopTipAttributes['contentStyle'], 'fill'>> & {\n    fill?: PopTipAttributes['contentStyle']['fill'] | IColorKey;\n  };\n  panel?: Partial<Omit<PopTipAttributes['panel'], 'fill' | 'stroke' | 'shadowColor'>> & {\n    fill?: PopTipAttributes['panel']['fill'] | IColorKey;\n    stroke?: PopTipAttributes['panel']['stroke'] | IColorKey;\n    shadowColor?: PopTipAttributes['panel']['shadowColor'] | IColorKey;\n  };\n}\n"]}

package/cjs/component/title/index.d.ts

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

package/cjs/component/title/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./title"), exports), __exportStar(require("./interface"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/component/title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/title/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,8CAA4B","file":"index.js","sourcesContent":["export * from './title';\nexport * from './interface';\n"]}

package/cjs/component/title/interface/index.d.ts

@@ -0,0 +1,2 @@
+export * from './spec';
+export * from './theme';

package/cjs/component/title/interface/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./spec"), exports), __exportStar(require("./theme"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/component/title/interface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/title/interface/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,0CAAwB","file":"index.js","sourcesContent":["export * from './spec';\nexport * from './theme';\n"]}

package/cjs/component/title/interface/spec.d.ts

@@ -0,0 +1,45 @@
+import type { IComponent } from '../../interface';
+import type { ITextGraphicAttribute, IRichTextCharacter, RichTextWordBreak } from '@visactor/vrender';
+import type { IOrientType, IPadding, StringOrNumber } from '../../../typings';
+import type { IComponentSpec } from '../../base/interface';
+export interface ITitleSpec extends Omit<IComponentSpec, 'orient'> {
+    visible?: boolean;
+    orient?: IOrientType;
+    text: Text | Text[];
+    subtext?: Text | Text[];
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    innerPadding?: IPadding | number | number[];
+    align?: string;
+    verticalAlign?: string;
+    textStyle?: {
+        width?: number;
+        height?: number;
+        align?: string;
+        verticalAlign?: string;
+        wordBreak?: RichTextWordBreak;
+        maxLineWidth?: number;
+        heightLimit?: number;
+        lineClamp?: number;
+        character?: IRichTextCharacter[];
+    } & Partial<ITextGraphicAttribute>;
+    subtextStyle?: {
+        width?: number;
+        height?: number;
+        align?: string;
+        verticalAlign?: string;
+        wordBreak?: RichTextWordBreak;
+        maxLineWidth?: number;
+        heightLimit?: number;
+        lineClamp?: number;
+        character?: IRichTextCharacter[];
+    } & Partial<ITextGraphicAttribute>;
+}
+export type Text = StringOrNumber;
+export type ITitle = IComponent;

package/cjs/component/title/interface/spec.js

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

package/cjs/component/title/interface/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/title/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { IComponent } from '../../interface';\nimport type { ITextGraphicAttribute, IRichTextCharacter, RichTextWordBreak } from '@visactor/vrender';\nimport type { IOrientType, IPadding, StringOrNumber } from '../../../typings';\nimport type { IComponentSpec } from '../../base/interface';\n\nexport interface ITitleSpec extends Omit<IComponentSpec, 'orient'> {\n  /**\n   * 是否显示标题\n   */\n  visible?: boolean;\n  /**\n   * Title位置\n   * @default 'top'\n   */\n  orient?: IOrientType;\n  /**\n   * 主标题内容\n   */\n  text: Text | Text[];\n  /**\n   * 副标题内容\n   */\n  subtext?: Text | Text[];\n  /**\n   * 标题左上角x坐标像素值\n   */\n  x?: number;\n  /**\n   * 标题左上角y坐标像素值\n   */\n  y?: 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  innerPadding?: IPadding | number | number[];\n  /**\n   * 文字水平对齐方式\n   * 'left' | 'center' | 'right'\n   */\n  align?: string;\n  /**\n   * 文字垂直对齐方式\n   * 'top' | 'middle' | 'bottom'\n   */\n  verticalAlign?: string;\n  /**\n   * 主标题样式\n   */\n  textStyle?: {\n    width?: number;\n    height?: 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     * 文字水平对齐方式\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\nexport type Text = StringOrNumber;\n\nexport type ITitle = IComponent;\n"]}

package/cjs/component/title/interface/theme.d.ts

@@ -0,0 +1,19 @@
+import type { ILayoutItemSpec } from '../../../model/interface';
+import type { IColorKey } from '../../../theme/color-scheme/interface';
+import type { StringOrNumber } from '../../../typings';
+import type { TextAlign, TextBaseLine } from '../../../typings/visual';
+export interface ITitleTextTheme {
+    width?: number;
+    height?: number;
+    fontFamily?: string;
+    fontSize?: number;
+    fill?: string | IColorKey;
+    fontWeight?: StringOrNumber;
+    textAlign?: TextAlign;
+    textBaseline?: TextBaseLine;
+    lineHeight?: number;
+}
+export interface ITitleTheme extends ILayoutItemSpec {
+    textStyle?: ITitleTextTheme;
+    subtextStyle?: ITitleTextTheme;
+}

package/cjs/component/title/interface/theme.js

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

package/cjs/component/title/interface/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/title/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { ILayoutItemSpec } from '../../../model/interface';\nimport type { IColorKey } from '../../../theme/color-scheme/interface';\nimport type { StringOrNumber } from '../../../typings';\nimport type { TextAlign, TextBaseLine } from '../../../typings/visual';\nexport interface ITitleTextTheme {\n  /** 主（副）标题宽度 */\n  width?: number;\n  /** 主（副）标题高度 */\n  height?: number;\n  /** 字体 */\n  fontFamily?: string;\n  /** 字体大小 */\n  fontSize?: number;\n  /** 字体颜色 */\n  fill?: string | IColorKey;\n  /** 字重 */\n  fontWeight?: StringOrNumber;\n  /** 对齐方式 */\n  textAlign?: TextAlign;\n  /** 字体基线 */\n  textBaseline?: TextBaseLine;\n  /** 行高 */\n  lineHeight?: number;\n}\n\nexport interface ITitleTheme extends ILayoutItemSpec {\n  /** 主标题样式 */\n  textStyle?: ITitleTextTheme;\n  /** 副标题样式 */\n  subtextStyle?: ITitleTextTheme;\n}\n"]}

package/cjs/component/title/title.d.ts

@@ -0,0 +1,47 @@
+import { BaseComponent } from '../base';
+import { ComponentTypeEnum } from '../interface';
+import type { IComponentOption } from '../interface';
+import type { ITitle, ITitleSpec, ITitleTheme } from './interface';
+import type { IRegion } from '../../region/interface';
+import type { ILayoutRect } from '../../model/interface';
+import type { IPoint, IOrientType } from '../../typings';
+import type { LayoutItem } from '../../model/layout-item';
+export declare class Title extends BaseComponent<ITitleSpec> implements ITitle {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    layoutType: LayoutItem['layoutType'];
+    layoutZIndex: LayoutItem['layoutZIndex'];
+    layoutLevel: number;
+    protected _theme: ITitleTheme;
+    protected _orient: IOrientType;
+    private _titleComponent;
+    private _cacheAttrs;
+    get orient(): IOrientType;
+    get layoutOrient(): IOrientType;
+    set layoutOrient(v: IOrientType);
+    constructor(spec: ITitleSpec, options: IComponentOption);
+    static createComponent(spec: any, options: IComponentOption): Title | Title[];
+    onRender(ctx: any): void;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reMakeData: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    changeRegions(regions: IRegion[]): void;
+    update(ctx: IComponentOption): void;
+    resize(ctx: IComponentOption): void;
+    setLayoutStartPosition(pos: Partial<IPoint>): void;
+    boundsInRect(rect: ILayoutRect): {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    };
+    private _getTitleLayoutRect;
+    private _getTitleAttrs;
+    private _createOrUpdateTitleComponent;
+    clear(): void;
+}

package/cjs/component/title/title.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Title = void 0;
+
+const base_1 = require("../base"), interface_1 = require("../interface"), util_1 = require("../../util"), vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils"), constant_1 = require("../../constant");
+
+class Title extends base_1.BaseComponent {
+    get orient() {
+        return this._orient;
+    }
+    get layoutOrient() {
+        return this._layoutOrient;
+    }
+    set layoutOrient(v) {
+        this._orient = v, this._layoutOrient = v;
+    }
+    constructor(spec, options) {
+        super(spec, Object.assign({}, options)), this.type = interface_1.ComponentTypeEnum.title, 
+        this.layoutType = "normal", this.layoutZIndex = constant_1.LayoutZIndex.Title, this.layoutLevel = constant_1.LayoutLevel.Title, 
+        this._orient = "top", this._orient = (0, util_1.isValidOrient)(spec.orient) ? spec.orient : "top", 
+        this._layoutOrient = this._orient;
+    }
+    static createComponent(spec, options) {
+        const titleSpec = spec.title;
+        if (!titleSpec || !1 === titleSpec.visible) return null;
+        if (!(0, util_1.isArray)(titleSpec)) return new Title(titleSpec, Object.assign(Object.assign({}, options), {
+            specKey: "title"
+        }));
+        const titles = [];
+        return titleSpec.forEach(((s, i) => {
+            !1 !== s.visible && titles.push(new Title(s, Object.assign(Object.assign({}, options), {
+                specIndex: i,
+                specKey: "title"
+            })));
+        })), titles;
+    }
+    onRender(ctx) {}
+    updateSpec(spec) {
+        const originalSpec = this._originalSpec, result = super.updateSpec(spec);
+        return originalSpec.orient !== spec.orient && (result.reMake = !0), result.change = !0, 
+        result.reRender = !0, result;
+    }
+    changeRegions(regions) {}
+    update(ctx) {}
+    resize(ctx) {}
+    setLayoutStartPosition(pos) {
+        const {x: x, y: y} = pos;
+        (0, util_1.isValidNumber)(x) && this._titleComponent && this._titleComponent.setAttribute("x", x), 
+        (0, util_1.isValidNumber)(y) && this._titleComponent && this._titleComponent.setAttribute("y", y), 
+        super.setLayoutStartPosition({
+            x: x,
+            y: y
+        });
+    }
+    boundsInRect(rect) {
+        let result = {};
+        this.setLayoutRect(rect);
+        const attrs = this._getTitleAttrs();
+        this._createOrUpdateTitleComponent(attrs), result = this._getTitleLayoutRect();
+        const {x: x, y: y} = this.getLayoutStartPoint();
+        return {
+            x1: x,
+            y1: y,
+            x2: x + result.width,
+            y2: y + result.height
+        };
+    }
+    _getTitleLayoutRect() {
+        const titleBounds = this._titleComponent.AABBBounds;
+        return {
+            width: this._spec.width ? this._spec.width : (0, util_1.isValidNumber)(titleBounds.width()) ? titleBounds.width() : 0,
+            height: this._spec.height ? this._spec.height : (0, util_1.isValidNumber)(titleBounds.height()) ? titleBounds.height() : 0
+        };
+    }
+    _getTitleAttrs() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const realWidth = Math.max(0, null !== (_a = this._spec.width) && void 0 !== _a ? _a : this.getLayoutRect().width);
+        return {
+            text: null !== (_b = this._spec.text) && void 0 !== _b ? _b : "",
+            subtext: null !== (_c = this._spec.subtext) && void 0 !== _c ? _c : "",
+            x: null !== (_d = this._spec.x) && void 0 !== _d ? _d : 0,
+            y: null !== (_e = this._spec.y) && void 0 !== _e ? _e : 0,
+            width: realWidth,
+            height: this._spec.height,
+            minWidth: this._spec.minWidth,
+            maxWidth: this._spec.maxWidth,
+            minHeight: this._spec.minHeight,
+            maxHeight: this._spec.maxHeight,
+            padding: this._spec.innerPadding,
+            align: null !== (_f = this._spec.align) && void 0 !== _f ? _f : "left",
+            verticalAlign: null !== (_g = this._spec.verticalAlign) && void 0 !== _g ? _g : "top",
+            textStyle: Object.assign({
+                width: realWidth
+            }, this._spec.textStyle),
+            subtextStyle: Object.assign({
+                width: realWidth
+            }, this._spec.subtextStyle)
+        };
+    }
+    _createOrUpdateTitleComponent(attrs) {
+        if (this._titleComponent) (0, vutils_1.isEqual)(attrs, this._cacheAttrs) || this._titleComponent.setAttributes(attrs); else {
+            const container = this.getContainer(), title = new vrender_components_1.Title(attrs);
+            title.name = "title", container.add(title), this._titleComponent = title, title.on("*", ((event, type) => this._delegateEvent(title, event, type)));
+        }
+        return this._cacheAttrs = attrs, this._titleComponent;
+    }
+    clear() {
+        this._titleComponent && (this._container.removeChild(this._titleComponent), this._titleComponent = null), 
+        this._cacheAttrs = null, super.clear();
+    }
+}
+
+exports.Title = Title, Title.type = interface_1.ComponentTypeEnum.title;
+//# sourceMappingURL=title.js.map

package/cjs/component/title/title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["import { BaseComponent } from '../base';\nimport { ComponentTypeEnum } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IComponentOption } from '../interface';\nimport { isArray, isValidNumber, isValidOrient } from '../../util';\nimport type { ITitle, ITitleSpec, ITitleTheme } from './interface';\nimport type { IRegion } from '../../region/interface';\nimport type { ILayoutRect } from '../../model/interface';\nimport { Title as TitleComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { TitleAttrs } from '@visactor/vrender-components';\nimport type { IGraphic, IGroup, INode } from '@visactor/vrender';\nimport type { IPoint, IOrientType } from '../../typings';\nimport { isEqual } from '@visactor/vutils';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { LayoutLevel, LayoutZIndex } from '../../constant';\n\nexport class Title extends BaseComponent<ITitleSpec> implements ITitle {\n  static type = ComponentTypeEnum.title;\n  type = ComponentTypeEnum.title;\n\n  layoutType: LayoutItem['layoutType'] = 'normal';\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.Title;\n  layoutLevel: number = LayoutLevel.Title;\n\n  protected declare _theme: ITitleTheme;\n\n  protected _orient: IOrientType = 'top';\n\n  private _titleComponent: TitleComponents;\n  private _cacheAttrs: TitleAttrs;\n\n  get orient() {\n    return this._orient;\n  }\n\n  get layoutOrient() {\n    return this._layoutOrient;\n  }\n\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n    this._layoutOrient = v;\n  }\n\n  constructor(spec: ITitleSpec, options: IComponentOption) {\n    super(spec, {\n      ...options\n    });\n    this._orient = isValidOrient(spec.orient) ? spec.orient : 'top';\n    this._layoutOrient = this._orient;\n  }\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const titleSpec = spec.title;\n    if (!titleSpec || titleSpec.visible === false) {\n      return null;\n    }\n    if (!isArray(titleSpec)) {\n      return new Title(titleSpec, { ...options, specKey: 'title' });\n    }\n    const titles: Title[] = [];\n    titleSpec.forEach((s: any, i: number) => {\n      if (s.visible !== false) {\n        titles.push(new Title(s, { ...options, specIndex: i, specKey: 'title' }));\n      }\n    });\n    return titles;\n  }\n\n  onRender(ctx: any): void {\n    // do nothing\n  }\n\n  /**\n   * updateSpec\n   */\n  updateSpec(spec: any) {\n    const originalSpec = this._originalSpec;\n    const result = super.updateSpec(spec);\n    if (originalSpec.orient !== spec.orient) {\n      result.reMake = true;\n    }\n\n    result.change = true;\n    result.reRender = true;\n    return result;\n  }\n\n  // region\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  update(ctx: IComponentOption) {\n    // TODO\n  }\n\n  resize(ctx: IComponentOption) {\n    // TODO\n  }\n\n  setLayoutStartPosition(pos: Partial<IPoint>): void {\n    const { x, y } = pos;\n    if (isValidNumber(x)) {\n      this._titleComponent && this._titleComponent.setAttribute('x', x);\n    }\n    if (isValidNumber(y)) {\n      this._titleComponent && this._titleComponent.setAttribute('y', y);\n    }\n    super.setLayoutStartPosition({ x, y });\n  }\n\n  boundsInRect(rect: ILayoutRect) {\n    let result: Partial<ILayoutRect> = {};\n    this.setLayoutRect(rect);\n\n    const attrs = this._getTitleAttrs();\n    this._createOrUpdateTitleComponent(attrs);\n\n    result = this._getTitleLayoutRect();\n    const { x, y } = this.getLayoutStartPoint();\n    return {\n      x1: x,\n      y1: y,\n      x2: x + result.width,\n      y2: y + result.height\n    };\n  }\n\n  private _getTitleLayoutRect() {\n    const titleBounds = this._titleComponent.AABBBounds;\n    const width = this._spec.width ? this._spec.width : isValidNumber(titleBounds.width()) ? titleBounds.width() : 0;\n    const height = this._spec.height\n      ? this._spec.height\n      : isValidNumber(titleBounds.height())\n      ? titleBounds.height()\n      : 0;\n    return {\n      width,\n      height\n    };\n  }\n\n  private _getTitleAttrs() {\n    // 当 width 小于 0 时，设置为 0，负数场景容易引起不可预知的问题\n    const realWidth = Math.max(0, this._spec.width ?? this.getLayoutRect().width);\n    return {\n      text: this._spec.text ?? '',\n      subtext: this._spec.subtext ?? '',\n      x: this._spec.x ?? 0,\n      y: this._spec.y ?? 0,\n      width: realWidth,\n      height: this._spec.height,\n      minWidth: this._spec.minWidth,\n      maxWidth: this._spec.maxWidth,\n      minHeight: this._spec.minHeight,\n      maxHeight: this._spec.maxHeight,\n      padding: this._spec.innerPadding,\n      align: this._spec.align ?? 'left',\n      verticalAlign: this._spec.verticalAlign ?? 'top',\n      textStyle: {\n        width: realWidth,\n        ...this._spec.textStyle\n      },\n      subtextStyle: {\n        width: realWidth,\n        ...this._spec.subtextStyle\n      }\n    } as TitleAttrs;\n  }\n\n  private _createOrUpdateTitleComponent(attrs: TitleAttrs): TitleComponents {\n    if (this._titleComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._titleComponent.setAttributes(attrs);\n      }\n    } else {\n      const container = this.getContainer();\n      const title = new TitleComponents(attrs);\n      title.name = 'title';\n      container.add(title as unknown as INode);\n      this._titleComponent = title;\n      // 代理 title 组件上的事件\n      title.on('*', (event: any, type: string) => this._delegateEvent(title as unknown as IGraphic, event, type));\n    }\n    this._cacheAttrs = attrs;\n    return this._titleComponent;\n  }\n\n  clear(): void {\n    if (this._titleComponent) {\n      this._container.removeChild(this._titleComponent as unknown as IGroup);\n      this._titleComponent = null;\n    }\n    this._cacheAttrs = null;\n    super.clear();\n  }\n}\n"]}

package/cjs/component/title/utils.d.ts

@@ -0,0 +1,2 @@
+import type { IPadding } from '../../typings';
+export declare function transformPadding(padding: number | IPadding): number | number[];

package/cjs/component/title/utils.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.transformPadding = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+function transformPadding(padding) {
+    if ((0, vutils_1.isNumber)(padding)) return padding;
+    return [ padding.top ? padding.top : 0, padding.right ? padding.right : 0, padding.bottom ? padding.bottom : 0, padding.left ? padding.left : 0 ];
+}
+
+exports.transformPadding = transformPadding;
+//# sourceMappingURL=utils.js.map

package/cjs/component/title/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/title/utils.ts"],"names":[],"mappings":";;;AACA,6CAAqD;AAErD,SAAgB,gBAAgB,CAAC,OAA0B;IACzD,IAAI,IAAA,iBAAQ,EAAC,OAAO,CAAC,EAAE;QACrB,OAAO,OAAO,CAAC;KAChB;IAED,MAAM,MAAM,GAAa;QACvB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KAChC,CAAC;IACF,OAAO,MAAM,CAAC;AAChB,CAAC;AAZD,4CAYC","file":"utils.js","sourcesContent":["import type { IPadding } from '../../typings';\nimport { isNumber, isValid } from '@visactor/vutils';\n\nexport function transformPadding(padding: number | IPadding) {\n  if (isNumber(padding)) {\n    return padding;\n  }\n\n  const result: number[] = [\n    padding.top ? padding.top : 0,\n    padding.right ? padding.right : 0,\n    padding.bottom ? padding.bottom : 0,\n    padding.left ? padding.left : 0\n  ];\n  return result;\n}\n"]}

package/cjs/component/tooltip/handler/base.d.ts

@@ -0,0 +1,52 @@
+import type { Options } from './constants';
+import type { Maybe } from '../../../typings';
+import type { TooltipData, IToolTipActual, TooltipActiveType, ITooltipHandler, ITooltipPattern, ITooltipPositionActual, TooltipPosition } from '../../../typings/tooltip';
+import type { Tooltip } from '../tooltip';
+import type { ITooltipSpec, TooltipHandlerParams } from '../interface';
+import { TooltipResult } from '../interface';
+import type { ITooltipStyle } from './interface';
+import type { IGroup } from '@visactor/vrender';
+import type { Compiler } from '../../../compile/compiler';
+import type { IContainerSize, TooltipAttributes } from '@visactor/vrender-components';
+import type { IChartOption } from '../../../chart/interface';
+type ChangeTooltipFunc = (visible: boolean, params: TooltipHandlerParams, changePositionOnly?: boolean, activeType?: TooltipActiveType, data?: TooltipData) => TooltipResult;
+type ChangeTooltipPositionFunc = (changePositionOnly: boolean, actualTooltip: IToolTipActual, spec: ITooltipSpec, activeType: TooltipActiveType, data: TooltipData, params: TooltipHandlerParams) => TooltipResult;
+export declare abstract class BaseTooltipHandler implements ITooltipHandler {
+    readonly type: string;
+    protected _visible: boolean;
+    protected _option: Options;
+    protected _chartOption: IChartOption;
+    protected _id: string;
+    get id(): string;
+    protected _env: "desktop-browser" | "mobile-browser" | "node" | "worker" | "miniApp" | "desktop-miniApp" | "lynx";
+    get env(): "desktop-browser" | "mobile-browser" | "node" | "worker" | "miniApp" | "desktop-miniApp" | "lynx";
+    protected _component: Tooltip;
+    protected _chartContainer: Maybe<HTMLElement>;
+    protected _compiler: Compiler;
+    private _cacheViewSpec;
+    private _cacheActualTooltip;
+    protected _attributeCache?: TooltipAttributes | null;
+    protected _style: ITooltipStyle;
+    protected _container: Maybe<IGroup | HTMLElement>;
+    constructor(tooltipId: string, component: Tooltip);
+    showTooltip: (activeType: TooltipActiveType, data: TooltipData, params: TooltipHandlerParams) => TooltipResult;
+    protected changeTooltip: ChangeTooltipFunc;
+    protected _changeTooltip: ChangeTooltipFunc;
+    protected changeTooltipPosition: ChangeTooltipPositionFunc;
+    protected _changeTooltipPosition: ChangeTooltipPositionFunc;
+    hideTooltip(params: TooltipHandlerParams): TooltipResult;
+    release(): void;
+    protected abstract _updateTooltip(visible: boolean, params: TooltipHandlerParams, domData?: IToolTipActual): void;
+    protected abstract _removeTooltip(): void;
+    protected _throttle(callback: any): (...args: unknown[]) => unknown;
+    protected _getDefaultOption(): Options;
+    protected _getActualTooltipContent: (pattern: ITooltipPattern, data: TooltipData, params: TooltipHandlerParams) => IToolTipActual;
+    protected _getActualTooltipPosition: (actualTooltip: IToolTipActual, position: TooltipPosition | undefined, params: TooltipHandlerParams, tooltipParentElement: HTMLElement, changePositionOnly: boolean) => ITooltipPositionActual;
+    protected _getTooltipBoxSize(actualTooltip: IToolTipActual, changePositionOnly: boolean): IContainerSize | undefined;
+    protected _getStyle(): ITooltipStyle;
+    protected _getParentElement(spec: ITooltipSpec): HTMLElement;
+    getTooltipContainer(): HTMLElement | IGroup;
+    protected _initFromSpec(): void;
+    reInit(): void;
+}
+export {};