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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/legend/discrete/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec } from '../../../typings/visual';\nimport type { DiscreteLegendAttrs, LegendItemDatum, LegendItem } from '@visactor/vrender-components';\nimport type { ILegendCommonSpec, NoVisibleMarkStyle } from '../interface';\nimport type { StringOrNumber } from '../../../typings';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { IGlobalScale } from '../../../scale/interface';\n\nexport type formatterCallback = (text: StringOrNumber, item: LegendItemDatum, index: number) => any;\nexport type LegendItemStyleValue<T> =\n  | T\n  | ((item: LegendItemDatum, isSelected: boolean, index: number, allItems: LegendItemDatum[]) => T);\nexport type LegendItemStyle<T> = {\n  /**\n   * 样式配置\n   */\n  style?: T;\n  /**\n   * 状态样式配置\n   */\n  state?: {\n    /**\n     * 选中态\n     */\n    selected?: T;\n    /**\n     * 非选中态\n     */\n    unSelected?: T;\n    /**\n     * 选中态 hover\n     */\n    selectedHover?: T;\n    /**\n     * 非选中态 hover\n     */\n    unSelectedHover?: T;\n  };\n};\n\nexport type IItem = {\n  /**\n   * 图例项背景配置\n   */\n  background?: {\n    /**\n     * 是否展示图例项背景\n     */\n    visible?: boolean;\n  } & LegendItemStyle<LegendItemStyleValue<NoVisibleMarkStyle<IRectMarkSpec>>>;\n  /**\n   * 图例项的 shape 图标的配置\n   */\n  shape?: {\n    /**\n     * 图例项的 shape 图标\n     */\n    visible?: boolean;\n    /** shape 同后面 label 的间距 */\n    space?: number;\n  } & LegendItemStyle<LegendItemStyleValue<Partial<NoVisibleMarkStyle<ISymbolMarkSpec>>>>;\n  /**\n   * 图例项的 label 文本配置\n   */\n  label?: {\n    /**\n     * 图例项 label 同后面 value 的间距\n     */\n    space?: number;\n    /**\n     * 格式化文本函数\n     */\n    formatMethod?: formatterCallback;\n  } & LegendItemStyle<LegendItemStyleValue<NoVisibleMarkStyle<ITextMarkSpec>>>;\n  /**\n   * 图例项 value 配置\n   */\n  value?: {\n    /** value 同后面元素的间距 */\n    space?: number;\n    /**\n     * 是否右对齐显示，仅当设置图例项宽度 itemWidth 时生效\n     * 默认为 false，\n     */\n    alignRight?: boolean;\n    /**\n     * 格式化文本函数\n     */\n    formatMethod?: formatterCallback;\n  } & LegendItemStyle<LegendItemStyleValue<NoVisibleMarkStyle<ITextMarkSpec>>>;\n  /**\n   * 聚焦按钮配置\n   */\n  focusIconStyle?: NoVisibleMarkStyle<ISymbolMarkSpec>;\n  /**\n   * 图例项的最大宽度，默认为 null。\n   * 可使用百分比，表示显示区域的宽度占比。\n   */\n  maxWidth?: number | string;\n  /**\n   * 图例项的宽度, 默认自动计算。\n   * 可使用百分比，表示显示区域的宽度占比。\n   */\n  width?: number | string;\n  /**\n   * 图例的高度，默认自动计算。\n   * 可使用百分比，表示显示区域的高度占比。\n   */\n  height?: number | string;\n} & Omit<LegendItem, 'background' | 'shape' | 'label' | 'value' | 'focusIconStyle' | 'width' | 'height' | 'maxWidth'>;\n\nexport type IPager = {\n  /**\n   * 文本样式配置\n   */\n  textStyle?: Partial<NoVisibleMarkStyle<ITextMarkSpec>>;\n  handler?: {\n    /**\n     * 按钮同文本内容区的间距，默认为 8\n     */\n    space?: number;\n    /**\n     * 上一页按钮形状\n     */\n    preShape?: string;\n    /**\n     * 下一页按钮形状\n     */\n    nextShape?: string;\n    style?: Omit<NoVisibleMarkStyle<ISymbolMarkSpec>, 'symbolType'>;\n    state?: {\n      /**\n       * hover 状态下的样式\n       */\n      hover?: Omit<NoVisibleMarkStyle<ISymbolMarkSpec>, 'symbolType'>;\n      /**\n       * 不可用状态样式\n       */\n      disable?: Omit<NoVisibleMarkStyle<ISymbolMarkSpec>, 'symbolType'>;\n    };\n  };\n} & Omit<DiscreteLegendAttrs['pager'], 'textStyle' | 'handler'>;\n\n/** spec */\nexport type IDiscreteLegendSpec = ILegendCommonSpec & {\n  type?: 'discrete';\n  /**\n   * 在原始图例绘制数据的基础上，进行自定义，比如可以自定义 value 值\n   * @param data 图例的绘制数据\n   * @param colorScale 全局颜色映射 scale\n   * @param globalScale 图表上所有的 scale\n   * @returns\n   */\n  data?: (data: LegendItemDatum[], colorScale: IBaseScale, globalScale: IGlobalScale) => LegendItemDatum[];\n\n  /** 图例项配置 */\n  item?: IItem;\n\n  /**\n   * 翻页器配置\n   */\n  pager?: IPager;\n\n  /**\n   * scaleName must match the id of the scale configured in **scales**\n   */\n  scaleName?: string;\n  /**\n   * After the legend is bound to the scale, the dimension associated with the series data and the legend can be configured through field.\n   * If the field is not configured, the first item of fields in the domain of scale is used by default\n   * If the domain of the scale is not dependent on data statistics, series.getSeriesField() is used by default\n   */\n  field?: string;\n} & Omit<DiscreteLegendAttrs, 'layout' | 'title' | 'items' | 'item' | 'pager'>;\n\n// theme 主题相关配置\nexport type IDiscreteLegendTheme = Omit<\n  IDiscreteLegendSpec,\n  'type' | 'data' | 'regionIndex' | 'regionId' | 'seriesIndex' | 'seriesId' | 'id' | 'defaultSelected'\n>;\n"]}

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

@@ -0,0 +1,25 @@
+import { DataView } from '@visactor/vdataset';
+import type { IDiscreteLegendSpec, IDiscreteLegendTheme } from './interface';
+import type { ISeries } from '../../../series/interface';
+import type { IModelInitOption, ILayoutRect } from '../../../model/interface';
+import type { IComponentOption } from '../../interface';
+import { ComponentTypeEnum } from '../../interface';
+import { DiscreteLegend as LegendComponent } from '@visactor/vrender-components';
+import type { ILegend } from '../interface';
+import { BaseLegend } from '../base-legend';
+export declare class DiscreteLegend extends BaseLegend<IDiscreteLegendSpec> {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    protected _theme: IDiscreteLegendTheme;
+    static createComponent(spec: any, options: IComponentOption): DiscreteLegend | ILegend[];
+    init(option: IModelInitOption): void;
+    protected _initLegendData(): DataView;
+    protected _getSeriesLegendField(s: ISeries): string;
+    protected _initSelectedData(): void;
+    private _addDefaultTitleText;
+    protected _getLegendAttributes(rect: ILayoutRect): any;
+    protected _getLegendConstructor(): typeof LegendComponent;
+    protected _initEvent(): void;
+    private _getLegendItems;
+}

package/cjs/component/legend/discrete/legend.js

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DiscreteLegend = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vdataset_1 = require("@visactor/vdataset"), interface_1 = require("../../interface"), util_1 = require("./util"), register_1 = require("../../../data/register"), util_2 = require("../../../util"), vrender_components_1 = require("@visactor/vrender-components"), vrender_components_2 = require("@visactor/vrender-components"), discrete_1 = require("../../../data/transforms/legend-data/discrete"), base_legend_1 = require("../base-legend"), constant_1 = require("../../../constant");
+
+class DiscreteLegend extends base_legend_1.BaseLegend {
+    constructor() {
+        super(...arguments), this.type = interface_1.ComponentTypeEnum.discreteLegend, this.name = interface_1.ComponentTypeEnum.discreteLegend;
+    }
+    static createComponent(spec, options) {
+        const legendSpec = spec.legends || options.defaultSpec;
+        if (!legendSpec) return;
+        if (!(0, util_2.isArray)(legendSpec)) return legendSpec.type && "discrete" !== legendSpec.type ? void 0 : new DiscreteLegend(legendSpec, Object.assign(Object.assign({}, options), {
+            specIndex: 0,
+            specKey: "legends"
+        }));
+        const legends = [];
+        return legendSpec.forEach(((s, i) => {
+            s.type && "discrete" !== s.type || legends.push(new DiscreteLegend(s, Object.assign(Object.assign({}, options), {
+                specIndex: i,
+                specKey: "legends"
+            })));
+        })), legends;
+    }
+    init(option) {
+        super.init(option), (0, util_2.eachSeries)(this._regions, (s => {
+            s.addViewDataFilter({
+                type: "discreteLegendFilter",
+                options: {
+                    selected: () => this._selectedData,
+                    field: () => this._getSeriesLegendField(s),
+                    data: () => this._legendData.getLatestData().map((obj => obj.key))
+                }
+            });
+        }), {
+            userId: this._seriesUserId,
+            specIndex: this._seriesIndex
+        });
+    }
+    _initLegendData() {
+        (0, register_1.registerDataSetInstanceTransform)(this._option.dataSet, "discreteLegendFilter", discrete_1.discreteLegendFilter), 
+        (0, register_1.registerDataSetInstanceTransform)(this._option.dataSet, "discreteLegendDataMake", discrete_1.discreteLegendDataMake);
+        const legendData = new vdataset_1.DataView(this._option.dataSet);
+        return legendData.transform({
+            type: "discreteLegendDataMake",
+            options: {
+                series: () => {
+                    const result = [];
+                    return (0, util_2.eachSeries)(this._regions, (s => {
+                        result.push(s);
+                    }), {
+                        specIndex: this._spec.seriesIndex,
+                        userId: this._spec.seriesId
+                    }), result;
+                },
+                seriesField: s => this._getSeriesLegendField(s)
+            }
+        }), legendData;
+    }
+    _getSeriesLegendField(s) {
+        var _a, _b;
+        const defaultField = s.getSeriesField();
+        if (!this._spec.scaleName) return defaultField;
+        if (!s.getRawData()) return defaultField;
+        const scaleSpec = this._option.globalScale.getScaleSpec(this._spec.scaleName);
+        if (!scaleSpec) return defaultField;
+        if (this._spec.field) return this._spec.field;
+        if (!(0, util_2.isDataDomainSpec)(scaleSpec.domain)) return defaultField;
+        const seriesData = scaleSpec.domain.find((d => d.dataId === s.getRawData().name));
+        return seriesData && null !== (_b = null === (_a = seriesData.fields) || void 0 === _a ? void 0 : _a[0]) && void 0 !== _b ? _b : defaultField;
+    }
+    _initSelectedData() {
+        this._spec.defaultSelected ? this._selectedData = [ ...this._spec.defaultSelected ] : this._selectedData = this._legendData.getLatestData().map((d => d.key));
+    }
+    _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 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;
+            attrs.title.text = (0, util_2.getFieldAlias)(series.getRawData(), series.getSeriesField());
+        }
+    }
+    _getLegendAttributes(rect) {
+        const layout = "bottom" === this.layoutOrient || "top" === this.layoutOrient ? "horizontal" : "vertical", attrs = Object.assign({
+            layout: layout,
+            items: this._getLegendItems(),
+            zIndex: this.layoutZIndex,
+            maxWidth: rect.width,
+            maxHeight: rect.height
+        }, (0, util_1.getLegendAttributes)(this._spec, rect));
+        return this._addDefaultTitleText(attrs), attrs;
+    }
+    _getLegendConstructor() {
+        return vrender_components_2.DiscreteLegend;
+    }
+    _initEvent() {
+        if (this._legendComponent) {
+            const doFilter = !1 !== this._spec.filter;
+            this._legendComponent.addEventListener(vrender_components_1.LegendEvent.legendItemClick, (e => {
+                const selectedData = (0, util_2.get)(e, "detail.currentSelected");
+                doFilter && this.setSelectedData(selectedData), this.event.emit(constant_1.ChartEvent.legendItemClick, {
+                    model: this,
+                    value: selectedData,
+                    event: e
+                });
+            })), this._legendComponent.addEventListener(vrender_components_1.LegendEvent.legendItemHover, (e => {
+                const detail = (0, util_2.get)(e, "detail");
+                this.event.emit(constant_1.ChartEvent.legendItemHover, {
+                    model: this,
+                    value: detail,
+                    event: e
+                });
+            })), this._legendComponent.addEventListener(vrender_components_1.LegendEvent.legendItemUnHover, (e => {
+                const detail = (0, util_2.get)(e, "detail");
+                this.event.emit(constant_1.ChartEvent.legendItemUnHover, {
+                    model: this,
+                    value: detail,
+                    event: e
+                });
+            }));
+        }
+    }
+    _getLegendItems() {
+        const originData = (this._legendData.getLatestData() || []).map((datum => {
+            var _a;
+            const fill = datum.style("fill") || datum.style("stroke"), stroke = datum.style("stroke"), lineWidth = datum.style("lineWidth"), symbolType = datum.style("symbolType"), fillOpacity = datum.style("fillOpacity"), strokeOpacity = datum.style("strokeOpacity"), opacity = datum.style("opacity"), texture = datum.style("texture"), textureColor = datum.style("textureColor"), outerBorder = datum.style("outerBorder"), innerBorder = datum.style("innerBorder");
+            return {
+                label: datum.key,
+                shape: {
+                    fill: fill,
+                    symbolType: null !== (_a = null != symbolType ? symbolType : datum.shapeType) && void 0 !== _a ? _a : "circle",
+                    stroke: 0 === lineWidth || fill === stroke ? null : stroke,
+                    fillOpacity: (0, vutils_1.isValidNumber)(fillOpacity) ? fillOpacity : 1,
+                    strokeOpacity: (0, vutils_1.isValidNumber)(strokeOpacity) ? strokeOpacity : 1,
+                    opacity: (0, vutils_1.isValidNumber)(opacity) ? opacity : 1,
+                    texture: texture,
+                    texturePadding: texture ? 1 : null,
+                    textureSize: texture ? 4 : null,
+                    textureColor: textureColor,
+                    innerBorder: innerBorder,
+                    outerBorder: outerBorder
+                }
+            };
+        }));
+        return (0, vutils_1.isFunction)(this._spec.data) ? this._spec.data(originData, this._option.globalScale.getScale("color"), this._option.globalScale) : originData;
+    }
+}
+
+exports.DiscreteLegend = DiscreteLegend, DiscreteLegend.type = interface_1.ComponentTypeEnum.discreteLegend;
+//# sourceMappingURL=legend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/legend/discrete/legend.ts"],"names":[],"mappings":"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","file":"legend.js","sourcesContent":["import { isFunction, isNil, isValidNumber } from '@visactor/vutils';\nimport { DataView } from '@visactor/vdataset';\nimport type { IDiscreteLegendSpec, IDiscreteLegendTheme } from './interface';\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 { getLegendAttributes } from './util';\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport { isArray, eachSeries, get, getFieldAlias, isDataDomainSpec } from '../../../util';\n// eslint-disable-next-line no-duplicate-imports\nimport { LegendEvent } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { DiscreteLegend as LegendComponent } from '@visactor/vrender-components';\nimport type { ILegend } from '../interface';\nimport { discreteLegendDataMake, discreteLegendFilter } from '../../../data/transforms/legend-data/discrete';\nimport { BaseLegend } from '../base-legend';\nimport { ChartEvent } from '../../../constant';\n\nexport class DiscreteLegend extends BaseLegend<IDiscreteLegendSpec> {\n  static type = ComponentTypeEnum.discreteLegend;\n  type = ComponentTypeEnum.discreteLegend;\n  name: string = ComponentTypeEnum.discreteLegend;\n\n  protected declare _theme: IDiscreteLegendTheme;\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.type || legendSpec.type === 'discrete') {\n        return new DiscreteLegend(legendSpec, {\n          ...options,\n          specIndex: 0,\n          specKey: 'legends'\n        });\n      }\n      return undefined;\n    }\n    const legends: ILegend[] = [];\n    legendSpec.forEach((s: IDiscreteLegendSpec, i: number) => {\n      if (!s.type || s.type === 'discrete') {\n        legends.push(new DiscreteLegend(s, { ...options, specIndex: i, specKey: 'legends' }));\n      }\n    });\n    return legends;\n  }\n\n  init(option: IModelInitOption): void {\n    super.init(option);\n    eachSeries(\n      this._regions,\n      s => {\n        s.addViewDataFilter({\n          type: 'discreteLegendFilter',\n          options: {\n            selected: () => this._selectedData,\n            field: () => this._getSeriesLegendField(s),\n            data: () => this._legendData.getLatestData().map((obj: any) => obj.key)\n          }\n        });\n      },\n      {\n        userId: this._seriesUserId,\n        specIndex: this._seriesIndex\n      }\n    );\n  }\n\n  protected _initLegendData(): DataView {\n    registerDataSetInstanceTransform(this._option.dataSet, 'discreteLegendFilter', discreteLegendFilter);\n    registerDataSetInstanceTransform(this._option.dataSet, 'discreteLegendDataMake', discreteLegendDataMake);\n    const legendData = new DataView(this._option.dataSet);\n    legendData.transform({\n      type: 'discreteLegendDataMake',\n      options: {\n        series: () => {\n          const result: ISeries[] = [];\n          eachSeries(\n            this._regions,\n            s => {\n              result.push(s);\n            },\n            {\n              specIndex: this._spec.seriesIndex,\n              userId: this._spec.seriesId\n            }\n          );\n          return result;\n        },\n        seriesField: (s: ISeries) => this._getSeriesLegendField(s)\n      }\n    });\n\n    return legendData;\n  }\n\n  protected _getSeriesLegendField(s: ISeries) {\n    const defaultField = s.getSeriesField();\n    if (!this._spec.scaleName) {\n      return defaultField;\n    }\n    if (!s.getRawData()) {\n      return defaultField;\n    }\n    const scaleSpec = this._option.globalScale.getScaleSpec(this._spec.scaleName);\n    if (!scaleSpec) {\n      return defaultField;\n    }\n\n    // field是只在图例指定了scale的情况下生效\n    if (this._spec.field) {\n      return this._spec.field;\n    }\n\n    if (!isDataDomainSpec(scaleSpec.domain)) {\n      return defaultField;\n    }\n    const seriesData = scaleSpec.domain.find(d => d.dataId === s.getRawData().name);\n    if (!seriesData) {\n      return defaultField;\n    }\n    return seriesData.fields?.[0] ?? defaultField;\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().map((d: any) => d.key);\n    }\n  }\n\n  private _addDefaultTitleText(attrs: any) {\n    if (attrs.title?.visible && isNil(attrs.title.text) && isNil(attrs.title.style?.text)) {\n      // 默认使用第0个系列的 seriesField 别名\n      const series = this._regions?.[0]?.getSeries()[0];\n      if (!series) {\n        return;\n      }\n      // 如果没有别名继续保持 空字符串\n      attrs.title.text = getFieldAlias(series.getRawData(), series.getSeriesField());\n    }\n  }\n\n  protected _getLegendAttributes(rect: ILayoutRect) {\n    const layout = this.layoutOrient === 'bottom' || this.layoutOrient === 'top' ? 'horizontal' : 'vertical';\n    const attrs = {\n      layout,\n      items: this._getLegendItems(),\n      zIndex: this.layoutZIndex,\n      maxWidth: rect.width,\n      maxHeight: rect.height,\n      ...getLegendAttributes(this._spec, rect)\n    };\n    this._addDefaultTitleText(attrs);\n    return attrs;\n  }\n\n  protected _getLegendConstructor() {\n    return LegendComponent;\n  }\n\n  protected _initEvent() {\n    if (this._legendComponent) {\n      const doFilter = this._spec.filter !== false;\n      this._legendComponent.addEventListener(LegendEvent.legendItemClick, (e: any) => {\n        const selectedData = get(e, 'detail.currentSelected');\n        doFilter && this.setSelectedData(selectedData);\n        this.event.emit(ChartEvent.legendItemClick, { model: this, value: selectedData, event: e });\n      });\n\n      this._legendComponent.addEventListener(LegendEvent.legendItemHover, (e: any) => {\n        const detail = get(e, 'detail');\n        this.event.emit(ChartEvent.legendItemHover, { model: this, value: detail, event: e });\n      });\n\n      this._legendComponent.addEventListener(LegendEvent.legendItemUnHover, (e: any) => {\n        const detail = get(e, 'detail');\n        this.event.emit(ChartEvent.legendItemUnHover, { model: this, value: detail, event: e });\n      });\n    }\n  }\n\n  private _getLegendItems() {\n    const originData = (this._legendData.getLatestData() || []).map((datum: any) => {\n      const fill = datum.style('fill') || datum.style('stroke');\n      const stroke = datum.style('stroke');\n      const lineWidth = datum.style('lineWidth');\n      const symbolType = datum.style('symbolType');\n      const fillOpacity = datum.style('fillOpacity');\n      const strokeOpacity = datum.style('strokeOpacity');\n      const opacity = datum.style('opacity');\n      const texture = datum.style('texture');\n      const textureColor = datum.style('textureColor');\n      const outerBorder = datum.style('outerBorder');\n      const innerBorder = datum.style('innerBorder');\n\n      return {\n        label: datum.key,\n        shape: {\n          fill,\n          symbolType: symbolType ?? datum.shapeType ?? 'circle',\n          stroke: lineWidth === 0 || fill === stroke ? null : stroke,\n          fillOpacity: isValidNumber(fillOpacity) ? fillOpacity : 1,\n          strokeOpacity: isValidNumber(strokeOpacity) ? strokeOpacity : 1,\n          opacity: isValidNumber(opacity) ? opacity : 1,\n          texture: texture,\n          texturePadding: texture ? 1 : null,\n          textureSize: texture ? 4 : null,\n          textureColor,\n          innerBorder,\n          outerBorder\n        }\n      };\n    });\n    return isFunction(this._spec.data)\n      ? this._spec.data(originData, this._option.globalScale.getScale('color'), this._option.globalScale)\n      : originData;\n  }\n}\n"]}

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

@@ -0,0 +1,3 @@
+import type { ILayoutRect } from '../../../model/interface';
+import type { IDiscreteLegendSpec } from './interface';
+export declare function getLegendAttributes(spec: IDiscreteLegendSpec, rect: ILayoutRect): any;

package/cjs/component/legend/discrete/util.js

@@ -0,0 +1,36 @@
+"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.getLegendAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), util_1 = require("../../../util"), style_1 = require("../../../util/style"), util_2 = require("../util");
+
+function getLegendAttributes(spec, rect) {
+    const _a = (0, util_1.mergeSpec)({}, spec), {title: title = {}, item: item = {}, pager: pager = {}, background: background = {}, type: type, id: id, visible: visible, orient: orient, position: position, data: data, filter: filter, regionId: regionId, regionIndex: regionIndex, seriesIndex: seriesIndex, seriesId: seriesId, padding: padding} = _a, attrs = __rest(_a, [ "title", "item", "pager", "background", "type", "id", "visible", "orient", "position", "data", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding" ]);
+    return title.visible && (attrs.title = (0, util_2.transformLegendTitleAttributes)(title)), 
+    (0, vutils_1.isEmpty)(item.focusIconStyle) || (0, style_1.transformToGraphic)(item.focusIconStyle), 
+    item.shape = (0, style_1.transformComponentStyle)(item.shape), item.label = (0, 
+    style_1.transformComponentStyle)(item.label), item.value = (0, style_1.transformComponentStyle)(item.value), 
+    item.background = (0, style_1.transformComponentStyle)(item.background), (0, util_1.isPercent)(item.maxWidth) && (item.maxWidth = Number(item.maxWidth.substring(0, item.maxWidth.length - 1)) * rect.width / 100), 
+    (0, util_1.isPercent)(item.width) && (item.width = Number(item.width.substring(0, item.width.length - 1)) * rect.width / 100), 
+    (0, util_1.isPercent)(item.height) && (item.height = Number(item.height.substring(0, item.height.length - 1)) * rect.width / 100), 
+    attrs.item = item, (0, vutils_1.isEmpty)(pager.textStyle) || (0, style_1.transformToGraphic)(pager.textStyle), 
+    (0, style_1.transformComponentStyle)(pager.handler), attrs.pager = pager, 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;
+}
+
+exports.getLegendAttributes = getLegendAttributes;
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/legend/discrete/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { isEmpty, isValid } from '@visactor/vutils';\nimport type { ILayoutRect } from '../../../model/interface';\nimport { isPercent, mergeSpec } from '../../../util';\nimport { transformComponentStyle, transformToGraphic } from '../../../util/style';\nimport { transformLegendTitleAttributes } from '../util';\nimport type { IDiscreteLegendSpec } from './interface';\n\nexport function getLegendAttributes(spec: IDiscreteLegendSpec, rect: ILayoutRect) {\n  const {\n    // 需要进行样式转换的属性\n    title = {},\n    item = {},\n    pager = {},\n    background = {},\n\n    // 以下不属于 legend 需要的属性，单独拿出来以免污染传递给组件的属性\n    type,\n    id,\n    visible,\n    orient,\n    position,\n    data,\n    filter,\n    regionId,\n    regionIndex,\n    seriesIndex,\n    seriesId,\n    padding, // vchart 布局模块已经处理了\n\n    ...restSpec\n  } = mergeSpec({}, spec);\n\n  const attrs: any = restSpec;\n\n  // transform title\n  if (title.visible) {\n    attrs.title = transformLegendTitleAttributes(title);\n  }\n\n  // transform item\n  if (!isEmpty(item.focusIconStyle)) {\n    transformToGraphic(item.focusIconStyle);\n  }\n  item.shape = transformComponentStyle(item.shape);\n  item.label = transformComponentStyle(item.label);\n  item.value = transformComponentStyle(item.value);\n  item.background = transformComponentStyle(item.background);\n\n  if (isPercent(item.maxWidth)) {\n    item.maxWidth = (Number(item.maxWidth.substring(0, item.maxWidth.length - 1)) * rect.width) / 100;\n  }\n  if (isPercent(item.width)) {\n    item.width = (Number(item.width.substring(0, item.width.length - 1)) * rect.width) / 100;\n  }\n  if (isPercent(item.height)) {\n    item.height = (Number(item.height.substring(0, item.height.length - 1)) * rect.width) / 100;\n  }\n  attrs.item = item;\n\n  // transform pager\n  if (!isEmpty(pager.textStyle)) {\n    transformToGraphic(pager.textStyle);\n  }\n  transformComponentStyle(pager.handler);\n  attrs.pager = pager;\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"]}

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

@@ -0,0 +1,3 @@
+export * from './discrete';
+export * from './continuous';
+export * from './interface';

package/cjs/component/legend/index.js

@@ -0,0 +1,22 @@
+"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("./discrete"), exports), __exportStar(require("./continuous"), exports), 
+__exportStar(require("./interface"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,35 @@
+import type { LegendTitle } from '@visactor/vrender-components';
+import type { Datum, IOrientType, IPadding, IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec, StringOrNumber } from '../../typings';
+import type { IComponent } from '../interface';
+import type { IComponentSpec } from '../base/interface';
+export type ILegend = IComponent & {
+    getLegendData: () => Datum[];
+    getSelectedData: () => StringOrNumber[];
+    setSelectedData: (d: StringOrNumber[]) => void;
+};
+export type NoVisibleMarkStyle<T> = Omit<T, 'visible'>;
+export type ITitle = {
+    textStyle?: NoVisibleMarkStyle<ITextMarkSpec>;
+    style?: NoVisibleMarkStyle<ITextMarkSpec>;
+    shape?: {
+        visible?: boolean;
+        space?: number;
+        style?: NoVisibleMarkStyle<ISymbolMarkSpec>;
+    };
+    background?: {
+        visible?: boolean;
+        style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'visible' | 'width' | 'height'>;
+    };
+} & Omit<LegendTitle, 'textStyle' | 'style' | 'background'>;
+export type ILegendCommonSpec = {
+    visible?: boolean;
+    orient?: IOrientType;
+    position?: 'start' | 'middle' | 'end';
+    filter?: boolean;
+    title?: ITitle;
+    background?: {
+        visible?: boolean;
+        padding?: IPadding | number | number[];
+        style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'visible' | 'width' | 'height'>;
+    };
+} & Omit<IComponentSpec, 'orient'>;

package/cjs/component/legend/interface.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/legend/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { LegendTitle } from '@visactor/vrender-components';\nimport type {\n  Datum,\n  IOrientType,\n  IPadding,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec,\n  StringOrNumber\n} from '../../typings';\nimport type { IComponent } from '../interface';\nimport type { IComponentSpec } from '../base/interface';\n\nexport type ILegend = IComponent & {\n  getLegendData: () => Datum[];\n  getSelectedData: () => StringOrNumber[];\n  setSelectedData: (d: StringOrNumber[]) => void;\n};\n\nexport type NoVisibleMarkStyle<T> = Omit<T, 'visible'>;\n\nexport type ITitle = {\n  /** 标题文本样式 */\n  textStyle?: NoVisibleMarkStyle<ITextMarkSpec>;\n  /**\n   * @deprecated 请使用 textStyle 配置文本样式\n   */\n  style?: NoVisibleMarkStyle<ITextMarkSpec>;\n  /** 文本前 mark 图元 */\n  shape?: {\n    /**\n     * 是否展示 shape\n     */\n    visible?: boolean;\n    /**\n     * shape 同 文本的间距\n     */\n    space?: number;\n    style?: NoVisibleMarkStyle<ISymbolMarkSpec>;\n  };\n  /**\n   * 标题的背景面板配置\n   */\n  background?: {\n    /**\n     * 是否绘制背景层\n     */\n    visible?: boolean;\n    /**\n     * 背景层样式\n     */\n    style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'visible' | 'width' | 'height'>;\n  };\n} & Omit<LegendTitle, 'textStyle' | 'style' | 'background'>;\n\n// 图例组件通用配置\nexport type ILegendCommonSpec = {\n  /**\n   * 是否显示图例\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 图例位置\n   * @default 'left'\n   */\n  orient?: IOrientType;\n  /**\n   * 图例在当前行列的对齐方式，起始 | 居中 | 末尾\n   * @default 'middle'\n   */\n  position?: 'start' | 'middle' | 'end';\n\n  /**\n   * 是否进行数据筛选，默认为 true\n   */\n  filter?: boolean;\n\n  /**\n   * 图例标题配置\n   */\n  title?: ITitle;\n\n  /**\n   * 图例背景配置\n   */\n  background?: {\n    /**\n     * 是否绘制背景层\n     */\n    visible?: boolean;\n    /**\n     * 背景内边距\n     */\n    padding?: IPadding | number | number[];\n    /**\n     * 背景层样式\n     */\n    style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'visible' | 'width' | 'height'>;\n  };\n} & Omit<IComponentSpec, 'orient'>;\n"]}

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

@@ -0,0 +1,26 @@
+import type { ILegendCommonSpec, ITitle } from './interface';
+export declare function transformLegendTitleAttributes(title: ITitle): {
+    textStyle?: import("./interface").NoVisibleMarkStyle<import("../..").ITextMarkSpec>;
+    style?: import("./interface").NoVisibleMarkStyle<import("../..").ITextMarkSpec>;
+    shape?: {
+        visible?: boolean;
+        space?: number;
+        style?: import("./interface").NoVisibleMarkStyle<import("../..").ISymbolMarkSpec>;
+    } & {
+        visible?: boolean;
+        space?: number;
+        style?: Omit<Partial<import("@visactor/vrender").ISymbolGraphicAttribute>, "visible">;
+    };
+    background?: {
+        visible?: boolean;
+        style?: Omit<import("./interface").NoVisibleMarkStyle<import("../..").IRectMarkSpec>, "visible" | "width" | "height">;
+    };
+    text?: string | number | string[] | number[];
+    visible?: boolean;
+    padding?: import("@visactor/vrender-components/es/core/type").Padding;
+    maxWidth?: number;
+    minWidth?: number;
+    space?: number;
+    align?: "center" | "start" | "end";
+};
+export declare function getLayout(spec: ILegendCommonSpec): "vertical" | "horizontal";

package/cjs/component/legend/util.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getLayout = exports.transformLegendTitleAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), util_1 = require("../../util"), style_1 = require("../../util/style");
+
+function transformLegendTitleAttributes(title) {
+    var _a, _b;
+    const transformedTitle = Object.assign({}, title);
+    return (0, vutils_1.isEmpty)(title.style) || (transformedTitle.textStyle = (0, style_1.transformToGraphic)(title.style)), 
+    (0, vutils_1.isEmpty)(title.textStyle) || (0, util_1.mergeSpec)(transformedTitle.textStyle, (0, 
+    style_1.transformToGraphic)(title.textStyle)), (null === (_a = title.shape) || void 0 === _a ? void 0 : _a.style) && (0, 
+    style_1.transformToGraphic)(transformedTitle.shape.style), (null === (_b = title.background) || void 0 === _b ? void 0 : _b.style) && (0, 
+    style_1.transformToGraphic)(transformedTitle.background.style), transformedTitle;
+}
+
+function getLayout(spec) {
+    return "bottom" === spec.orient || "top" === spec.orient ? "horizontal" : "vertical";
+}
+
+exports.transformLegendTitleAttributes = transformLegendTitleAttributes, exports.getLayout = getLayout;
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/legend/util.ts"],"names":[],"mappings":";;;AACA,6CAA2C;AAC3C,qCAAuC;AACvC,4CAAsD;AAEtD,SAAgB,8BAA8B,CAAC,KAAa;;IAC1D,MAAM,gBAAgB,qBACjB,KAAK,CACT,CAAC;IACF,IAAI,CAAC,IAAA,gBAAO,EAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACzB,gBAAgB,CAAC,SAAS,GAAG,IAAA,0BAAkB,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC9D;IACD,IAAI,CAAC,IAAA,gBAAO,EAAC,KAAK,CAAC,SAAS,CAAC,EAAE;QAC7B,IAAA,gBAAS,EAAC,gBAAgB,CAAC,SAAS,EAAE,IAAA,0BAAkB,EAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;KAC5E;IAED,IAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,EAAE;QACtB,IAAA,0BAAkB,EAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAClD;IAED,IAAI,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,EAAE;QAC3B,IAAA,0BAAkB,EAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;KACvD;IACD,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAnBD,wEAmBC;AAOD,SAAgB,SAAS,CAAC,IAAuB;IAC/C,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;AACvF,CAAC;AAFD,8BAEC","file":"util.js","sourcesContent":["import type { ILegendCommonSpec, ITitle } from './interface';\nimport { isEmpty } from '@visactor/vutils';\nimport { mergeSpec } from '../../util';\nimport { transformToGraphic } from '../../util/style';\n\nexport function transformLegendTitleAttributes(title: ITitle) {\n  const transformedTitle = {\n    ...title\n  };\n  if (!isEmpty(title.style)) {\n    transformedTitle.textStyle = transformToGraphic(title.style);\n  }\n  if (!isEmpty(title.textStyle)) {\n    mergeSpec(transformedTitle.textStyle, transformToGraphic(title.textStyle));\n  }\n\n  if (title.shape?.style) {\n    transformToGraphic(transformedTitle.shape.style);\n  }\n\n  if (title.background?.style) {\n    transformToGraphic(transformedTitle.background.style);\n  }\n  return transformedTitle;\n}\n\n/**\n * 根据图例 spec.orient 参数判断是水平还是垂直布局\n * @param spec\n * @returns\n */\nexport function getLayout(spec: ILegendCommonSpec) {\n  return spec.orient === 'bottom' || spec.orient === 'top' ? 'horizontal' : 'vertical';\n}\n"]}

package/cjs/component/map-label/component.d.ts

@@ -0,0 +1,51 @@
+import type { IRect } from '../../typings/space';
+import { BaseComponent } from '../base';
+import type { IComponentOption } from '../interface';
+import { ComponentTypeEnum } from '../interface';
+import { LayoutZIndex } from '../../constant';
+import type { IMapLabelSpec, MapLabelSceneNodeMap } from './interface';
+import type { ICartesianSeries, IGeoSeries } from '../../series/interface';
+import type { IPoint, Datum } from '../../typings';
+import type { IPairInfo } from './layout';
+import type { LayoutItem } from '../../model/layout-item';
+import { MarkPoint } from '@visactor/vrender-components';
+import type { PanEventParam, ZoomEventParam } from '../../event/interface';
+export declare class MapLabelComponent extends BaseComponent<IMapLabelSpec> {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    layoutType: LayoutItem['layoutType'];
+    static speckey: string;
+    layoutZIndex: LayoutZIndex;
+    protected nameField: string;
+    protected valueField?: string;
+    protected _series: ICartesianSeries | IGeoSeries;
+    protected _map: any[];
+    protected _longitudeField: string;
+    protected _latitudeField: string;
+    protected _markerComponents: MarkPoint[];
+    private _activeDatum;
+    static createComponent(spec: any, options: IComponentOption): MapLabelComponent;
+    setAttrFromSpec(): void;
+    created(): void;
+    initRelatedInfo(): void;
+    initData(): void;
+    initEvent(): void;
+    handlePan(e: PanEventParam): void;
+    handleZoom(e: ZoomEventParam): void;
+    private _updateDatum;
+    dataToPosition(datum: any): IPoint;
+    updateLayoutAttribute(): void;
+    protected _updateMarkerLayoutAttribute(): void;
+    protected _evaluateMarker(data: Datum, index: number): {
+        pairInfo: IPairInfo;
+        contentMarks: Partial<Record<import("./interface").IMapLabelNodes, import("@visactor/vrender").IGraphic<Partial<import("@visactor/vrender").IGraphicAttribute>>>>;
+    };
+    protected _layoutMarkers(positionedRects: IRect[], contentMarks: MapLabelSceneNodeMap[]): void;
+    protected _renderMarkers(): void;
+    protected _layoutLabels(rects: IPairInfo[]): IRect[];
+    private _isRelativeModel;
+    private _isRelativeSeries;
+    onRender(ctx: any): void;
+    changeRegions(): void;
+}