@visactor/vgrammar-core 0.7.0

package/es/graph/mark/differ.js

@@ -0,0 +1,104 @@
+import { isNil } from "@visactor/vutils";
+
+import { parseField } from "../../parse/util";
+
+import { DefaultKey, DefaultGroupKeys } from "../constants";
+
+export function groupData(data, key, sort) {
+    const groupedData = new Map;
+    if (!data || 0 === data.length) return {
+        keys: [],
+        data: groupedData
+    };
+    if (!key) return groupedData.set(DefaultKey, sort ? data.slice().sort(sort) : data.slice()), 
+    {
+        keys: DefaultGroupKeys,
+        data: groupedData
+    };
+    const keyGetter = parseField(key), keys = new Set;
+    return data.forEach((entry => {
+        var _a;
+        const key = keyGetter(entry), lastData = null !== (_a = groupedData.get(key)) && void 0 !== _a ? _a : [];
+        lastData.push(entry), groupedData.set(key, lastData), keys.add(key);
+    })), sort && keys.forEach((key => {
+        groupedData.get(key).sort(sort);
+    })), {
+        keys: Array.from(keys),
+        data: groupedData
+    };
+}
+
+export class Differ {
+    constructor(data, key, sort) {
+        this.prevData = groupData(null != data ? data : [], null != key ? key : null, sort);
+    }
+    setCurrentData(currentData) {
+        this.currentData = currentData;
+    }
+    getCurrentData() {
+        return this.currentData;
+    }
+    doDiff() {
+        if (this.callback) {
+            const prevMap = new Map(this.prevData.data);
+            this.currentData.keys.forEach((key => {
+                this.callback(key, this.currentData.data.get(key), prevMap.get(key)), prevMap.delete(key);
+            })), this.prevData.keys.forEach((key => {
+                prevMap.has(key) && this.callback(key, null, prevMap.get(key));
+            }));
+        }
+    }
+    setCallback(callback) {
+        this.callback = callback;
+    }
+    updateToCurrent() {
+        var _a;
+        this.prevData = null !== (_a = this.currentData) && void 0 !== _a ? _a : {
+            keys: [],
+            data: new Map
+        }, this.currentData = null;
+    }
+    reset() {
+        this.prevData = {
+            keys: [],
+            data: new Map
+        };
+    }
+}
+
+export function diffSingle(prev, next, key) {
+    const result = {
+        enter: [],
+        exit: [],
+        update: []
+    }, differ = new Differ(prev, key);
+    return differ.setCallback(((key, data, prevData) => {
+        isNil(data) ? result.exit.push({
+            prev: prevData[0]
+        }) : isNil(prevData) ? result.enter.push({
+            next: data[0]
+        }) : result.update.push({
+            next: data[0],
+            prev: prevData[0]
+        });
+    })), differ.setCurrentData(groupData(next, key)), differ.doDiff(), result;
+}
+
+export function diffMultiple(prev, next, key) {
+    const result = {
+        enter: [],
+        exit: [],
+        update: []
+    }, differ = new Differ(prev, key);
+    return differ.setCallback(((key, data, prevData) => {
+        isNil(data) ? result.exit.push({
+            prev: prevData
+        }) : isNil(prevData) ? result.enter.push({
+            next: data
+        }) : result.update.push({
+            next: data,
+            prev: prevData
+        });
+    })), differ.setCurrentData(groupData(next, key)), differ.doDiff(), result;
+}
+//# sourceMappingURL=differ.js.map

package/es/graph/mark/differ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/mark/differ.ts"],"names":[],"mappings":"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","file":"differ.js","sourcesContent":["import { isNil } from '@visactor/vutils';\nimport type { DiffResult } from '../../types/base';\nimport { parseField } from '../../parse/util';\nimport { DefaultKey, DefaultGroupKeys } from '../constants';\n\nexport type GroupedData<T> = {\n  // iterating over array is faster than set\n  keys: (symbol | string)[];\n  // operation on map is faster than object\n  data: Map<symbol | string, T[]>;\n};\n\nexport function groupData<T>(\n  data: T[],\n  key: ((datum: T) => symbol | string) | string,\n  sort?: (a: T, b: T) => number\n): GroupedData<T> {\n  const groupedData = new Map();\n  if (!data || data.length === 0) {\n    return { keys: [], data: groupedData };\n  }\n  if (!key) {\n    groupedData.set(DefaultKey, sort ? data.slice().sort(sort) : data.slice());\n    return { keys: DefaultGroupKeys, data: groupedData };\n  }\n  const keyGetter = parseField(key);\n  const keys = new Set<string>();\n  data.forEach(entry => {\n    const key = keyGetter(entry);\n    const lastData = groupedData.get(key) ?? [];\n    lastData.push(entry);\n    groupedData.set(key, lastData);\n    keys.add(key);\n  });\n  if (sort) {\n    keys.forEach(key => {\n      groupedData.get(key).sort(sort);\n    });\n  }\n  return { keys: Array.from(keys), data: groupedData };\n}\n\nexport class Differ<T> {\n  private prevData: GroupedData<T>;\n  private currentData: GroupedData<T>;\n\n  private callback: (key: symbol | string, data: T[] | null, prevData: T[] | null) => void;\n\n  constructor(data?: T[], key?: ((datum: T) => symbol | string) | string, sort?: (a: T, b: T) => number) {\n    this.prevData = groupData(data ?? [], key ?? null, sort);\n  }\n\n  setCurrentData(currentData: GroupedData<T>) {\n    this.currentData = currentData;\n  }\n\n  getCurrentData(): GroupedData<T> {\n    return this.currentData;\n  }\n\n  doDiff() {\n    if (this.callback) {\n      const prevMap = new Map(this.prevData.data);\n      const currentKeys = this.currentData.keys;\n      currentKeys.forEach(key => {\n        this.callback(key, this.currentData.data.get(key), prevMap.get(key));\n        prevMap.delete(key);\n      });\n\n      this.prevData.keys.forEach(key => {\n        if (prevMap.has(key)) {\n          this.callback(key, null, prevMap.get(key));\n        }\n      });\n    }\n  }\n\n  setCallback(callback: (key: symbol | string, data: T[], prevData: T[]) => void) {\n    this.callback = callback;\n  }\n\n  updateToCurrent() {\n    this.prevData = this.currentData ?? { keys: [], data: new Map() };\n    this.currentData = null;\n  }\n\n  reset() {\n    this.prevData = { keys: [], data: new Map() };\n  }\n}\n\nexport function diffSingle<U, V>(prev: U[], next: V[], key: (datum: U | V) => symbol | string): DiffResult<U, V> {\n  const result: DiffResult<U, V> = {\n    enter: [],\n    exit: [],\n    update: []\n  };\n\n  const differ = new Differ<U | V>(prev, key);\n  differ.setCallback((key, data, prevData) => {\n    if (isNil(data)) {\n      // exit\n      result.exit.push({ prev: prevData[0] as U });\n    } else if (isNil(prevData)) {\n      // enter\n      result.enter.push({ next: data[0] as V });\n    } else {\n      // update\n      result.update.push({ next: data[0] as V, prev: prevData[0] as U });\n    }\n  });\n  differ.setCurrentData(groupData(next, key));\n  differ.doDiff();\n\n  return result;\n}\n\nexport function diffMultiple<U, V>(prev: U[], next: V[], key: (datum: U | V) => symbol | string): DiffResult<U[], V[]> {\n  const result: DiffResult<U[], V[]> = {\n    enter: [],\n    exit: [],\n    update: []\n  };\n\n  const differ = new Differ<U | V>(prev, key);\n  differ.setCallback((key, data, prevData) => {\n    if (isNil(data)) {\n      // exit\n      result.exit.push({ prev: prevData as U[] });\n    } else if (isNil(prevData)) {\n      // enter\n      result.enter.push({ next: data as V[] });\n    } else {\n      // update\n      result.update.push({ next: data as V[], prev: prevData as U[] });\n    }\n  });\n  differ.setCurrentData(groupData(next, key));\n  differ.doDiff();\n\n  return result;\n}\n"]}

package/es/graph/mark/encode.d.ts

@@ -0,0 +1,10 @@
+import type { BaseSignleEncodeSpec, IElement, MarkElementItem } from '../../types';
+import type { IBaseScale } from '@visactor/vscale';
+export declare function invokeEncoderToItems(element: IElement, items: MarkElementItem[], encoder: BaseSignleEncodeSpec, parameters: any, onlyFullEncodeFirst?: boolean): void;
+export declare function invokeEncoder(encoder: BaseSignleEncodeSpec, datum: any, element: IElement, parameters: any): any;
+export declare function splitEncoderInLarge(markType: string, encoder: BaseSignleEncodeSpec, glyphType?: string): {
+    positionEncoder: {};
+    themeEncoder: {};
+};
+export declare function isBandLikeScale(scale: IBaseScale): boolean;
+export declare function getBandWidthOfScale(scale: IBaseScale): number;

package/es/graph/mark/encode.js

@@ -0,0 +1,92 @@
+import { isNil, isNumber, isString } from "@visactor/vutils";
+
+import { field as getFieldAccessor } from "@visactor/vgrammar-util";
+
+import { isFieldEncode, isScaleEncode } from "../../parse/mark";
+
+import { getGrammarOutput, invokeFunctionType, isFunctionType } from "../../parse/util";
+
+import { isPositionOrSizeChannel } from "../attributes";
+
+import { GrammarMarkType } from "../enums";
+
+import { ScaleEnum } from "@visactor/vscale";
+
+import { Factory } from "../../core/factory";
+
+export function invokeEncoderToItems(element, items, encoder, parameters, onlyFullEncodeFirst) {
+    encoder && (isFunctionType(encoder) ? items.forEach((item => {
+        const attributes = invokeFunctionType(encoder, parameters, item.datum, element);
+        Object.assign(item.nextAttrs, attributes);
+    })) : Object.keys(encoder).forEach((channel => {
+        var _a, _b;
+        const encode = encoder[channel], encodeItems = onlyFullEncodeFirst && !isPositionOrSizeChannel(element.mark.markType, channel) ? [ items[0] ] : items;
+        if (isScaleEncode(encode)) {
+            const scale = getGrammarOutput(encode.scale, parameters), offset = null !== (_a = null == encode ? void 0 : encode.offset) && void 0 !== _a ? _a : 0, bandOffset = !isNil(encode.band) && scale.bandwidth ? scale.bandwidth() * encode.band : null, hasField = isString(null == encode ? void 0 : encode.field), fieldAccessor = hasField ? getFieldAccessor(encode.field) : null;
+            let to = hasField ? null : isNil(null == encode ? void 0 : encode.value) ? 0 : null === (_b = scale.scale) || void 0 === _b ? void 0 : _b.call(scale, encode.value);
+            encodeItems.forEach((item => {
+                var _a;
+                hasField && (to = null === (_a = scale.scale) || void 0 === _a ? void 0 : _a.call(scale, fieldAccessor(item.datum))), 
+                item.nextAttrs[channel] = isNumber(to) || isNumber(bandOffset) ? to + offset + bandOffset : to;
+            }));
+        } else if (isFieldEncode(encode)) {
+            const fieldAccessor = getFieldAccessor(encode.field);
+            encodeItems.forEach((item => {
+                item.nextAttrs[channel] = fieldAccessor(item.datum);
+            }));
+        } else encodeItems.forEach((item => {
+            item.nextAttrs[channel] = invokeFunctionType(encode, parameters, item.datum, element);
+        }));
+    })));
+}
+
+export function invokeEncoder(encoder, datum, element, parameters) {
+    if (!encoder) return null;
+    if (isFunctionType(encoder)) return invokeFunctionType(encoder, parameters, datum, element);
+    const attributes = {};
+    return Object.keys(encoder).forEach((channel => {
+        var _a, _b, _c;
+        const encode = encoder[channel];
+        if (isScaleEncode(encode)) {
+            const scale = getGrammarOutput(encode.scale, parameters), offset = null !== (_a = null == encode ? void 0 : encode.offset) && void 0 !== _a ? _a : 0, bandOffset = !isNil(encode.band) && scale.bandwidth ? scale.bandwidth() * encode.band : null, hasField = isString(null == encode ? void 0 : encode.field), fieldAccessor = hasField ? getFieldAccessor(encode.field) : null, to = hasField ? null === (_b = scale.scale) || void 0 === _b ? void 0 : _b.call(scale, fieldAccessor(datum)) : isNil(null == encode ? void 0 : encode.value) ? 0 : null === (_c = scale.scale) || void 0 === _c ? void 0 : _c.call(scale, encode.value);
+            attributes[channel] = isNumber(to) || isNumber(bandOffset) ? to + offset + bandOffset : to;
+        } else if (isFieldEncode(encode)) {
+            const fieldAccessor = getFieldAccessor(encode.field);
+            attributes[channel] = fieldAccessor(datum);
+        } else attributes[channel] = invokeFunctionType(encode, parameters, datum, element);
+    })), attributes;
+}
+
+export function splitEncoderInLarge(markType, encoder, glyphType) {
+    if (isFunctionType(encoder)) return {
+        themeEncoder: {},
+        positionEncoder: encoder
+    };
+    const themeEncoder = {}, positionEncoder = {};
+    if (markType === GrammarMarkType.glyph && Factory.getGlyph(glyphType)) {
+        const glyphMeta = Factory.getGlyph(glyphType), progressiveChannels = glyphMeta.getProgressiveChannels();
+        if (progressiveChannels) Object.keys(encoder).forEach((channel => {
+            progressiveChannels.includes(channel) ? positionEncoder[channel] = encoder[channel] : themeEncoder[channel] = encoder[channel];
+        })); else {
+            const markTypes = Array.from(new Set(Object.values(glyphMeta.getMarks())));
+            Object.keys(encoder).forEach((channel => {
+                markTypes.some((type => isPositionOrSizeChannel(type, channel))) ? positionEncoder[channel] = encoder[channel] : themeEncoder[channel] = encoder[channel];
+            }));
+        }
+    } else Object.keys(encoder).forEach((channel => {
+        isPositionOrSizeChannel(markType, channel) ? positionEncoder[channel] = encoder[channel] : themeEncoder[channel] = encoder[channel];
+    }));
+    return {
+        positionEncoder: positionEncoder,
+        themeEncoder: themeEncoder
+    };
+}
+
+export function isBandLikeScale(scale) {
+    return scale && (scale.type === ScaleEnum.Band || scale.type === ScaleEnum.Point);
+}
+
+export function getBandWidthOfScale(scale) {
+    if (scale) return scale.type === ScaleEnum.Band ? scale.bandwidth() : scale.type === ScaleEnum.Point ? scale.step() : void 0;
+}
+//# sourceMappingURL=encode.js.map

package/es/graph/mark/encode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/mark/encode.ts"],"names":[],"mappings":"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","file":"encode.js","sourcesContent":["import { isNil, isNumber, isString } from '@visactor/vutils';\nimport { field as getFieldAccessor } from '@visactor/vgrammar-util';\nimport type { BaseSignleEncodeSpec, IElement, MarkElementItem } from '../../types';\nimport { isFieldEncode, isScaleEncode } from '../../parse/mark';\nimport { getGrammarOutput, invokeFunctionType, isFunctionType } from '../../parse/util';\nimport { isPositionOrSizeChannel } from '../attributes';\nimport { GrammarMarkType } from '../enums';\nimport { ScaleEnum } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IBandLikeScale, IBaseScale } from '@visactor/vscale';\nimport { Factory } from '../../core/factory';\n\n/**\n * invoke encoder for multiple items\n */\nexport function invokeEncoderToItems(\n  element: IElement,\n  items: MarkElementItem[],\n  encoder: BaseSignleEncodeSpec,\n  parameters: any,\n  onlyFullEncodeFirst?: boolean\n) {\n  if (!encoder) {\n    return;\n  }\n\n  if (isFunctionType(encoder)) {\n    items.forEach(item => {\n      const attributes = invokeFunctionType(encoder, parameters, item.datum, element);\n      Object.assign(item.nextAttrs, attributes);\n    });\n  } else {\n    Object.keys(encoder).forEach(channel => {\n      const encode = encoder[channel];\n      const encodeItems =\n        onlyFullEncodeFirst && !isPositionOrSizeChannel(element.mark.markType, channel) ? [items[0]] : items;\n\n      if (isScaleEncode(encode)) {\n        const scale = getGrammarOutput(encode.scale, parameters);\n        const offset = encode?.offset ?? 0;\n        const bandOffset = !isNil(encode.band) && scale.bandwidth ? scale.bandwidth() * encode.band : null;\n        const hasField = isString(encode?.field);\n        const fieldAccessor = hasField ? getFieldAccessor(encode.field) : null;\n\n        let to = hasField ? null : !isNil(encode?.value) ? scale.scale?.(encode.value) : 0;\n\n        encodeItems.forEach(item => {\n          if (hasField) {\n            to = scale.scale?.(fieldAccessor(item.datum));\n          }\n          item.nextAttrs[channel] = isNumber(to) || isNumber(bandOffset) ? to + offset + bandOffset : to;\n        });\n      } else if (isFieldEncode(encode)) {\n        const fieldAccessor = getFieldAccessor(encode.field);\n\n        encodeItems.forEach(item => {\n          item.nextAttrs[channel] = fieldAccessor(item.datum);\n        });\n      } else {\n        encodeItems.forEach(item => {\n          item.nextAttrs[channel] = invokeFunctionType(encode, parameters, item.datum, element);\n        });\n      }\n    });\n  }\n}\n\n/**\n * invoke encoder for single item\n * use invokeEncoderToItems instead if item amount is large\n */\nexport function invokeEncoder(encoder: BaseSignleEncodeSpec, datum: any, element: IElement, parameters: any) {\n  if (!encoder) {\n    return null;\n  }\n  if (isFunctionType(encoder)) {\n    return invokeFunctionType(encoder, parameters, datum, element);\n  }\n  const attributes: any = {};\n  Object.keys(encoder).forEach(channel => {\n    const encode = encoder[channel];\n\n    if (isScaleEncode(encode)) {\n      const scale = getGrammarOutput(encode.scale, parameters);\n      const offset = encode?.offset ?? 0;\n      const bandOffset = !isNil(encode.band) && scale.bandwidth ? scale.bandwidth() * encode.band : null;\n      const hasField = isString(encode?.field);\n      const fieldAccessor = hasField ? getFieldAccessor(encode.field) : null;\n      const to = hasField\n        ? scale.scale?.(fieldAccessor(datum))\n        : !isNil(encode?.value)\n        ? scale.scale?.(encode.value)\n        : 0;\n\n      attributes[channel] = isNumber(to) || isNumber(bandOffset) ? to + offset + bandOffset : to;\n    } else if (isFieldEncode(encode)) {\n      const fieldAccessor = getFieldAccessor(encode.field);\n      attributes[channel] = fieldAccessor(datum);\n    } else {\n      attributes[channel] = invokeFunctionType(encode, parameters, datum, element);\n    }\n  });\n  return attributes;\n}\n\nexport function splitEncoderInLarge(markType: string, encoder: BaseSignleEncodeSpec, glyphType?: string) {\n  // function encoder can not be splitted\n  if (isFunctionType(encoder)) {\n    return { themeEncoder: {}, positionEncoder: encoder };\n  }\n\n  const themeEncoder = {};\n  const positionEncoder = {};\n\n  if (markType === GrammarMarkType.glyph && Factory.getGlyph(glyphType)) {\n    const glyphMeta = Factory.getGlyph(glyphType);\n    const progressiveChannels = glyphMeta.getProgressiveChannels();\n    if (progressiveChannels) {\n      Object.keys(encoder).forEach(channel => {\n        if (progressiveChannels.includes(channel)) {\n          positionEncoder[channel] = encoder[channel];\n        } else {\n          themeEncoder[channel] = encoder[channel];\n        }\n      });\n    } else {\n      const markTypes: string[] = Array.from(new Set(Object.values(glyphMeta.getMarks())));\n      Object.keys(encoder).forEach(channel => {\n        if (markTypes.some(type => isPositionOrSizeChannel(type, channel))) {\n          positionEncoder[channel] = encoder[channel];\n        } else {\n          themeEncoder[channel] = encoder[channel];\n        }\n      });\n    }\n  } else {\n    Object.keys(encoder).forEach(channel => {\n      if (isPositionOrSizeChannel(markType, channel)) {\n        positionEncoder[channel] = encoder[channel];\n      } else {\n        themeEncoder[channel] = encoder[channel];\n      }\n    });\n  }\n\n  return { positionEncoder, themeEncoder };\n}\n\nexport function isBandLikeScale(scale: IBaseScale) {\n  return scale && (scale.type === ScaleEnum.Band || scale.type === ScaleEnum.Point);\n}\n\nexport function getBandWidthOfScale(scale: IBaseScale) {\n  if (!scale) {\n    return undefined;\n  }\n\n  return scale.type === ScaleEnum.Band\n    ? (scale as IBandLikeScale).bandwidth()\n    : scale.type === ScaleEnum.Point\n    ? (scale as IBandLikeScale).step()\n    : undefined;\n}\n"]}

package/es/graph/mark/large-rects.d.ts

@@ -0,0 +1,10 @@
+import type { IGroupGraphicAttribute } from '@visactor/vrender';
+import { Group } from '@visactor/vrender';
+interface LargeRectsAttribute extends IGroupGraphicAttribute {
+    points: Float32Array | number[];
+}
+export declare class LargeRects extends Group {
+    constructor(attributes: LargeRectsAttribute);
+    render(): void;
+}
+export {};

package/es/graph/mark/large-rects.js

@@ -0,0 +1,23 @@
+import { Group, CustomPath2D } from "@visactor/vrender";
+
+export class LargeRects extends Group {
+    constructor(attributes) {
+        super(attributes), this.attribute = attributes, this.onSetStage((() => {
+            this.render();
+        }));
+    }
+    render() {
+        var _a;
+        const pathNode = this.createOrUpdateChild("large-path", {}, "path"), points = this.attribute.points, path2d = null !== (_a = pathNode.attribute.path) && void 0 !== _a ? _a : new CustomPath2D;
+        let x, y, width, height;
+        path2d.clear();
+        for (let i = 0, len = points.length; i < len; i += 4) x = points[i], y = points[i + 1], 
+        width = points[i + 2], height = points[i + 3], path2d.rect(x, y, width, height);
+        const pathAttrs = Object.assign({}, this.attribute, {
+            path: path2d,
+            points: null
+        });
+        this.attribute = {}, pathNode.setAttributes(pathAttrs);
+    }
+}
+//# sourceMappingURL=large-rects.js.map

package/es/graph/mark/large-rects.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/mark/large-rects.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMxD,MAAM,OAAO,UAAW,SAAQ,KAAK;IACnC,YAAY,UAA+B;QACzC,KAAK,CAAC,UAAU,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC;QAE5B,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,CAAU,CAAC;QAC7E,MAAM,MAAM,GAAI,IAAI,CAAC,SAAiC,CAAC,MAAM,CAAC;QAC9D,MAAM,MAAM,GAAG,MAAC,QAAQ,CAAC,SAAS,CAAC,IAAsB,mCAAI,IAAI,YAAY,EAAE,CAAC;QAChF,IAAI,CAAC,CAAC;QACN,IAAI,CAAC,CAAC;QACN,IAAI,KAAK,CAAC;QACV,IAAI,MAAM,CAAC;QAEX,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;YACpD,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACd,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAClB,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACtB,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACvB,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SAClC;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACpF,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACnB,QAAkB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACF","file":"large-rects.js","sourcesContent":["/**\n * use when mark render in large mode or progressive mode\n */\nimport type { IGroupGraphicAttribute, IPath, ICustomPath2D } from '@visactor/vrender';\nimport { Group, CustomPath2D } from '@visactor/vrender';\n\ninterface LargeRectsAttribute extends IGroupGraphicAttribute {\n  points: Float32Array | number[];\n}\n\nexport class LargeRects extends Group {\n  constructor(attributes: LargeRectsAttribute) {\n    super(attributes);\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n    });\n  }\n\n  render() {\n    const pathNode = this.createOrUpdateChild('large-path', {}, 'path') as IPath;\n    const points = (this.attribute as LargeRectsAttribute).points;\n    const path2d = (pathNode.attribute.path as ICustomPath2D) ?? new CustomPath2D();\n    let x;\n    let y;\n    let width;\n    let height;\n\n    path2d.clear();\n    for (let i = 0, len = points.length; i < len; i += 4) {\n      x = points[i];\n      y = points[i + 1];\n      width = points[i + 2];\n      height = points[i + 3];\n      path2d.rect(x, y, width, height);\n    }\n\n    const pathAttrs = Object.assign({}, this.attribute, { path: path2d, points: null });\n    this.attribute = {};\n    (pathNode as IPath).setAttributes(pathAttrs);\n  }\n}\n"]}

package/es/graph/mark/large-symbols.d.ts

@@ -0,0 +1,11 @@
+import type { IGroupGraphicAttribute } from '@visactor/vrender';
+import { Group } from '@visactor/vrender';
+interface LargeSymbolsAttribute extends IGroupGraphicAttribute {
+    size: number;
+    points: Float32Array | number[];
+}
+export declare class LargeSymbols extends Group {
+    constructor(attributes: LargeSymbolsAttribute);
+    render(): void;
+}
+export {};

package/es/graph/mark/large-symbols.js

@@ -0,0 +1,27 @@
+import { isNumber, max } from "@visactor/vutils";
+
+import { CustomPath2D, Group, DefaultSymbolAttribute } from "@visactor/vrender";
+
+export class LargeSymbols extends Group {
+    constructor(attributes) {
+        super(attributes), this.attribute = attributes, this.onSetStage((() => {
+            this.render();
+        }));
+    }
+    render() {
+        var _a, _b;
+        const pathNode = this.createOrUpdateChild("large-path", {}, "path"), points = this.attribute.points, size = null !== (_a = this.attribute.size) && void 0 !== _a ? _a : DefaultSymbolAttribute.size, path2d = null !== (_b = pathNode.attribute.path) && void 0 !== _b ? _b : new CustomPath2D;
+        let x, y;
+        path2d.clear();
+        const maxSize = isNumber(size) ? size : max(size[0], size[1]);
+        for (let i = 0, len = points.length; i < len; i += 4) x = points[i], y = points[i + 1], 
+        path2d.arc(x, y, maxSize / 2, 0, 2 * Math.PI), path2d.closePath();
+        const pathAttrs = Object.assign({}, this.attribute, {
+            path: path2d,
+            points: null,
+            size: null
+        });
+        this.attribute = {}, pathNode.setAttributes(pathAttrs);
+    }
+}
+//# sourceMappingURL=large-symbols.js.map

package/es/graph/mark/large-symbols.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/mark/large-symbols.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAOhF,MAAM,OAAO,YAAa,SAAQ,KAAK;IACrC,YAAY,UAAiC;QAC3C,KAAK,CAAC,UAAU,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC;QAE5B,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,CAAU,CAAC;QAC7E,MAAM,MAAM,GAAI,IAAI,CAAC,SAAmC,CAAC,MAAM,CAAC;QAChE,MAAM,IAAI,GAAG,MAAC,IAAI,CAAC,SAAmC,CAAC,IAAI,mCAAK,sBAAsB,CAAC,IAAe,CAAC;QACvG,MAAM,MAAM,GAAG,MAAC,QAAQ,CAAC,SAAS,CAAC,IAAsB,mCAAI,IAAI,YAAY,EAAE,CAAC;QAChF,IAAI,CAAC,CAAC;QACN,IAAI,CAAC,CAAC;QAEN,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;YACpD,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACd,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAClB,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YAC9C,MAAM,CAAC,SAAS,EAAE,CAAC;SACpB;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAChG,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACnB,QAAkB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACF","file":"large-symbols.js","sourcesContent":["import type { ICustomPath2D, IGroupGraphicAttribute, IPath } from '@visactor/vrender';\nimport { isNumber, max } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { CustomPath2D, Group, DefaultSymbolAttribute } from '@visactor/vrender';\n\ninterface LargeSymbolsAttribute extends IGroupGraphicAttribute {\n  size: number;\n  points: Float32Array | number[];\n}\n\nexport class LargeSymbols extends Group {\n  constructor(attributes: LargeSymbolsAttribute) {\n    super(attributes);\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n    });\n  }\n\n  render() {\n    const pathNode = this.createOrUpdateChild('large-path', {}, 'path') as IPath;\n    const points = (this.attribute as LargeSymbolsAttribute).points;\n    const size = (this.attribute as LargeSymbolsAttribute).size ?? (DefaultSymbolAttribute.size as number);\n    const path2d = (pathNode.attribute.path as ICustomPath2D) ?? new CustomPath2D();\n    let x;\n    let y;\n\n    path2d.clear();\n    const maxSize = isNumber(size) ? size : max(size[0], size[1]);\n    for (let i = 0, len = points.length; i < len; i += 4) {\n      x = points[i];\n      y = points[i + 1];\n      path2d.arc(x, y, maxSize / 2, 0, Math.PI * 2);\n      path2d.closePath();\n    }\n\n    const pathAttrs = Object.assign({}, this.attribute, { path: path2d, points: null, size: null });\n    this.attribute = {};\n    (pathNode as IPath).setAttributes(pathAttrs);\n  }\n}\n"]}

package/es/graph/mark-tree.d.ts

@@ -0,0 +1,2 @@
+import type { IMark } from '../types';
+export declare const traverseMarkTree: (rootMark: IMark, childrenKey: 'children' | 'layoutChildren', apply: (mark: IMark) => any, filter?: (mark: IMark) => boolean, leafFirst?: boolean) => void;

package/es/graph/mark-tree.js

@@ -0,0 +1,15 @@
+import { GrammarMarkType } from "./enums";
+
+export const traverseMarkTree = (rootMark, childrenKey, apply, filter, leafFirst) => {
+    const traverse = mark => {
+        if (leafFirst || !mark || filter && !filter(mark) || apply.call(null, mark), mark.markType === GrammarMarkType.group) {
+            const children = mark[childrenKey];
+            children && children.forEach((child => {
+                traverse(child);
+            }));
+        }
+        leafFirst && (!mark || filter && !filter(mark) || apply.call(null, mark));
+    };
+    traverse(rootMark);
+};
+//# sourceMappingURL=mark-tree.js.map

package/es/graph/mark-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/mark-tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,QAAe,EACf,WAA0C,EAC1C,KAA2B,EAC3B,MAAiC,EACjC,SAAmB,EACnB,EAAE;IACF,MAAM,QAAQ,GAAG,CAAC,IAAW,EAAE,EAAE;QAC/B,IAAI,CAAC,SAAS,EAAE;YACd,IAAI,IAAI,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE;gBACrC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;aACxB;SACF;QAED,IAAI,IAAI,CAAC,QAAQ,KAAK,eAAe,CAAC,KAAK,EAAE;YAC3C,MAAM,QAAQ,GAAa,IAAmB,CAAC,WAAW,CAAC,CAAC;YAE5D,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACvB,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAClB,CAAC,CAAC,CAAC;aACJ;SACF;QAED,IAAI,SAAS,EAAE;YACb,IAAI,IAAI,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE;gBACrC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;aACxB;SACF;IACH,CAAC,CAAC;IAEF,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACrB,CAAC,CAAC","file":"mark-tree.js","sourcesContent":["import type { IGroupMark, IMark } from '../types';\nimport { GrammarMarkType } from './enums';\n\nexport const traverseMarkTree = (\n  rootMark: IMark,\n  childrenKey: 'children' | 'layoutChildren',\n  apply: (mark: IMark) => any,\n  filter?: (mark: IMark) => boolean,\n  leafFirst?: boolean\n) => {\n  const traverse = (mark: IMark) => {\n    if (!leafFirst) {\n      if (mark && (!filter || filter(mark))) {\n        apply.call(null, mark);\n      }\n    }\n\n    if (mark.markType === GrammarMarkType.group) {\n      const children: IMark[] = (mark as IGroupMark)[childrenKey];\n\n      if (children) {\n        children.forEach(child => {\n          traverse(child);\n        });\n      }\n    }\n\n    if (leafFirst) {\n      if (mark && (!filter || filter(mark))) {\n        apply.call(null, mark);\n      }\n    }\n  };\n\n  traverse(rootMark);\n};\n"]}

package/es/graph/util/element.d.ts

@@ -0,0 +1,2 @@
+import type { IElement, IMark } from '../../types';
+export declare const createElement: (mark: IMark) => IElement;

package/es/graph/util/element.js

@@ -0,0 +1,8 @@
+import { GrammarMarkType } from "../enums";
+
+import { Element } from "../element";
+
+import { GlyphElement } from "../glyph-element";
+
+export const createElement = mark => mark.markType === GrammarMarkType.glyph ? new GlyphElement(mark) : new Element(mark);
+//# sourceMappingURL=element.js.map

package/es/graph/util/element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/util/element.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAW,EAAY,EAAE;IACrD,IAAI,IAAI,CAAC,QAAQ,KAAK,eAAe,CAAC,KAAK,EAAE;QAC3C,OAAO,IAAI,YAAY,CAAC,IAAkB,CAAC,CAAC;KAC7C;IACD,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;AAC3B,CAAC,CAAC","file":"element.js","sourcesContent":["import type { IElement, IGlyphMark, IMark } from '../../types';\nimport { GrammarMarkType } from '../enums';\nimport { Element } from '../element';\nimport { GlyphElement } from '../glyph-element';\n\nexport const createElement = (mark: IMark): IElement => {\n  if (mark.markType === GrammarMarkType.glyph) {\n    return new GlyphElement(mark as IGlyphMark);\n  }\n  return new Element(mark);\n};\n"]}

package/es/graph/util/env.d.ts

@@ -0,0 +1,2 @@
+import type { IEnvironmentOptions } from '../../types';
+export declare function configureEnvironment(options: IEnvironmentOptions): void;

package/es/graph/util/env.js

@@ -0,0 +1,6 @@
+import { vglobal } from "@visactor/vrender";
+
+export function configureEnvironment(options) {
+    options.mode && vglobal.setEnv(options.mode, options.modeParams || {});
+}
+//# sourceMappingURL=env.js.map

package/es/graph/util/env.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/util/env.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C,MAAM,UAAU,oBAAoB,CAAC,OAA4B;IAC/D,IAAI,OAAO,CAAC,IAAI,EAAE;QAChB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;KACxD;AACH,CAAC","file":"env.js","sourcesContent":["import { vglobal } from '@visactor/vrender';\nimport type { IEnvironmentOptions } from '../../types';\n\nexport function configureEnvironment(options: IEnvironmentOptions) {\n  if (options.mode) {\n    vglobal.setEnv(options.mode, options.modeParams || {});\n  }\n}\n"]}

package/es/graph/util/events-extend.d.ts

@@ -0,0 +1,5 @@
+import type { FederatedEvent } from '@visactor/vrender';
+import type { IElement } from './../../types/element';
+import type { IView } from './../../types/view';
+import type { EventSourceType } from '../../types';
+export default function getExtendedEvents(view: IView, event: FederatedEvent, item: IElement, type: string, source: EventSourceType): FederatedEvent<Event>;

package/es/graph/util/events-extend.js

@@ -0,0 +1,12 @@
+import { point } from "./point";
+
+import { EVENT_SOURCE_WINDOW } from "../../view/constants";
+
+export default function getExtendedEvents(view, event, item, type, source) {
+    if (source === EVENT_SOURCE_WINDOW) {
+        const e = event.changedTouches ? event.changedTouches[0] : event;
+        point(e);
+    }
+    return event.element = item, event.vGrammarType = type, event;
+}
+//# sourceMappingURL=events-extend.js.map

package/es/graph/util/events-extend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/util/events-extend.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAG3D,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,IAAW,EACX,KAAqB,EACrB,IAAc,EACd,IAAY,EACZ,MAAuB;IAEvB,IAAI,MAAM,KAAK,mBAAmB,EAAE;QAClC,MAAM,CAAC,GAAI,KAAa,CAAC,cAAc,CAAC,CAAC,CAAE,KAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACnF,KAAK,CAAC,CAAC,CAAC,CAAC;KACV;IAEA,KAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7B,KAAa,CAAC,YAAY,GAAG,IAAI,CAAC;IAEnC,OAAO,KAAK,CAAC;AACf,CAAC","file":"events-extend.js","sourcesContent":["import type { FederatedEvent } from '@visactor/vrender';\nimport type { IElement } from './../../types/element';\nimport type { IView } from './../../types/view';\nimport { point } from './point';\nimport { EVENT_SOURCE_WINDOW } from '../../view/constants';\nimport type { EventSourceType } from '../../types';\n\nexport default function getExtendedEvents(\n  view: IView,\n  event: FederatedEvent,\n  item: IElement,\n  type: string,\n  source: EventSourceType\n) {\n  if (source === EVENT_SOURCE_WINDOW) {\n    const e = (event as any).changedTouches ? (event as any).changedTouches[0] : event;\n    point(e);\n  }\n\n  (event as any).element = item;\n  (event as any).vGrammarType = type;\n\n  return event;\n}\n"]}

package/es/graph/util/graphic.d.ts

@@ -0,0 +1,9 @@
+import type { IGlyphMeta, IMark } from '../../types';
+import type { IGraphic } from '@visactor/vrender';
+import { LargeRects } from '../mark/large-rects';
+import { LargeSymbols } from '../mark/large-symbols';
+export declare const isMarkType: (type: string) => boolean;
+export declare function createGraphicItem(mark: IMark, markType: string, attrs?: any): IGraphic<Partial<import("@visactor/vrender").IGraphicAttribute>> | LargeRects | LargeSymbols;
+export declare function createGlyphGraphicItem(mark: IMark, glyphMeta: IGlyphMeta, attrs?: any): import("@visactor/vrender").IGlyph<Partial<import("@visactor/vrender").IGraphicAttribute>>;
+export declare const removeGraphicItem: (graphicItem: IGraphic) => void;
+export declare const getMarkTypeOfLarge: (markType: string) => string;

package/es/graph/util/graphic.js

@@ -0,0 +1,59 @@
+import { createArc, createArea, createGroup, createImage, createRect3d, createLine, createPath, createRect, createSymbol, createRichText, createText, createPolygon, createGlyph, createArc3d, createPyramid3d, createCircle } from "@visactor/vrender";
+
+import { HOOK_EVENT, GrammarMarkType } from "../enums";
+
+import { BridgeElementKey } from "../constants";
+
+import { LargeRects } from "../mark/large-rects";
+
+import { LargeSymbols } from "../mark/large-symbols";
+
+import { Factory } from "../../core/factory";
+
+const itemCreator = {
+    circle: createCircle,
+    arc: createArc,
+    arc3d: createArc3d,
+    pyramid3d: createPyramid3d,
+    area: createArea,
+    group: createGroup,
+    image: createImage,
+    rect3d: createRect3d,
+    line: createLine,
+    path: createPath,
+    rect: createRect,
+    rule: createLine,
+    shape: createPath,
+    symbol: createSymbol,
+    text: createText,
+    richtext: createRichText,
+    polygon: createPolygon,
+    cell: createSymbol,
+    interval: createRect
+};
+
+export const isMarkType = type => !!itemCreator[type];
+
+export function createGraphicItem(mark, markType, attrs = {}) {
+    if (mark.emit(HOOK_EVENT.BEFORE_CREATE_VRENDER_MARK), markType === GrammarMarkType.largeRects) return new LargeRects(attrs);
+    if (markType === GrammarMarkType.largeSymbols) return new LargeSymbols(attrs);
+    const graphicItem = itemCreator[markType] ? itemCreator[markType](attrs) : Factory.createGraphicComponent(markType, attrs);
+    return mark.emit(HOOK_EVENT.AFTER_CREATE_VRENDER_MARK), graphicItem;
+}
+
+export function createGlyphGraphicItem(mark, glyphMeta, attrs = {}) {
+    mark.emit(HOOK_EVENT.BEFORE_CREATE_VRENDER_MARK);
+    const graphicItem = createGlyph(attrs), glyphMarks = glyphMeta.getMarks(), subGraphics = Object.keys(glyphMarks).map((name => {
+        const graphic = itemCreator[glyphMarks[name]]();
+        return graphic.name = name, graphic;
+    }));
+    return graphicItem.setSubGraphic(subGraphics), mark.emit(HOOK_EVENT.AFTER_CREATE_VRENDER_MARK), 
+    graphicItem;
+}
+
+export const removeGraphicItem = graphicItem => {
+    graphicItem && (graphicItem[BridgeElementKey] = null, graphicItem.release(), graphicItem.parent && graphicItem.parent.removeChild(graphicItem));
+};
+
+export const getMarkTypeOfLarge = markType => markType === GrammarMarkType.rect ? GrammarMarkType.largeRects : markType === GrammarMarkType.symbol ? GrammarMarkType.largeSymbols : markType;
+//# sourceMappingURL=graphic.js.map

package/es/graph/util/graphic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/util/graphic.ts"],"names":[],"mappings":"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","file":"graphic.js","sourcesContent":["import type { IGlyphMeta, IMark } from '../../types';\nimport type { IGraphic } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport {\n  createArc,\n  createArea,\n  createGroup,\n  createImage,\n  createRect3d,\n  createLine,\n  createPath,\n  createRect,\n  createSymbol,\n  createRichText,\n  createText,\n  createPolygon,\n  createGlyph,\n  createArc3d,\n  createPyramid3d,\n  createCircle\n} from '@visactor/vrender';\nimport { HOOK_EVENT, GrammarMarkType } from '../enums';\nimport { BridgeElementKey } from '../constants';\nimport { LargeRects } from '../mark/large-rects';\nimport { LargeSymbols } from '../mark/large-symbols';\nimport { Factory } from '../../core/factory';\n\nconst itemCreator = {\n  circle: createCircle,\n  arc: createArc,\n  arc3d: createArc3d,\n  pyramid3d: createPyramid3d,\n  area: createArea,\n  group: createGroup,\n  image: createImage,\n  rect3d: createRect3d,\n  line: createLine,\n  path: createPath,\n  rect: createRect,\n  rule: createLine,\n  shape: createPath,\n  symbol: createSymbol,\n  text: createText,\n  richtext: createRichText,\n  polygon: createPolygon,\n  cell: createSymbol,\n  interval: createRect\n};\n\nexport const isMarkType = (type: string) => {\n  return !!itemCreator[type];\n};\n\nexport function createGraphicItem(mark: IMark, markType: string, attrs: any = {}) {\n  mark.emit(HOOK_EVENT.BEFORE_CREATE_VRENDER_MARK);\n\n  if (markType === GrammarMarkType.largeRects) {\n    return new LargeRects(attrs);\n  } else if (markType === GrammarMarkType.largeSymbols) {\n    return new LargeSymbols(attrs);\n  }\n\n  const graphicItem: IGraphic = itemCreator[markType]\n    ? itemCreator[markType](attrs)\n    : Factory.createGraphicComponent(markType, attrs);\n\n  mark.emit(HOOK_EVENT.AFTER_CREATE_VRENDER_MARK);\n  return graphicItem;\n}\n\nexport function createGlyphGraphicItem(mark: IMark, glyphMeta: IGlyphMeta, attrs: any = {}) {\n  mark.emit(HOOK_EVENT.BEFORE_CREATE_VRENDER_MARK);\n\n  const graphicItem = createGlyph(attrs);\n  const glyphMarks = glyphMeta.getMarks();\n  const subGraphics: IGraphic[] = Object.keys(glyphMarks).map(name => {\n    const graphic = itemCreator[glyphMarks[name]]();\n    graphic.name = name;\n    return graphic;\n  });\n  graphicItem.setSubGraphic(subGraphics);\n\n  mark.emit(HOOK_EVENT.AFTER_CREATE_VRENDER_MARK);\n  return graphicItem;\n}\n\nexport const removeGraphicItem = (graphicItem: IGraphic) => {\n  if (graphicItem) {\n    graphicItem[BridgeElementKey] = null;\n    graphicItem.release();\n    if (graphicItem.parent) {\n      graphicItem.parent.removeChild(graphicItem);\n    }\n  }\n};\n\nexport const getMarkTypeOfLarge = (markType: string) => {\n  if (markType === GrammarMarkType.rect) {\n    return GrammarMarkType.largeRects;\n  }\n\n  if (markType === GrammarMarkType.symbol) {\n    return GrammarMarkType.largeSymbols;\n  }\n\n  return markType;\n};\n"]}

package/es/graph/util/point.d.ts

@@ -0,0 +1 @@
+export declare function point(event: Event): number[];

package/es/graph/util/point.js

@@ -0,0 +1,67 @@
+import { isValidNumber, isNil } from "@visactor/vutils";
+
+export function point(event) {
+    [ "touches", "changedTouches", "targetTouches" ].forEach((touchKey => {
+        event[touchKey] && event[touchKey].length && Array.from(event[touchKey]).forEach((touch => {
+            defineSrPosition(touch, clientToLocal(touch), !1);
+        }));
+    }));
+    const pos = clientToLocal(event);
+    return defineSrPosition(event, pos);
+}
+
+function clientToLocal(e) {
+    return isNil(e.offsetX) ? isNil(e.x) ? e.changedTouches && e.changedTouches.length ? getChangedTouchesPos(e) : {
+        canvasX: 0,
+        canvasY: 0
+    } : getXYPos(e) : getOffsetPos(e);
+}
+
+function getOffsetPos(e) {
+    return {
+        canvasX: e.offsetX,
+        canvasY: e.offsetY
+    };
+}
+
+function getBoundingClientRectPos(e, el) {
+    const result = {
+        canvasX: 0,
+        canvasY: 0
+    }, rect = el.getBoundingClientRect(), currentWidth = rect.width, widthRatio = currentWidth / (el.offsetWidth || currentWidth), currentHeight = rect.height, heightRatio = currentHeight / (el.offsetHeight || currentHeight);
+    return [ "touchstart", "touchmove", "touchend" ].includes(e.type) && e.changedTouches && e.changedTouches.length ? (result.canvasX = (e.changedTouches[0].clientX - rect.left - (el.clientLeft || 0)) / widthRatio, 
+    result.canvasY = (e.changedTouches[0].clientY - rect.top - (el.clientTop || 0)) / heightRatio, 
+    result.clientX = e.changedTouches[0].clientX, result.clientY = e.changedTouches[0].clientY) : (result.canvasX = (e.clientX - rect.left - (el.clientLeft || 0)) / widthRatio, 
+    result.canvasY = (e.clientY - rect.top - (el.clientTop || 0)) / heightRatio), result;
+}
+
+function getXYPos(e) {
+    return {
+        canvasX: e.x,
+        canvasY: e.y
+    };
+}
+
+function getChangedTouchesPos(e) {
+    return {
+        canvasX: e.changedTouches[0].x,
+        canvasY: e.changedTouches[0].y
+    };
+}
+
+function defineSrPosition(event, pos, client = !0) {
+    return isValidNumber(pos.canvasX) && Object.defineProperty(event, "canvasX", {
+        value: pos.canvasX,
+        writable: !0
+    }), isValidNumber(pos.canvasY) && Object.defineProperty(event, "canvasY", {
+        value: pos.canvasY,
+        writable: !0
+    }), client && isValidNumber(pos.clientX) && Object.defineProperty(event, "clientX", {
+        value: pos.clientX,
+        writable: !0
+    }), client && isValidNumber(pos.clientY) && Object.defineProperty(event, "clientY", {
+        value: pos.clientY,
+        writable: !0
+    }), [ pos.canvasX, pos.canvasY ];
+}
+//# sourceMappingURL=point.js.map

package/es/graph/util/point.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/util/point.ts"],"names":[],"mappings":"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","file":"point.js","sourcesContent":["import { isValidNumber, isNil } from '@visactor/vutils';\n\ninterface EventPosition {\n  canvasX: number;\n  canvasY: number;\n  clientX?: number;\n  clientY?: number;\n}\n\nexport function point(event: Event) {\n  ['touches', 'changedTouches', 'targetTouches'].forEach(touchKey => {\n    if (event[touchKey] && event[touchKey].length) {\n      Array.from(event[touchKey]).forEach(touch => {\n        const touchPosition = clientToLocal(touch as Event);\n        defineSrPosition(touch, touchPosition, false);\n      });\n    }\n  });\n\n  const pos = clientToLocal(event);\n  return defineSrPosition(event, pos);\n}\n\nfunction clientToLocal(e: Event): EventPosition {\n  // For IE6+, chrome, safari, opera. (When will ff support offsetX?)\n  if (!isNil((e as any).offsetX)) {\n    return getOffsetPos(e);\n  }\n\n  // if (el && el.getBoundingClientRect) {\n  //   return getBoundingClientRectPos(e, el);\n  // }\n\n  // for miniApp\n  if (!isNil((e as any).x)) {\n    return getXYPos(e);\n  }\n\n  // for miniApp\n  if ((e as any).changedTouches && (e as any).changedTouches.length) {\n    return getChangedTouchesPos(e);\n  }\n\n  // For some other device, e.g., IOS safari.\n  return {\n    canvasX: 0,\n    canvasY: 0\n  };\n}\n\nfunction getOffsetPos(e: any) {\n  return {\n    canvasX: e.offsetX,\n    canvasY: e.offsetY\n  };\n}\n\nfunction getBoundingClientRectPos(e: any, el: HTMLElement) {\n  const result: EventPosition = { canvasX: 0, canvasY: 0 };\n  const rect = el.getBoundingClientRect();\n  const currentWidth = rect.width;\n  const originWidth = el.offsetWidth || currentWidth;\n  const widthRatio = currentWidth / originWidth;\n  const currentHeight = rect.height;\n  const originHeight = el.offsetHeight || currentHeight;\n  const heightRatio = currentHeight / originHeight;\n  if (['touchstart', 'touchmove', 'touchend'].includes(e.type) && e.changedTouches && e.changedTouches.length) {\n    result.canvasX = (e.changedTouches[0].clientX - rect.left - (el.clientLeft || 0)) / widthRatio;\n    result.canvasY = (e.changedTouches[0].clientY - rect.top - (el.clientTop || 0)) / heightRatio;\n    result.clientX = e.changedTouches[0].clientX;\n    result.clientY = e.changedTouches[0].clientY;\n  } else {\n    result.canvasX = (e.clientX - rect.left - (el.clientLeft || 0)) / widthRatio;\n    result.canvasY = (e.clientY - rect.top - (el.clientTop || 0)) / heightRatio;\n  }\n  return result;\n}\n\nfunction getXYPos(e: any) {\n  return { canvasX: e.x, canvasY: e.y };\n}\n\nfunction getChangedTouchesPos(e: any) {\n  return { canvasX: e.changedTouches[0].x, canvasY: e.changedTouches[0].y };\n}\n\nfunction defineSrPosition(event: any, pos: EventPosition, client = true) {\n  isValidNumber(pos.canvasX) &&\n    Object.defineProperty(event, 'canvasX', {\n      value: pos.canvasX,\n      writable: true\n    });\n  isValidNumber(pos.canvasY) &&\n    Object.defineProperty(event, 'canvasY', {\n      value: pos.canvasY,\n      writable: true\n    });\n  client &&\n    isValidNumber(pos.clientX) &&\n    Object.defineProperty(event, 'clientX', {\n      value: pos.clientX,\n      writable: true\n    });\n  client &&\n    isValidNumber(pos.clientY) &&\n    Object.defineProperty(event, 'clientY', {\n      value: pos.clientY,\n      writable: true\n    });\n  return [pos.canvasX, pos.canvasY];\n}\n"]}