@visactor/vchart 0.0.1-alpha.0

package/cjs/component/label/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("./interface"), exports), __exportStar(require("./label"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,21 @@
+import type { BaseLabelAttrs } from '@visactor/vrender-components';
+import type { ConvertToMarkStyleSpec, ITextMarkSpec } from '../../typings';
+export interface ILabelSpec {
+    visible?: boolean;
+    interactive?: boolean;
+    formatMethod?: (text: string | string[], datum?: any) => string | string[];
+    offset?: number;
+    position?: string;
+    style?: ConvertToMarkStyleSpec<ITextMarkSpec>;
+    state?: LabelStateStyle<Partial<ITextMarkSpec>>;
+    overlap?: BaseLabelAttrs['overlap'];
+    smartInvert?: BaseLabelAttrs['smartInvert'];
+    animation?: BaseLabelAttrs['animation'];
+}
+interface LabelStateStyle<T> {
+    hover?: T;
+    hover_reverse?: T;
+    selected?: T;
+    selected_reverse?: T;
+}
+export {};

package/cjs/component/label/interface.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/label/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { BaseLabelAttrs } from '@visactor/vrender-components';\nimport type { ConvertToMarkStyleSpec, ITextMarkSpec } from '../../typings';\n\nexport interface ILabelSpec {\n  /** 默认不显示标签 */\n  visible?: boolean;\n  /** 是否支持交互。@default false */\n  interactive?: boolean;\n  /** 格式化函数 */\n  formatMethod?: (text: string | string[], datum?: any) => string | string[];\n  /** 标签与其对应数据图元的间距 */\n  offset?: number;\n  /** 标签位置 */\n  position?: string;\n  /** 标签样式配置 */\n  style?: ConvertToMarkStyleSpec<ITextMarkSpec>;\n  /** 交互样式配置 */\n  state?: LabelStateStyle<Partial<ITextMarkSpec>>;\n  /** 标签防重叠配置 */\n  overlap?: BaseLabelAttrs['overlap'];\n  /** 标签智能反色配置 */\n  smartInvert?: BaseLabelAttrs['smartInvert'];\n  /** 动画配置 */\n  animation?: BaseLabelAttrs['animation'];\n}\n\ninterface LabelStateStyle<T> {\n  hover?: T;\n  hover_reverse?: T;\n  selected?: T;\n  selected_reverse?: T;\n}\n"]}

package/cjs/component/label/label.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Label = void 0;
+
+const base_1 = require("../base"), interface_1 = require("../interface"), constant_1 = require("../../constant"), interface_2 = require("../../mark/interface"), util_1 = require("../../util"), util_2 = require("./util");
+
+class Label extends base_1.BaseComponent {
+    constructor(spec, options) {
+        super(spec, options), this.type = interface_1.ComponentTypeEnum.label, this.name = interface_1.ComponentTypeEnum.label, 
+        this.layoutType = "absolute", this.layoutZIndex = constant_1.LayoutZIndex.Label, 
+        this._regions = options.getRegionsInIndex([ options.specIndex ]), this.layoutBindRegionID = this._regions.map((x => x.id)), 
+        this._layoutRule = spec.labelLayout || "series";
+    }
+    static createComponent(spec, options) {
+        const regions = options.getAllRegions(), labelComponents = [];
+        for (let i = 0; i < regions.length; i++) {
+            regions[i].getSeries().map((s => s.getMarksWithoutRoot())).flat().some((mark => {
+                var _a;
+                return !0 === (null === (_a = mark.getLabelSpec()) || void 0 === _a ? void 0 : _a.visible);
+            })) && labelComponents.push(new Label(spec, Object.assign(Object.assign({}, options), {
+                specIndex: i
+            })));
+        }
+        return labelComponents;
+    }
+    init(option) {
+        super.init(option), this.initEvent(), this._initTextMark(), this._initLabelComponent();
+    }
+    initEvent() {
+        this.event.on(constant_1.ChartEvent.dataZoomChange, (() => {
+            this._labelComponentMap.forEach(((info, component) => {
+                const graphicItem = component.getProduct().getGroupGraphicItem();
+                graphicItem && graphicItem.disableAnimation();
+            })), this.event.on(constant_1.VGRAMMAR_HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);
+        }));
+        const enableAnimation = () => {
+            this._labelComponentMap.forEach(((info, component) => {
+                const graphicItem = component.getProduct().getGroupGraphicItem();
+                graphicItem && graphicItem.enableAnimation();
+            })), this.event.off(constant_1.VGRAMMAR_HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);
+        };
+    }
+    _initTextMark() {
+        this._labelInfo || (this._labelInfo = new Map), this._labelComponentMap || (this._labelComponentMap = new Map), 
+        (0, util_1.eachSeries)(this._regions, (s => {
+            var _a, _b;
+            const marks = s.getMarks(), region = s.getRegion();
+            this._labelInfo.get(region) || this._labelInfo.set(region, []);
+            for (let i = 0; i < marks.length; i++) {
+                const mark = marks[i];
+                if (null === (_a = mark.getLabelSpec()) || void 0 === _a ? void 0 : _a.visible) {
+                    const info = this._labelInfo.get(region), labelMark = this._createMark(interface_2.MarkTypeEnum.text, `${mark.name}-label`);
+                    this.initMarkStyleWithSpec(labelMark, mark.getLabelSpec()), null === (_b = s.initLabelMarkStyle) || void 0 === _b || _b.call(s, labelMark);
+                    const labelInfo = {
+                        labelMark: labelMark,
+                        baseMark: mark,
+                        series: s
+                    };
+                    info.push(labelInfo);
+                }
+            }
+        }));
+    }
+    _initLabelComponent() {
+        this._labelInfo.forEach(((regionLabelInfo, region) => {
+            if ("region" === this._layoutRule) {
+                const component = this._createMark(interface_2.MarkTypeEnum.component, `${region.getGroupMark().name}-label-component`, {
+                    componentType: "label"
+                });
+                component && (this._marks.addMark(component), this._labelComponentMap.set(component, {
+                    region: region,
+                    labelInfo: regionLabelInfo
+                }));
+            } else regionLabelInfo.forEach((labelInfo => {
+                const component = this._createMark(interface_2.MarkTypeEnum.component, `${labelInfo.labelMark.name}-component`, {
+                    componentType: "label"
+                });
+                component && (this._marks.addMark(component), this._labelComponentMap.set(component, {
+                    region: region,
+                    labelInfo: [ labelInfo ]
+                }));
+            }));
+        }));
+    }
+    _interactiveConfig(labelSpec) {
+        const {interactive: interactive} = labelSpec;
+        if (!0 !== interactive) return {
+            hover: !1,
+            select: !1
+        };
+        const result = {
+            hover: !1,
+            select: !1,
+            state: labelSpec.state
+        }, {hover: hover, select: select} = this._option.getChart().getSpec();
+        return !1 === hover && !1 === hover.enable || (result.hover = !0), !1 === select && !1 === select.enable || (result.select = !0), 
+        result;
+    }
+    setLayoutStartPosition() {}
+    updateLayoutAttribute() {
+        super.updateLayoutAttribute(), this._labelComponentMap.forEach((({region: region, labelInfo: labelInfo}, labelComponent) => {
+            const baseMarks = labelInfo.map((info => info.baseMark));
+            labelComponent.getProduct().target(baseMarks.map((mark => mark.getProduct()))).configure({
+                interactive: !1
+            }).labelStyle((mark => {
+                var _a, _b;
+                const markId = mark.context.markId, baseMark = this._option.getChart().getMarkById(markId);
+                if (baseMark) {
+                    const configFunc = null !== (_a = util_2.markLabelConfigFunc[baseMark.type]) && void 0 !== _a ? _a : util_2.markLabelConfigFunc.symbol, labelSpec = null !== (_b = baseMark.getLabelSpec()) && void 0 !== _b ? _b : {}, interactive = this._interactiveConfig(labelSpec);
+                    return (0, util_1.merge)({}, configFunc(labelInfo[baseMarks.findIndex((mark => mark === baseMark))]), Object.assign({
+                        smartInvert: labelSpec.smartInvert,
+                        offset: labelSpec.offset,
+                        animation: labelSpec.animation
+                    }, interactive));
+                }
+            })).encode(((datum, element) => {
+                const markId = element.mark.context.markId, baseMark = this._option.getChart().getMarkById(markId);
+                return (0, util_2.textAttribute)(labelInfo[baseMarks.findIndex((mark => mark === baseMark))], datum);
+            })).size((() => region.getLayoutRect()));
+        }));
+    }
+    compileMarks() {
+        this.getMarks().forEach((m => {
+            var _a;
+            const group = this._labelComponentMap.get(m).region.getGroupMark().getProduct();
+            m.compile({
+                group: group
+            }), null === (_a = m.getProduct()) || void 0 === _a || _a.configure({
+                context: {
+                    model: this
+                }
+            });
+        }));
+    }
+    onRender(ctx) {}
+    changeRegions(regions) {}
+    clear() {
+        super.clear(), this._labelComponentMap.forEach(((context, mark) => {
+            mark.getProduct() && mark.getProduct().release();
+        }));
+    }
+    reInit() {
+        super.reInit(), this._initTheme();
+    }
+}
+
+exports.Label = Label, Label.type = interface_1.ComponentTypeEnum.label;
+//# sourceMappingURL=label.js.map

package/cjs/component/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/label/label.ts"],"names":[],"mappings":"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","file":"label.js","sourcesContent":["import { BaseComponent } from '../base';\nimport type { IComponentOption } from '../interface';\nimport { ComponentTypeEnum } from '../interface';\nimport type { IRegion } from '../../region/interface';\nimport type { IModelInitOption, IModelRenderOption } from '../../model/interface';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { ChartEvent, LayoutZIndex, VGRAMMAR_HOOK_EVENT } from '../../constant';\nimport { MarkTypeEnum, type IMark } from '../../mark/interface';\nimport type { ITextMark } from '../../mark/text';\nimport { eachSeries, merge } from '../../util';\nimport type { ISeries } from '../../series/interface';\nimport type { IGroupMark, IView } from '@visactor/vgrammar';\nimport { markLabelConfigFunc, textAttribute } from './util';\nimport type { IComponentMark } from '../../mark/component';\nimport type { ILabelSpec } from './interface';\nimport type { IHoverSpec, ISelectSpec } from '../../interaction/interface';\n\nexport interface ILabelInfo {\n  baseMark: IMark;\n  labelMark: ITextMark;\n  series: ISeries;\n}\n\nexport interface ILabelComponentContext {\n  region: IRegion;\n  labelInfo: ILabelInfo[];\n}\n\nexport class Label extends BaseComponent {\n  static type = ComponentTypeEnum.label;\n  type = ComponentTypeEnum.label;\n  name: string = ComponentTypeEnum.label;\n\n  layoutType: LayoutItem['layoutType'] = 'absolute';\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.Label;\n\n  protected _labelInfo: Map<IRegion, ILabelInfo[]>;\n\n  protected _labelComponentMap: Map<IComponentMark, ILabelComponentContext>;\n\n  protected _layoutRule: 'series' | 'region';\n\n  constructor(spec: any, options: IComponentOption) {\n    super(spec, options);\n    this._regions = options.getRegionsInIndex([options.specIndex]);\n    this.layoutBindRegionID = this._regions.map(x => x.id);\n    this._layoutRule = spec.labelLayout || 'series';\n  }\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const regions = options.getAllRegions();\n    const labelComponents = [];\n    for (let i = 0; i < regions.length; i++) {\n      const marks = regions[i]\n        .getSeries()\n        .map(s => s.getMarksWithoutRoot())\n        .flat();\n      const labelVisible = marks.some(mark => mark.getLabelSpec()?.visible === true);\n      if (labelVisible) {\n        labelComponents.push(new Label(spec, { ...options, specIndex: i }));\n        continue;\n      }\n    }\n    return labelComponents;\n  }\n\n  init(option: IModelInitOption): void {\n    super.init(option);\n    this.initEvent();\n\n    this._initTextMark();\n    this._initLabelComponent();\n  }\n\n  initEvent() {\n    this.event.on(ChartEvent.dataZoomChange, () => {\n      this._labelComponentMap.forEach((info, component) => {\n        const graphicItem = component.getProduct().getGroupGraphicItem();\n        if (graphicItem) {\n          graphicItem.disableAnimation();\n        }\n      });\n      this.event.on(VGRAMMAR_HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);\n    });\n    const enableAnimation = () => {\n      this._labelComponentMap.forEach((info, component) => {\n        const graphicItem = component.getProduct().getGroupGraphicItem();\n        if (graphicItem) {\n          graphicItem.enableAnimation();\n        }\n      });\n      this.event.off(VGRAMMAR_HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);\n    };\n  }\n\n  protected _initTextMark() {\n    if (!this._labelInfo) {\n      this._labelInfo = new Map();\n    }\n\n    if (!this._labelComponentMap) {\n      this._labelComponentMap = new Map();\n    }\n    eachSeries(this._regions, (s: ISeries) => {\n      const marks = s.getMarks();\n      const region = s.getRegion();\n\n      if (!this._labelInfo.get(region)) {\n        this._labelInfo.set(region, []);\n      }\n      for (let i = 0; i < marks.length; i++) {\n        const mark = marks[i];\n        if (mark.getLabelSpec()?.visible) {\n          const info = this._labelInfo.get(region);\n          const labelMark = this._createMark(MarkTypeEnum.text, `${mark.name}-label`);\n          this.initMarkStyleWithSpec(labelMark, mark.getLabelSpec());\n          s.initLabelMarkStyle?.(labelMark);\n          const labelInfo = { labelMark, baseMark: mark, series: s };\n          info.push(labelInfo);\n        }\n      }\n    });\n  }\n\n  protected _initLabelComponent() {\n    this._labelInfo.forEach((regionLabelInfo, region) => {\n      if (this._layoutRule === 'region') {\n        const component = this._createMark(MarkTypeEnum.component, `${region.getGroupMark().name}-label-component`, {\n          componentType: 'label'\n        });\n        if (component) {\n          this._marks.addMark(component);\n          this._labelComponentMap.set(component, { region, labelInfo: regionLabelInfo });\n        }\n      } else {\n        regionLabelInfo.forEach(labelInfo => {\n          const component = this._createMark(MarkTypeEnum.component, `${labelInfo.labelMark.name}-component`, {\n            componentType: 'label'\n          });\n          if (component) {\n            this._marks.addMark(component);\n            this._labelComponentMap.set(component, { region, labelInfo: [labelInfo] });\n          }\n        });\n      }\n    });\n  }\n  protected _interactiveConfig(labelSpec: ILabelSpec) {\n    const { interactive } = labelSpec;\n    if (interactive !== true) {\n      return { hover: false, select: false };\n    }\n    const result = { hover: false, select: false, state: labelSpec.state };\n\n    const { hover, select } = this._option.getChart().getSpec();\n    if (hover !== false || (hover as unknown as IHoverSpec).enable !== false) {\n      result.hover = true;\n    }\n    if (select !== false || (select as unknown as ISelectSpec).enable !== false) {\n      result.select = true;\n    }\n    return result;\n  }\n\n  setLayoutStartPosition() {\n    // do nothing\n  }\n\n  updateLayoutAttribute(): void {\n    super.updateLayoutAttribute();\n    this._labelComponentMap.forEach(({ region, labelInfo }, labelComponent) => {\n      const baseMarks = labelInfo.map(info => info.baseMark);\n      const component = labelComponent.getProduct() as ReturnType<IView['label']>;\n      component\n        .target(baseMarks.map(mark => mark.getProduct()))\n        .configure({ interactive: false })\n        .labelStyle(mark => {\n          const markId = mark.context.markId;\n          const baseMark = this._option.getChart().getMarkById(markId);\n          if (baseMark) {\n            const configFunc = markLabelConfigFunc[baseMark.type] ?? markLabelConfigFunc.symbol;\n            const labelSpec = baseMark.getLabelSpec() ?? {};\n            const interactive = this._interactiveConfig(labelSpec);\n            return merge({}, configFunc(labelInfo[baseMarks.findIndex(mark => mark === baseMark)]), {\n              smartInvert: labelSpec.smartInvert,\n              offset: labelSpec.offset,\n              animation: labelSpec.animation,\n              ...interactive\n            });\n          }\n        })\n        .encode((datum, element) => {\n          const markId = element.mark.context.markId;\n          const baseMark = this._option.getChart().getMarkById(markId);\n          return textAttribute(labelInfo[baseMarks.findIndex(mark => mark === baseMark)], datum);\n        })\n        .size(() => region.getLayoutRect());\n    });\n  }\n\n  compileMarks() {\n    this.getMarks().forEach(m => {\n      const group = this._labelComponentMap.get(m).region.getGroupMark().getProduct() as IGroupMark;\n      m.compile({ group });\n      m.getProduct()?.configure({\n        context: {\n          model: this\n        }\n      });\n    });\n  }\n\n  onRender(ctx: IModelRenderOption): void {\n    // do nothing\n  }\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  clear(): void {\n    super.clear();\n\n    this._labelComponentMap.forEach((context, mark) => {\n      if (mark.getProduct()) {\n        mark.getProduct().release();\n      }\n    });\n  }\n\n  reInit(): void {\n    super.reInit();\n    this._initTheme();\n  }\n}\n"]}

package/cjs/component/label/symbol.d.ts

@@ -0,0 +1,5 @@
+import type { ILabelInfo } from './label';
+export declare function symbolLabel(labelInfo: ILabelInfo): {
+    position: string;
+    overlap: any;
+};

package/cjs/component/label/symbol.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.symbolLabel = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+function symbolLabel(labelInfo) {
+    var _a, _b, _c, _d;
+    const {series: series, baseMark: baseMark} = labelInfo, labelSpec = null !== (_a = baseMark.getLabelSpec()) && void 0 !== _a ? _a : {}, defaultPosition = "horizontal" === series.direction ? "right" : "top", position = null !== (_b = labelSpec.position) && void 0 !== _b ? _b : defaultPosition;
+    let overlap;
+    return overlap = !1 !== labelSpec.overlap && (0, vutils_1.merge)({}, {
+        strategy: null !== (_d = null === (_c = labelSpec.overlap) || void 0 === _c ? void 0 : _c.strategy) && void 0 !== _d ? _d : symbolLabelOverlapStrategy(series)
+    }), {
+        position: position,
+        overlap: overlap
+    };
+}
+
+function symbolLabelOverlapStrategy(series) {
+    return [ {
+        type: "position",
+        position: [ "top", "bottom", "right", "left", "top-right", "top-left", "bottom-left", "bottom-right" ]
+    } ];
+}
+
+exports.symbolLabel = symbolLabel;
+//# sourceMappingURL=symbol.js.map

package/cjs/component/label/symbol.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/label/symbol.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAKzC,SAAgB,WAAW,CAAC,SAAqB;;IAC/C,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,SAAS,GAAG,MAAA,QAAQ,CAAC,YAAY,EAAE,mCAAI,EAAE,CAAC;IAGhD,MAAM,eAAe,GAAI,MAA2B,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;IAClG,MAAM,QAAQ,GAAG,MAAA,SAAS,CAAC,QAAQ,mCAAI,eAAe,CAAC;IAGvD,IAAI,OAAO,CAAC;IACZ,IAAI,SAAS,CAAC,OAAO,KAAK,KAAK,EAAE;QAC/B,OAAO,GAAG,KAAK,CAAC;KACjB;SAAM;QACL,OAAO,GAAG,IAAA,cAAK,EACb,EAAE,EACF;YACE,QAAQ,EAAE,MAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,mCAAI,0BAA0B,CAAC,MAA0B,CAAC;SAChG,CACF,CAAC;KACH;IAED,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;AAC/B,CAAC;AAtBD,kCAsBC;AAED,SAAS,0BAA0B,CAAC,MAAwB;IAC1D,MAAM,QAAQ,GAAe;QAC3B;YACE,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,CAAC;SACrG;KACF,CAAC;IAEF,OAAO,QAAQ,CAAC;AAClB,CAAC","file":"symbol.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport type { ILabelInfo } from './label';\nimport type { Strategy } from '@visactor/vrender-components';\nimport type { ICartesianSeries } from '../../series/interface';\n\nexport function symbolLabel(labelInfo: ILabelInfo) {\n  const { series, baseMark } = labelInfo;\n  const labelSpec = baseMark.getLabelSpec() ?? {};\n\n  // encode position config\n  const defaultPosition = (series as ICartesianSeries).direction === 'horizontal' ? 'right' : 'top';\n  const position = labelSpec.position ?? defaultPosition;\n\n  // encode overlap config\n  let overlap;\n  if (labelSpec.overlap === false) {\n    overlap = false;\n  } else {\n    overlap = merge(\n      {},\n      {\n        strategy: labelSpec.overlap?.strategy ?? symbolLabelOverlapStrategy(series as ICartesianSeries)\n      }\n    );\n  }\n\n  return { position, overlap };\n}\n\nfunction symbolLabelOverlapStrategy(series: ICartesianSeries) {\n  const strategy: Strategy[] = [\n    {\n      type: 'position',\n      position: ['top', 'bottom', 'right', 'left', 'top-right', 'top-left', 'bottom-left', 'bottom-right']\n    }\n  ];\n\n  return strategy;\n}\n"]}

package/cjs/component/label/util.d.ts

@@ -0,0 +1,9 @@
+import type { Datum } from '../../typings';
+import type { ILabelInfo } from './label';
+import { barLabel } from './bar';
+import { symbolLabel } from './symbol';
+export declare const markLabelConfigFunc: {
+    rect: typeof barLabel;
+    symbol: typeof symbolLabel;
+};
+export declare function textAttribute(labelInfo: ILabelInfo, datum: Datum): any;

package/cjs/component/label/util.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.textAttribute = exports.markLabelConfigFunc = void 0;
+
+const bar_1 = require("./bar"), symbol_1 = require("./symbol");
+
+function textAttribute(labelInfo, datum) {
+    var _a;
+    const {labelMark: labelMark, series: series, baseMark: baseMark} = labelInfo, formatMethod = null === (_a = baseMark.getLabelSpec()) || void 0 === _a ? void 0 : _a.formatMethod, textAttribute = {
+        text: datum[series.getMeasureField()[0]],
+        data: datum
+    }, attributes = Object.keys(labelMark.stateStyle.normal);
+    for (const key of attributes) {
+        const attr = labelMark.getAttribute(key, datum);
+        key in TextAttributeMap ? textAttribute[TextAttributeMap[key]] = attr : textAttribute[key] = attr, 
+        "text" === key && formatMethod && (textAttribute[key] = formatMethod(textAttribute[key], datum));
+    }
+    return textAttribute;
+}
+
+exports.markLabelConfigFunc = {
+    rect: bar_1.barLabel,
+    symbol: symbol_1.symbolLabel
+}, exports.textAttribute = textAttribute;
+
+const TextAttributeMap = {
+    fill: "fillColor",
+    stroke: "strokeColor"
+};
+//# sourceMappingURL=util.js.map

package/cjs/component/label/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/label/util.ts"],"names":[],"mappings":";;;AAEA,+BAAiC;AACjC,qCAAuC;AAE1B,QAAA,mBAAmB,GAAG;IACjC,IAAI,EAAE,cAAQ;IACd,MAAM,EAAE,oBAAW;CACpB,CAAC;AAEF,SAAgB,aAAa,CAAC,SAAqB,EAAE,KAAY;;IAC/D,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAClD,MAAM,YAAY,GAAG,MAAA,QAAQ,CAAC,YAAY,EAAE,0CAAE,YAAY,CAAC;IAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,aAAa,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAAS,CAAC;IAEjE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC5D,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE;QAC5B,MAAM,IAAI,GAAG,SAAS,CAAC,YAAY,CAAC,GAAU,EAAE,KAAK,CAAC,CAAC;QACvD,IAAI,GAAG,IAAI,gBAAgB,EAAE;YAC3B,aAAa,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;SAC7C;aAAM;YACL,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;SAC3B;QACD,IAAI,GAAG,KAAK,MAAM,IAAI,YAAY,EAAE;YAClC,aAAa,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;SAC9D;KACF;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAnBD,sCAmBC;AAED,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;CACtB,CAAC","file":"util.js","sourcesContent":["import type { Datum } from '../../typings';\nimport type { ILabelInfo } from './label';\nimport { barLabel } from './bar';\nimport { symbolLabel } from './symbol';\n\nexport const markLabelConfigFunc = {\n  rect: barLabel,\n  symbol: symbolLabel\n};\n\nexport function textAttribute(labelInfo: ILabelInfo, datum: Datum) {\n  const { labelMark, series, baseMark } = labelInfo;\n  const formatMethod = baseMark.getLabelSpec()?.formatMethod;\n  const field = series.getMeasureField()[0];\n  const textAttribute = { text: datum[field], data: datum } as any;\n\n  const attributes = Object.keys(labelMark.stateStyle.normal);\n  for (const key of attributes) {\n    const attr = labelMark.getAttribute(key as any, datum);\n    if (key in TextAttributeMap) {\n      textAttribute[TextAttributeMap[key]] = attr;\n    } else {\n      textAttribute[key] = attr;\n    }\n    if (key === 'text' && formatMethod) {\n      textAttribute[key] = formatMethod(textAttribute[key], datum);\n    }\n  }\n  return textAttribute;\n}\n\nconst TextAttributeMap = {\n  fill: 'fillColor',\n  stroke: 'strokeColor'\n};\n"]}

package/cjs/component/legend/base-legend.d.ts

@@ -0,0 +1,60 @@
+import type { DataView } from '@visactor/vdataset';
+import type { IRegion } from '../../region/interface';
+import { BaseComponent } from '../base';
+import type { IEffect, ILayoutRect } from '../../model/interface';
+import type { LayoutItem } from '../../model/layout-item';
+import type { IOrientType, IPoint, StringOrNumber } from '../../typings';
+import { CompilableData } from '../../compile/data';
+import type { ILegend } from './interface';
+import type { IGroup } from '@visactor/vrender';
+export declare abstract class BaseLegend extends BaseComponent implements ILegend {
+    layoutType: LayoutItem['layoutType'];
+    layoutZIndex: LayoutItem['layoutZIndex'];
+    layoutLevel: number;
+    protected _orient: IOrientType;
+    get orient(): IOrientType;
+    protected _visible: boolean;
+    get visible(): boolean;
+    protected _position: 'start' | 'middle' | 'end';
+    get position(): "middle" | "start" | "end";
+    get layoutOrient(): IOrientType;
+    set layoutOrient(v: IOrientType);
+    protected _legendData: CompilableData;
+    getLegendData(): any;
+    protected _selectedData: StringOrNumber[];
+    getSelectedData(): StringOrNumber[];
+    protected _legendComponent: IGroup;
+    private _cacheAttrs;
+    effect: IEffect;
+    protected _seriesUserId?: StringOrNumber[];
+    protected _seriesIndex?: number[];
+    protected _regionUserId?: StringOrNumber[];
+    protected _regionUserIndex?: number[];
+    protected _initTheme(theme?: any): void;
+    setAttrFromSpec(): void;
+    created(): void;
+    onRender(ctx: any): void;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    changeRegions(regions: IRegion[]): void;
+    protected abstract _initLegendData(): DataView;
+    protected abstract _initSelectedData(): void;
+    protected abstract _getLegendAttributes(rect: ILayoutRect): any;
+    protected abstract _getLegendConstructor(): any;
+    protected abstract _initEvent(): void;
+    protected initData(): void;
+    setSelectedData(selectedData: StringOrNumber[]): void;
+    setLayoutStartPosition(pos: Partial<IPoint>): void;
+    boundsInRect(rect: ILayoutRect, fullSpace: ILayoutRect): {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    };
+    clear(): void;
+}

package/cjs/component/legend/base-legend.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseLegend = void 0;
+
+const vutils_1 = require("@visactor/vutils"), base_1 = require("../base"), constant_1 = require("../../constant"), util_1 = require("../../util"), data_1 = require("../../compile/data");
+
+class BaseLegend extends base_1.BaseComponent {
+    constructor() {
+        super(...arguments), this.layoutType = "normal", this.layoutZIndex = constant_1.LayoutZIndex.Legend, 
+        this.layoutLevel = constant_1.LayoutLevel.Legend, this._orient = "left", this._visible = !0, 
+        this._position = "middle", this._selectedData = [], this.effect = {
+            onSelectedDataChange: () => {
+                (0, util_1.eachSeries)(this._regions, (s => {
+                    var _a;
+                    null === (_a = s.getViewDataFilter()) || void 0 === _a || _a.markRunning();
+                }), {
+                    userId: this._seriesUserId,
+                    specIndex: this._seriesIndex
+                }), (0, util_1.eachSeries)(this._regions, (s => {
+                    s.reFilterViewData();
+                }), {
+                    userId: this._seriesUserId,
+                    specIndex: this._seriesIndex
+                });
+            }
+        };
+    }
+    get orient() {
+        return this._orient;
+    }
+    get visible() {
+        return this._visible;
+    }
+    get position() {
+        return this._position;
+    }
+    get layoutOrient() {
+        return this._orient;
+    }
+    set layoutOrient(v) {
+        this._orient = v;
+    }
+    getLegendData() {
+        return this._legendData.getLatestData();
+    }
+    getSelectedData() {
+        return this._selectedData;
+    }
+    _initTheme(theme) {
+        super._initTheme(theme), this._spec = (0, util_1.merge)({}, this._theme, this._originalSpec);
+    }
+    setAttrFromSpec() {
+        var _a;
+        super.setAttrFromSpec(), this._orient = (0, util_1.isValidOrient)(this._spec.orient) ? this._spec.orient : "left", 
+        this._position = null !== (_a = this._spec.position) && void 0 !== _a ? _a : "middle";
+        const {regionId: regionId, regionIndex: regionIndex, seriesId: seriesId, seriesIndex: seriesIndex} = this._spec;
+        (0, util_1.isValid)(seriesId) && (this._seriesUserId = (0, util_1.array)(seriesId)), 
+        (0, util_1.isValid)(regionId) && (this._regionUserId = (0, util_1.array)(regionId)), 
+        (0, util_1.isValid)(seriesIndex) && (this._seriesIndex = (0, util_1.array)(seriesIndex)), 
+        (0, util_1.isValid)(regionIndex) && (this._regionUserIndex = (0, util_1.array)(regionIndex)), 
+        this._regions = this._option.getRegionsInUserIdOrIndex(this._regionUserId, this._regionUserIndex);
+    }
+    created() {
+        super.created(), this.initData();
+    }
+    onRender(ctx) {}
+    updateSpec(spec) {
+        const originalSpec = this._originalSpec, result = super.updateSpec(spec);
+        return result.reRender = !0, spec.orient, originalSpec.orient, result.reMake = !0, 
+        result;
+    }
+    changeRegions(regions) {}
+    initData() {
+        const legendData = this._initLegendData();
+        legendData.target.addListener("change", this._initSelectedData.bind(this)), this._legendData = new data_1.CompilableData(this._option, legendData), 
+        this._initSelectedData(), (0, util_1.eachSeries)(this._regions, (s => {
+            s.event.on(constant_1.ChartEvent.rawDataStatisticsUpdate, {
+                filter: ({model: model}) => (null == model ? void 0 : model.id) === s.id
+            }, (() => {
+                this._legendData.getDataView().reRunAllTransform();
+            }));
+        }), {
+            userId: this._seriesUserId,
+            specIndex: this._seriesIndex
+        });
+    }
+    setSelectedData(selectedData) {
+        var _a, _b, _c;
+        const lastData = this._selectedData;
+        (0, vutils_1.isNil)(selectedData) || JSON.stringify(lastData) === JSON.stringify(selectedData) || (this._selectedData = [ ...selectedData ], 
+        null === (_b = (_a = this.effect).onSelectedDataChange) || void 0 === _b || _b.call(_a), 
+        this.event.emit(constant_1.ChartEvent.legendSelectedDataChange, {
+            model: this
+        }), null === (_c = this._legendComponent) || void 0 === _c || _c.setSelected(this._selectedData));
+    }
+    setLayoutStartPosition(pos) {
+        if (super.setLayoutStartPosition(pos), this._legendComponent) {
+            const {x: x, y: y} = pos;
+            (0, util_1.isValidNumber)(x * y) && this._legendComponent.setAttributes({
+                x: x,
+                y: y
+            });
+        }
+    }
+    boundsInRect(rect, fullSpace) {
+        const result = {
+            x1: this.getLayoutStartPoint().x,
+            y1: this.getLayoutStartPoint().y,
+            x2: 0,
+            y2: 0
+        }, attrs = this._getLegendAttributes(rect);
+        if (this._legendComponent) (0, vutils_1.isEqual)(attrs, this._cacheAttrs) || this._legendComponent.setAttributes((0, 
+        util_1.merge)({}, attrs, {
+            defaultSelected: this._selectedData
+        })); else {
+            const legend = new (this._getLegendConstructor())((0, util_1.merge)({}, attrs, {
+                defaultSelected: this._selectedData
+            }));
+            legend.name = "legend", this._legendComponent = legend;
+            this.getContainer().add(legend), this._initEvent(), legend.on("*", ((event, type) => this._delegateEvent(this._legendComponent, event, type)));
+        }
+        this._cacheAttrs = attrs;
+        const width = isFinite(this._legendComponent.AABBBounds.width()) ? this._legendComponent.AABBBounds.width() : 0, height = isFinite(this._legendComponent.AABBBounds.height()) ? this._legendComponent.AABBBounds.height() : 0, layout = "bottom" === this.layoutOrient || "top" === this.layoutOrient ? "horizontal" : "vertical", position = this._position, {width: rectWidth, height: rectHeight} = fullSpace;
+        let offsetX = 0, offsetY = 0;
+        return "horizontal" === layout ? "middle" === position ? offsetX = (rectWidth - width) / 2 : "end" === position && (offsetX = rectWidth - width) : "middle" === position ? offsetY = (rectHeight - height) / 2 : "end" === position && (offsetY = rectHeight - height), 
+        this._legendComponent.setAttributes({
+            dx: offsetX,
+            dy: offsetY
+        }), result.x2 = result.x1 + width, result.y2 = result.y1 + height, result;
+    }
+    clear() {
+        super.clear(), this._legendComponent = null, this._cacheAttrs = null;
+    }
+}
+
+exports.BaseLegend = BaseLegend;
+//# sourceMappingURL=base-legend.js.map

package/cjs/component/legend/base-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/legend/base-legend.ts"],"names":[],"mappings":"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","file":"base-legend.js","sourcesContent":["import { isNil, isEqual } from '@visactor/vutils';\nimport type { DataView } from '@visactor/vdataset';\nimport type { IRegion } from '../../region/interface';\nimport { BaseComponent } from '../base';\nimport type { IEffect, ILayoutRect } from '../../model/interface';\nimport type { LayoutItem } from '../../model/layout-item';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IOrientType, IPoint, StringOrNumber } from '../../typings';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../constant';\nimport { isValid, merge, isValidOrient, array, eachSeries, isValidNumber } from '../../util';\nimport { CompilableData } from '../../compile/data';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ILegend } from './interface';\nimport type { IGroup } from '@visactor/vrender';\n\nexport abstract class BaseLegend extends BaseComponent implements ILegend {\n  layoutType: LayoutItem['layoutType'] = 'normal';\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.Legend;\n  layoutLevel: number = LayoutLevel.Legend;\n\n  protected _orient: IOrientType = 'left';\n  get orient() {\n    return this._orient;\n  }\n\n  protected _visible: boolean = true;\n  get visible() {\n    return this._visible;\n  }\n\n  protected _position: 'start' | 'middle' | 'end' = 'middle';\n  get position() {\n    return this._position;\n  }\n\n  get layoutOrient() {\n    return this._orient;\n  }\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n  }\n\n  protected _legendData!: CompilableData;\n  /**\n   * 获取图例数据\n   * @returns 图例的数据\n   */\n  getLegendData() {\n    return this._legendData.getLatestData();\n  }\n\n  protected _selectedData: StringOrNumber[] = [];\n  /**\n   * getSelectedData\n   */\n  getSelectedData() {\n    return this._selectedData;\n  }\n\n  protected _legendComponent: IGroup;\n  private _cacheAttrs: any;\n\n  effect: IEffect = {\n    onSelectedDataChange: () => {\n      eachSeries(\n        this._regions,\n        s => {\n          s.getViewDataFilter()?.markRunning();\n        },\n        {\n          userId: this._seriesUserId,\n          specIndex: this._seriesIndex\n        }\n      );\n      eachSeries(\n        this._regions,\n        s => {\n          s.reFilterViewData();\n        },\n        {\n          userId: this._seriesUserId,\n          specIndex: this._seriesIndex\n        }\n      );\n    }\n  };\n  // 与系列的关联关系\n  // 优先级：id > index\n  // 最终结果：series & region取交集\n  protected _seriesUserId?: StringOrNumber[];\n  protected _seriesIndex?: number[];\n  protected _regionUserId?: StringOrNumber[];\n  protected _regionUserIndex?: number[];\n\n  protected _initTheme(theme?: any) {\n    super._initTheme(theme);\n    this._spec = merge({}, this._theme, this._originalSpec);\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n\n    this._orient = isValidOrient(this._spec.orient) ? this._spec.orient : 'left';\n    this._position = this._spec.position ?? 'middle';\n\n    const { regionId, regionIndex, seriesId, seriesIndex } = this._spec;\n\n    isValid(seriesId) && (this._seriesUserId = array(seriesId));\n    isValid(regionId) && (this._regionUserId = array(regionId));\n    isValid(seriesIndex) && (this._seriesIndex = array(seriesIndex));\n    isValid(regionIndex) && (this._regionUserIndex = array(regionIndex));\n    this._regions = this._option.getRegionsInUserIdOrIndex(this._regionUserId, this._regionUserIndex);\n  }\n\n  created() {\n    super.created();\n    // data\n    this.initData();\n  }\n\n  /** LifeCycle API**/\n  onRender(ctx: any): void {\n    // do nothing\n  }\n\n  /** Update API **/\n  updateSpec(spec: any) {\n    const originalSpec = this._originalSpec;\n    const result = super.updateSpec(spec);\n    result.reRender = true;\n    if (spec.orient !== originalSpec.orient) {\n      result.reMake = true;\n      return result;\n    }\n    result.reMake = true;\n\n    return result;\n  }\n\n  // reInit() {\n  //   super.reInit();\n  // }\n\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  protected abstract _initLegendData(): DataView;\n  protected abstract _initSelectedData(): void;\n  protected abstract _getLegendAttributes(rect: ILayoutRect): any;\n  protected abstract _getLegendConstructor(): any;\n  protected abstract _initEvent(): void;\n\n  protected initData() {\n    const legendData = this._initLegendData();\n    legendData.target.addListener('change', this._initSelectedData.bind(this));\n    this._legendData = new CompilableData(this._option, legendData);\n\n    this._initSelectedData();\n    eachSeries(\n      this._regions,\n      s => {\n        s.event.on(ChartEvent.rawDataStatisticsUpdate, { filter: ({ model }) => model?.id === s.id }, () => {\n          this._legendData.getDataView().reRunAllTransform();\n        });\n      },\n      {\n        userId: this._seriesUserId,\n        specIndex: this._seriesIndex\n      }\n    );\n  }\n\n  setSelectedData(selectedData: StringOrNumber[]) {\n    const lastData = this._selectedData;\n    if (isNil(selectedData) || JSON.stringify(lastData) === JSON.stringify(selectedData)) {\n      return;\n    }\n    this._selectedData = [...selectedData];\n    // 更新数据\n    this.effect.onSelectedDataChange?.();\n    this.event.emit(ChartEvent.legendSelectedDataChange, { model: this });\n\n    // 更新图例样式\n    (this._legendComponent as unknown as any)?.setSelected(this._selectedData);\n  }\n\n  setLayoutStartPosition(pos: Partial<IPoint>): void {\n    super.setLayoutStartPosition(pos);\n\n    if (this._legendComponent) {\n      const { x, y } = pos;\n      if (isValidNumber(x * y)) {\n        this._legendComponent.setAttributes({ x, y });\n      }\n    }\n  }\n\n  boundsInRect(rect: ILayoutRect, fullSpace: ILayoutRect) {\n    const result = { x1: this.getLayoutStartPoint().x, y1: this.getLayoutStartPoint().y, x2: 0, y2: 0 };\n\n    const attrs = this._getLegendAttributes(rect);\n    if (this._legendComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._legendComponent.setAttributes(\n          merge({}, attrs, {\n            defaultSelected: this._selectedData // 图表 resize 之后应该保留上次筛选的结果\n          })\n        );\n      }\n    } else {\n      const legendConstructor = this._getLegendConstructor();\n      const legend = new legendConstructor(\n        merge({}, attrs, {\n          defaultSelected: this._selectedData\n        })\n      );\n      legend.name = 'legend';\n      this._legendComponent = legend;\n      const container = this.getContainer();\n      container.add(legend);\n\n      // 绑定事件\n      this._initEvent();\n\n      // 代理 legend 上的事件\n      legend.on('*', (event: any, type: string) => this._delegateEvent(this._legendComponent, event, type));\n    }\n    this._cacheAttrs = attrs;\n\n    const width = isFinite(this._legendComponent.AABBBounds.width()) ? this._legendComponent.AABBBounds.width() : 0;\n    const height = isFinite(this._legendComponent.AABBBounds.height()) ? this._legendComponent.AABBBounds.height() : 0;\n\n    // 调整位置\n    const layout = this.layoutOrient === 'bottom' || this.layoutOrient === 'top' ? 'horizontal' : 'vertical';\n    const position = this._position;\n    const { width: rectWidth, height: rectHeight } = fullSpace;\n    let offsetX = 0;\n    let offsetY = 0;\n    if (layout === 'horizontal') {\n      if (position === 'middle') {\n        offsetX = (rectWidth - width) / 2;\n      } else if (position === 'end') {\n        offsetX = rectWidth - width;\n      }\n    } else {\n      if (position === 'middle') {\n        offsetY = (rectHeight - height) / 2;\n      } else if (position === 'end') {\n        offsetY = rectHeight - height;\n      }\n    }\n    this._legendComponent.setAttributes({\n      dx: offsetX,\n      dy: offsetY\n    });\n\n    result.x2 = result.x1 + width;\n    result.y2 = result.y1 + height;\n    return result;\n  }\n\n  clear(): void {\n    super.clear();\n    this._legendComponent = null;\n    this._cacheAttrs = null;\n  }\n}\n"]}

package/cjs/component/legend/continuous/index.d.ts

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

package/cjs/component/legend/continuous/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("./legend"), exports), __exportStar(require("./interface"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/component/legend/continuous/index.js.map

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