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

package/cjs/axis/type.d.ts

@@ -0,0 +1,177 @@
+import { IGraphicAttribute, ILineGraphicAttribute, SymbolType, ITextGraphicAttribute, ISymbolGraphicAttribute, IRectGraphicAttribute, IGroupGraphicAttribute } from '@visactor/vrender';
+import { Dict } from '@visactor/vutils';
+import { Point } from '../core/type';
+import { SegmentAttributes } from '../segment';
+import { TagAttributes } from '../tag';
+export type AxisItemStateStyle<T> = {
+    hover?: T;
+    hover_reverse?: T;
+    selected?: T;
+    selected_reverse?: T;
+};
+export type callbackFunc<T> = (datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => T;
+export type TickLineItem = {
+    start: Point;
+    end: Point;
+    value: number;
+    anchor?: [number, number];
+    alpha?: number;
+    beta?: number;
+    [key: string]: any;
+};
+export type TransformedAxisItem = AxisItem & {
+    point: Point;
+};
+export type AxisItem = {
+    id?: string;
+    label: string;
+    value: number;
+    rawValue: any;
+    [key: string]: any;
+};
+export type GridItem = {
+    id?: string | number;
+    points: Point[];
+    [key: string]: any;
+};
+export type GridBaseAttributes = {
+    type: 'line' | 'circle' | 'polygon';
+    items: GridItem[];
+    closed?: boolean;
+    style?: ILineGraphicAttribute | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;
+    alternateColor?: string | string[];
+    zIndex?: number;
+    alignWithLabel?: boolean;
+} & IGroupGraphicAttribute;
+export type LineGridAttributes = {
+    type: 'line';
+    smoothLink?: boolean;
+    center?: Point;
+    depth?: number;
+} & GridBaseAttributes;
+export type PolygonGridAttributes = {
+    type: 'polygon';
+} & GridBaseAttributes;
+export type CircleGridAttributes = {
+    type: 'circle';
+    center: Point;
+} & GridBaseAttributes;
+export type GridAttributes = LineGridAttributes | CircleGridAttributes | PolygonGridAttributes;
+export interface AxisBaseAttributes extends IGroupGraphicAttribute {
+    select?: boolean;
+    hover?: boolean;
+    verticalFactor?: number;
+    items: AxisItem[][];
+    layoutSize?: [number, number];
+    title?: TitleAttributes;
+    label?: LabelAttributes;
+    tick?: TickAttributes;
+    subTick?: SubTickAttributes;
+    line?: LineAttributes;
+    grid?: LineAxisGridAttributes | CircleAxisGridAttributes;
+    subGrid?: SubGridAttributesForAxis;
+    panel?: {
+        visible?: boolean;
+        style?: Partial<IRectGraphicAttribute>;
+        state?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;
+    };
+}
+export type LineGridOfLineAxisAttributes = Omit<LineGridAttributes, 'items'> & {
+    visible?: boolean;
+    length: number;
+};
+export type PolarGridOfLineAxisAttributes = (Omit<PolygonGridAttributes, 'items'> | Omit<CircleGridAttributes, 'items'>) & {
+    visible?: boolean;
+    center?: Point;
+    sides?: number;
+    startAngle?: number;
+    endAngle?: number;
+};
+export type LineAxisGridAttributes = LineGridOfLineAxisAttributes | PolarGridOfLineAxisAttributes;
+export type SubGridAttributesForAxis = {
+    visible?: boolean;
+} & Pick<GridBaseAttributes, 'alternateColor' | 'style' | 'zIndex'>;
+export interface ILine3dType {
+    alpha: number;
+    anchor3d?: [number, number];
+}
+export interface IGrid3dType {
+    beta: number;
+    anchor3d?: [number, number];
+}
+export interface LineAxisAttributes extends AxisBaseAttributes {
+    start: Point;
+    end: Point;
+    grid?: LineAxisGridAttributes;
+}
+export interface CircleAxisGridAttributes extends Omit<LineGridAttributes, 'items'> {
+    type: 'line';
+    visible?: boolean;
+}
+export interface CircleAxisAttributes extends AxisBaseAttributes {
+    inside?: boolean;
+    center: Point;
+    startAngle?: number;
+    endAngle?: number;
+    radius: number;
+    innerRadius?: number;
+    grid?: CircleAxisGridAttributes;
+}
+export interface TitleAttributes extends Omit<TagAttributes, 'shape' | 'space' | 'text' | 'panel' | 'state'> {
+    visible?: boolean;
+    position?: 'start' | 'middle' | 'end';
+    space?: number;
+    autoRotate?: boolean;
+    text?: string | string[] | number | number[];
+    shape?: {
+        visible?: boolean;
+        space?: number;
+        style?: Omit<Partial<ISymbolGraphicAttribute>, 'visible'>;
+    };
+    background?: {
+        visible?: boolean;
+        style?: Omit<Partial<IRectGraphicAttribute>, 'visible' | 'width' | 'height'>;
+    };
+    state?: {
+        text?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;
+        shape?: AxisItemStateStyle<Partial<ISymbolGraphicAttribute>>;
+        background?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;
+    };
+}
+export interface LineAttributes extends Pick<SegmentAttributes, 'startSymbol' | 'endSymbol'> {
+    visible?: boolean;
+    breakRange?: [number, number];
+    breakShape?: SymbolType | [SymbolType, SymbolType];
+    breakShapeStyle?: Partial<IGraphicAttribute>;
+    style?: Partial<ILineGraphicAttribute>;
+    state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;
+}
+export interface TickAttributes {
+    visible: boolean;
+    inside?: boolean;
+    alignWithLabel?: boolean;
+    length?: number;
+    style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;
+    state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;
+}
+export interface SubTickAttributes {
+    visible: boolean;
+    count?: number;
+    inside?: boolean;
+    length?: number;
+    style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;
+    state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;
+}
+export interface LabelLayoutConfig {
+    type: 'autoHide' | 'autoRotate' | 'autoEllipsis' | 'custom';
+    [key: string]: any;
+}
+export interface LabelAttributes {
+    visible: boolean;
+    inside?: boolean;
+    space?: number;
+    formatMethod?: (value: string, datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => string;
+    style?: Partial<ITextGraphicAttribute> | callbackFunc<Partial<ITextGraphicAttribute> | undefined>;
+    layouts?: LabelLayoutConfig[];
+    state?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;
+}

package/cjs/axis/type.js

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

package/cjs/axis/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/axis/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import {\n  IGraphicAttribute,\n  ILineGraphicAttribute,\n  SymbolType,\n  ITextGraphicAttribute,\n  ISymbolGraphicAttribute,\n  IRectGraphicAttribute,\n  IGroupGraphicAttribute\n} from '@visactor/vrender';\nimport { Dict } from '@visactor/vutils';\nimport { Point } from '../core/type';\nimport { SegmentAttributes } from '../segment';\nimport { TagAttributes } from '../tag';\n\nexport type AxisItemStateStyle<T> = {\n  hover?: T;\n  hover_reverse?: T;\n  selected?: T;\n  selected_reverse?: T;\n};\n\nexport type callbackFunc<T> = (datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => T;\n\n// 处理过的用于绘制的 tickLine 数据\nexport type TickLineItem = {\n  start: Point;\n  end: Point;\n  /** 归一化后的数据 */\n  value: number;\n  // 3d数据\n  anchor?: [number, number];\n  alpha?: number;\n  beta?: number;\n  [key: string]: any;\n};\n\n// 处理过的用于绘制的数据\nexport type TransformedAxisItem = AxisItem & {\n  point: Point;\n};\n\nexport type AxisItem = {\n  /** 标识符，用于动画以及图形查找 */\n  id?: string;\n  /** 显示文本 */\n  label: string;\n  /** 归一化后的数据 */\n  value: number;\n  /** 对应原始数据 */\n  rawValue: any;\n  [key: string]: any;\n};\n\nexport type GridItem = {\n  /**\n   * 标识符\n   */\n  id?: string | number;\n  /** 网格线点集合 */\n  points: Point[];\n  [key: string]: any;\n};\n\n// 网格线配置\nexport type GridBaseAttributes = {\n  type: 'line' | 'circle' | 'polygon';\n  /**\n   * 网格线绘制点数据\n   */\n  items: GridItem[];\n  /**\n   * 栅格线是否封闭\n   */\n  closed?: boolean;\n  /**\n   * 线样式配置\n   */\n  style?: ILineGraphicAttribute | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  /**\n   * 两个栅格线间的填充色\n   */\n  alternateColor?: string | string[];\n  /**\n   * 网格线的绘图层级\n   */\n  zIndex?: number;\n  /** grid 是否与 label 对齐 */\n  alignWithLabel?: boolean;\n} & IGroupGraphicAttribute;\n\nexport type LineGridAttributes = {\n  type: 'line';\n  /**\n   * 当用户配置了 alternateColor 属性时，填充区域是否进行弧线连接\n   */\n  smoothLink?: boolean;\n  center?: Point;\n  /**\n   * 3d网格线的深度\n   */\n  depth?: number;\n} & GridBaseAttributes;\n\nexport type PolygonGridAttributes = {\n  type: 'polygon';\n} & GridBaseAttributes;\n\nexport type CircleGridAttributes = {\n  type: 'circle';\n  /**\n   * 用于圆弧型网格线的圆心位置声明\n   */\n  center: Point;\n} & GridBaseAttributes;\n\nexport type GridAttributes = LineGridAttributes | CircleGridAttributes | PolygonGridAttributes;\n\nexport interface AxisBaseAttributes extends IGroupGraphicAttribute {\n  /**\n   * 是否开启选中交互\n   * @default false\n   */\n  select?: boolean;\n  /**\n   * 是否开启 hover 交互\n   * @default false\n   */\n  hover?: boolean;\n  /**\n   * 垂直于坐标轴方向的因子，默认为 1\n   */\n  verticalFactor?: number;\n  /** 坐标轴数据 */\n  items: AxisItem[][];\n  /**\n   * TODO：待支持\n   * 坐标轴组件可占用尺寸，用于组件内部的约束性布局\n   */\n  layoutSize?: [number, number];\n  /**\n   * 轴标题配置\n   */\n  title?: TitleAttributes;\n  /**\n   * 轴标签配置\n   */\n  label?: LabelAttributes;\n  /**\n   * 轴刻度线配置\n   */\n  tick?: TickAttributes;\n  /**\n   * 自刻度线配置\n   */\n  subTick?: SubTickAttributes;\n  /**\n   * 轴线配置\n   */\n  line?: LineAttributes;\n  /**\n   * 网格线配置\n   */\n  grid?: LineAxisGridAttributes | CircleAxisGridAttributes;\n  /**\n   * 子刻度对应网格线配置\n   */\n  subGrid?: SubGridAttributesForAxis;\n  /**\n   * 坐标轴背景配置\n   */\n  panel?: {\n    /**\n     * 是否绘制坐标轴背景\n     */\n    visible?: boolean;\n    /**\n     * 坐标轴背景配置\n     */\n    style?: Partial<IRectGraphicAttribute>;\n    /**\n     * 坐标轴背景交互状态样式配置\n     */\n    state?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;\n  };\n}\n\nexport type LineGridOfLineAxisAttributes = Omit<LineGridAttributes, 'items'> & {\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n  /**\n   * 网格线的长度\n   */\n  length: number;\n};\n\nexport type PolarGridOfLineAxisAttributes = (\n  | Omit<PolygonGridAttributes, 'items'>\n  | Omit<CircleGridAttributes, 'items'>\n) & {\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n  /**\n   * 圆心\n   */\n  center?: Point;\n  /**\n   * 边数\n   */\n  sides?: number;\n  /**\n   * **弧度值**，起始弧度，默认 -0.5 * Math.PI\n   *\n   */\n  startAngle?: number;\n  /**\n   * **弧度值**，结束弧度，默认 1.5 * Math.PI\n   */\n  endAngle?: number;\n};\n\nexport type LineAxisGridAttributes = LineGridOfLineAxisAttributes | PolarGridOfLineAxisAttributes;\nexport type SubGridAttributesForAxis = {\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n} & Pick<GridBaseAttributes, 'alternateColor' | 'style' | 'zIndex'>;\n\nexport interface ILine3dType {\n  alpha: number;\n  anchor3d?: [number, number];\n}\n\nexport interface IGrid3dType {\n  beta: number;\n  anchor3d?: [number, number];\n}\n\nexport interface LineAxisAttributes extends AxisBaseAttributes {\n  /**\n   * 起始点坐标\n   */\n  start: Point;\n  /**\n   * 结束点坐标\n   */\n  end: Point;\n  /**\n   * 网格线配置\n   */\n  grid?: LineAxisGridAttributes;\n}\n\nexport interface CircleAxisGridAttributes extends Omit<LineGridAttributes, 'items'> {\n  type: 'line';\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n}\n\nexport interface CircleAxisAttributes extends AxisBaseAttributes {\n  /**\n   * 当配置了 innerRadius 时，可以通过设置 inside: true，将坐标轴战士在内圆半径上。\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * 圆心坐标\n   */\n  center: Point;\n  /**\n   * **弧度值**，起始弧度，默认 -0.5 * Math.PI\n   *\n   */\n  startAngle?: number;\n  /**\n   * **弧度值**，结束弧度，默认 1.5 * Math.PI\n   */\n  endAngle?: number;\n  /**\n   * 半径\n   */\n  radius: number;\n  /** 内半径 */\n  innerRadius?: number;\n  /**\n   * 网格线配置\n   */\n  grid?: CircleAxisGridAttributes;\n}\n\n// 坐标轴标题配置\nexport interface TitleAttributes extends Omit<TagAttributes, 'shape' | 'space' | 'text' | 'panel' | 'state'> {\n  /**\n   * 是否展示标题\n   */\n  visible?: boolean;\n  /**\n   * 标题的显示位置，默认 'middle'\n   */\n  position?: 'start' | 'middle' | 'end';\n  /**\n   * 标题距离坐标轴(轴线、刻度、标签共同构成的包围盒)的距离\n   */\n  space?: number;\n  /**\n   * 标题是否自动旋转以和坐标轴平行\n   */\n  autoRotate?: boolean;\n  /**\n   * 文本内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  text?: string | string[] | number | number[];\n  shape?: {\n    /**\n     * 是否展示 shape\n     */\n    visible?: boolean;\n    /**\n     * shape 同 文本的间距\n     */\n    space?: number;\n    style?: Omit<Partial<ISymbolGraphicAttribute>, 'visible'>;\n  };\n  /**\n   * 背景设置\n   */\n  background?: {\n    /**\n     * 是否绘制背景层\n     */\n    visible?: boolean;\n    /**\n     * 背景层样式\n     */\n    style?: Omit<Partial<IRectGraphicAttribute>, 'visible' | 'width' | 'height'>;\n  };\n\n  /**\n   * 交互状态样式配置\n   */\n  state?: {\n    /**\n     * text 文本的状态配置\n     */\n    text?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;\n    /**\n     * shape 标记的状态配置\n     */\n    shape?: AxisItemStateStyle<Partial<ISymbolGraphicAttribute>>;\n    /**\n     * panel 背景的状态配置\n     */\n    background?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;\n  };\n}\n// 坐标轴线配置\nexport interface LineAttributes extends Pick<SegmentAttributes, 'startSymbol' | 'endSymbol'> {\n  /**\n   * 是否展示轴线\n   */\n  visible?: boolean;\n  /**\n   * TODO: 待支持\n   * 坐标轴截断范围，当需要对坐标轴轴线截断时，可配置该属性\n   */\n  breakRange?: [number, number];\n  /**\n   * TODO: 待支持\n   * 截断区域的形状\n   */\n  breakShape?: SymbolType | [SymbolType, SymbolType];\n  /**\n   * TODO: 待支持\n   * 截断图形样式\n   */\n  breakShapeStyle?: Partial<IGraphicAttribute>;\n  /**\n   * 线的样式配置\n   */\n  style?: Partial<ILineGraphicAttribute>;\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;\n}\n\n// 轴刻度线配置\nexport interface TickAttributes {\n  /** 是否显示轴刻度线 */\n  visible: boolean;\n  /**\n   * 刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * tick 是否与 label 对齐\n   * @default true\n   */\n  alignWithLabel?: boolean;\n  /**\n   * 刻度线的长度\n   */\n  length?: number;\n  /**\n   * 刻度线样式配置\n   */\n  style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;\n}\n\n// 子轴刻度线配置\nexport interface SubTickAttributes {\n  /** 是否显示子轴刻度线 */\n  visible: boolean;\n  /**\n   * TODO: 考虑下 log 轴，自刻度线之间的间距是不均匀的问题\n   * 子刻度个数\n   */\n  count?: number;\n  /**\n   * 子刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * 子刻度线的长度\n   */\n  length?: number;\n  /**\n   * 子刻度线样式配置\n   */\n  style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;\n}\n\nexport interface LabelLayoutConfig {\n  type: 'autoHide' | 'autoRotate' | 'autoEllipsis' | 'custom';\n  [key: string]: any;\n}\n\nexport interface LabelAttributes {\n  /** 是否展示标签 */\n  visible: boolean;\n  /**\n   * 标签朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /** 标签同 tick 之间的间距 */\n  space?: number;\n  /**\n   * 格式化文本回调\n   * @param text 文本原始值\n   * @param item 对应的图形元素\n   * @param index 文本索引顺序\n   * @returns 格式化文本\n   */\n  formatMethod?: (value: string, datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => string;\n  /**\n   * 文本样式\n   */\n  style?: Partial<ITextGraphicAttribute> | callbackFunc<Partial<ITextGraphicAttribute> | undefined>;\n  /**\n   * TODO：待确定逻辑及配置\n   * 标签防重叠布局配置\n   */\n  layouts?: LabelLayoutConfig[];\n  state?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;\n}\n"]}

package/cjs/brush/brush.d.ts

@@ -0,0 +1,65 @@
+import { FederatedPointerEvent, IPolygon } from '@visactor/vrender';
+import { IBounds } from '@visactor/vutils';
+import { AbstractComponent } from '../core/base';
+import { BrushAttributes } from './type';
+export declare class Brush extends AbstractComponent<Required<BrushAttributes>> {
+    name: string;
+    static defaultAttributes: {
+        brushMode: string;
+        brushType: string;
+        brushStyle: {
+            fill: boolean;
+            fillColor: string;
+            fillOpacity: number;
+            strokeColor: string;
+            strokeWidth: number;
+        };
+        brushMoved: boolean;
+        removeOnClick: boolean;
+        delayType: string;
+        delayTime: number;
+        interactiveRange: {
+            y1: number;
+            y2: number;
+            x1: number;
+            x2: number;
+        };
+    };
+    private _container;
+    private _activeDrawState;
+    private _cacheDrawPoints;
+    private _activeMoveState;
+    private _operatingMaskMoveDx;
+    private _operatingMaskMoveDy;
+    private _operatingMaskMoveRangeX;
+    private _operatingMaskMoveRangeY;
+    private _cacheMovePoint;
+    private _operatingMask;
+    private _brushMaskAABBBoundsDict;
+    private _updateDragMaskCallback;
+    constructor(attributes: BrushAttributes);
+    protected bindBrushEvents(): void;
+    private _isPosInBrushMask;
+    private _onBrushStart;
+    private _onBrushing;
+    private _onBrushEnd;
+    private _initDraw;
+    private _initMove;
+    private _drawing;
+    private _moving;
+    private _computeMaskPoints;
+    protected _addBrushMask(): void;
+    private _outOfInteractiveRange;
+    protected eventPosToStagePos(e: FederatedPointerEvent): {
+        x: number;
+        y: number;
+    };
+    protected render(): void;
+    setUpdateDragMaskCallback(callback: (operateParams: {
+        operateType: string;
+        operateMask: IPolygon;
+        operatedMaskAABBBounds: {
+            [name: string]: IBounds;
+        };
+    }) => void): void;
+}

package/cjs/brush/brush.js

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Brush = void 0;
+
+const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), config_1 = require("./config"), delayMap = {
+    debounce: vutils_1.debounce,
+    throttle: vutils_1.throttle
+};
+
+class Brush extends base_1.AbstractComponent {
+    constructor(attributes) {
+        super((0, vutils_1.merge)({}, Brush.defaultAttributes, attributes)), this.name = "brush", 
+        this._activeDrawState = !1, this._cacheDrawPoints = [], this._activeMoveState = !1, 
+        this._operatingMaskMoveDx = 0, this._operatingMaskMoveDy = 0, this._operatingMaskMoveRangeX = [ -1 / 0, 1 / 0 ], 
+        this._operatingMaskMoveRangeY = [ -1 / 0, 1 / 0 ], this._brushMaskAABBBoundsDict = {}, 
+        this._onBrushStart = e => {
+            var _a, _b;
+            const brushMoved = null === (_b = null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.brushMoved) || void 0 === _b || _b;
+            this._activeMoveState = brushMoved && this._isPosInBrushMask(e), this._activeDrawState = !this._activeMoveState, 
+            this._outOfInteractiveRange(e) || (this._activeDrawState && this._initDraw(e), this._activeMoveState && this._initMove(e));
+        }, this._onBrushing = e => {
+            this._outOfInteractiveRange(e) || (this._activeDrawState && this._drawing(e), this._activeMoveState && this._moving(e));
+        }, this._onBrushEnd = e => {
+            this._outOfInteractiveRange(e) || (this._updateDragMaskCallback && this._updateDragMaskCallback({
+                operateType: this._activeDrawState ? "brushEnd" : "brushMaskUp",
+                operateMask: this._operatingMask,
+                operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+            }), this._activeDrawState = !1, this._activeMoveState = !1, this._operatingMask.setAttribute("pickable", !1));
+        };
+    }
+    bindBrushEvents() {
+        const {delayType: delayType = "throttle", delayTime: delayTime = 0} = this.attribute;
+        this.stage.addEventListener("pointerdown", this._onBrushStart), this.stage.addEventListener("pointermove", delayMap[delayType](this._onBrushing, delayTime)), 
+        this.stage.addEventListener("pointerup", this._onBrushEnd), this.stage.addEventListener("pointerupoutside", this._onBrushEnd);
+    }
+    _isPosInBrushMask(e) {
+        const pos = this.eventPosToStagePos(e), brushMasks = this._container.getChildren();
+        for (let i = 0; i < brushMasks.length; i++) {
+            const {points: points = [], dx: dx = 0, dy: dy = 0} = brushMasks[i].attribute, pointsConsiderOffset = points.map((point => ({
+                x: point.x + dx,
+                y: point.y + dy
+            })));
+            if ((0, vutils_1.polygonContainPoint)(pointsConsiderOffset, pos.x, pos.y)) return this._operatingMask = brushMasks[i], 
+            !0;
+        }
+        return !1;
+    }
+    _initDraw(e) {
+        const {brushMode: brushMode, removeOnClick: removeOnClick} = this.attribute, pos = this.eventPosToStagePos(e);
+        this._cacheDrawPoints = [ pos ], this._operatingMask || this._addBrushMask(), "single" === brushMode && removeOnClick ? (this._container.incrementalClearChild(), 
+        this._addBrushMask()) : "multiple" === brushMode && this._addBrushMask(), this._updateDragMaskCallback && this._updateDragMaskCallback({
+            operateType: "brushStart",
+            operateMask: this._operatingMask,
+            operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+        });
+    }
+    _initMove(e) {
+        var _a, _b;
+        this._cacheMovePoint = this.eventPosToStagePos(e), this._operatingMaskMoveDx = null !== (_a = this._operatingMask.attribute.dx) && void 0 !== _a ? _a : 0, 
+        this._operatingMaskMoveDy = null !== (_b = this._operatingMask.attribute.dy) && void 0 !== _b ? _b : 0;
+        const {interactiveRange: interactiveRange} = this.attribute, {minY: minY = -1 / 0, maxY: maxY = 1 / 0, minX: minX = -1 / 0, maxX: maxX = 1 / 0} = interactiveRange, {x1: x1, x2: x2, y1: y1, y2: y2} = this._operatingMask.globalAABBBounds, minMoveStepX = minX - x1, maxMoveStepX = maxX - x2, minMoveStepY = minY - y1, maxMoveStepY = maxY - y2;
+        this._operatingMaskMoveRangeX = [ minMoveStepX, maxMoveStepX ], this._operatingMaskMoveRangeY = [ minMoveStepY, maxMoveStepY ], 
+        this._operatingMask.setAttribute("pickable", !0), this._updateDragMaskCallback && this._updateDragMaskCallback({
+            operateType: "brushMaskDown",
+            operateMask: this._operatingMask,
+            operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+        });
+    }
+    _drawing(e) {
+        const {brushStyle: brushStyle} = this.attribute, pos = this.eventPosToStagePos(e);
+        if (this._cacheDrawPoints.length > 0) {
+            const lastPos = this._cacheDrawPoints[this._cacheDrawPoints.length - 1];
+            if (pos.x === (null == lastPos ? void 0 : lastPos.x) && pos.y === (null == lastPos ? void 0 : lastPos.y)) return;
+        }
+        if (this._cacheDrawPoints.push(pos), this._activeDrawState) {
+            const maskPoints = this._computeMaskPoints();
+            this._operatingMask.setAttribute("points", maskPoints), this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, 
+            this._updateDragMaskCallback && this._updateDragMaskCallback({
+                operateType: "brushing",
+                operateMask: this._operatingMask,
+                operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+            });
+        }
+    }
+    _moving(e) {
+        const startPos = this._cacheMovePoint, pos = this.eventPosToStagePos(e);
+        if (pos.x === (null == startPos ? void 0 : startPos.x) && pos.y === (null == startPos ? void 0 : startPos.y)) return;
+        const moveStepX = pos.x - startPos.x, moveStepY = pos.y - startPos.y, moveX = Math.min(this._operatingMaskMoveRangeX[1], Math.max(this._operatingMaskMoveRangeX[0], moveStepX)) + this._operatingMaskMoveDx, moveY = Math.min(this._operatingMaskMoveRangeY[1], Math.max(this._operatingMaskMoveRangeY[0], moveStepY)) + this._operatingMaskMoveDy;
+        this._operatingMask.setAttributes({
+            dx: moveX,
+            dy: moveY
+        }), this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, 
+        this._updateDragMaskCallback && this._updateDragMaskCallback({
+            operateType: "brushMaskMove",
+            operateMask: this._operatingMask,
+            operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+        });
+    }
+    _computeMaskPoints() {
+        const {brushType: brushType, xRange: xRange = [ 0, 0 ], yRange: yRange = [ 0, 0 ]} = this.attribute;
+        let maskPoints = [];
+        const startPoint = this._cacheDrawPoints[0], endPoint = this._cacheDrawPoints[this._cacheDrawPoints.length - 1];
+        return maskPoints = "rect" === brushType ? [ startPoint, {
+            x: endPoint.x,
+            y: startPoint.y
+        }, endPoint, {
+            x: startPoint.x,
+            y: endPoint.y
+        } ] : "x" === brushType ? [ {
+            x: startPoint.x,
+            y: yRange[0]
+        }, {
+            x: endPoint.x,
+            y: yRange[0]
+        }, {
+            x: endPoint.x,
+            y: yRange[1]
+        }, {
+            x: startPoint.x,
+            y: yRange[1]
+        } ] : "y" === brushType ? [ {
+            x: xRange[0],
+            y: startPoint.y
+        }, {
+            x: xRange[0],
+            y: endPoint.y
+        }, {
+            x: xRange[1],
+            y: endPoint.y
+        }, {
+            x: xRange[1],
+            y: startPoint.y
+        } ] : (0, vutils_1.cloneDeep)(this._cacheDrawPoints), maskPoints;
+    }
+    _addBrushMask() {
+        const {brushStyle: brushStyle} = this.attribute, brushMask = (0, vrender_1.createPolygon)(Object.assign({
+            points: (0, vutils_1.cloneDeep)(this._cacheDrawPoints),
+            cursor: "move",
+            pickable: !1
+        }, brushStyle));
+        brushMask.name = `brush-${Date.now()}`, this._operatingMask = brushMask, this._container.add(brushMask), 
+        this._brushMaskAABBBoundsDict[brushMask.name] = brushMask.AABBBounds;
+    }
+    _outOfInteractiveRange(e) {
+        const {interactiveRange: interactiveRange} = this.attribute, {minY: minY = -1 / 0, maxY: maxY = 1 / 0, minX: minX = -1 / 0, maxX: maxX = 1 / 0} = interactiveRange, pos = this.eventPosToStagePos(e);
+        return pos.x > maxX || pos.x < minX || pos.y > maxY || pos.y < minY;
+    }
+    eventPosToStagePos(e) {
+        var _a, _b, _c;
+        const stagePosition = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.window.getBoundingClientRect();
+        return {
+            x: e.clientX - ((null == stagePosition ? void 0 : stagePosition.left) || 0) - ((null === (_b = this.stage) || void 0 === _b ? void 0 : _b.x) || 0),
+            y: e.clientY - ((null == stagePosition ? void 0 : stagePosition.top) || 0) - ((null === (_c = this.stage) || void 0 === _c ? void 0 : _c.y) || 0)
+        };
+    }
+    render() {
+        this.bindBrushEvents();
+        const group = this.createOrUpdateChild("brush-container", {}, "group");
+        this._container = group;
+    }
+    setUpdateDragMaskCallback(callback) {
+        (0, vutils_1.isFunction)(callback) && (this._updateDragMaskCallback = callback);
+    }
+}
+
+exports.Brush = Brush, Brush.defaultAttributes = config_1.DEFAULT_BRUSH_ATTRIBUTES;
+//# sourceMappingURL=brush.js.map

package/cjs/brush/brush.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brush/brush.ts"],"names":[],"mappings":"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","file":"brush.js","sourcesContent":["/**\n * @description 框选组件\n */\nimport { FederatedPointerEvent, IGroup, IPolygon, global, createPolygon, Polygon, point } from '@visactor/vrender';\nimport {\n  cloneDeep,\n  debounce,\n  IBounds,\n  IPointLike,\n  isFunction,\n  merge,\n  polygonContainPoint,\n  throttle\n} from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { BrushAttributes } from './type';\nimport { DEFAULT_BRUSH_ATTRIBUTES } from './config';\n\nconst delayMap = {\n  debounce: debounce,\n  throttle: throttle\n};\n\nexport class Brush extends AbstractComponent<Required<BrushAttributes>> {\n  name = 'brush';\n  static defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;\n\n  private _container!: IGroup;\n\n  // 绘制mask时的相关属性\n  private _activeDrawState = false; // 用于标记绘制状态\n  private _cacheDrawPoints: IPointLike[] = []; // 用于维护鼠标走过的路径，主要用于绘制mask的点\n\n  // 移动mask时的相关属性\n  private _activeMoveState = false; // 用于标记移动状态\n  private _operatingMaskMoveDx = 0; // 用于标记移动的位移量\n  private _operatingMaskMoveDy = 0;\n  private _operatingMaskMoveRangeX: [number, number] = [-Infinity, Infinity];\n  private _operatingMaskMoveRangeY: [number, number] = [-Infinity, Infinity];\n  private _cacheMovePoint!: IPointLike; // 用于维护鼠标所在位置，主要用于计算位移量\n\n  private _operatingMask!: IPolygon; // 用于标记正在绘制的mask 或 正在移动的mask\n\n  // 透出给上层的属性（主要是所有mask的AABBBounds，这里用的是dict存储方便添加和修改）\n  private _brushMaskAABBBoundsDict: { [name: string]: IBounds } = {};\n  private _updateDragMaskCallback!: (operateParams: {\n    operateType: string;\n    operateMask: IPolygon;\n    operatedMaskAABBBounds: { [name: string]: IBounds };\n  }) => void;\n\n  constructor(attributes: BrushAttributes) {\n    super(merge({}, Brush.defaultAttributes, attributes));\n  }\n\n  protected bindBrushEvents(): void {\n    const { delayType = 'throttle', delayTime = 0 } = this.attribute as BrushAttributes;\n    // 拖拽绘制开始\n    this.stage.addEventListener('pointerdown', this._onBrushStart as EventListener);\n    // 拖拽绘制时\n    this.stage.addEventListener('pointermove', delayMap[delayType](this._onBrushing, delayTime) as EventListener);\n    // 拖拽绘制结束\n    this.stage.addEventListener('pointerup', this._onBrushEnd as EventListener);\n    this.stage.addEventListener('pointerupoutside', this._onBrushEnd as EventListener);\n  }\n\n  private _isPosInBrushMask(e: FederatedPointerEvent) {\n    const pos = this.eventPosToStagePos(e);\n    const brushMasks = this._container.getChildren();\n    for (let i = 0; i < brushMasks.length; i++) {\n      const { points = [], dx = 0, dy = 0 } = (brushMasks[i] as IPolygon).attribute;\n      const pointsConsiderOffset: IPointLike[] = points.map((point: IPointLike) => {\n        return {\n          x: point.x + dx,\n          y: point.y + dy\n        };\n      });\n      if (polygonContainPoint(pointsConsiderOffset, pos.x, pos.y)) {\n        this._operatingMask = brushMasks[i] as IPolygon;\n        return true;\n      }\n    }\n    return false;\n  }\n\n  /**\n   * 开始绘制 或 移动\n   * @description\n   * 1. 判断状态: 如果在brushMask中，则属于移动状态; 否则属于绘制状态\n   *（移动状态和绘制状态互斥, 且移动状态考虑brushMoved配置, 如果在brush点内但brushMoved为false, 则走绘制状态, 而非两个状态都不响应, 此效果与echarts保持一致）\n   * 2. 判断坐标是否在有效交互范围内\n   * 2. 如果是移动状态: 标记移动状态 & 标记正在移动的mask & 初始化mask的dx和dy\n   * 3. 如果是绘制状态: 标记绘制状态 & 标记正在绘制的mask & 清除之前的mask & 添加新的mask\n   */\n  private _onBrushStart = (e: FederatedPointerEvent) => {\n    const brushMoved = this.attribute?.brushMoved ?? true;\n    this._activeMoveState = brushMoved && this._isPosInBrushMask(e); // 如果是移动状态，在这里会标记operatingMask为正在移动的mask\n    this._activeDrawState = !this._activeMoveState;\n\n    if (this._outOfInteractiveRange(e)) {\n      return;\n    }\n    this._activeDrawState && this._initDraw(e); // 如果是绘制状态，在这里会标记operatingMask为正在绘制的mask\n    this._activeMoveState && this._initMove(e);\n  };\n\n  /**\n   * 绘制 或 移动 中\n   * @description\n   * 1. 如果是绘制状态: 更新_cacheDrawPoints 和 mask的points属性\n   * 2. 如果是移动状态: 标记移动状态 & 计算位移量 & 给被移动的mask偏移属性\n   */\n  private _onBrushing = (e: FederatedPointerEvent) => {\n    if (this._outOfInteractiveRange(e)) {\n      return;\n    }\n\n    this._activeDrawState && this._drawing(e); // 如果是绘制状态，在这里会标记operatingMask为正在绘制的mask\n    this._activeMoveState && this._moving(e);\n  };\n\n  /**\n   * 结束绘制 和 移动\n   * @description 取消绘制 和 移动 状态\n   */\n  private _onBrushEnd = (e: FederatedPointerEvent) => {\n    if (this._outOfInteractiveRange(e)) {\n      return;\n    }\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: this._activeDrawState ? 'brushEnd' : 'brushMaskUp',\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n\n    this._activeDrawState = false;\n    this._activeMoveState = false;\n    this._operatingMask.setAttribute('pickable', false);\n  };\n\n  /**\n   * 初始化绘制状态\n   * @description 清除之前的mask & 添加新的mask\n   */\n  private _initDraw(e: FederatedPointerEvent) {\n    const { brushMode, removeOnClick } = this.attribute as BrushAttributes;\n    const pos = this.eventPosToStagePos(e);\n    this._cacheDrawPoints = [pos];\n\n    if (!this._operatingMask) {\n      this._addBrushMask();\n    }\n    if (brushMode === 'single' && removeOnClick) {\n      this._container.incrementalClearChild();\n      this._addBrushMask();\n    } else if (brushMode === 'multiple') {\n      this._addBrushMask();\n    }\n\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: 'brushStart',\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n  }\n\n  /**\n   * 初始化移动状态\n   * @description 初始化mask的dx和dy\n   */\n  private _initMove(e: FederatedPointerEvent) {\n    this._cacheMovePoint = this.eventPosToStagePos(e);\n\n    this._operatingMaskMoveDx = this._operatingMask.attribute.dx ?? 0;\n    this._operatingMaskMoveDy = this._operatingMask.attribute.dy ?? 0;\n\n    // 计算最大移动范围, 为了将brushMask限制在交互范围内\n    const { interactiveRange } = this.attribute as BrushAttributes;\n    const { minY = -Infinity, maxY = Infinity, minX = -Infinity, maxX = Infinity } = interactiveRange;\n\n    const { x1, x2, y1, y2 } = this._operatingMask.globalAABBBounds;\n    const minMoveStepX = minX - x1;\n    const maxMoveStepX = maxX - x2;\n    const minMoveStepY = minY - y1;\n    const maxMoveStepY = maxY - y2;\n\n    this._operatingMaskMoveRangeX = [minMoveStepX, maxMoveStepX];\n    this._operatingMaskMoveRangeY = [minMoveStepY, maxMoveStepY];\n\n    this._operatingMask.setAttribute('pickable', true);\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: 'brushMaskDown',\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n  }\n\n  /**\n   * 绘制中\n   * @description 更新_cacheDrawPoints 和 mask的points属性\n   */\n  private _drawing(e: FederatedPointerEvent) {\n    const { brushStyle } = this.attribute as BrushAttributes;\n    const pos = this.eventPosToStagePos(e);\n\n    // 如果当前点的位置和上一次点的位置一致，则无需更新\n    if (this._cacheDrawPoints.length > 0) {\n      const lastPos = this._cacheDrawPoints[this._cacheDrawPoints.length - 1];\n      if (pos.x === lastPos?.x && pos.y === lastPos?.y) {\n        return;\n      }\n    }\n    // 更新交互位置\n    this._cacheDrawPoints.push(pos);\n    // 更新mask形状\n    if (this._activeDrawState) {\n      const maskPoints = this._computeMaskPoints();\n      this._operatingMask.setAttribute('points', maskPoints);\n      this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds;\n      this._updateDragMaskCallback &&\n        this._updateDragMaskCallback({\n          operateType: 'brushing',\n          operateMask: this._operatingMask,\n          operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n        });\n    }\n  }\n\n  /**\n   * 移动中\n   * @description 标记移动状态 & 计算位移量 & 给被移动的mask偏移属性\n   */\n  private _moving(e: FederatedPointerEvent) {\n    const startPos = this._cacheMovePoint;\n    const pos = this.eventPosToStagePos(e);\n    // 如果当前点的位置和上一次点的位置一致，则无需更新\n    if (pos.x === startPos?.x && pos.y === startPos?.y) {\n      return;\n    }\n\n    const moveStepX = pos.x - startPos.x;\n    const moveStepY = pos.y - startPos.y;\n    const moveX =\n      Math.min(this._operatingMaskMoveRangeX[1], Math.max(this._operatingMaskMoveRangeX[0], moveStepX)) +\n      this._operatingMaskMoveDx;\n    const moveY =\n      Math.min(this._operatingMaskMoveRangeY[1], Math.max(this._operatingMaskMoveRangeY[0], moveStepY)) +\n      this._operatingMaskMoveDy;\n\n    this._operatingMask.setAttributes({\n      dx: moveX,\n      dy: moveY\n    });\n    this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds;\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: 'brushMaskMove',\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n  }\n\n  /**\n   * 构造brushMask的points属性\n   * @description 根据不同的brushType从_cacheDrawPoints中取points\n   * 1. 'rect': 只取鼠标轨迹_cacheDrawPoints的第一个点和最后一个点\n   * 2. 'x': 只取鼠标轨迹_cacheDrawPoints的第一个点和最后一个点的x坐标\n   * 3. 'y': 只取鼠标轨迹_cacheDrawPoints的第一个点和最后一个点的y坐标\n   * 4. 'polygon': 取鼠标轨迹_cacheDrawPoints的所有点\n   */\n  private _computeMaskPoints() {\n    const { brushType, xRange = [0, 0], yRange = [0, 0] } = this.attribute as BrushAttributes;\n    let maskPoints: IPointLike[] = [];\n    const startPoint = this._cacheDrawPoints[0];\n    const endPoint = this._cacheDrawPoints[this._cacheDrawPoints.length - 1];\n\n    if (brushType === 'rect') {\n      maskPoints = [\n        startPoint,\n        {\n          x: endPoint.x,\n          y: startPoint.y\n        },\n        endPoint,\n        {\n          x: startPoint.x,\n          y: endPoint.y\n        }\n      ];\n    } else if (brushType === 'x') {\n      maskPoints = [\n        {\n          x: startPoint.x,\n          y: yRange[0]\n        },\n        {\n          x: endPoint.x,\n          y: yRange[0]\n        },\n        {\n          x: endPoint.x,\n          y: yRange[1]\n        },\n        {\n          x: startPoint.x,\n          y: yRange[1]\n        }\n      ];\n    } else if (brushType === 'y') {\n      maskPoints = [\n        {\n          x: xRange[0],\n          y: startPoint.y\n        },\n        {\n          x: xRange[0],\n          y: endPoint.y\n        },\n        {\n          x: xRange[1],\n          y: endPoint.y\n        },\n        {\n          x: xRange[1],\n          y: startPoint.y\n        }\n      ];\n    } else {\n      maskPoints = cloneDeep(this._cacheDrawPoints); // _cacheDrawPoints在不断更新，所以这里需要cloneDeep\n    }\n    return maskPoints;\n  }\n\n  protected _addBrushMask() {\n    const { brushStyle } = this.attribute as BrushAttributes;\n    const brushMask = createPolygon({\n      points: cloneDeep(this._cacheDrawPoints), // _cacheDrawPoints在不断更新，所以这里需要cloneDeep\n      cursor: 'move',\n      pickable: false,\n      ...brushStyle\n    });\n    brushMask.name = `brush-${Date.now()}`; // 用Data给mask唯一标记\n    this._operatingMask = brushMask;\n    this._container.add(brushMask);\n    this._brushMaskAABBBoundsDict[brushMask.name] = brushMask.AABBBounds;\n  }\n\n  private _outOfInteractiveRange(e: FederatedPointerEvent) {\n    // 在返回坐标时，将其限制在交互范围内\n    const { interactiveRange } = this.attribute as BrushAttributes;\n    const { minY = -Infinity, maxY = Infinity, minX = -Infinity, maxX = Infinity } = interactiveRange;\n    const pos = this.eventPosToStagePos(e);\n    if (pos.x > maxX || pos.x < minX || pos.y > maxY || pos.y < minY) {\n      return true;\n    }\n    return false;\n  }\n\n  /** 事件系统坐标转换为stage坐标 */\n  protected eventPosToStagePos(e: FederatedPointerEvent) {\n    const stagePosition = this.stage?.window.getBoundingClientRect();\n    return {\n      x: e.clientX - (stagePosition?.left || 0) - (this.stage?.x || 0),\n      y: e.clientY - (stagePosition?.top || 0) - (this.stage?.y || 0)\n    };\n  }\n\n  protected render() {\n    this.bindBrushEvents();\n    const group = this.createOrUpdateChild('brush-container', {}, 'group') as unknown as IGroup;\n    this._container = group;\n  }\n\n  setUpdateDragMaskCallback(\n    callback: (operateParams: {\n      operateType: string;\n      operateMask: IPolygon;\n      operatedMaskAABBBounds: { [name: string]: IBounds };\n    }) => void\n  ) {\n    isFunction(callback) && (this._updateDragMaskCallback = callback);\n  }\n}\n"]}

package/cjs/brush/config.d.ts

@@ -0,0 +1,21 @@
+export declare const DEFAULT_BRUSH_ATTRIBUTES: {
+    brushMode: string;
+    brushType: string;
+    brushStyle: {
+        fill: boolean;
+        fillColor: string;
+        fillOpacity: number;
+        strokeColor: string;
+        strokeWidth: number;
+    };
+    brushMoved: boolean;
+    removeOnClick: boolean;
+    delayType: string;
+    delayTime: number;
+    interactiveRange: {
+        y1: number;
+        y2: number;
+        x1: number;
+        x2: number;
+    };
+};

package/cjs/brush/config.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DEFAULT_BRUSH_ATTRIBUTES = void 0, exports.DEFAULT_BRUSH_ATTRIBUTES = {
+    brushMode: "single",
+    brushType: "rect",
+    brushStyle: {
+        fill: !0,
+        fillColor: "#B0C8F9",
+        fillOpacity: .2,
+        strokeColor: "#B0C8F9",
+        strokeWidth: 2
+    },
+    brushMoved: !0,
+    removeOnClick: !0,
+    delayType: "throttle",
+    delayTime: 10,
+    interactiveRange: {
+        y1: -1 / 0,
+        y2: 1 / 0,
+        x1: -1 / 0,
+        x2: 1 / 0
+    }
+};
+//# sourceMappingURL=config.js.map

package/cjs/brush/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brush/config.ts"],"names":[],"mappings":";;;AAAa,QAAA,wBAAwB,GAAG;IACtC,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,GAAG;QAChB,WAAW,EAAE,SAAS;QACtB,WAAW,EAAE,CAAC;KACf;IACD,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,IAAI;IACnB,SAAS,EAAE,UAAU;IACrB,SAAS,EAAE,EAAE;IACb,gBAAgB,EAAE;QAChB,EAAE,EAAE,CAAC,QAAQ;QACb,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,CAAC,QAAQ;QACb,EAAE,EAAE,QAAQ;KACb;CACF,CAAC","file":"config.js","sourcesContent":["export const DEFAULT_BRUSH_ATTRIBUTES = {\n  brushMode: 'single',\n  brushType: 'rect',\n  brushStyle: {\n    fill: true,\n    fillColor: '#B0C8F9',\n    fillOpacity: 0.2,\n    strokeColor: '#B0C8F9',\n    strokeWidth: 2\n  },\n  brushMoved: true,\n  removeOnClick: true,\n  delayType: 'throttle',\n  delayTime: 10,\n  interactiveRange: {\n    y1: -Infinity,\n    y2: Infinity,\n    x1: -Infinity,\n    x2: Infinity\n  }\n};\n"]}

package/cjs/brush/index.d.ts

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

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

package/cjs/brush/index.js.map

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

package/cjs/brush/type.d.ts

@@ -0,0 +1,21 @@
+import { IGroupGraphicAttribute, IPolygonGraphicAttribute } from '@visactor/vrender';
+export interface BrushAttributes extends IGroupGraphicAttribute {
+    interactiveRange?: {
+        minX: number;
+        maxX: number;
+        minY: number;
+        maxY: number;
+    };
+    brushMode?: IBrushMode;
+    brushType?: IBrushType;
+    xRange?: [number, number];
+    yRange?: [number, number];
+    brushStyle?: IPolygonGraphicAttribute;
+    brushMoved?: boolean;
+    removeOnClick?: boolean;
+    delayType?: IDelayType;
+    delayTime?: number;
+}
+export type IBrushType = 'x' | 'y' | 'rect' | 'polygon';
+export type IBrushMode = 'single' | 'multiple';
+export type IDelayType = 'debounce' | 'throttle';

package/cjs/brush/type.js

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

package/cjs/brush/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brush/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import { IGroupGraphicAttribute, IPolygonGraphicAttribute } from '@visactor/vrender';\n\nexport interface BrushAttributes extends IGroupGraphicAttribute {\n  /**\n   * 可交互范围\n   */\n  interactiveRange?: {\n    minX: number;\n    maxX: number;\n    minY: number;\n    maxY: number;\n  };\n  /**\n   * 框选模式\n   * @default 'single'\n   */\n  brushMode?: IBrushMode;\n  /**\n   * 框选类型\n   * @default 'rect'\n   */\n  brushType?: IBrushType;\n  /**\n   * brushType为'y'时, x的左右边界位置, 不配置的话不会生效\n   * @default [0,0]\n   */\n  xRange?: [number, number];\n  /**\n   * brushType为'x'时, y的左右边界位置, 不配置的话不会生效\n   * @default [0,0]\n   */\n  yRange?: [number, number];\n  /**\n   * 框选区域的样式\n   */\n  brushStyle?: IPolygonGraphicAttribute;\n  /**\n   * 是否可被平移\n   * @default true\n   */\n  brushMoved?: boolean;\n  /**\n   * brushMode为'single'时，是否单击清除选框\n   * @default true\n   */\n  removeOnClick?: boolean;\n  /**\n   * 事件触发延迟类型\n   * @default 'throttle'\n   */\n  delayType?: IDelayType;\n  /**\n   * 事件触发延迟时长\n   * @default 0\n   */\n  delayTime?: number;\n}\n\nexport type IBrushType = 'x' | 'y' | 'rect' | 'polygon';\nexport type IBrushMode = 'single' | 'multiple';\n\nexport type IDelayType = 'debounce' | 'throttle';\n"]}

package/cjs/constant.d.ts

@@ -0,0 +1,16 @@
+export declare const POLAR_START_ANGLE: number;
+export declare const POLAR_END_ANGLE: number;
+export declare const DEFAULT_TEXT_FONT_FAMILY = "PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol";
+export declare const DEFAULT_TEXT_FONT_SIZE = 11;
+export declare enum StateValue {
+    selected = "selected",
+    selectedReverse = "selected_reverse",
+    hover = "hover",
+    hoverReverse = "hover_reverse"
+}
+export declare const DEFAULT_STATES: {
+    selected_reverse: {};
+    selected: {};
+    hover: {};
+    hover_reverse: {};
+};