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

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

@@ -0,0 +1,144 @@
+"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;
+    }
+    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", 
+        this._visible = !1 !== this._spec.visible;
+        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) : 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) {
+        if (!this._visible) return {
+            x1: 0,
+            y1: 0,
+            x2: 0,
+            y2: 0
+        };
+        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.mergeSpec)({}, attrs, {
+            defaultSelected: this._selectedData
+        })); else {
+            const legend = new (this._getLegendConstructor())((0, util_1.mergeSpec)({}, 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() {
+        this._legendComponent && (this._container.removeChild(this._legendComponent), this._legendComponent = null), 
+        this._cacheAttrs = null, super.clear();
+    }
+}
+
+exports.BaseLegend = BaseLegend;
+//# sourceMappingURL=base-legend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/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, mergeSpec, isValidOrient, array, eachSeries, isValidNumber } from '../../util';\nimport { CompilableData } from '../../compile/data';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ILegend, ILegendCommonSpec } from './interface';\nimport type { IGroup } from '@visactor/vrender';\n\nexport abstract class BaseLegend<T extends ILegendCommonSpec> extends BaseComponent<T> 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  setAttrFromSpec() {\n    super.setAttrFromSpec();\n\n    this._orient = isValidOrient(this._spec.orient) ? this._spec.orient : 'left';\n    this._position = this._spec.position ?? 'middle';\n    this._visible = this._spec.visible !== false;\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    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    if (!this._visible) {\n      return { x1: 0, y1: 0, x2: 0, y2: 0 };\n    }\n    const result = { x1: this.getLayoutStartPoint().x, y1: this.getLayoutStartPoint().y, x2: 0, y2: 0 };\n    const attrs = this._getLegendAttributes(rect);\n    if (this._legendComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._legendComponent.setAttributes(\n          mergeSpec({}, attrs, {\n            defaultSelected: this._selectedData // 图表 resize 之后应该保留上次筛选的结果\n          })\n        );\n      }\n    } else {\n      const legendConstructor = this._getLegendConstructor();\n      const legend = new legendConstructor(\n        mergeSpec({}, 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    if (this._legendComponent) {\n      this._container.removeChild(this._legendComponent);\n      this._legendComponent = null;\n    }\n    this._cacheAttrs = null;\n    super.clear();\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":["../src/component/legend/continuous/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,8CAA4B","file":"index.js","sourcesContent":["export * from './legend';\nexport * from './interface';\n"]}

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

@@ -0,0 +1,58 @@
+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 type IContinuousLegendTheme = Omit<IContinuousLegendSpec, 'type' | 'field' | 'scale' | 'regionIndex' | 'regionId' | 'seriesIndex' | 'seriesId' | 'id' | 'defaultSelected'>;
+export interface IColorLegendTheme {
+    horizontal?: IContinuousLegendTheme;
+    vertical?: IContinuousLegendTheme;
+}
+export interface ISizeLegendTheme {
+    horizontal?: IContinuousLegendTheme & {
+        sizeBackground?: ISizeLegendSpec['sizeBackground'];
+    };
+    vertical?: IContinuousLegendTheme & {
+        sizeBackground?: ISizeLegendSpec['sizeBackground'];
+    };
+}
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/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 type IContinuousLegendTheme = Omit<\n  IContinuousLegendSpec,\n  'type' | 'field' | 'scale' | 'regionIndex' | 'regionId' | 'seriesIndex' | 'seriesId' | 'id' | 'defaultSelected'\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/cjs/component/legend/continuous/legend.d.ts

@@ -0,0 +1,26 @@
+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<T extends IColorLegendSpec | ISizeLegendSpec = IColorLegendSpec | ISizeLegendSpec> extends BaseLegend<T> {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    protected _theme: IColorLegendTheme;
+    private _field;
+    private _legendType;
+    static createComponent(spec: any, options: IComponentOption): ILegend[] | ContinuousLegend<any>;
+    constructor(spec: T, 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/cjs/component/legend/continuous/legend.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ContinuousLegend = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vdataset_1 = require("@visactor/vdataset"), interface_1 = require("../../interface"), register_1 = require("../../../data/register"), util_1 = require("../../../util"), continuous_1 = require("../../../data/transforms/legend-data/continuous"), util_2 = require("./util"), base_legend_1 = require("../base-legend"), constant_1 = require("../../../constant"), SINGLE_SEQUENCE = [ "#C4E7FF", "#98CAFF", "#75ACFF", "#518FF9", "#2775DC", "#005CBE", "#00429F", "#00287E" ], SIZE = [ 2, 10 ];
+
+class ContinuousLegend extends base_legend_1.BaseLegend {
+    static createComponent(spec, options) {
+        const legendSpec = spec.legends || options.defaultSpec;
+        if (!legendSpec) return;
+        if (!(0, util_1.isArray)(legendSpec)) return (0, util_2.isContinuousLegend)(legendSpec.type) ? new ContinuousLegend(legendSpec, Object.assign(Object.assign({}, options), {
+            specIndex: 0,
+            specKey: "legends"
+        })) : void 0;
+        const legends = [];
+        return legendSpec.forEach(((s, i) => {
+            (0, util_2.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 = interface_1.ComponentTypeEnum.colorLegend, this.name = interface_1.ComponentTypeEnum.colorLegend;
+        const legendName = "color" === this._spec.type ? interface_1.ComponentTypeEnum.colorLegend : interface_1.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), (0, util_1.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() {
+        (0, register_1.registerDataSetInstanceTransform)(this._option.dataSet, "continuousLegendFilter", continuous_1.continuousLegendFilter), 
+        (0, register_1.registerDataSetInstanceTransform)(this._option.dataSet, "continuousLegendDataMake", continuous_1.continuousLegendDataMake);
+        const legendData = new vdataset_1.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) && (0, 
+        vutils_1.isNil)(attrs.title.text) && (0, vutils_1.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 = (0, util_1.getFieldAlias)(series.getRawData(), field));
+            }
+            let scaleKey = this._spec.scale;
+            scaleKey || (scaleKey = this._legendType);
+            const scaleSpec = this._option.globalScale.getScaleSpec(scaleKey);
+            if (!(0, util_1.isDataDomainSpec)(null == scaleSpec ? void 0 : scaleSpec.domain)) return;
+            const dataInfo = scaleSpec.domain[0];
+            if (0 === dataInfo.fields.length) return;
+            attrs.title.text = (0, util_1.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()), (0, vutils_1.isEmpty)(visualMappingRange) && (visualMappingRange = "color" === this._legendType ? SINGLE_SEQUENCE : SIZE);
+        let min = null !== (_a = this._legendData.getLatestData()[0]) && void 0 !== _a ? _a : 0, max = null !== (_b = this._legendData.getLatestData()[1]) && void 0 !== _b ? _b : 1;
+        this._legendData.getLatestData()[0] === this._legendData.getLatestData()[1] && (min = Math.min(0, this._legendData.getLatestData()[0]), 
+        max = 0 === this._legendData.getLatestData()[0] ? 1 : Math.max(0, this._legendData.getLatestData()[0]));
+        const attrs = Object.assign(Object.assign({}, (0, util_2.getContinuousLegendAttributes)(this._spec)), {
+            layout: layout,
+            align: align,
+            zIndex: this.layoutZIndex,
+            min: min,
+            max: max,
+            value: this._spec.defaultSelected,
+            ["color" === this._legendType ? "colors" : "sizeRange"]: visualMappingRange
+        });
+        return this._addDefaultTitleText(attrs), attrs;
+    }
+    _getLegendConstructor() {
+        return util_2.ContinuousLegendMap[this._legendType];
+    }
+    _initEvent() {
+        if (this._legendComponent) {
+            const doFilter = !1 !== this._spec.filter;
+            this._legendComponent.addEventListener("change", (0, vutils_1.debounce)((e => {
+                const selectedData = (0, util_1.get)(e, "detail.value");
+                doFilter && this.setSelectedData(selectedData), this.event.emit(constant_1.ChartEvent.legendFilter, {
+                    model: this,
+                    value: selectedData,
+                    event: e
+                });
+            }), 30));
+        }
+    }
+}
+
+exports.ContinuousLegend = ContinuousLegend, ContinuousLegend.type = interface_1.ComponentTypeEnum.continuousLegend;
+//# sourceMappingURL=legend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/legend/continuous/legend.ts"],"names":[],"mappings":"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","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<\n  T extends IColorLegendSpec | ISizeLegendSpec = IColorLegendSpec | ISizeLegendSpec\n> extends BaseLegend<T> {\n  static type = ComponentTypeEnum.continuousLegend;\n  type = ComponentTypeEnum.colorLegend;\n  name: string = ComponentTypeEnum.colorLegend;\n\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 (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 (isContinuousLegend(s.type)) {\n        legends.push(new ContinuousLegend(s, { ...options, specIndex: i, specKey: 'legends' }));\n      }\n    });\n    return legends;\n  }\n\n  constructor(spec: T, 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    let min = this._legendData.getLatestData()[0] ?? 0;\n    let max = this._legendData.getLatestData()[1] ?? 1;\n\n    const isSame = this._legendData.getLatestData()[0] === this._legendData.getLatestData()[1];\n    if (isSame) {\n      min = Math.min(0, this._legendData.getLatestData()[0]);\n      max = this._legendData.getLatestData()[0] === 0 ? 1 : Math.max(0, this._legendData.getLatestData()[0]);\n    }\n\n    const attrs: any = {\n      ...getContinuousLegendAttributes(this._spec),\n      layout,\n      align,\n      zIndex: this.layoutZIndex,\n      min,\n      max,\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        }, 30)\n      );\n    }\n  }\n}\n"]}

package/cjs/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/cjs/component/legend/continuous/util.js

@@ -0,0 +1,43 @@
+"use strict";
+
+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;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ContinuousLegendMap = exports.isContinuousLegend = exports.getContinuousLegendAttributes = void 0;
+
+const vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils"), util_1 = require("../../../util"), style_1 = require("../../../util/style"), util_2 = require("../util");
+
+function getContinuousLegendAttributes(spec) {
+    const _a = (0, util_1.mergeSpec)({}, 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 = (0, util_2.transformLegendTitleAttributes)(title)), 
+    attrs.showHandler = !1 !== handler.visible, (0, vutils_1.isEmpty)(handler.style) || (attrs.handlerStyle = (0, 
+    style_1.transformToGraphic)(handler.style)), (0, vutils_1.isValid)(rail.width) && (attrs.railWidth = rail.width), 
+    (0, vutils_1.isValid)(rail.height) && (attrs.railHeight = rail.height), (0, vutils_1.isEmpty)(rail.style) || (attrs.railStyle = (0, 
+    style_1.transformToGraphic)(rail.style)), (0, vutils_1.isEmpty)(track.style) || (attrs.trackStyle = (0, 
+    style_1.transformToGraphic)(track.style)), attrs.startText = (0, style_1.transformComponentStyle)(startText), 
+    attrs.endText = (0, style_1.transformComponentStyle)(endText), attrs.handlerText = (0, 
+    style_1.transformComponentStyle)(handlerText), (0, vutils_1.isEmpty)(sizeBackground) || (attrs.sizeBackground = (0, 
+    style_1.transformToGraphic)(sizeBackground)), background.visible && !(0, vutils_1.isEmpty)(background.style) && ((0, 
+    util_1.mergeSpec)(attrs, background.style), (0, vutils_1.isValid)(background.padding) && (attrs.padding = background.padding)), 
+    attrs;
+}
+
+function isContinuousLegend(type) {
+    return "color" === type || "size" === type;
+}
+
+exports.getContinuousLegendAttributes = getContinuousLegendAttributes, exports.isContinuousLegend = isContinuousLegend, 
+exports.ContinuousLegendMap = {
+    color: vrender_components_1.ColorContinuousLegend,
+    size: vrender_components_1.SizeContinuousLegend
+};
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/legend/continuous/util.ts"],"names":[],"mappings":"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","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, isValid } from '@visactor/vutils';\nimport { mergeSpec } from '../../../util';\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  } = mergeSpec({}, 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    mergeSpec(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/cjs/component/legend/discrete/index.d.ts

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

package/cjs/component/legend/discrete/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/discrete/index.js.map

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

package/cjs/component/legend/discrete/interface.d.ts

@@ -0,0 +1,61 @@
+import type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec } from '../../../typings/visual';
+import type { DiscreteLegendAttrs, LegendItemDatum, LegendItem } from '@visactor/vrender-components';
+import type { ILegendCommonSpec, NoVisibleMarkStyle } from '../interface';
+import type { StringOrNumber } from '../../../typings';
+import type { IBaseScale } from '@visactor/vscale';
+import type { IGlobalScale } from '../../../scale/interface';
+export type formatterCallback = (text: StringOrNumber, item: LegendItemDatum, index: number) => any;
+export type LegendItemStyleValue<T> = T | ((item: LegendItemDatum, isSelected: boolean, index: number, allItems: LegendItemDatum[]) => T);
+export type LegendItemStyle<T> = {
+    style?: T;
+    state?: {
+        selected?: T;
+        unSelected?: T;
+        selectedHover?: T;
+        unSelectedHover?: T;
+    };
+};
+export type IItem = {
+    background?: {
+        visible?: boolean;
+    } & LegendItemStyle<LegendItemStyleValue<NoVisibleMarkStyle<IRectMarkSpec>>>;
+    shape?: {
+        visible?: boolean;
+        space?: number;
+    } & LegendItemStyle<LegendItemStyleValue<Partial<NoVisibleMarkStyle<ISymbolMarkSpec>>>>;
+    label?: {
+        space?: number;
+        formatMethod?: formatterCallback;
+    } & LegendItemStyle<LegendItemStyleValue<NoVisibleMarkStyle<ITextMarkSpec>>>;
+    value?: {
+        space?: number;
+        alignRight?: boolean;
+        formatMethod?: formatterCallback;
+    } & LegendItemStyle<LegendItemStyleValue<NoVisibleMarkStyle<ITextMarkSpec>>>;
+    focusIconStyle?: NoVisibleMarkStyle<ISymbolMarkSpec>;
+    maxWidth?: number | string;
+    width?: number | string;
+    height?: number | string;
+} & Omit<LegendItem, 'background' | 'shape' | 'label' | 'value' | 'focusIconStyle' | 'width' | 'height' | 'maxWidth'>;
+export type IPager = {
+    textStyle?: Partial<NoVisibleMarkStyle<ITextMarkSpec>>;
+    handler?: {
+        space?: number;
+        preShape?: string;
+        nextShape?: string;
+        style?: Omit<NoVisibleMarkStyle<ISymbolMarkSpec>, 'symbolType'>;
+        state?: {
+            hover?: Omit<NoVisibleMarkStyle<ISymbolMarkSpec>, 'symbolType'>;
+            disable?: Omit<NoVisibleMarkStyle<ISymbolMarkSpec>, 'symbolType'>;
+        };
+    };
+} & Omit<DiscreteLegendAttrs['pager'], 'textStyle' | 'handler'>;
+export type IDiscreteLegendSpec = ILegendCommonSpec & {
+    type?: 'discrete';
+    data?: (data: LegendItemDatum[], colorScale: IBaseScale, globalScale: IGlobalScale) => LegendItemDatum[];
+    item?: IItem;
+    pager?: IPager;
+    scaleName?: string;
+    field?: string;
+} & Omit<DiscreteLegendAttrs, 'layout' | 'title' | 'items' | 'item' | 'pager'>;
+export type IDiscreteLegendTheme = Omit<IDiscreteLegendSpec, 'type' | 'data' | 'regionIndex' | 'regionId' | 'seriesIndex' | 'seriesId' | 'id' | 'defaultSelected'>;