@visactor/vrender-core 0.16.0-alpha.0

package/es/graphic/polygon.js

@@ -0,0 +1,63 @@
+import { Graphic, GRAPHIC_UPDATE_TAG_KEY, NOWORK_ANIMATE_ATTR } from "./graphic";
+
+import { getTheme } from "./theme";
+
+import { parsePadding, pointsInterpolation } from "../common/utils";
+
+import { CustomPath2D } from "../common/custom-path2d";
+
+import { application } from "../application";
+
+import { POLYGON_NUMBER_TYPE } from "./constants";
+
+const POLYGON_UPDATE_TAG_KEY = [ "points", "cornerRadius", ...GRAPHIC_UPDATE_TAG_KEY ];
+
+export class Polygon extends Graphic {
+    constructor(params) {
+        super(params), this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
+    }
+    isValid() {
+        return super.isValid() && this._isValid();
+    }
+    _isValid() {
+        const {points: points} = this.attribute;
+        return points && points.length >= 2;
+    }
+    doUpdateAABBBounds() {
+        const polygonTheme = getTheme(this).polygon;
+        this._AABBBounds.setValue(1 / 0, 1 / 0, -1 / 0, -1 / 0);
+        const attribute = this.attribute, bounds = application.graphicService.updatePolygonAABBBounds(attribute, getTheme(this).polygon, this._AABBBounds, this), {boundsPadding: boundsPadding = polygonTheme.boundsPadding} = attribute, paddingArray = parsePadding(boundsPadding);
+        return paddingArray && bounds.expand(paddingArray), this.clearUpdateBoundTag(), 
+        this._AABBBounds;
+    }
+    tryUpdateOBBBounds() {
+        throw new Error("暂不支持");
+    }
+    _interpolate(key, ratio, lastStepVal, nextStepVal, nextAttributes) {
+        "points" === key && (nextAttributes.points = pointsInterpolation(lastStepVal, nextStepVal, ratio));
+    }
+    getDefaultAttribute(name) {
+        return getTheme(this).polygon[name];
+    }
+    needUpdateTags(keys) {
+        return super.needUpdateTags(keys, POLYGON_UPDATE_TAG_KEY);
+    }
+    needUpdateTag(key) {
+        return super.needUpdateTag(key, POLYGON_UPDATE_TAG_KEY);
+    }
+    toCustomPath() {
+        const points = this.attribute.points, path = new CustomPath2D;
+        return points.forEach(((point, index) => {
+            0 === index ? path.moveTo(point.x, point.y) : path.lineTo(point.x, point.y);
+        })), path.closePath(), path;
+    }
+    clone() {
+        return new Polygon(Object.assign({}, this.attribute));
+    }
+    getNoWorkAnimateAttr() {
+        return Polygon.NOWORK_ANIMATE_ATTR;
+    }
+}
+
+Polygon.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;
+//# sourceMappingURL=polygon.js.map

package/es/graphic/polygon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphic/polygon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEjF,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,sBAAsB,GAAG,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,sBAAsB,CAAC,CAAC;AAErF,MAAM,OAAO,OAAQ,SAAQ,OAAiC;IAK5D,YAAY,MAAgC;QAC1C,KAAK,CAAC,MAAM,CAAC,CAAC;QALhB,SAAI,GAAgB,SAAS,CAAC;QAM5B,IAAI,CAAC,UAAU,GAAG,mBAAmB,CAAC;IACxC,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC5C,CAAC;IACS,QAAQ;QAChB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAClC,OAAO,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;IACtC,CAAC;IAES,kBAAkB;QAC1B,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;QAC5C,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;QAEpE,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QACjC,MAAM,MAAM,GAAG,WAAW,CAAC,cAAc,CAAC,uBAAuB,CAC/D,SAAS,EACT,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EACtB,IAAI,CAAC,WAAW,EAChB,IAAI,CACS,CAAC;QAEhB,MAAM,EAAE,aAAa,GAAG,YAAY,CAAC,aAAa,EAAE,GAAG,SAAS,CAAC;QACjE,MAAM,YAAY,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;QACjD,IAAI,YAAY,EAAE;YAChB,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;SAC7B;QAED,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAE3B,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAES,kBAAkB;QAC1B,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAES,YAAY,CAAC,GAAW,EAAE,KAAa,EAAE,WAAgB,EAAE,WAAgB,EAAE,cAAmB;QACxG,IAAI,GAAG,KAAK,QAAQ,EAAE;YACnB,cAAsB,CAAC,MAAM,GAAG,mBAAmB,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;SACvF;IACH,CAAC;IAED,mBAAmB,CAAC,IAAY;QAC9B,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;QAC5C,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAES,cAAc,CAAC,IAAc;QACrC,OAAO,KAAK,CAAC,cAAc,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC;IAC5D,CAAC;IACS,aAAa,CAAC,GAAW;QACjC,OAAO,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAAC;IAC1D,CAAC;IAED,YAAY;QACV,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;QACrC,MAAM,IAAI,GAAG,IAAI,YAAY,EAAE,CAAC;QAEhC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC9B,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;aAC/B;iBAAM;gBACL,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;aAC/B;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,EAAE,CAAC;QAEjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,KAAK;QACH,OAAO,IAAI,OAAO,mBAAM,IAAI,CAAC,SAAS,EAAG,CAAC;IAC5C,CAAC;IAED,oBAAoB;QAClB,OAAO,OAAO,CAAC,mBAAmB,CAAC;IACrC,CAAC;;AAlFM,2BAAmB,GAAG,mBAAmB,CAAC","file":"polygon.js","sourcesContent":["import type { AABBBounds, OBBBounds } from '@visactor/vutils';\nimport { Graphic, GRAPHIC_UPDATE_TAG_KEY, NOWORK_ANIMATE_ATTR } from './graphic';\nimport type { IPolygon, IPolygonGraphicAttribute } from '../interface/graphic/polygon';\nimport { getTheme } from './theme';\nimport { parsePadding, pointsInterpolation } from '../common/utils';\nimport { CustomPath2D } from '../common/custom-path2d';\nimport { application } from '../application';\nimport type { GraphicType } from '../interface';\nimport { POLYGON_NUMBER_TYPE } from './constants';\n\nconst POLYGON_UPDATE_TAG_KEY = ['points', 'cornerRadius', ...GRAPHIC_UPDATE_TAG_KEY];\n\nexport class Polygon extends Graphic<IPolygonGraphicAttribute> implements IPolygon {\n  type: GraphicType = 'polygon';\n\n  static NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;\n\n  constructor(params: IPolygonGraphicAttribute) {\n    super(params);\n    this.numberType = POLYGON_NUMBER_TYPE;\n  }\n\n  isValid(): boolean {\n    return super.isValid() && this._isValid();\n  }\n  protected _isValid(): boolean {\n    const { points } = this.attribute;\n    return points && points.length >= 2;\n  }\n\n  protected doUpdateAABBBounds(): AABBBounds {\n    const polygonTheme = getTheme(this).polygon;\n    this._AABBBounds.setValue(Infinity, Infinity, -Infinity, -Infinity);\n\n    const attribute = this.attribute;\n    const bounds = application.graphicService.updatePolygonAABBBounds(\n      attribute,\n      getTheme(this).polygon,\n      this._AABBBounds,\n      this\n    ) as AABBBounds;\n\n    const { boundsPadding = polygonTheme.boundsPadding } = attribute;\n    const paddingArray = parsePadding(boundsPadding);\n    if (paddingArray) {\n      bounds.expand(paddingArray);\n    }\n\n    this.clearUpdateBoundTag();\n\n    return this._AABBBounds;\n  }\n\n  protected tryUpdateOBBBounds(): OBBBounds {\n    throw new Error('暂不支持');\n  }\n\n  protected _interpolate(key: string, ratio: number, lastStepVal: any, nextStepVal: any, nextAttributes: any): void {\n    if (key === 'points') {\n      (nextAttributes as any).points = pointsInterpolation(lastStepVal, nextStepVal, ratio);\n    }\n  }\n\n  getDefaultAttribute(name: string) {\n    const polygonTheme = getTheme(this).polygon;\n    return polygonTheme[name];\n  }\n\n  protected needUpdateTags(keys: string[]): boolean {\n    return super.needUpdateTags(keys, POLYGON_UPDATE_TAG_KEY);\n  }\n  protected needUpdateTag(key: string): boolean {\n    return super.needUpdateTag(key, POLYGON_UPDATE_TAG_KEY);\n  }\n\n  toCustomPath() {\n    const points = this.attribute.points;\n    const path = new CustomPath2D();\n\n    points.forEach((point, index) => {\n      if (index === 0) {\n        path.moveTo(point.x, point.y);\n      } else {\n        path.lineTo(point.x, point.y);\n      }\n    });\n    path.closePath();\n\n    return path;\n  }\n\n  clone() {\n    return new Polygon({ ...this.attribute });\n  }\n\n  getNoWorkAnimateAttr(): Record<string, number> {\n    return Polygon.NOWORK_ANIMATE_ATTR;\n  }\n}\n"]}

package/es/graphic/pyramid3d.d.ts

@@ -0,0 +1,42 @@
+import type { AABBBounds } from '@visactor/vutils';
+import type { GraphicType, IPyramid3d, IPyramid3dGraphicAttribute } from '../interface';
+import type { IFace3d } from '../interface/graphic/face3d';
+import { Polygon } from './polygon';
+export declare class Pyramid3d extends Polygon implements IPyramid3d {
+    type: GraphicType;
+    attribute: IPyramid3dGraphicAttribute;
+    static NOWORK_ANIMATE_ATTR: {
+        strokeSeg: number;
+        boundsPadding: number;
+        pickMode: number;
+        boundsMode: number;
+        customPickShape: number;
+        pickable: number;
+        childrenPickable: number;
+        visible: number;
+        zIndex: number;
+        layout: number;
+        keepDirIn3d: number;
+        outerBorder: number;
+        innerBorder: number;
+        lineDash: number;
+        lineCap: number;
+        lineJoin: number;
+        miterLimit: number;
+        strokeBoundsBuffer: number;
+        scaleCenter: number;
+        anchor: number;
+        anchor3d: number;
+        postMatrix: number;
+        backgroundMode: number;
+        background: number;
+        texture: number;
+        cursor: number;
+        html: number;
+    };
+    constructor(params: IPyramid3dGraphicAttribute);
+    protected doUpdateAABBBounds(): AABBBounds;
+    findFace(): IFace3d;
+    protected _isValid(): boolean;
+    getNoWorkAnimateAttr(): Record<string, number>;
+}

package/es/graphic/pyramid3d.js

@@ -0,0 +1,96 @@
+import { max, PointService } from "@visactor/vutils";
+
+import { parsePadding } from "../common/utils";
+
+import { application } from "../application";
+
+import { Polygon } from "./polygon";
+
+import { getTheme } from "./theme";
+
+import { PYRAMID3D_NUMBER_TYPE } from "./constants";
+
+import { NOWORK_ANIMATE_ATTR } from "./graphic";
+
+export class Pyramid3d extends Polygon {
+    constructor(params) {
+        super(params), this.type = "pyramid3d", this.numberType = PYRAMID3D_NUMBER_TYPE;
+    }
+    doUpdateAABBBounds() {
+        const polygonTheme = getTheme(this).polygon;
+        this._AABBBounds.setValue(1 / 0, 1 / 0, -1 / 0, -1 / 0);
+        const attribute = this.attribute, bounds = application.graphicService.updatePyramid3dAABBBounds(attribute, getTheme(this).polygon, this._AABBBounds, this), {boundsPadding: boundsPadding = polygonTheme.boundsPadding} = attribute, paddingArray = parsePadding(boundsPadding);
+        return paddingArray && bounds.expand(paddingArray), this.clearUpdateBoundTag(), 
+        this._AABBBounds;
+    }
+    findFace() {
+        const {points: points} = this.attribute, kList = points.map(((p, i) => {
+            const p1 = 3 === i ? points[0] : points[i + 1], dx = p.x - p1.x;
+            return 0 === dx ? 0 : (p.y - p1.y) / dx;
+        })), pointsMap = points.map((p => ({
+            p: p,
+            d: 0
+        })));
+        let find = !1, maxD = 0;
+        for (let i = 0; i < kList.length - 1; i++) {
+            for (let j = i + 1; j < kList.length; j++) {
+                if (kList[i] === kList[j]) {
+                    find = !0;
+                    const d1 = PointService.distancePP(pointsMap[i].p, pointsMap[i + 1].p);
+                    pointsMap[i].d = d1, pointsMap[i + 1].d = d1, maxD = max(maxD, d1);
+                    const d2 = PointService.distancePP(pointsMap[j].p, pointsMap[j + 1].p);
+                    pointsMap[j].d = d2, pointsMap[j + 1].d = d2, maxD = max(maxD, d2);
+                }
+                if (find) break;
+            }
+            if (find) break;
+        }
+        for (let i = points.length - 1; i >= 0; i--) {
+            const p = points[i];
+            pointsMap.unshift({
+                p: p,
+                d: 0
+            });
+        }
+        for (let i = 0; i < points.length; i++) {
+            const delta = (maxD - pointsMap[i + points.length].d) / 2;
+            pointsMap[i].d += delta, pointsMap[i + points.length].d += delta;
+        }
+        const faces = {
+            polygons: [],
+            vertices: [],
+            edges: []
+        };
+        return pointsMap.forEach((p => {
+            faces.vertices.push([ p.p.x, p.p.y, p.d ]);
+        })), faces.polygons.push({
+            polygon: [ 0, 4, 5, 1 ],
+            normal: [ 0, -1, 0 ]
+        }), faces.polygons.push({
+            polygon: [ 7, 6, 2, 3 ],
+            normal: [ 0, 1, 0 ]
+        }), faces.polygons.push({
+            polygon: [ 0, 4, 7, 3 ],
+            normal: [ -1, 0, 0 ]
+        }), faces.polygons.push({
+            polygon: [ 1, 5, 6, 2 ],
+            normal: [ 1, 0, 0 ]
+        }), faces.polygons.push({
+            polygon: [ 0, 1, 2, 3 ],
+            normal: [ 0, 0, -1 ]
+        }), faces.polygons.push({
+            polygon: [ 4, 5, 6, 7 ],
+            normal: [ 0, 0, 1 ]
+        }), faces.edges = [ [ 0, 1 ], [ 1, 2 ], [ 2, 3 ], [ 3, 0 ], [ 4, 5 ], [ 5, 6 ], [ 6, 7 ], [ 7, 4 ], [ 0, 4 ], [ 3, 7 ], [ 1, 5 ], [ 2, 6 ] ], 
+        faces;
+    }
+    _isValid() {
+        return super._isValid() && 4 === this.attribute.points.length;
+    }
+    getNoWorkAnimateAttr() {
+        return Pyramid3d.NOWORK_ANIMATE_ATTR;
+    }
+}
+
+Pyramid3d.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;
+//# sourceMappingURL=pyramid3d.js.map

package/es/graphic/pyramid3d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphic/pyramid3d.ts"],"names":[],"mappings":"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","file":"pyramid3d.js","sourcesContent":["import type { AABBBounds, IPointLike } from '@visactor/vutils';\nimport { max, PointService } from '@visactor/vutils';\nimport { parsePadding } from '../common/utils';\nimport type { GraphicType, IPyramid3d, IPyramid3dGraphicAttribute } from '../interface';\nimport type { IFace3d } from '../interface/graphic/face3d';\nimport { application } from '../application';\nimport { Polygon } from './polygon';\nimport { getTheme } from './theme';\nimport { PYRAMID3D_NUMBER_TYPE } from './constants';\nimport { NOWORK_ANIMATE_ATTR } from './graphic';\n\nexport class Pyramid3d extends Polygon implements IPyramid3d {\n  type: GraphicType = 'pyramid3d';\n  declare attribute: IPyramid3dGraphicAttribute;\n\n  static NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;\n\n  constructor(params: IPyramid3dGraphicAttribute) {\n    super(params);\n    this.numberType = PYRAMID3D_NUMBER_TYPE;\n  }\n\n  protected doUpdateAABBBounds(): AABBBounds {\n    const polygonTheme = getTheme(this).polygon;\n    this._AABBBounds.setValue(Infinity, Infinity, -Infinity, -Infinity);\n\n    const attribute = this.attribute;\n    const bounds = application.graphicService.updatePyramid3dAABBBounds(\n      attribute,\n      getTheme(this).polygon as any,\n      this._AABBBounds,\n      this\n    ) as AABBBounds;\n\n    const { boundsPadding = polygonTheme.boundsPadding } = attribute;\n    const paddingArray = parsePadding(boundsPadding);\n    if (paddingArray) {\n      bounds.expand(paddingArray);\n    }\n\n    this.clearUpdateBoundTag();\n\n    return this._AABBBounds;\n  }\n\n  findFace(): IFace3d {\n    const { points } = this.attribute;\n    // 找到斜率相同的两条边\n    const kList = points.map((p, i) => {\n      const p1 = i === 3 ? points[0] : points[i + 1];\n      const dx = p.x - p1.x;\n      if (dx === 0) {\n        return 0;\n      }\n      return (p.y - p1.y) / dx;\n    });\n\n    const pointsMap: { p: IPointLike; d: number }[] = points.map(p => ({ p, d: 0 }));\n    let find = false;\n    let maxD = 0;\n    for (let i = 0; i < kList.length - 1; i++) {\n      for (let j = i + 1; j < kList.length; j++) {\n        if (kList[i] === kList[j]) {\n          find = true;\n          const d1 = PointService.distancePP(pointsMap[i].p, pointsMap[i + 1].p);\n          pointsMap[i].d = d1;\n          pointsMap[i + 1].d = d1;\n          maxD = max(maxD, d1);\n          const d2 = PointService.distancePP(pointsMap[j].p, pointsMap[j + 1].p);\n          pointsMap[j].d = d2;\n          pointsMap[j + 1].d = d2;\n          maxD = max(maxD, d2);\n        }\n        if (find) {\n          break;\n        }\n      }\n      if (find) {\n        break;\n      }\n    }\n\n    for (let i = points.length - 1; i >= 0; i--) {\n      const p = points[i];\n      pointsMap.unshift({\n        p,\n        d: 0\n      });\n    }\n\n    for (let i = 0; i < points.length; i++) {\n      const delta = (maxD - pointsMap[i + points.length].d) / 2;\n      pointsMap[i].d += delta;\n      pointsMap[i + points.length].d += delta;\n    }\n\n    const faces: IFace3d = { polygons: [], vertices: [], edges: [] };\n\n    pointsMap.forEach(p => {\n      faces.vertices.push([p.p.x, p.p.y, p.d]);\n    });\n\n    // 上\n    faces.polygons.push({ polygon: [0, 4, 5, 1], normal: [0, -1, 0] });\n    // 下\n    faces.polygons.push({ polygon: [7, 6, 2, 3], normal: [0, 1, 0] });\n    // 左\n    faces.polygons.push({ polygon: [0, 4, 7, 3], normal: [-1, 0, 0] });\n    // 右\n    faces.polygons.push({ polygon: [1, 5, 6, 2], normal: [1, 0, 0] });\n    // 前\n    faces.polygons.push({ polygon: [0, 1, 2, 3], normal: [0, 0, -1] });\n    // 后\n    faces.polygons.push({ polygon: [4, 5, 6, 7], normal: [0, 0, 1] });\n\n    faces.edges = [\n      [0, 1],\n      [1, 2],\n      [2, 3],\n      [3, 0],\n      [4, 5],\n      [5, 6],\n      [6, 7],\n      [7, 4],\n      [0, 4],\n      [3, 7],\n      [1, 5],\n      [2, 6]\n    ];\n\n    return faces;\n  }\n\n  protected _isValid(): boolean {\n    return super._isValid() && this.attribute.points.length === 4;\n  }\n\n  getNoWorkAnimateAttr(): Record<string, number> {\n    return Pyramid3d.NOWORK_ANIMATE_ATTR;\n  }\n}\n"]}

package/es/graphic/rect.d.ts

@@ -0,0 +1,47 @@
+import type { AABBBounds, OBBBounds } from '@visactor/vutils';
+import { Graphic } from './graphic';
+import type { GraphicType, IRect, IRectGraphicAttribute } from '../interface';
+import { CustomPath2D } from '../common/custom-path2d';
+export declare class Rect extends Graphic<IRectGraphicAttribute> implements IRect {
+    type: GraphicType;
+    static NOWORK_ANIMATE_ATTR: {
+        strokeSeg: number;
+        boundsPadding: number;
+        pickMode: number;
+        boundsMode: number;
+        customPickShape: number;
+        pickable: number;
+        childrenPickable: number;
+        visible: number;
+        zIndex: number;
+        layout: number;
+        keepDirIn3d: number;
+        outerBorder: number;
+        innerBorder: number;
+        lineDash: number;
+        lineCap: number;
+        lineJoin: number;
+        miterLimit: number;
+        strokeBoundsBuffer: number;
+        scaleCenter: number;
+        anchor: number;
+        anchor3d: number;
+        postMatrix: number;
+        backgroundMode: number;
+        background: number;
+        texture: number;
+        cursor: number;
+        html: number;
+    };
+    constructor(params: IRectGraphicAttribute);
+    isValid(): boolean;
+    private _isValid;
+    protected doUpdateAABBBounds(): AABBBounds;
+    protected tryUpdateOBBBounds(): OBBBounds;
+    getDefaultAttribute(name: string): any;
+    protected needUpdateTags(keys: string[]): boolean;
+    protected needUpdateTag(key: string): boolean;
+    toCustomPath(): CustomPath2D;
+    clone(): Rect;
+    getNoWorkAnimateAttr(): Record<string, number>;
+}

package/es/graphic/rect.js

@@ -0,0 +1,58 @@
+import { Graphic, GRAPHIC_UPDATE_TAG_KEY, NOWORK_ANIMATE_ATTR } from "./graphic";
+
+import { CustomPath2D } from "../common/custom-path2d";
+
+import { parsePadding } from "../common/utils";
+
+import { getTheme } from "./theme";
+
+import { application } from "../application";
+
+import { RECT_NUMBER_TYPE } from "./constants";
+
+const RECT_UPDATE_TAG_KEY = [ "width", "height", "cornerRadius", ...GRAPHIC_UPDATE_TAG_KEY ];
+
+export class Rect extends Graphic {
+    constructor(params) {
+        super(params), this.type = "rect", this.numberType = RECT_NUMBER_TYPE;
+    }
+    isValid() {
+        return super.isValid() && this._isValid();
+    }
+    _isValid() {
+        const {width: width, height: height} = this.attribute;
+        return this._validNumber(width) && this._validNumber(height);
+    }
+    doUpdateAABBBounds() {
+        const rectTheme = getTheme(this).rect;
+        this._AABBBounds.setValue(1 / 0, 1 / 0, -1 / 0, -1 / 0);
+        const attribute = this.attribute, bounds = application.graphicService.updateRectAABBBounds(attribute, getTheme(this).rect, this._AABBBounds, this), {boundsPadding: boundsPadding = rectTheme.boundsPadding} = attribute, paddingArray = parsePadding(boundsPadding);
+        return paddingArray && bounds.expand(paddingArray), this.clearUpdateBoundTag(), 
+        bounds;
+    }
+    tryUpdateOBBBounds() {
+        throw new Error("暂不支持");
+    }
+    getDefaultAttribute(name) {
+        return getTheme(this).rect[name];
+    }
+    needUpdateTags(keys) {
+        return super.needUpdateTags(keys, RECT_UPDATE_TAG_KEY);
+    }
+    needUpdateTag(key) {
+        return super.needUpdateTag(key, RECT_UPDATE_TAG_KEY);
+    }
+    toCustomPath() {
+        const attribute = this.attribute, width = attribute.width, height = attribute.height, path = new CustomPath2D;
+        return path.moveTo(0, 0), path.rect(0, 0, width, height), path;
+    }
+    clone() {
+        return new Rect(Object.assign({}, this.attribute));
+    }
+    getNoWorkAnimateAttr() {
+        return Rect.NOWORK_ANIMATE_ATTR;
+    }
+}
+
+Rect.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;
+//# sourceMappingURL=rect.js.map

package/es/graphic/rect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphic/rect.ts"],"names":[],"mappings":"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","file":"rect.js","sourcesContent":["import type { AABBBounds, OBBBounds } from '@visactor/vutils';\nimport { Graphic, GRAPHIC_UPDATE_TAG_KEY, NOWORK_ANIMATE_ATTR } from './graphic';\nimport type { GraphicType, IRect, IRectGraphicAttribute } from '../interface';\nimport { CustomPath2D } from '../common/custom-path2d';\nimport { parsePadding } from '../common/utils';\nimport { getTheme } from './theme';\nimport { application } from '../application';\nimport { RECT_NUMBER_TYPE } from './constants';\n\nconst RECT_UPDATE_TAG_KEY = ['width', 'height', 'cornerRadius', ...GRAPHIC_UPDATE_TAG_KEY];\n\nexport class Rect extends Graphic<IRectGraphicAttribute> implements IRect {\n  type: GraphicType = 'rect';\n\n  static NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;\n\n  constructor(params: IRectGraphicAttribute) {\n    super(params);\n    this.numberType = RECT_NUMBER_TYPE;\n  }\n\n  isValid(): boolean {\n    return super.isValid() && this._isValid();\n  }\n  private _isValid(): boolean {\n    const { width, height } = this.attribute;\n    return this._validNumber(width) && this._validNumber(height);\n  }\n\n  protected doUpdateAABBBounds(): AABBBounds {\n    const rectTheme = getTheme(this).rect;\n    this._AABBBounds.setValue(Infinity, Infinity, -Infinity, -Infinity);\n    const attribute = this.attribute;\n    const bounds = application.graphicService.updateRectAABBBounds(\n      attribute,\n      getTheme(this).rect,\n      this._AABBBounds,\n      this\n    ) as AABBBounds;\n\n    const { boundsPadding = rectTheme.boundsPadding } = attribute;\n    const paddingArray = parsePadding(boundsPadding);\n    if (paddingArray) {\n      bounds.expand(paddingArray);\n    }\n\n    this.clearUpdateBoundTag();\n    return bounds;\n  }\n\n  protected tryUpdateOBBBounds(): OBBBounds {\n    throw new Error('暂不支持');\n  }\n\n  getDefaultAttribute(name: string) {\n    const rectTheme = getTheme(this).rect;\n    return rectTheme[name];\n  }\n\n  protected needUpdateTags(keys: string[]): boolean {\n    return super.needUpdateTags(keys, RECT_UPDATE_TAG_KEY);\n  }\n  protected needUpdateTag(key: string): boolean {\n    return super.needUpdateTag(key, RECT_UPDATE_TAG_KEY);\n  }\n\n  toCustomPath() {\n    const attribute = this.attribute;\n    const width = attribute.width;\n    const height = attribute.height;\n    const x = 0;\n    const y = 0;\n\n    const path = new CustomPath2D();\n    path.moveTo(x, y);\n    path.rect(x, y, width, height);\n\n    return path;\n  }\n\n  clone() {\n    return new Rect({ ...this.attribute });\n  }\n\n  getNoWorkAnimateAttr(): Record<string, number> {\n    return Rect.NOWORK_ANIMATE_ATTR;\n  }\n}\n"]}

package/es/graphic/rect3d.d.ts

@@ -0,0 +1,38 @@
+import type { GraphicType, IFace3d, IRect3d, IRect3dGraphicAttribute } from '../interface';
+import { Rect } from './rect';
+export declare class Rect3d extends Rect implements IRect3d {
+    type: GraphicType;
+    attribute: IRect3dGraphicAttribute;
+    static NOWORK_ANIMATE_ATTR: {
+        strokeSeg: number;
+        boundsPadding: number;
+        pickMode: number;
+        boundsMode: number;
+        customPickShape: number;
+        pickable: number;
+        childrenPickable: number;
+        visible: number;
+        zIndex: number;
+        layout: number;
+        keepDirIn3d: number;
+        outerBorder: number;
+        innerBorder: number;
+        lineDash: number;
+        lineCap: number;
+        lineJoin: number;
+        miterLimit: number;
+        strokeBoundsBuffer: number;
+        scaleCenter: number;
+        anchor: number;
+        anchor3d: number;
+        postMatrix: number;
+        backgroundMode: number;
+        background: number;
+        texture: number;
+        cursor: number;
+        html: number;
+    };
+    constructor(params: IRect3dGraphicAttribute);
+    findFace(): IFace3d;
+    getNoWorkAnimateAttr(): Record<string, number>;
+}

package/es/graphic/rect3d.js

@@ -0,0 +1,54 @@
+import { min } from "@visactor/vutils";
+
+import { Rect } from "./rect";
+
+import { getTheme } from "./theme";
+
+import { RECT3D_NUMBER_TYPE } from "./constants";
+
+import { NOWORK_ANIMATE_ATTR } from "./graphic";
+
+const CUBE_VERTICES = [ [ 0, 0, 0 ], [ 1, 0, 0 ], [ 1, 1, 0 ], [ 0, 1, 0 ], [ 0, 0, 1 ], [ 1, 0, 1 ], [ 1, 1, 1 ], [ 0, 1, 1 ] ];
+
+export class Rect3d extends Rect {
+    constructor(params) {
+        super(params), this.type = "rect3d", this.numberType = RECT3D_NUMBER_TYPE;
+    }
+    findFace() {
+        const faces = {
+            polygons: [],
+            vertices: [],
+            edges: []
+        }, rectTheme = getTheme(this).rect3d, {width: width = rectTheme.width, height: height = rectTheme.width, length: length = min(rectTheme.width, rectTheme.height)} = this.attribute;
+        for (let i = 0; i < CUBE_VERTICES.length; i++) {
+            const v = CUBE_VERTICES[i];
+            faces.vertices.push([ v[0] * width, v[1] * height, v[2] * length ]);
+        }
+        return faces.polygons.push({
+            polygon: [ 0, 1, 5, 4 ],
+            normal: [ 0, -1, 0 ]
+        }), faces.polygons.push({
+            polygon: [ 2, 3, 7, 6 ],
+            normal: [ 0, 1, 0 ]
+        }), faces.polygons.push({
+            polygon: [ 4, 7, 3, 0 ],
+            normal: [ -1, 0, 0 ]
+        }), faces.polygons.push({
+            polygon: [ 1, 2, 6, 5 ],
+            normal: [ 1, 0, 0 ]
+        }), faces.polygons.push({
+            polygon: [ 0, 1, 2, 3 ],
+            normal: [ 0, 0, -1 ]
+        }), faces.polygons.push({
+            polygon: [ 4, 5, 6, 7 ],
+            normal: [ 0, 0, 1 ]
+        }), faces.edges = [ [ 0, 1 ], [ 1, 2 ], [ 2, 3 ], [ 3, 0 ], [ 4, 5 ], [ 5, 6 ], [ 6, 7 ], [ 7, 4 ], [ 0, 4 ], [ 3, 7 ], [ 1, 5 ], [ 2, 6 ] ], 
+        faces;
+    }
+    getNoWorkAnimateAttr() {
+        return Rect3d.NOWORK_ANIMATE_ATTR;
+    }
+}
+
+Rect3d.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;
+//# sourceMappingURL=rect3d.js.map

package/es/graphic/rect3d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphic/rect3d.ts"],"names":[],"mappings":"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","file":"rect3d.js","sourcesContent":["import { min } from '@visactor/vutils';\nimport type { GraphicType, IFace3d, IRect3d, IRect3dGraphicAttribute } from '../interface';\nimport { Rect } from './rect';\nimport { getTheme } from './theme';\nimport { RECT3D_NUMBER_TYPE } from './constants';\nimport { NOWORK_ANIMATE_ATTR } from './graphic';\n\nconst CUBE_VERTICES = [\n  [0, 0, 0],\n  [1, 0, 0],\n  [1, 1, 0],\n  [0, 1, 0],\n  [0, 0, 1],\n  [1, 0, 1],\n  [1, 1, 1],\n  [0, 1, 1]\n];\n\nexport class Rect3d extends Rect implements IRect3d {\n  type: GraphicType = 'rect3d';\n  declare attribute: IRect3dGraphicAttribute;\n\n  static NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;\n\n  constructor(params: IRect3dGraphicAttribute) {\n    super(params);\n    this.numberType = RECT3D_NUMBER_TYPE;\n  }\n\n  findFace(): IFace3d {\n    const faces: IFace3d = { polygons: [], vertices: [], edges: [] };\n    const rectTheme = getTheme(this).rect3d;\n    const {\n      width = rectTheme.width,\n      height = rectTheme.width,\n      length = min(rectTheme.width, rectTheme.height)\n    } = this.attribute;\n    for (let i = 0; i < CUBE_VERTICES.length; i++) {\n      const v = CUBE_VERTICES[i];\n      faces.vertices.push([v[0] * width, v[1] * height, v[2] * length]);\n    }\n\n    // 上\n    faces.polygons.push({ polygon: [0, 1, 5, 4], normal: [0, -1, 0] });\n    // 下\n    faces.polygons.push({ polygon: [2, 3, 7, 6], normal: [0, 1, 0] });\n    // 左\n    faces.polygons.push({ polygon: [4, 7, 3, 0], normal: [-1, 0, 0] });\n    // 右\n    faces.polygons.push({ polygon: [1, 2, 6, 5], normal: [1, 0, 0] });\n    // 前\n    faces.polygons.push({ polygon: [0, 1, 2, 3], normal: [0, 0, -1] });\n    // 后\n    faces.polygons.push({ polygon: [4, 5, 6, 7], normal: [0, 0, 1] });\n\n    faces.edges = [\n      [0, 1],\n      [1, 2],\n      [2, 3],\n      [3, 0],\n      [4, 5],\n      [5, 6],\n      [6, 7],\n      [7, 4],\n      [0, 4],\n      [3, 7],\n      [1, 5],\n      [2, 6]\n    ];\n\n    return faces;\n  }\n\n  getNoWorkAnimateAttr(): Record<string, number> {\n    return Rect3d.NOWORK_ANIMATE_ATTR;\n  }\n}\n"]}

package/es/graphic/richtext/frame.d.ts

@@ -0,0 +1,43 @@
+import type { IContext2d, IRichTextIcon } from '../../interface';
+import type Line from './line';
+export default class Frame {
+    left: number;
+    top: number;
+    bottom: number;
+    right: number;
+    width: number;
+    height: number;
+    actualHeight: number;
+    ellipsis: boolean | string;
+    wordBreak: 'break-word' | 'break-all';
+    verticalDirection: 'top' | 'middle' | 'bottom';
+    lines: Line[];
+    globalAlign: 'left' | 'center' | 'right';
+    globalBaseline: 'top' | 'middle' | 'bottom';
+    layoutDirection: 'horizontal' | 'vertical';
+    directionKey: {
+        width: string;
+        height: string;
+        left: string;
+        top: string;
+        bottom: string;
+    };
+    isWidthMax: boolean;
+    isHeightMax: boolean;
+    singleLine: boolean;
+    icons: Map<string, IRichTextIcon>;
+    constructor(left: number, top: number, width: number, height: number, ellipsis: boolean | string, wordBreak: 'break-word' | 'break-all', verticalDirection: 'top' | 'middle' | 'bottom', globalAlign: 'left' | 'center' | 'right', globalBaseline: 'top' | 'middle' | 'bottom', layoutDirection: 'horizontal' | 'vertical', isWidthMax: boolean, isHeightMax: boolean, singleLine: boolean, icons?: Map<string, IRichTextIcon>);
+    draw(ctx: IContext2d, drawIcon: (icon: IRichTextIcon, context: IContext2d, x: number, y: number, baseline: number) => void): boolean;
+    getActualSize(): {
+        width: number;
+        height: number;
+    };
+    getRawActualSize(): {
+        width: number;
+        height: number;
+    };
+    getActualSizeWidthEllipsis(): {
+        width: number;
+        height: number;
+    };
+}

package/es/graphic/richtext/frame.js

@@ -0,0 +1,142 @@
+import { DIRECTION_KEY } from "./utils";
+
+export default class Frame {
+    constructor(left, top, width, height, ellipsis, wordBreak, verticalDirection, globalAlign, globalBaseline, layoutDirection, isWidthMax, isHeightMax, singleLine, icons) {
+        this.left = left, this.top = top, this.width = width, this.height = height, this.actualHeight = 0, 
+        this.bottom = top + height, this.right = left + width, this.ellipsis = ellipsis, 
+        this.wordBreak = wordBreak, this.verticalDirection = verticalDirection, this.lines = [], 
+        this.globalAlign = globalAlign, this.globalBaseline = globalBaseline, this.layoutDirection = layoutDirection, 
+        this.directionKey = DIRECTION_KEY[this.layoutDirection], this.isWidthMax = isWidthMax, 
+        this.isHeightMax = isHeightMax, this.singleLine = singleLine, icons ? (icons.clear(), 
+        this.icons = icons) : this.icons = new Map;
+    }
+    draw(ctx, drawIcon) {
+        const {width: actualWidth, height: actualHeight} = this.getActualSize(), width = this.isWidthMax ? Math.min(this.width, actualWidth) : this.width || actualWidth || 0;
+        let height = this.isHeightMax ? Math.min(this.height, actualHeight) : this.height || actualHeight || 0;
+        height = Math.min(height, actualHeight);
+        let deltaY = 0;
+        switch (this.globalBaseline) {
+          case "top":
+            deltaY = 0;
+            break;
+
+          case "middle":
+            deltaY = -height / 2;
+            break;
+
+          case "bottom":
+            deltaY = -height;
+        }
+        let deltaX = 0;
+        switch (this.globalAlign) {
+          case "left":
+            deltaX = 0;
+            break;
+
+          case "center":
+            deltaX = -width / 2;
+            break;
+
+          case "right":
+            deltaX = -width;
+        }
+        let frameHeight = this[this.directionKey.height];
+        this.singleLine && (frameHeight = this.lines[0].height + 1);
+        let lastLineTag = !1;
+        if ("middle" === this.verticalDirection) if (this.actualHeight >= frameHeight && 0 !== frameHeight) for (let i = 0; i < this.lines.length; i++) {
+            const {top: top, height: height} = this.lines[i];
+            if (top + height < this[this.directionKey.top] || top + height > this[this.directionKey.top] + frameHeight) return lastLineTag;
+            let lastLine = !1;
+            this.ellipsis && this.lines[i + 1] && this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight && (lastLine = !0, 
+            lastLineTag = !0), this.lines[i].draw(ctx, lastLine, this.lines[i][this.directionKey.left] + deltaX, this.lines[i][this.directionKey.top] + deltaY, drawIcon);
+        } else {
+            const detalHeight = Math.floor((frameHeight - this.actualHeight) / 2);
+            "vertical" === this.layoutDirection ? deltaX += detalHeight : deltaY += detalHeight;
+            for (let i = 0; i < this.lines.length; i++) this.lines[i].draw(ctx, !1, this.lines[i][this.directionKey.left] + deltaX, this.lines[i][this.directionKey.top] + deltaY, drawIcon);
+        } else if ("bottom" === this.verticalDirection && "vertical" !== this.layoutDirection) for (let i = 0; i < this.lines.length; i++) {
+            const {top: top, height: height} = this.lines[i], y = frameHeight - this.lines[i].top - this.lines[i].height;
+            if (0 === frameHeight) this.lines[i].draw(ctx, !1, deltaX, y + deltaY, drawIcon); else {
+                if (y + height > this[this.directionKey.top] + frameHeight || y < this[this.directionKey.top]) return lastLineTag;
+                {
+                    let lastLine = !1;
+                    this.ellipsis && this.lines[i + 1] && y - this.lines[i + 1].height < this[this.directionKey.top] && (lastLine = !0, 
+                    lastLineTag = !0), this.lines[i].draw(ctx, lastLine, deltaX, y + deltaY, drawIcon);
+                }
+            }
+        } else {
+            "bottom" === this.verticalDirection && "vertical" === this.layoutDirection && this.singleLine && this.isWidthMax && (deltaX += this.lines[0].height + 1);
+            for (let i = 0; i < this.lines.length; i++) {
+                "bottom" === this.verticalDirection && "vertical" === this.layoutDirection && (deltaX -= this.lines[i].height + this.lines[i].top);
+                const {top: top, height: height} = this.lines[i];
+                if (0 === frameHeight) this.lines[i].draw(ctx, !1, this.lines[i][this.directionKey.left] + deltaX, this.lines[i][this.directionKey.top] + deltaY, drawIcon); else {
+                    if (top + height < this[this.directionKey.top] || top + height > this[this.directionKey.top] + frameHeight) return lastLineTag;
+                    {
+                        let lastLine = !1;
+                        this.ellipsis && this.lines[i + 1] && this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight && (lastLine = !0, 
+                        lastLineTag = !0), this.lines[i].draw(ctx, lastLine, this.lines[i][this.directionKey.left] + deltaX, this.lines[i][this.directionKey.top] + deltaY, drawIcon);
+                    }
+                }
+            }
+        }
+        return lastLineTag;
+    }
+    getActualSize() {
+        return this.ellipsis ? this.getActualSizeWidthEllipsis() : this.getRawActualSize();
+    }
+    getRawActualSize() {
+        let width = 0, height = 0;
+        for (let i = 0; i < this.lines.length; i++) {
+            const line = this.lines[i];
+            line.actualWidth > width && (width = line.actualWidth), height += line.height;
+        }
+        return {
+            width: "vertical" === this.layoutDirection ? height : width,
+            height: "vertical" === this.layoutDirection ? width : height
+        };
+    }
+    getActualSizeWidthEllipsis() {
+        let widthBound = 0, heightBound = 0;
+        const {width: actualWidth, height: actualHeight} = this.getRawActualSize();
+        this.width;
+        let height = this.height || actualHeight || 0;
+        height = Math.min(height, actualHeight);
+        let frameHeight = this[this.directionKey.height];
+        if (this.singleLine && (frameHeight = this.lines[0].height + 1), "middle" === this.verticalDirection) if (this.actualHeight >= frameHeight && 0 !== frameHeight) for (let i = 0; i < this.lines.length; i++) {
+            const {top: top, height: height} = this.lines[i];
+            if (top + height < this[this.directionKey.top] || top + height > this[this.directionKey.top] + frameHeight) ; else if (this.ellipsis && this.lines[i + 1] && this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight) {
+                const lineWidth = this.lines[i].getWidthWithEllips();
+                lineWidth > widthBound && (widthBound = lineWidth), heightBound += this.lines[i].height;
+            } else this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), 
+            heightBound += this.lines[i].height;
+        } else {
+            Math.floor((frameHeight - this.actualHeight) / 2);
+            for (let i = 0; i < this.lines.length; i++) this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), 
+            heightBound += this.lines[i].height;
+        } else if ("bottom" === this.verticalDirection) for (let i = 0; i < this.lines.length; i++) {
+            const {top: top, height: height} = this.lines[i], y = frameHeight - this.lines[i].top - this.lines[i].height;
+            if (0 === frameHeight) this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), 
+            heightBound += this.lines[i].height; else if (y + height > this[this.directionKey.top] + frameHeight || y < this[this.directionKey.top]) ; else {
+                if (this.ellipsis && this.lines[i + 1] && y - this.lines[i + 1].height < this[this.directionKey.top]) {
+                    const lineWidth = this.lines[i].getWidthWithEllips();
+                    lineWidth > widthBound && (widthBound = lineWidth), heightBound += this.lines[i].height;
+                } else this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), 
+                heightBound += this.lines[i].height;
+            }
+        } else for (let i = 0; i < this.lines.length; i++) {
+            const {top: top, height: height} = this.lines[i];
+            if (0 === frameHeight) this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), 
+            heightBound += this.lines[i].height; else if (top + height < this[this.directionKey.top] || top + height > this[this.directionKey.top] + frameHeight) ; else {
+                if (this.ellipsis && this.lines[i + 1] && this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight) {
+                    const lineWidth = this.lines[i].getWidthWithEllips();
+                    lineWidth > widthBound && (widthBound = lineWidth), heightBound += this.lines[i].height;
+                } else this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), 
+                heightBound += this.lines[i].height;
+            }
+        }
+        return {
+            width: "vertical" === this.layoutDirection ? heightBound : widthBound,
+            height: "vertical" === this.layoutDirection ? widthBound : heightBound
+        };
+    }
+}
+//# sourceMappingURL=frame.js.map