@visactor/vchart 0.0.1-alpha.0

package/esm/component/label/util.js

@@ -0,0 +1,28 @@
+import { barLabel } from "./bar";
+
+import { symbolLabel } from "./symbol";
+
+export const markLabelConfigFunc = {
+    rect: barLabel,
+    symbol: symbolLabel
+};
+
+export 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;
+}
+
+const TextAttributeMap = {
+    fill: "fillColor",
+    stroke: "strokeColor"
+};
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/label/util.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,UAAU,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;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/esm/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/esm/component/legend/base-legend.js

@@ -0,0 +1,136 @@
+import { isNil, isEqual } from "@visactor/vutils";
+
+import { BaseComponent } from "../base";
+
+import { ChartEvent, LayoutLevel, LayoutZIndex } from "../../constant";
+
+import { isValid, merge, isValidOrient, array, eachSeries, isValidNumber } from "../../util";
+
+import { CompilableData } from "../../compile/data";
+
+export class BaseLegend extends BaseComponent {
+    constructor() {
+        super(...arguments), this.layoutType = "normal", this.layoutZIndex = LayoutZIndex.Legend, 
+        this.layoutLevel = LayoutLevel.Legend, this._orient = "left", this._visible = !0, 
+        this._position = "middle", this._selectedData = [], this.effect = {
+            onSelectedDataChange: () => {
+                eachSeries(this._regions, (s => {
+                    var _a;
+                    null === (_a = s.getViewDataFilter()) || void 0 === _a || _a.markRunning();
+                }), {
+                    userId: this._seriesUserId,
+                    specIndex: this._seriesIndex
+                }), 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 = merge({}, this._theme, this._originalSpec);
+    }
+    setAttrFromSpec() {
+        var _a;
+        super.setAttrFromSpec(), this._orient = 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;
+        isValid(seriesId) && (this._seriesUserId = array(seriesId)), isValid(regionId) && (this._regionUserId = array(regionId)), 
+        isValid(seriesIndex) && (this._seriesIndex = array(seriesIndex)), isValid(regionIndex) && (this._regionUserIndex = 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 CompilableData(this._option, legendData), 
+        this._initSelectedData(), eachSeries(this._regions, (s => {
+            s.event.on(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;
+        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(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;
+            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) isEqual(attrs, this._cacheAttrs) || this._legendComponent.setAttributes(merge({}, attrs, {
+            defaultSelected: this._selectedData
+        })); else {
+            const legend = new (this._getLegendConstructor())(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;
+    }
+}
+//# sourceMappingURL=base-legend.js.map

package/esm/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/esm/component/legend/continuous/index.d.ts

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

package/esm/component/legend/continuous/index.js

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

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

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

package/esm/component/legend/continuous/interface.d.ts

@@ -0,0 +1,63 @@
+import type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec, StringOrNumber } from '../../../typings';
+import type { ILegendCommonSpec, NoVisibleMarkStyle } from '../interface';
+type Text = StringOrNumber;
+export type TextAttribute = {
+    visible?: boolean;
+    text?: Text;
+    space?: number;
+    style?: Omit<NoVisibleMarkStyle<ITextMarkSpec>, 'text'>;
+};
+export type HandlerTextAttribute = {
+    visible?: boolean;
+    precision?: number;
+    formatter?: (text: Text) => Text;
+    space?: number;
+    style?: Omit<NoVisibleMarkStyle<ITextMarkSpec>, 'text'>;
+};
+export type IContinuousLegendSpec = ILegendCommonSpec & {
+    field?: string;
+    scale?: string;
+    defaultSelected?: [number, number];
+    slidable?: boolean;
+    rail?: {
+        width?: number;
+        height?: number;
+        style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'width' | 'height'>;
+    };
+    handler?: {
+        visible?: boolean;
+        style?: NoVisibleMarkStyle<ISymbolMarkSpec>;
+    };
+    track?: {
+        style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'width' | 'height'>;
+    };
+    startText?: TextAttribute;
+    endText?: TextAttribute;
+    handlerText?: HandlerTextAttribute;
+};
+export type IColorLegendSpec = IContinuousLegendSpec & {
+    type: 'color';
+};
+export type ISizeLegendSpec = IContinuousLegendSpec & {
+    type: 'size';
+    sizeBackground?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'visible' | 'width' | 'height'>;
+};
+export interface IContinuousLegendTheme {
+    title?: IContinuousLegendSpec['title'];
+    rail?: IContinuousLegendSpec['rail'];
+    handler?: IContinuousLegendSpec['handler'];
+    track?: IContinuousLegendSpec['track'];
+}
+export interface IColorLegendTheme {
+    horizontal?: IContinuousLegendTheme;
+    vertical?: IContinuousLegendTheme;
+}
+export interface ISizeLegendTheme {
+    horizontal?: IContinuousLegendTheme & {
+        sizeBackground?: ISizeLegendSpec['sizeBackground'];
+    };
+    vertical?: IContinuousLegendTheme & {
+        sizeBackground?: ISizeLegendSpec['sizeBackground'];
+    };
+}
+export {};

package/esm/component/legend/continuous/interface.js

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

package/esm/component/legend/continuous/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/legend/continuous/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec, StringOrNumber } from '../../../typings';\nimport type { ILegendCommonSpec, NoVisibleMarkStyle } from '../interface';\n\ntype Text = StringOrNumber;\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<NoVisibleMarkStyle<ITextMarkSpec>, '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<NoVisibleMarkStyle<ITextMarkSpec>, 'text'>;\n};\n\n// 连续图例通用配置\nexport type IContinuousLegendSpec = ILegendCommonSpec & {\n  /**\n   * 声明关联的映射字段\n   */\n  field?: string;\n  /**\n   * 连续图例关联的映射 scale\n   */\n  scale?: string;\n  /**\n   * 默认筛选的数据范围\n   */\n  defaultSelected?: [number, number];\n  /**\n   * 是否允许拖动，默认为 true\n   */\n  slidable?: boolean;\n  /**\n   * 滑块轨道配置\n   */\n  rail?: {\n    /**\n     * 滑块的宽度\n     */\n    width?: number;\n    /**\n     * 滑块的高度\n     */\n    height?: number;\n    /**\n     * 背景轨道样式配置\n     */\n    style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'width' | 'height'>;\n  };\n  /**\n   * 滑块手柄配置\n   */\n  handler?: {\n    /**\n     * 是否绘制 handler，默认为 true\n     */\n    visible?: boolean;\n    /**\n     * 滑块手柄的样式配置\n     */\n    style?: NoVisibleMarkStyle<ISymbolMarkSpec>;\n  };\n  /**\n   * 选中区域样式配置\n   */\n  track?: {\n    style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'width' | 'height'>;\n  };\n  /**\n   * 滑块首部文本配置\n   */\n  startText?: TextAttribute;\n  /**\n   * 滑块尾部文本配置\n   */\n  endText?: TextAttribute;\n  /**\n   * 滑块对应的文本配置项\n   */\n  handlerText?: HandlerTextAttribute;\n};\n\n// 颜色图例配置\nexport type IColorLegendSpec = IContinuousLegendSpec & {\n  /**\n   * 声明 color 类型图例\n   */\n  type: 'color';\n};\n\n// 尺寸图例配置\nexport type ISizeLegendSpec = IContinuousLegendSpec & {\n  /**\n   * 声明 size 类型图例\n   */\n  type: 'size';\n  /**\n   * size 背景样式配置\n   */\n  sizeBackground?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'visible' | 'width' | 'height'>;\n};\n\nexport interface IContinuousLegendTheme {\n  /** 图例标题配置 */\n  title?: IContinuousLegendSpec['title'];\n  /** 滑块轨道配置 */\n  rail?: IContinuousLegendSpec['rail'];\n  /** 滑块操作条样式 */\n  handler?: IContinuousLegendSpec['handler'];\n  /** 选中区域配置 */\n  track?: IContinuousLegendSpec['track'];\n}\n\nexport interface IColorLegendTheme {\n  horizontal?: IContinuousLegendTheme;\n  vertical?: IContinuousLegendTheme;\n}\n\n// TODO: 加上 sizeBackground\nexport interface ISizeLegendTheme {\n  horizontal?: IContinuousLegendTheme & {\n    sizeBackground?: ISizeLegendSpec['sizeBackground'];\n  };\n  vertical?: IContinuousLegendTheme & {\n    sizeBackground?: ISizeLegendSpec['sizeBackground'];\n  };\n}\n"]}

package/esm/component/legend/continuous/legend.d.ts

@@ -0,0 +1,27 @@
+import { DataView } from '@visactor/vdataset';
+import type { IModelInitOption, ILayoutRect } from '../../../model/interface';
+import type { IComponentOption } from '../../interface';
+import { ComponentTypeEnum } from '../../interface';
+import type { ILegend } from '../interface';
+import type { IColorLegendSpec, IColorLegendTheme, ISizeLegendSpec } from './interface';
+import { BaseLegend } from '../base-legend';
+export declare class ContinuousLegend extends BaseLegend {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    protected _spec: IColorLegendSpec | ISizeLegendSpec;
+    protected _theme: IColorLegendTheme;
+    private _field;
+    private _legendType;
+    static createComponent(spec: any, options: IComponentOption): ContinuousLegend | ILegend[];
+    constructor(spec: any, options: IComponentOption);
+    setAttrFromSpec(): void;
+    init(option: IModelInitOption): void;
+    private _getScaleInGlobal;
+    protected _initLegendData(): DataView;
+    protected _initSelectedData(): void;
+    private _addDefaultTitleText;
+    protected _getLegendAttributes(rect: ILayoutRect): any;
+    protected _getLegendConstructor(): any;
+    protected _initEvent(): void;
+}

package/esm/component/legend/continuous/legend.js

@@ -0,0 +1,135 @@
+import { debounce, isEmpty, isNil } from "@visactor/vutils";
+
+import { DataView } from "@visactor/vdataset";
+
+import { ComponentTypeEnum } from "../../interface";
+
+import { registerDataSetInstanceTransform } from "../../../data/register";
+
+import { isArray, eachSeries, get, isDataDomainSpec, getFieldAlias } from "../../../util";
+
+import { continuousLegendDataMake, continuousLegendFilter } from "../../../data/transforms/legend-data/continuous";
+
+import { ContinuousLegendMap, getContinuousLegendAttributes, isContinuousLegend } from "./util";
+
+import { BaseLegend } from "../base-legend";
+
+import { ChartEvent } from "../../../constant";
+
+const SINGLE_SEQUENCE = [ "#C4E7FF", "#98CAFF", "#75ACFF", "#518FF9", "#2775DC", "#005CBE", "#00429F", "#00287E" ], SIZE = [ 2, 10 ];
+
+export class ContinuousLegend extends BaseLegend {
+    static createComponent(spec, options) {
+        const legendSpec = spec.legends || options.defaultSpec;
+        if (!legendSpec) return;
+        if (!isArray(legendSpec)) return !1 !== legendSpec.visible && isContinuousLegend(legendSpec.type) ? new ContinuousLegend(legendSpec, Object.assign(Object.assign({}, options), {
+            specIndex: 0,
+            specKey: "legends"
+        })) : void 0;
+        const legends = [];
+        return legendSpec.forEach(((s, i) => {
+            !1 !== s.visible && isContinuousLegend(s.type) && legends.push(new ContinuousLegend(s, Object.assign(Object.assign({}, options), {
+                specIndex: i,
+                specKey: "legends"
+            })));
+        })), legends;
+    }
+    constructor(spec, options) {
+        super(spec, options), this.type = ComponentTypeEnum.colorLegend, this.name = ComponentTypeEnum.colorLegend;
+        const legendName = "color" === this._spec.type ? ComponentTypeEnum.colorLegend : ComponentTypeEnum.sizeLegend;
+        this.type = legendName, this.name = legendName;
+    }
+    setAttrFromSpec() {
+        super.setAttrFromSpec(), this._field = this._spec.field, this._legendType = this._spec.type;
+    }
+    init(option) {
+        super.init(option), eachSeries(this._regions, (s => {
+            s.addViewDataFilter({
+                type: "continuousLegendFilter",
+                options: {
+                    selected: () => this._selectedData,
+                    field: () => this._field,
+                    data: () => this._legendData.getLatestData()
+                }
+            });
+        }), {
+            userId: this._seriesUserId,
+            specIndex: this._seriesIndex
+        });
+    }
+    _getScaleInGlobal() {
+        const globalScale = this._option.globalScale;
+        let scaleKey = this._spec.scale;
+        return scaleKey || (scaleKey = this._legendType), globalScale.getScale(scaleKey);
+    }
+    _initLegendData() {
+        registerDataSetInstanceTransform(this._option.dataSet, "continuousLegendFilter", continuousLegendFilter), 
+        registerDataSetInstanceTransform(this._option.dataSet, "continuousLegendDataMake", continuousLegendDataMake);
+        const legendData = new DataView(this._option.dataSet);
+        return legendData.transform({
+            type: "continuousLegendDataMake",
+            options: {
+                series: () => this._regions.reduce(((pre, r) => (pre.push(...r.getSeries()), pre)), []),
+                field: () => this._field,
+                scale: this._getScaleInGlobal.bind(this)
+            }
+        }), legendData;
+    }
+    _initSelectedData() {
+        this._spec.defaultSelected ? this._selectedData = [ ...this._spec.defaultSelected ] : this._selectedData = this._legendData.getLatestData();
+    }
+    _addDefaultTitleText(attrs) {
+        var _a, _b, _c, _d;
+        if ((null === (_a = attrs.title) || void 0 === _a ? void 0 : _a.visible) && isNil(attrs.title.text) && isNil(null === (_b = attrs.title.style) || void 0 === _b ? void 0 : _b.text)) {
+            const field = this._field;
+            if (field) {
+                const series = null === (_d = null === (_c = this._regions) || void 0 === _c ? void 0 : _c[0]) || void 0 === _d ? void 0 : _d.getSeries()[0];
+                if (!series) return;
+                return void (attrs.title.text = getFieldAlias(series.getRawData(), field));
+            }
+            let scaleKey = this._spec.scale;
+            scaleKey || (scaleKey = this._legendType);
+            const scaleSpec = this._option.globalScale.getScaleSpec(scaleKey);
+            if (!isDataDomainSpec(null == scaleSpec ? void 0 : scaleSpec.domain)) return;
+            const dataInfo = scaleSpec.domain[0];
+            if (0 === dataInfo.fields.length) return;
+            attrs.title.text = getFieldAlias(this._option.dataSet.getDataView(dataInfo.dataId), dataInfo.fields[0]);
+        } else ;
+    }
+    _getLegendAttributes(rect) {
+        var _a, _b;
+        const layout = "bottom" === this.layoutOrient || "top" === this.layoutOrient ? "horizontal" : "vertical", align = "horizontal" === layout ? "bottom" : this.layoutOrient;
+        let visualMappingRange = [];
+        const scale = this._getScaleInGlobal();
+        scale && "linear" === scale.type && (visualMappingRange = scale.range()), isEmpty(visualMappingRange) && (visualMappingRange = "color" === this._legendType ? SINGLE_SEQUENCE : SIZE);
+        const attrs = Object.assign(Object.assign({}, getContinuousLegendAttributes(this._spec)), {
+            layout: layout,
+            align: align,
+            zIndex: this.layoutZIndex,
+            min: null !== (_a = this._legendData.getLatestData()[0]) && void 0 !== _a ? _a : 0,
+            max: null !== (_b = this._legendData.getLatestData()[1]) && void 0 !== _b ? _b : 1,
+            value: this._spec.defaultSelected,
+            ["color" === this._legendType ? "colors" : "sizeRange"]: visualMappingRange
+        });
+        return this._addDefaultTitleText(attrs), attrs;
+    }
+    _getLegendConstructor() {
+        return ContinuousLegendMap[this._legendType];
+    }
+    _initEvent() {
+        if (this._legendComponent) {
+            const doFilter = !1 !== this._spec.filter;
+            this._legendComponent.addEventListener("change", debounce((e => {
+                const selectedData = get(e, "detail.value");
+                doFilter && this.setSelectedData(selectedData), this.event.emit(ChartEvent.legendFilter, {
+                    model: this,
+                    value: selectedData,
+                    event: e
+                });
+            }), 100));
+        }
+    }
+}
+
+ContinuousLegend.type = ComponentTypeEnum.continuousLegend;
+//# sourceMappingURL=legend.js.map

package/esm/component/legend/continuous/legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/legend/continuous/legend.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAM9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI1F,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACnH,OAAO,EAAE,mBAAmB,EAAE,6BAA6B,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAChG,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,eAAe,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AACjH,MAAM,IAAI,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAErB,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAW9C,MAAM,CAAC,eAAe,CAAC,IAAS,EAAE,OAAyB;QACzD,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,WAAW,CAAC;QACvD,IAAI,CAAC,UAAU,EAAE;YACf,OAAO,SAAS,CAAC;SAClB;QACD,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YACxB,IAAI,UAAU,CAAC,OAAO,KAAK,KAAK,IAAI,kBAAkB,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;gBACvE,OAAO,IAAI,gBAAgB,CAAC,UAAU,kCACjC,OAAO,KACV,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,SAAS,IAClB,CAAC;aACJ;YAED,OAAO,SAAS,CAAC;SAClB;QACD,MAAM,OAAO,GAAc,EAAE,CAAC;QAC9B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAqC,EAAE,CAAS,EAAE,EAAE;YACtE,IAAI,CAAC,CAAC,OAAO,KAAK,KAAK,IAAI,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;gBACrD,OAAO,CAAC,IAAI,CAAC,IAAI,gBAAgB,CAAC,CAAC,kCAAO,OAAO,KAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,IAAG,CAAC,CAAC;aACzF;QACH,CAAC,CAAC,CAAC;QACH,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,YAAY,IAAS,EAAE,OAAyB;QAC9C,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAnCvB,SAAI,GAAG,iBAAiB,CAAC,WAAW,CAAC;QACrC,SAAI,GAAW,iBAAiB,CAAC,WAAW,CAAC;QAqC3C,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC;QAC9G,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC;IACzB,CAAC;IAED,eAAe;QACb,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IACrC,CAAC;IAED,IAAI,CAAC,MAAwB;QAC3B,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnB,UAAU,CACR,IAAI,CAAC,QAAQ,EACb,CAAC,CAAC,EAAE;YACF,CAAC,CAAC,iBAAiB,CAAC;gBAClB,IAAI,EAAE,wBAAwB;gBAC9B,OAAO,EAAE;oBACP,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa;oBAClC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM;oBACxB,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;iBAC7C;aACF,CAAC,CAAC;QACL,CAAC,EACD;YACE,MAAM,EAAE,IAAI,CAAC,aAAa;YAC1B,SAAS,EAAE,IAAI,CAAC,YAAY;SAC7B,CACF,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;QAC7C,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAChC,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC;SAC7B;QACD,OAAO,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACxC,CAAC;IAES,eAAe;QACvB,gCAAgC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,CAAC,CAAC;QACzG,gCAAgC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,0BAA0B,EAAE,wBAAwB,CAAC,CAAC;QAC7G,MAAM,UAAU,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACtD,UAAU,CAAC,SAAS,CAAC;YACnB,IAAI,EAAE,0BAA0B;YAChC,OAAO,EAAE;gBACP,MAAM,EAAE,GAAG,EAAE;oBACX,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;wBACrC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;wBAC3B,OAAO,GAAG,CAAC;oBACb,CAAC,EAAE,EAAe,CAAC,CAAC;gBACtB,CAAC;gBACD,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM;gBACxB,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;aACzC;SACF,CAAC,CAAC;QACH,OAAO,UAAU,CAAC;IACpB,CAAC;IAES,iBAAiB;QACzB,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE;YAC9B,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;SACtD;aAAM;YACL,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;SACvD;IACH,CAAC;IAEO,oBAAoB,CAAC,KAAU;;QACrC,IAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,KAAI,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAA,KAAK,CAAC,KAAK,CAAC,KAAK,0CAAE,IAAI,CAAC,EAAE;YACrF,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;YAC1B,IAAI,KAAK,EAAE;gBAET,MAAM,MAAM,GAAG,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAG,CAAC,CAAC,0CAAE,SAAS,GAAG,CAAC,CAAC,CAAC;gBAClD,IAAI,CAAC,MAAM,EAAE;oBACX,OAAO;iBACR;gBAED,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,aAAa,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,KAAK,CAAC,CAAC;gBAC7D,OAAO;aACR;YACD,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAChC,IAAI,CAAC,QAAQ,EAAE;gBACb,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC;aAC7B;YACD,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YAClE,IAAI,CAAC,gBAAgB,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC,EAAE;gBACxC,OAAO;aACR;YACD,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI,QAAQ,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;gBAChC,OAAO;aACR;YAED,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACxG,OAAO;SACR;IACH,CAAC;IAES,oBAAoB,CAAC,IAAiB;;QAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,KAAK,QAAQ,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;QACzG,MAAM,KAAK,GAAG,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;QAGrE,IAAI,kBAAkB,GAAG,EAAE,CAAC;QAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvC,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;YACpC,kBAAkB,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;SACpC;QACD,IAAI,OAAO,CAAC,kBAAkB,CAAC,EAAE;YAC/B,kBAAkB,GAAG,IAAI,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC;SAC5E;QAED,MAAM,KAAK,mCACN,6BAA6B,CAAC,IAAI,CAAC,KAAK,CAAC,KAC5C,MAAM;YACN,KAAK,EACL,MAAM,EAAE,IAAI,CAAC,YAAY,EACzB,GAAG,EAAE,MAAA,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,mCAAI,CAAC,EAC7C,GAAG,EAAE,MAAA,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,mCAAI,CAAC,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EACjC,CAAC,IAAI,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,kBAAkB,GAC5E,CAAC;QACF,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QACjC,OAAO,KAAK,CAAC;IACf,CAAC;IAES,qBAAqB;QAC7B,OAAO,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC/C,CAAC;IAES,UAAU;QAClB,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC;YAC7C,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CACpC,QAAQ,EACR,QAAQ,CAAC,CAAC,CAAM,EAAE,EAAE;gBAClB,MAAM,YAAY,GAAG,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;gBAC5C,IAAI,QAAQ,EAAE;oBACZ,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;iBACpC;gBACD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YAC3F,CAAC,EAAE,GAAG,CAAC,CACR,CAAC;SACH;IACH,CAAC;;AAzLM,qBAAI,GAAG,iBAAiB,CAAC,gBAAgB,CAAC","file":"legend.js","sourcesContent":["/**\n * @description color legend component\n */\nimport { debounce, isEmpty, isNil } from '@visactor/vutils';\nimport { DataView } from '@visactor/vdataset';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ISeries } from '../../../series/interface';\nimport type { IModelInitOption, ILayoutRect } from '../../../model/interface';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport { isArray, eachSeries, get, isDataDomainSpec, getFieldAlias } from '../../../util';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ILegend } from '../interface';\nimport type { IColorLegendSpec, IColorLegendTheme, ISizeLegendSpec } from './interface';\nimport { continuousLegendDataMake, continuousLegendFilter } from '../../../data/transforms/legend-data/continuous';\nimport { ContinuousLegendMap, getContinuousLegendAttributes, isContinuousLegend } from './util';\nimport { BaseLegend } from '../base-legend';\nimport { ChartEvent } from '../../../constant';\n\nconst SINGLE_SEQUENCE = ['#C4E7FF', '#98CAFF', '#75ACFF', '#518FF9', '#2775DC', '#005CBE', '#00429F', '#00287E'];\nconst SIZE = [2, 10];\n\nexport class ContinuousLegend extends BaseLegend {\n  static type = ComponentTypeEnum.continuousLegend;\n  type = ComponentTypeEnum.colorLegend;\n  name: string = ComponentTypeEnum.colorLegend;\n\n  protected declare _spec: IColorLegendSpec | ISizeLegendSpec;\n  protected declare _theme: IColorLegendTheme; // TODO: 看下是否需要区分\n\n  private _field: string | undefined;\n  private _legendType: string;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const legendSpec = spec.legends || options.defaultSpec;\n    if (!legendSpec) {\n      return undefined;\n    }\n    if (!isArray(legendSpec)) {\n      if (legendSpec.visible !== false && isContinuousLegend(legendSpec.type)) {\n        return new ContinuousLegend(legendSpec, {\n          ...options,\n          specIndex: 0,\n          specKey: 'legends'\n        });\n      }\n\n      return undefined;\n    }\n    const legends: ILegend[] = [];\n    legendSpec.forEach((s: IColorLegendSpec | ISizeLegendSpec, i: number) => {\n      if (s.visible !== false && isContinuousLegend(s.type)) {\n        legends.push(new ContinuousLegend(s, { ...options, specIndex: i, specKey: 'legends' }));\n      }\n    });\n    return legends;\n  }\n\n  constructor(spec: any, options: IComponentOption) {\n    super(spec, options);\n\n    // 这里需要区分下是 colorLegend 还是 sizeLegend\n    const legendName = this._spec.type === 'color' ? ComponentTypeEnum.colorLegend : ComponentTypeEnum.sizeLegend;\n    this.type = legendName;\n    this.name = legendName;\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    this._field = this._spec.field;\n    this._legendType = this._spec.type;\n  }\n\n  init(option: IModelInitOption): void {\n    super.init(option);\n    eachSeries(\n      this._regions,\n      s => {\n        s.addViewDataFilter({\n          type: 'continuousLegendFilter',\n          options: {\n            selected: () => this._selectedData,\n            field: () => this._field,\n            data: () => this._legendData.getLatestData()\n          }\n        });\n      },\n      {\n        userId: this._seriesUserId,\n        specIndex: this._seriesIndex\n      }\n    );\n  }\n\n  private _getScaleInGlobal() {\n    const globalScale = this._option.globalScale;\n    let scaleKey = this._spec.scale;\n    if (!scaleKey) {\n      scaleKey = this._legendType;\n    }\n    return globalScale.getScale(scaleKey);\n  }\n\n  protected _initLegendData(): DataView {\n    registerDataSetInstanceTransform(this._option.dataSet, 'continuousLegendFilter', continuousLegendFilter);\n    registerDataSetInstanceTransform(this._option.dataSet, 'continuousLegendDataMake', continuousLegendDataMake);\n    const legendData = new DataView(this._option.dataSet);\n    legendData.transform({\n      type: 'continuousLegendDataMake',\n      options: {\n        series: () => {\n          return this._regions.reduce((pre, r) => {\n            pre.push(...r.getSeries());\n            return pre;\n          }, [] as ISeries[]);\n        },\n        field: () => this._field,\n        scale: this._getScaleInGlobal.bind(this)\n      }\n    });\n    return legendData;\n  }\n\n  protected _initSelectedData(): void {\n    if (this._spec.defaultSelected) {\n      this._selectedData = [...this._spec.defaultSelected];\n    } else {\n      this._selectedData = this._legendData.getLatestData();\n    }\n  }\n\n  private _addDefaultTitleText(attrs: any) {\n    if (attrs.title?.visible && isNil(attrs.title.text) && isNil(attrs.title.style?.text)) {\n      const field = this._field;\n      if (field) {\n        // 默认使用第0个系列的对应别名\n        const series = this._regions?.[0]?.getSeries()[0];\n        if (!series) {\n          return;\n        }\n        // 如果没有别名继续保持 空字符串\n        attrs.title.text = getFieldAlias(series.getRawData(), field);\n        return;\n      }\n      let scaleKey = this._spec.scale;\n      if (!scaleKey) {\n        scaleKey = this._legendType;\n      }\n      const scaleSpec = this._option.globalScale.getScaleSpec(scaleKey);\n      if (!isDataDomainSpec(scaleSpec?.domain)) {\n        return;\n      }\n      const dataInfo = scaleSpec.domain[0];\n      if (dataInfo.fields.length === 0) {\n        return;\n      }\n      // 如果没有别名继续保持 空字符串\n      attrs.title.text = getFieldAlias(this._option.dataSet.getDataView(dataInfo.dataId), dataInfo.fields[0]);\n      return;\n    }\n  }\n\n  protected _getLegendAttributes(rect: ILayoutRect) {\n    const layout = this.layoutOrient === 'bottom' || this.layoutOrient === 'top' ? 'horizontal' : 'vertical';\n    const align = layout === 'horizontal' ? 'bottom' : this.layoutOrient;\n\n    // 获取关联的 scale 以获取 colors / size\n    let visualMappingRange = [];\n    const scale = this._getScaleInGlobal();\n    if (scale && scale.type === 'linear') {\n      visualMappingRange = scale.range();\n    }\n    if (isEmpty(visualMappingRange)) {\n      visualMappingRange = this._legendType === 'color' ? SINGLE_SEQUENCE : SIZE;\n    }\n\n    const attrs: any = {\n      ...getContinuousLegendAttributes(this._spec),\n      layout,\n      align,\n      zIndex: this.layoutZIndex,\n      min: this._legendData.getLatestData()[0] ?? 0,\n      max: this._legendData.getLatestData()[1] ?? 1,\n      value: this._spec.defaultSelected,\n      [this._legendType === 'color' ? 'colors' : 'sizeRange']: visualMappingRange\n    };\n    this._addDefaultTitleText(attrs);\n    return attrs;\n  }\n\n  protected _getLegendConstructor() {\n    return ContinuousLegendMap[this._legendType];\n  }\n\n  protected _initEvent() {\n    if (this._legendComponent) {\n      const doFilter = this._spec.filter !== false;\n      this._legendComponent.addEventListener(\n        'change',\n        debounce((e: any) => {\n          const selectedData = get(e, 'detail.value');\n          if (doFilter) {\n            this.setSelectedData(selectedData);\n          }\n          this.event.emit(ChartEvent.legendFilter, { model: this, value: selectedData, event: e });\n        }, 100)\n      );\n    }\n  }\n}\n"]}

package/esm/component/legend/continuous/util.d.ts

@@ -0,0 +1,8 @@
+import type { IColorLegendSpec, ISizeLegendSpec } from './interface';
+import { ColorContinuousLegend, SizeContinuousLegend } from '@visactor/vrender-components';
+export declare function getContinuousLegendAttributes(spec: IColorLegendSpec | ISizeLegendSpec): any;
+export declare function isContinuousLegend(type: string): boolean;
+export declare const ContinuousLegendMap: {
+    color: typeof ColorContinuousLegend;
+    size: typeof SizeContinuousLegend;
+};

package/esm/component/legend/continuous/util.js

@@ -0,0 +1,39 @@
+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 { ColorContinuousLegend, SizeContinuousLegend } from "@visactor/vrender-components";
+
+import { isEmpty, merge, isValid } from "@visactor/vutils";
+
+import { transformComponentStyle, transformToGraphic } from "../../../util/style";
+
+import { transformLegendTitleAttributes } from "../util";
+
+export function getContinuousLegendAttributes(spec) {
+    const _a = merge({}, spec), {title: title = {}, handler: handler = {}, rail: rail = {}, track: track = {}, startText: startText, endText: endText, handlerText: handlerText, sizeBackground: sizeBackground, background: background = {}, type: type, id: id, visible: visible, orient: orient, position: position, data: data, defaultSelected: defaultSelected, field: field, filter: filter, regionId: regionId, regionIndex: regionIndex, seriesIndex: seriesIndex, seriesId: seriesId, padding: padding} = _a, attrs = __rest(_a, [ "title", "handler", "rail", "track", "startText", "endText", "handlerText", "sizeBackground", "background", "type", "id", "visible", "orient", "position", "data", "defaultSelected", "field", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding" ]);
+    return title.visible && (attrs.title = transformLegendTitleAttributes(title)), attrs.showHandler = !1 !== handler.visible, 
+    isEmpty(handler.style) || (attrs.handlerStyle = transformToGraphic(handler.style)), 
+    isValid(rail.width) && (attrs.railWidth = rail.width), isValid(rail.height) && (attrs.railHeight = rail.height), 
+    isEmpty(rail.style) || (attrs.railStyle = transformToGraphic(rail.style)), isEmpty(track.style) || (attrs.trackStyle = transformToGraphic(track.style)), 
+    attrs.startText = transformComponentStyle(startText), attrs.endText = transformComponentStyle(endText), 
+    attrs.handlerText = transformComponentStyle(handlerText), isEmpty(sizeBackground) || (attrs.sizeBackground = transformToGraphic(sizeBackground)), 
+    background.visible && !isEmpty(background.style) && (merge(attrs, background.style), 
+    isValid(background.padding) && (attrs.padding = background.padding)), attrs;
+}
+
+export function isContinuousLegend(type) {
+    return "color" === type || "size" === type;
+}
+
+export const ContinuousLegendMap = {
+    color: ColorContinuousLegend,
+    size: SizeContinuousLegend
+};
+//# sourceMappingURL=util.js.map

package/esm/component/legend/continuous/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/legend/continuous/util.ts"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAC3F,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAGzD,MAAM,UAAU,6BAA6B,CAAC,IAAwC;IACpF,MAAM,KA6BF,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,EA7Bb,EAEJ,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,EACZ,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,EAAE,EACV,SAAS,EACT,OAAO,EACP,WAAW,EACX,cAAc,EACd,UAAU,GAAG,EAAE,EAGf,IAAI,EACJ,EAAE,EACF,OAAO,EACP,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,eAAe,EACf,KAAK,EACL,MAAM,EACN,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,EACR,OAAO,OAGU,EADd,QAAQ,cA5BP,0QA6BL,CAAkB,CAAC;IAEpB,MAAM,KAAK,GAAG,QAAQ,CAAC;IAGvB,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,KAAK,CAAC,KAAK,GAAG,8BAA8B,CAAC,KAAK,CAAC,CAAC;KACrD;IAGD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,KAAK,KAAK,CAAC;IAC9C,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAC3B,KAAK,CAAC,YAAY,GAAG,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KACxD;IACD,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACvB,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;KAC9B;IACD,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QACxB,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC;KAChC;IACD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACxB,KAAK,CAAC,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAClD;IACD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACzB,KAAK,CAAC,UAAU,GAAG,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KACpD;IAED,KAAK,CAAC,SAAS,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAC;IACrD,KAAK,CAAC,OAAO,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC;IACjD,KAAK,CAAC,WAAW,GAAG,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAEzD,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;QAC5B,KAAK,CAAC,cAAc,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;KAC3D;IAED,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QACpD,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YAC/B,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;SACpC;KACF;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,IAAY;IAC7C,OAAO,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,qBAAqB;IAC5B,IAAI,EAAE,oBAAoB;CAC3B,CAAC","file":"util.js","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { IColorLegendSpec, ISizeLegendSpec } from './interface';\nimport { ColorContinuousLegend, SizeContinuousLegend } from '@visactor/vrender-components';\nimport { isEmpty, merge, isValid } from '@visactor/vutils';\nimport { transformComponentStyle, transformToGraphic } from '../../../util/style';\nimport { transformLegendTitleAttributes } from '../util';\n\n// 获取连续图例组件属性\nexport function getContinuousLegendAttributes(spec: IColorLegendSpec | ISizeLegendSpec) {\n  const {\n    // 需要进行样式转换的属性\n    title = {},\n    handler = {},\n    rail = {},\n    track = {},\n    startText,\n    endText,\n    handlerText,\n    sizeBackground,\n    background = {},\n\n    // 以下不属于 legend 需要的属性，单独拿出来以免污染传递给组件的属性\n    type,\n    id,\n    visible,\n    orient,\n    position,\n    data,\n    defaultSelected,\n    field,\n    filter,\n    regionId,\n    regionIndex,\n    seriesIndex,\n    seriesId,\n    padding, // vchart 布局模块已经处理了\n\n    ...restSpec\n  } = merge({}, spec);\n\n  const attrs = restSpec;\n\n  // transform title\n  if (title.visible) {\n    attrs.title = transformLegendTitleAttributes(title);\n  }\n\n  // handlerStyle\n  attrs.showHandler = handler.visible !== false;\n  if (!isEmpty(handler.style)) {\n    attrs.handlerStyle = transformToGraphic(handler.style);\n  }\n  if (isValid(rail.width)) {\n    attrs.railWidth = rail.width;\n  }\n  if (isValid(rail.height)) {\n    attrs.railHeight = rail.height;\n  }\n  if (!isEmpty(rail.style)) {\n    attrs.railStyle = transformToGraphic(rail.style);\n  }\n  if (!isEmpty(track.style)) {\n    attrs.trackStyle = transformToGraphic(track.style);\n  }\n\n  attrs.startText = transformComponentStyle(startText);\n  attrs.endText = transformComponentStyle(endText);\n  attrs.handlerText = transformComponentStyle(handlerText);\n\n  if (!isEmpty(sizeBackground)) {\n    attrs.sizeBackground = transformToGraphic(sizeBackground);\n  }\n\n  if (background.visible && !isEmpty(background.style)) {\n    merge(attrs, background.style);\n    if (isValid(background.padding)) {\n      attrs.padding = background.padding;\n    }\n  }\n\n  return attrs;\n}\n\nexport function isContinuousLegend(type: string) {\n  return type === 'color' || type === 'size';\n}\n\nexport const ContinuousLegendMap = {\n  color: ColorContinuousLegend,\n  size: SizeContinuousLegend\n};\n"]}

package/esm/component/legend/discrete/index.d.ts

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

package/esm/component/legend/discrete/index.js

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

package/esm/component/legend/discrete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/legend/discrete/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './legend';\nexport * from './interface';\n"]}