@visactor/vrender-components 0.0.38-brush.2-alpha.0

package/es/legend/color/color.d.ts

@@ -0,0 +1,37 @@
+import { LegendBase } from '../base';
+import { ColorLegendAttributes } from './type';
+export declare class ColorContinuousLegend extends LegendBase<ColorLegendAttributes> {
+    name: string;
+    static defaultAttributes: {
+        layout: string;
+        title: {
+            align: string;
+            space: number;
+            textStyle: {
+                fontSize: number;
+                fontWeight: string;
+                fillColor: string;
+            };
+        };
+        handlerSize: number;
+        handlerStyle: {
+            lineWidth: number;
+            strokeColor: string;
+            outerBorder: {
+                distance: number;
+                lineWidth: number;
+                strokeColor: string;
+            };
+        };
+    };
+    private _slider;
+    private _colorScale;
+    private _color;
+    constructor(attributes: ColorLegendAttributes);
+    setSelected(value: number[]): void;
+    protected _renderContent(): void;
+    protected _bindEvents(): void;
+    private _getTrackColor;
+    private _onSliderChange;
+    private _updateColor;
+}

package/es/legend/color/color.js

@@ -0,0 +1,128 @@
+import { merge, isEmpty, get } from "@visactor/vutils";
+
+import { LinearScale } from "@visactor/vscale";
+
+import { LegendBase } from "../base";
+
+import { Slider } from "../../slider";
+
+import { DEFAULT_TITLE_SPACE } from "../constant";
+
+export class ColorContinuousLegend extends LegendBase {
+    constructor(attributes) {
+        super(merge({}, ColorContinuousLegend.defaultAttributes, attributes)), this.name = "colorLegend", 
+        this._onSliderChange = e => {
+            this._updateColor(), this.dispatchEvent(e);
+        };
+    }
+    setSelected(value) {
+        this._slider && (this._slider.setValue(value), this._updateColor());
+    }
+    _renderContent() {
+        const {colors: colors, slidable: slidable, layout: layout, align: align, min: min, max: max, value: value, railWidth: railWidth, railHeight: railHeight, showHandler: showHandler = !0, handlerSize: handlerSize, handlerStyle: handlerStyle, railStyle: railStyle, trackStyle: trackStyle, startText: startText, endText: endText, handlerText: handlerText, showTooltip: showTooltip, tooltip: tooltip} = this.attribute, domain = [], step = (max - min) / (colors.length - 1);
+        for (let i = 0; i < colors.length; i++) domain.push(min + step * i);
+        this._colorScale = (new LinearScale).domain(domain, !0).range(colors), this._color = this._getTrackColor();
+        const slider = new Slider({
+            x: 0,
+            y: 0,
+            range: {
+                draggableTrack: !0
+            },
+            slidable: slidable,
+            layout: layout,
+            align: align,
+            min: min,
+            max: max,
+            value: value,
+            railWidth: railWidth,
+            railHeight: railHeight,
+            showHandler: showHandler,
+            handlerSize: handlerSize,
+            handlerStyle: handlerStyle,
+            railStyle: railStyle,
+            trackStyle: Object.assign({
+                fillColor: this._color
+            }, trackStyle),
+            startText: startText,
+            endText: endText,
+            handlerText: handlerText,
+            showTooltip: showTooltip,
+            tooltip: tooltip
+        });
+        this._innerView.add(slider), this._slider = slider, slider.translateTo(0 - slider.AABBBounds.x1, (this._title ? this._title.AABBBounds.height() + get(this.attribute, "title.space", DEFAULT_TITLE_SPACE) : 0) - slider.AABBBounds.y1), 
+        this._updateColor();
+    }
+    _bindEvents() {
+        this._slider && this._slider.addEventListener("change", this._onSliderChange);
+    }
+    _getTrackColor() {
+        const {colors: colors, layout: layout} = this.attribute;
+        if (isEmpty(colors)) return;
+        const count = colors.length;
+        if (1 === count) return colors[0];
+        const stops = [];
+        for (let i = 0; i < count; i++) {
+            const percent = i / (count - 1);
+            stops.push({
+                offset: percent,
+                color: colors[i]
+            });
+        }
+        const isHorizontal = "horizontal" === layout;
+        return {
+            gradient: "linear",
+            stops: stops,
+            x0: 0,
+            y0: 0,
+            x1: isHorizontal ? 1 : 0,
+            y1: isHorizontal ? 0 : 1
+        };
+    }
+    _updateColor() {
+        const {layout: layout = "horizontal", colors: colors, railWidth: railWidth, railHeight: railHeight} = this.attribute, {startHandler: startHandler, endHandler: endHandler, track: track} = this._slider, {startValue: startValue, endValue: endValue, startPos: startPos, endPos: endPos} = this._slider.currentValue, startHandlerColor = this._colorScale.scale(startValue), endHandlerColor = this._colorScale.scale(endValue);
+        null == startHandler || startHandler.setAttribute("fillColor", startHandlerColor), 
+        null == endHandler || endHandler.setAttribute("fillColor", endHandlerColor);
+        const railLen = "horizontal" === layout ? railWidth : railHeight;
+        if (Math.abs(startPos - endPos) !== railLen && colors && colors.length > 1) {
+            const stops = this._color.stops, start = Math.min(startPos, endPos), end = Math.max(startPos, endPos), startRatio = start / railLen, endRatio = end / railLen, range = endRatio - startRatio, betweenStops = stops.filter((stop => stop.offset > startRatio && stop.offset < endRatio)), minValue = Math.min(startValue, endValue), maxValue = Math.max(startValue, endValue), startColor = this._colorScale.scale(minValue), endColor = this._colorScale.scale(maxValue), newStops = [ {
+                offset: 0,
+                color: startColor
+            } ];
+            betweenStops.forEach((stop => {
+                newStops.push({
+                    offset: (stop.offset - startRatio) / range,
+                    color: stop.color
+                });
+            })), newStops.push({
+                offset: 1,
+                color: endColor
+            }), track.setAttribute("fillColor", Object.assign(Object.assign({}, this._color), {
+                stops: newStops
+            }));
+        }
+    }
+}
+
+ColorContinuousLegend.defaultAttributes = {
+    layout: "horizontal",
+    title: {
+        align: "start",
+        space: DEFAULT_TITLE_SPACE,
+        textStyle: {
+            fontSize: 12,
+            fontWeight: "bold",
+            fillColor: "rgba(46, 47, 50, 1)"
+        }
+    },
+    handlerSize: 10,
+    handlerStyle: {
+        lineWidth: 4,
+        strokeColor: "#fff",
+        outerBorder: {
+            distance: 2,
+            lineWidth: 1,
+            strokeColor: "#ccc"
+        }
+    }
+};
+//# sourceMappingURL=color.js.map

package/es/legend/color/color.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/legend/color/color.ts"],"names":[],"mappings":"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","file":"color.js","sourcesContent":["/**\n * @description 连续颜色图例\n * TODO:\n * showHandlers 测试\n */\nimport { merge, isEmpty, get } from '@visactor/vutils';\nimport { FederatedPointerEvent, IColor, ILinearGradient, INode } from '@visactor/vrender';\nimport { LinearScale, ILinearScale } from '@visactor/vscale';\nimport { LegendBase } from '../base';\nimport { Slider } from '../../slider';\nimport { DEFAULT_TITLE_SPACE } from '../constant';\nimport { ColorLegendAttributes } from './type';\n\nexport class ColorContinuousLegend extends LegendBase<ColorLegendAttributes> {\n  name = 'colorLegend';\n\n  static defaultAttributes = {\n    layout: 'horizontal',\n    title: {\n      // orient: 'top',\n      align: 'start',\n      space: DEFAULT_TITLE_SPACE,\n      textStyle: {\n        fontSize: 12,\n        fontWeight: 'bold',\n        fillColor: 'rgba(46, 47, 50, 1)'\n      }\n    },\n    handlerSize: 10,\n    handlerStyle: {\n      lineWidth: 4,\n      strokeColor: '#fff',\n      outerBorder: {\n        distance: 2,\n        lineWidth: 1,\n        strokeColor: '#ccc'\n      }\n    }\n  };\n\n  private _slider!: Slider;\n  private _colorScale!: ILinearScale;\n  private _color: IColor | undefined;\n\n  constructor(attributes: ColorLegendAttributes) {\n    super(merge({}, ColorContinuousLegend.defaultAttributes, attributes));\n  }\n\n  /**\n   * 更新数据选中范围\n   * @param value 选中数据范围\n   * @returns\n   */\n  setSelected(value: number[]) {\n    if (!this._slider) {\n      return;\n    }\n    this._slider.setValue(value);\n    this._updateColor();\n  }\n\n  protected _renderContent(): void {\n    const {\n      colors,\n      slidable,\n      layout,\n      align,\n      min,\n      max,\n      value,\n      railWidth,\n      railHeight,\n      showHandler = true,\n      handlerSize,\n      handlerStyle,\n      railStyle,\n      trackStyle,\n      startText,\n      endText,\n      handlerText,\n      showTooltip,\n      tooltip\n    } = this.attribute as ColorLegendAttributes;\n\n    // 创建 colorScale\n    const domain = [];\n    const step = (max - min) / (colors.length - 1);\n    for (let i = 0; i < colors.length; i++) {\n      domain.push(min + step * i);\n    }\n    this._colorScale = new LinearScale().domain(domain, true).range(colors);\n    this._color = this._getTrackColor();\n\n    const slider = new Slider({\n      x: 0,\n      y: 0,\n      range: {\n        draggableTrack: true\n      },\n      slidable,\n      layout,\n      align,\n      min,\n      max,\n      value,\n      railWidth,\n      railHeight,\n      showHandler,\n      handlerSize,\n      handlerStyle,\n      railStyle,\n      trackStyle: {\n        fillColor: this._color,\n        ...trackStyle\n      },\n      startText,\n      endText,\n      handlerText,\n      showTooltip,\n      tooltip\n    });\n    this._innerView.add(slider as unknown as INode);\n    this._slider = slider;\n    // 做下位置调整，对齐\n    slider.translateTo(\n      0 - slider.AABBBounds.x1,\n      (this._title ? this._title.AABBBounds.height() + get(this.attribute, 'title.space', DEFAULT_TITLE_SPACE) : 0) -\n        slider.AABBBounds.y1\n    );\n    this._updateColor();\n  }\n\n  protected _bindEvents(): void {\n    if (this._slider) {\n      this._slider.addEventListener('change', this._onSliderChange as EventListenerOrEventListenerObject);\n    }\n  }\n\n  private _getTrackColor(): IColor | undefined {\n    const { colors, layout } = this.attribute as ColorLegendAttributes;\n\n    if (isEmpty(colors)) {\n      return undefined;\n    }\n    const count = colors.length;\n    if (count === 1) {\n      return colors[0];\n    }\n    const stops = [];\n\n    for (let i = 0; i < count; i++) {\n      const percent = i / (count - 1);\n      stops.push({\n        offset: percent,\n        color: colors[i]\n      });\n    }\n    const isHorizontal = layout === 'horizontal';\n    return {\n      gradient: 'linear',\n      stops,\n      x0: 0,\n      y0: 0,\n      x1: isHorizontal ? 1 : 0,\n      y1: isHorizontal ? 0 : 1\n    };\n  }\n\n  private _onSliderChange = (e: FederatedPointerEvent) => {\n    // 更新 handler 以及 track 的渐变色\n    this._updateColor();\n    this.dispatchEvent(e);\n  };\n\n  private _updateColor() {\n    const { layout = 'horizontal', colors, railWidth, railHeight } = this.attribute as ColorLegendAttributes;\n    const { startHandler, endHandler, track } = this._slider;\n    const { startValue, endValue, startPos, endPos } = this._slider.currentValue;\n\n    // 计算颜色\n    const startHandlerColor = this._colorScale.scale(startValue);\n    const endHandlerColor = this._colorScale.scale(endValue);\n    startHandler?.setAttribute('fillColor', startHandlerColor);\n    endHandler?.setAttribute('fillColor', endHandlerColor);\n\n    const isHorizontal = layout === 'horizontal';\n    const railLen = isHorizontal ? railWidth : railHeight;\n    const trackLength = Math.abs((startPos as number) - (endPos as number));\n\n    // 计算渐变色\n    if (trackLength !== railLen && colors && colors.length > 1) {\n      const stops = (this._color as ILinearGradient).stops;\n      const start = Math.min(startPos as number, endPos as number);\n      const end = Math.max(startPos as number, endPos as number);\n      const startRatio = start / railLen;\n      const endRatio = end / railLen;\n      const range = endRatio - startRatio;\n      const betweenStops = stops.filter(stop => stop.offset > startRatio && stop.offset < endRatio);\n\n      const minValue = Math.min(startValue, endValue);\n      const maxValue = Math.max(startValue, endValue);\n      const startColor = this._colorScale.scale(minValue);\n      const endColor = this._colorScale.scale(maxValue);\n      const newStops = [{ offset: 0, color: startColor }];\n      betweenStops.forEach(stop => {\n        newStops.push({\n          offset: (stop.offset - startRatio) / range,\n          color: stop.color\n        });\n      });\n      newStops.push({\n        offset: 1,\n        color: endColor\n      });\n      track.setAttribute('fillColor', {\n        ...(this._color as ILinearGradient),\n        stops: newStops\n      });\n    }\n  }\n}\n"]}

package/es/legend/color/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color';
+export * from './type';

package/es/legend/color/index.js

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

package/es/legend/color/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/legend/color/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["export * from './color';\nexport * from './type';\n"]}

package/es/legend/color/type.d.ts

@@ -0,0 +1,5 @@
+import { SliderAttributes } from '../../slider/type';
+import { LegendBaseAttributes } from '../type';
+export type ColorLegendAttributes = {
+    colors: string[];
+} & Omit<SliderAttributes, 'step' | 'range'> & LegendBaseAttributes;

package/es/legend/color/type.js

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

package/es/legend/color/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/legend/color/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import { SliderAttributes } from '../../slider/type';\nimport { LegendBaseAttributes } from '../type';\nexport type ColorLegendAttributes = {\n  /**\n   * 图例的颜色\n   */\n  colors: string[];\n} & Omit<SliderAttributes, 'step' | 'range'> &\n  LegendBaseAttributes;\n"]}

package/es/legend/constant.d.ts

@@ -0,0 +1,29 @@
+export declare const DEFAULT_SHAPE_SIZE = 10;
+export declare const DEFAULT_SHAPE_SPACE = 8;
+export declare const DEFAULT_LABEL_SPACE = 8;
+export declare const DEFAULT_VALUE_SPACE = 8;
+export declare const DEFAULT_ITEM_SPACE_COL = 16;
+export declare const DEFAULT_ITEM_SPACE_ROW = 8;
+export declare const DEFAULT_TITLE_SPACE = 12;
+export declare const DEFAULT_PAGER_SPACE = 12;
+export declare enum LegendStateValue {
+    selected = "selected",
+    unSelected = "unSelected",
+    selectedHover = "selectedHover",
+    unSelectedHover = "unSelectedHover",
+    focus = "focus"
+}
+export declare enum LegendEvent {
+    legendItemHover = "legendItemHover",
+    legendItemUnHover = "legendItemUnHover",
+    legendItemClick = "legendItemClick"
+}
+export declare enum LEGEND_ELEMENT_NAME {
+    innerView = "innerView",
+    title = "legendTitle",
+    item = "legendItem",
+    itemShape = "legendItemShape",
+    itemLabel = "legendItemLabel",
+    itemValue = "legendItemValue",
+    focus = "legendItemFocus"
+}

package/es/legend/constant.js

@@ -0,0 +1,40 @@
+export const DEFAULT_SHAPE_SIZE = 10;
+
+export const DEFAULT_SHAPE_SPACE = 8;
+
+export const DEFAULT_LABEL_SPACE = 8;
+
+export const DEFAULT_VALUE_SPACE = 8;
+
+export const DEFAULT_ITEM_SPACE_COL = 16;
+
+export const DEFAULT_ITEM_SPACE_ROW = 8;
+
+export const DEFAULT_TITLE_SPACE = 12;
+
+export const DEFAULT_PAGER_SPACE = 12;
+
+export var LegendStateValue;
+
+!function(LegendStateValue) {
+    LegendStateValue.selected = "selected", LegendStateValue.unSelected = "unSelected", 
+    LegendStateValue.selectedHover = "selectedHover", LegendStateValue.unSelectedHover = "unSelectedHover", 
+    LegendStateValue.focus = "focus";
+}(LegendStateValue || (LegendStateValue = {}));
+
+export var LegendEvent;
+
+!function(LegendEvent) {
+    LegendEvent.legendItemHover = "legendItemHover", LegendEvent.legendItemUnHover = "legendItemUnHover", 
+    LegendEvent.legendItemClick = "legendItemClick";
+}(LegendEvent || (LegendEvent = {}));
+
+export var LEGEND_ELEMENT_NAME;
+
+!function(LEGEND_ELEMENT_NAME) {
+    LEGEND_ELEMENT_NAME.innerView = "innerView", LEGEND_ELEMENT_NAME.title = "legendTitle", 
+    LEGEND_ELEMENT_NAME.item = "legendItem", LEGEND_ELEMENT_NAME.itemShape = "legendItemShape", 
+    LEGEND_ELEMENT_NAME.itemLabel = "legendItemLabel", LEGEND_ELEMENT_NAME.itemValue = "legendItemValue", 
+    LEGEND_ELEMENT_NAME.focus = "legendItemFocus";
+}(LEGEND_ELEMENT_NAME || (LEGEND_ELEMENT_NAME = {}));
+//# sourceMappingURL=constant.js.map

package/es/legend/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/legend/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AACrC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AACrC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AACrC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AACrC,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AACzC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AACtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAEtC,MAAM,CAAN,IAAY,gBAMX;AAND,WAAY,gBAAgB;IAC1B,yCAAqB,CAAA;IACrB,6CAAyB,CAAA;IACzB,mDAA+B,CAAA;IAC/B,uDAAmC,CAAA;IACnC,mCAAe,CAAA;AACjB,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,QAM3B;AAED,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,kDAAmC,CAAA;IACnC,sDAAuC,CAAA;IACvC,kDAAmC,CAAA;AACrC,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED,MAAM,CAAN,IAAY,mBAQX;AARD,WAAY,mBAAmB;IAC7B,8CAAuB,CAAA;IACvB,4CAAqB,CAAA;IACrB,0CAAmB,CAAA;IACnB,oDAA6B,CAAA;IAC7B,oDAA6B,CAAA;IAC7B,oDAA6B,CAAA;IAC7B,gDAAyB,CAAA;AAC3B,CAAC,EARW,mBAAmB,KAAnB,mBAAmB,QAQ9B","file":"constant.js","sourcesContent":["export const DEFAULT_SHAPE_SIZE = 10;\nexport const DEFAULT_SHAPE_SPACE = 8;\nexport const DEFAULT_LABEL_SPACE = 8;\nexport const DEFAULT_VALUE_SPACE = 8;\nexport const DEFAULT_ITEM_SPACE_COL = 16;\nexport const DEFAULT_ITEM_SPACE_ROW = 8;\nexport const DEFAULT_TITLE_SPACE = 12;\nexport const DEFAULT_PAGER_SPACE = 12;\n\nexport enum LegendStateValue {\n  selected = 'selected',\n  unSelected = 'unSelected',\n  selectedHover = 'selectedHover',\n  unSelectedHover = 'unSelectedHover',\n  focus = 'focus'\n}\n\nexport enum LegendEvent {\n  legendItemHover = 'legendItemHover',\n  legendItemUnHover = 'legendItemUnHover',\n  legendItemClick = 'legendItemClick'\n}\n\nexport enum LEGEND_ELEMENT_NAME {\n  innerView = 'innerView',\n  title = 'legendTitle',\n  item = 'legendItem',\n  itemShape = 'legendItemShape',\n  itemLabel = 'legendItemLabel',\n  itemValue = 'legendItemValue',\n  focus = 'legendItemFocus'\n}\n"]}

package/es/legend/discrete/discrete.d.ts

@@ -0,0 +1,26 @@
+import { LegendBase } from '../base';
+import { DiscreteLegendAttrs } from './type';
+export declare class DiscreteLegend extends LegendBase<DiscreteLegendAttrs> {
+    name: string;
+    private _itemsContainer;
+    private _itemWidthByUser;
+    private _itemHeightByUser;
+    private _itemHeight;
+    private _itemMaxWidth;
+    private _pager;
+    static defaultAttributes: Partial<DiscreteLegendAttrs>;
+    constructor(attributes: DiscreteLegendAttrs);
+    setSelected(selectedData: (string | number)[]): void;
+    protected _renderContent(): void;
+    protected _bindEvents(): void;
+    private _renderEachItem;
+    private _renderPager;
+    private _onHover;
+    private _onUnHover;
+    private _onClick;
+    private _setLegendItemState;
+    private _removeLegendItemState;
+    private _getSelectedLegends;
+    private _appendDataToShape;
+    private _dispatchEvent;
+}