ice-render 0.0.7 → 0.0.10

package/dist/types/graphic/container/ICEGroup.d.ts

@@ -0,0 +1,34 @@
+import ICEComponent from '../ICEComponent';
+import ICERect from '../shape/ICERect';
+/**
+ * @class ICEGroup
+ *
+ * 容器型组件
+ *
+ * ICEGroup 可以包含自身，利用此组件可以构造出树形的对象结构。
+ *
+ * @author 大漠穷秋<damoqiongqiu@126.com>
+ */
+declare class ICEGroup extends ICERect {
+    parentNode: any;
+    childNodes: any[];
+    constructor(props: any);
+    /**
+     * !注意：在调用 ICEGroup.addChild() 方法时， ICEGroup 自身可能还没有被添加到 ICE 实例中去。所以此时 child.root, child.ctx, child.evtBus 都可能为空。
+     * @param child
+     */
+    addChild(child: ICEComponent): void;
+    addChildren(arr: Array<ICEComponent>): void;
+    removeChild(child: ICEComponent): void;
+    removeChildren(arr: Array<ICEComponent>): void;
+    /**
+     * @overwrite
+     * @method destory
+     * 销毁组件
+     * - FIXME:立即停止组件上的所有动画效果
+     * - 需要清理绑定的事件
+     * - 带有子节点的组件需要先销毁子节点，然后再销毁自身。
+     */
+    destory(): void;
+}
+export default ICEGroup;

package/dist/types/graphic/line/ICEBezier.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2022 大漠穷秋.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/**
+ * @class ICEBezier 贝塞尔曲线
+ * @author 大漠穷秋<damoqiongqiu@126.com>
+ */
+declare class ICEBezier {
+    constructor(props?: any);
+}
+export default ICEBezier;

package/dist/types/graphic/line/ICEPolyLine.d.ts

@@ -0,0 +1,189 @@
+import ICEEvent from '../../event/ICEEvent';
+import ICEBoundingBox from '../../geometry/ICEBoundingBox';
+import ICEComponent from '../ICEComponent';
+import ICEDotPath from '../ICEDotPath';
+/**
+ *
+ * @class ICEPolyLine
+ *
+ * 折线
+ *
+ * 基本特征：
+ *
+ * - ICEPolyLine 由多个点构成，如果折线上的所有点共线，则折线在外观上退化成直线。
+ * - ICEPolyLine 上至少存在 2 个点，否则无法画线。如果点数恰好为 2 ，折线退化成一条直线。
+ * - ICEPolyLine 以及所有子类不能进行 transform 操作。
+ * - ICEPolyLine 以及所有子类的 left/top 总是被设置为 startPoint 。
+ * - ICEPolyLine 以及所有子类的原点都在 startPoint 上，而不在几何中心点。
+ *
+ * @author 大漠穷秋<damoqiongqiu@126.com>
+ */
+declare class ICEPolyLine extends ICEDotPath {
+    /**
+     * {
+     *  start:{componnet:ICEComponent,position:'T'},
+     *  end:{component:ICEComponent,position:'B'}
+     * }
+     */
+    protected links: any;
+    /**
+     * @cfg
+     * {
+     *   lineType: 'solid',         //solid, dashed
+     *   lineWidth:2,
+     *   arrowPosition: 'none',     //none, start, end ,both
+     *   arrowLength: 15,           //箭头长度
+     *   arrowAngel: 30,            //箭头角度
+     *   closePath:false,           //连线默认不闭合路径
+     *   points:[],                 //点的坐标
+     *   links:{start:{id,position},end:{id,position}}    //如果传递了连接关系参数，则在渲染器完成一轮渲染之后，自动建立连接关系。
+     * }
+     *
+     * @param props
+     */
+    constructor(props?: any);
+    /**
+     *
+     * 整理并校验构造参数。
+     *
+     * @static
+     * @param props
+     * @returns
+     */
+    static arrangeParam(props: any): any;
+    /**
+     * @overwrite
+     */
+    protected initEvents(): void;
+    protected afterAddHandler(evt?: ICEEvent): void;
+    protected makeConnection(): void;
+    setLink(terminal: string, component: ICEComponent, position: string): void;
+    removeLink(terminal: string, component: ICEComponent, position: string): void;
+    /**
+     * @method
+     * 连接的组件位置发生移动之后，重新计算连接线的起点和终点。
+     */
+    private followComponent;
+    /**
+     * ICEPolyLine 有自己的特殊处理，它的原点永远在 (0,0) 位置，而不在几何中点。
+     * @overwrite
+     * @returns
+     */
+    protected calcLocalOrigin(): number[];
+    /**
+     * @method calcDots
+     * ICEPolyLine 有自己特殊的计算方式：
+     * - 原点总是放在 startPoint 的位置。
+     * - 数值相对于组件本地坐标系进行计算。
+     * @overwrite
+     * @returns
+     */
+    protected calcDots(): any;
+    /**
+     * @method calcArrowPoints
+     * 计算箭头坐标
+     */
+    protected calcArrowPoints(): void;
+    protected doCalcArrowPoints(twoPoints: any): number[][];
+    /**
+     * @method addDot 增加一个点
+     *
+     * 动态向线条上增加一个点。
+     *
+     * @param point
+     * @param index
+     */
+    addDot(point: [number, number], index: number): void;
+    /**
+     * @method rmDot 删除一个点
+     *
+     * 从线条上删掉一个点，如果线条上的点数已经小于等于 2 ，则什么都不做。
+     *
+     * @param index
+     */
+    rmDot(index: number): boolean;
+    /**
+     * @method calcComponentParams
+     *
+     * - 计算原始的宽高、位置，此时没有经过任何变换，也没有移动坐标原点。
+     * - 由于点状路径可能是不规则的形状，所以宽高需要手动计算，特殊形状的子类需要覆盖此方法提供自己的实现。
+     * - 在计算组件的原始尺寸时还没有确定原点坐标，所以只能基于组件本地坐标系的左上角 (0,0) 点进行计算。
+     *
+     * @overwrite
+     * @returns {ComponentParams}
+     */
+    calcComponentParams(): {
+        width: any;
+        height: any;
+    };
+    /**
+     * @method isDotsOnSameLine 是否所有点都在同一条直线上
+     *
+     * 进行共线判断，如果所有点都在同一条直线上，那么边界盒子的整体高度就等于线条的粗细。
+     *
+     * @returns
+     */
+    private isDotsOnSameLine;
+    /**
+     * @method calc4VertexPoints 计算4个顶点
+     *
+     * - 相对于组件本地的坐标系，原点位于左上角，没有经过矩阵变换。
+     * - 返回值用于计算组件的原始 width/height 。
+     *
+     * @returns {Array}
+     */
+    protected calc4VertexPoints(): any[][];
+    /**
+     * @method splitEndpointsTo4Points 将线条的起点和终点分成4个点，用于计算组件的原始 width/height
+     *
+     * 把直线的2个端点分裂成4个点，把线条的粗细参数(lineWidth)当成高度看待，方便计算最小包围盒。
+     *
+     * @returns
+     */
+    protected splitEndpointsTo4Points(): number[][];
+    /**
+     * @method getMinBoundingBox  获取最小包围盒
+     *
+     * 此盒子的变换矩阵与组件自身的变换矩阵完全相同。
+     *
+     * @returns
+     */
+    getMinBoundingBox(): ICEBoundingBox;
+    /**
+     * @method setState  更新组件状态
+     * setState 仅仅修改参数，不会立即导致重新渲染，需要等待 FrameManager 调度，最小延迟时间约为 1/60=16.67 ms 。
+     *
+     * ICEPolyLine 有自己特殊的处理方法：
+     *
+     * - ICEPolyLine 的 width/height 属性总是计算出来的，不能直接修改，不接受 width/height 配置项。
+     * - ICEPolyLine ICEPolyLine 不能进行 transform 操作，不接受 transform 配置项。
+     * - ICEPolyLine 可以直接修改 points 。
+     * - ICEPolyLine 的 left/top 数值可以直接修改，修改 left/top 时，会重新计算起点和终点坐标，保证 left/top 与 startPoint 始终保持在同一个点上。
+     *
+     * @overwrite
+     * @param newState 新的状态
+     */
+    setState(newState: any): void;
+    /**
+     * @method getRotateAngle 获取组件的旋转角度
+     * @returns {number}
+     */
+    getRotateAngle(): number;
+    /**
+     * @method containsPoint 判断点是否在线上
+     *
+     * 计算方法：如果给点的坐标点到线段两端的距离之和等于线段长度，则表示点位于线段上，允许一定的误差范围，用 delta 参数进行调节。
+     * 算法来源：http://www.jeffreythompson.org/collision-detection/line-point.php
+     *
+     * @param x
+     * @param y
+     * @returns {boolean}
+     */
+    containsPoint(x: number, y: number): boolean;
+    /**
+     * @method getLines 获取线段数组
+     * @returns {Array<any>}
+     */
+    private getLines;
+}
+export default ICEPolyLine;

package/dist/types/graphic/link/ICELinkHook.d.ts

@@ -0,0 +1,43 @@
+import ICEEvent from '../../event/ICEEvent';
+import ICECircle from '../shape/ICECircle';
+/**
+ * @class ICELinkHook
+ *
+ * 连接钩子
+ *
+ * - ICELinkHook 与 ICELinkSlot 是一对组件，用来把两个组件连接起来
+ * - ICELinkHook 不能独立存在，它的实例放在 @see LineControlPanel 上
+ * - ICELinkHook 自身不进行任何 transform 。
+ *
+ * @see ICELinkSlot
+ * @author 大漠穷秋<damoqiongqiu@126.com>
+ */
+export default class ICELinkHook extends ICECircle {
+    constructor(props?: any);
+    protected initEvents(): void;
+    /**
+     *
+     * 在 mousedown 事件处理器里面可以直接访问 this.evtBus ，因为能接收到 mousedown 事件说明组件已经渲染出来了。
+     * 在 this.evtBus 上触发事件，相当于全局广播，所有监听了 ICE_EVENT_NAME_CONSTS.HOOK_MOUSEDOWN 事件的组件都会收到消息。
+     *
+     * @param evt
+     */
+    protected mosueDownHandler(evt: ICEEvent): void;
+    /**
+     *
+     * 在 mousemove 事件处理器里面可以直接访问 this.evtBus ，因为能接收到 mousemove 事件说明组件已经渲染出来了。
+     * 在 this.evtBus 上触发事件，相当于全局广播，所有监听了 ICE_EVENT_NAME_CONSTS.HOOK_MOUSEMOVE 事件的组件都会收到消息。
+     *
+     * @param evt
+     */
+    protected mosueMoveHandler(evt: ICEEvent): void;
+    /**
+     *
+     * 在 mouseup 事件处理器里面可以直接访问 this.evtBus ，因为能接收到 mouseup 事件说明组件已经渲染出来了。
+     * 在 this.evtBus 上触发事件，相当于全局广播，所有监听了 ICE_EVENT_NAME_CONSTS.HOOK_MOUSEUP 事件的组件都会收到消息。
+     *
+     * @param evt
+     */
+    protected mosueUpHandler(evt: ICEEvent): void;
+    protected resizeEvtHandler(evt: any): void;
+}

package/dist/types/graphic/link/ICELinkSlot.d.ts

@@ -0,0 +1,60 @@
+import ICEEvent from '../../event/ICEEvent';
+import ICECircle from '../shape/ICECircle';
+/**
+ * @class ICELinkSlot
+ *
+ * 连接插槽
+ *
+ * - ICELinkSlot 与 ICELinkHook 是一对组件，用来把两个组件连接起来。
+ * - 一个插槽上面可以连多个钩子，ICELinkSlot 与 ICELinkHook 之间是一对多的关系。
+ * - ICELinkSlot 不能独立存在，它必须附属在某个宿主组件上。逻辑附属，非真实的外观附属。
+ * - ICELinkSlot 总是绘制在全局 canvas 中，它不是任何组件的子节点。
+ * - ICELinkSlot 自身不进行任何 transform 。
+ * - ICELinkSlot 的实例是由 ICELinkSlotManager 统一动态创建的，如果组件的 linkable 状态为 tue ，ICELinkSlotManager 会动态在组件上创建连接插槽。
+ *
+ * @see ICELinkHook
+ * @see ICELinkSlotManager
+ * @author 大漠穷秋<damoqiongqiu@126.com>
+ */
+declare class ICELinkSlot extends ICECircle {
+    private _hostComponent;
+    /**
+     * position 有4个取值，分别位于宿主边界盒子的4个边的几何中点上：
+     * - T: 顶部
+     * - R: 右侧
+     * - B: 底部
+     * - L: 左侧
+     *
+     * 连接插槽自身不可拖拽、不可连接。
+     * @param props
+     */
+    constructor(props?: any);
+    protected initEvents(): void;
+    protected beforeRenderHandler(evt: ICEEvent): void;
+    protected beforeRemoveHandler(evt: ICEEvent): void;
+    /**
+     * 只要鼠标弹起，连接插槽总是变成不可见状态。
+     */
+    protected globalMouseUpHandler(): void;
+    /**
+     * 监听 EventBus 上连接钩子鼠标按下事件
+     * @param evt
+     */
+    protected hookMouseDownHandler(evt: ICEEvent): void;
+    /**
+     * 监听 EventBus 上连接钩子鼠标移动事件，判断钩子是否与插槽发生了碰撞。
+     * FIXME:这里需要更好的碰撞检测算法，与所有插槽进行比对的方式效率太低。
+     * @param evt
+     */
+    protected hookMouseMoveHandler(evt: ICEEvent): void;
+    /**
+     * 处理 EventBus 上连接钩子鼠标弹起事件
+     * @param evt
+     */
+    protected hookMouseUpHandler(evt: ICEEvent): void;
+    private isIntersectWithHook;
+    protected updatePosition(): void;
+    set hostComponent(component: any);
+    get hostComponent(): any;
+}
+export default ICELinkSlot;

package/dist/types/graphic/link/ICELinkSlotManager.d.ts

@@ -0,0 +1,24 @@
+import ICE from '../../ICE';
+/**
+ * @class ICELinkSlotManager
+ *
+ * - ICELinkSlotManager 连接插槽管理器，用于管理连接插槽，共4个，所有可连接的组件都复用这4个插槽的实例。
+ * - ICELinkSlotManager 的实例是在 ICE 初始化时创建的。
+ * - ICELinkSlotManager 是全局单例，同一个 ICE 实例上只能有一个 ICELinkSlotManager 实例。
+ *
+ * @see ICE
+ * @author 大漠穷秋<damoqiongqiu@126.com>
+ */
+export default class ICELinkSlotManager {
+    private slotRadius;
+    private ice;
+    constructor(ice: ICE);
+    start(): this;
+    stop(): this;
+    private hookMouseMoveHandler;
+    /**
+     * 创建连接插槽，插槽默认分布在组件最小边界盒子的4条边几何中点位置。
+     * 有顺序，按照 TRBL 上右下左 创建，插槽的 ID 会被序列化。
+     */
+    protected createLinkSlots(): void;
+}

package/dist/types/graphic/link/ICEVisioLink.d.ts

@@ -0,0 +1,129 @@
+import ICEPolyLine from '../line/ICEPolyLine';
+/**
+ * ! FIXME: 删掉对 GeoPoint/GeoLine/GeoUtil 的依赖
+ * @class ICEVisioLink
+ *
+ * Visio 型的连接线
+ *
+ * 模拟 Microsoft Visio 中的折线算法，此实现从 diagramo 改进而来：http://diagramo.com/ 。
+ *
+ * 基本特性：
+ *
+ * - ICEVisioLink 只有 2 个端点，起点和终点。
+ * - 除起始点和终点坐标之外，其它点会自动插值计算。
+ * - ICEVisioLink 只能连接 2 个非线条类的组件。
+ * - 线条互相之间不能连接，在 ICE 引擎中，不能用线条连接线条。
+ * - 每一个可以被连接的组件上都有 4 个插槽（Slot），4 个插槽分布在组件最小边界盒子 4 条边的几何中点位置上。
+ * - ICEVisioLink 的端点在移动时会判断是否与某个插槽发生碰撞，如果与某个插槽发生碰撞， ICEVisioLink 会连接到插槽所在的组件上。
+ * - 同一个插槽（Slot）上可以连 N 根线，Slot 与 ICEVisioLink 之间的关系是 1->N 。
+ *
+ * @author 大漠穷秋<damoqiongqiu@126.com>
+ */
+export default class ICEVisioLink extends ICEPolyLine {
+    /**
+     * FIXME:补全 props 配置项的描述
+     */
+    constructor(props?: any);
+    static arrangeParam(props: any): any;
+    /**
+     * ICEVisioLink 有自己特殊的计算方式。
+     *
+     * @overwrite
+     * @returns
+     */
+    protected calcDots(): any;
+    /**
+     * 在起点和终点之间插值。
+     *
+     * @returns
+     */
+    protected interpolate(): any[];
+    /**
+     * Tests if a vector of points is an orthogonal path (moving in multiples of 90 degrees).
+     *
+     *
+     * 正交判定。Visio 连接线上的每一段要么平行于 X 轴，要么平行于 Y 轴。
+     * @param {Array} v - an {Array} of {Point}s
+     * @return {Boolean} - true if path is valid, false otherwise
+     */
+    private orthogonalPath;
+    /**
+     * FIXME: 用更好的数学方法进行计算。
+     * Test to see if 2 {Line}s intersects. They are considered finite segments
+     * and not the infinite lines from geometry
+     * @param {Line} l1 - fist line/segment
+     * @param {Line} l2 - last line/segment
+     * @return {Boolean} true - if the lines intersect or false if not
+     */
+    private lineIntersectsLine;
+    /**
+     * Tests if a a polyline defined by a set of points intersects a rectangle
+     * @param {Array} points - and {Array} of {Point}s
+     * @param {Array} boundingRect - the boundingRect
+     * @param {Boolean} closedPolyline - incase polyline is closed figure then true, else false
+     * @return true - if line intersects the rectangle, false - if not
+     */
+    private polylineIntersectsRectangle;
+    /**
+     * Score a ortogonal path made out of Points
+     * Iterates over a set of points (minimum 3)
+     * For each 3 points (i, i+1, i+2) :
+     *  - if the 3rd one is after the 2nd on the same line we add +1
+     *  - if the 3rd is up or down related to the 2nd we do not do anything +0
+     *  - if the 3rd goes back we imediatelly return -1
+     * @param {Array} v - an array of {Point}s
+     * @return {Number} - -1 if the path is wrong (goes back) or something >= 0 if is fine.The bigger the number the smooth the path is.
+     */
+    private scorePath;
+    /**
+     * Returns the sign of a number
+     * @param {Number} x - the number
+     * @returns {Number}
+     * @see <a href="http://en.wikipedia.org/wiki/Sign_function">http://en.wikipedia.org/wiki/Sign_function</a>
+     */
+    private signum;
+    /**
+     * Tests if a vector of points is a valid path (not going back)
+     * There are a few problems here. If you have p1, p2, p3 and p4 and p2 = p3 you need to ignore that
+     * @param {Array} v - an {Array} of {Point}s
+     * @return {Boolean} - true if path is valid, false otherwise
+     */
+    private forwardPath;
+    /**
+     * @method distance
+     * Calculate the distance between two points.
+     *
+     *
+     * 计算两点之间的距离。
+     * @param {Point} p1 - first {Point}
+     * @param {Point} p2 - second {Point}
+     * @return {Number} - the distance between those 2 points. It is always positive.
+     */
+    private distance;
+    /**
+     * Returns the max of a vector
+     * @param {Array} v - vector of {Number}s
+     * @return {Number} - the maximum number from the vector or NaN if vector is empty
+     */
+    private max;
+    /**
+     * Returns the min of a vector
+     * @param {Array} v - vector of {Number}s
+     * @return {Number} - the minimum number from the vector or NaN if vector is empty
+     * @author alex@scriptoid.com
+     */
+    private min;
+    /**
+     * ICEVisioLink 中的点都是自动计算出来的，手动添加点没有意义。
+     * @overwrite
+     * @param point
+     * @param index
+     */
+    addDot(point: [number, number], index: number): void;
+    /**
+     * ICEVisioLink 中的点都是自动计算出来的，手动删除点没有意义。
+     * @overwrite
+     * @param index
+     */
+    rmDot(index: number): boolean;
+}

package/dist/types/graphic/shape/ICECircle.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2022 大漠穷秋.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import ICEEllipse from './ICEEllipse';
+/**
+ * @class ICECircle
+ *
+ * 正圆形，采用椭圆绘制方法，正圆形作为椭圆的特殊情况。
+ *
+ * @author 大漠穷秋<damoqiongqiu@126.com>
+ */
+declare class ICECircle extends ICEEllipse {
+    constructor(props?: any);
+}
+export default ICECircle;

package/dist/types/graphic/shape/ICEEllipse.d.ts

@@ -0,0 +1,26 @@
+import ICEPath from '../ICEPath';
+/**
+ * @class ICEEllipse
+ *
+ * 椭圆形。
+ *
+ * @author 大漠穷秋<damoqiongqiu@126.com>
+ */
+declare class ICEEllipse extends ICEPath {
+    constructor(props?: any);
+    /**
+     * 所有坐标点的坐标都是相对于父层组件，而不是全局坐标。
+     * @returns
+     */
+    protected createPathObject(): Path2D;
+    /**
+     * setState 仅仅修改参数，不会立即导致重新渲染，需要等待 FrameManager 调度，最小延迟时间约为 1/60=16.67 ms 。
+     *
+     * - 如果 setState 时指定了 radiusX 参数，则 width 会被重新计算，如果指定了 radiusY 参数则 height 会被重新计算。
+     * - 如果 setState 时仅仅指定 width 参数，则 radiusX 会被重新计算，如果仅仅指定了 height 参数，则 radiusY 会被重新计算。
+     * @overwrite
+     * @param newState
+     */
+    setState(newState: any): void;
+}
+export default ICEEllipse;

package/dist/types/graphic/shape/ICEIsogon.d.ts

@@ -0,0 +1,51 @@
+import ICEDotPath from '../ICEDotPath';
+/**
+ *
+ * @class ICEIsogon
+ *
+ * 正N边形
+ *
+ * @author 大漠穷秋<damoqiongqiu@126.com>
+ */
+declare class ICEIsogon extends ICEDotPath {
+    /**
+     * @method constructor
+     * radius, edges 会暴露给 AnimationManager ，可能会动态变化。
+     * @param props
+     */
+    constructor(props?: any);
+    /**
+     * @overwrite
+     * @method calcDots
+     *
+     * 计算路径上的关键点:
+     * - 默认的坐标原点是 (0,0) 位置。
+     * - 这些点没有经过 transform 矩阵变换。
+     *
+     * @returns
+     */
+    protected calcDots(): any;
+    /**
+     * @overwrite
+     * @method calcComponentParams
+     * 计算原始的宽高、位置，此时没有经过任何变换，也没有移动坐标原点。
+     * 由于点状路径可能是不规则的形状，所以宽高需要手动计算，特殊形状的子类需要覆盖此方法提供自己的实现。
+     * 在计算组件的原始尺寸时还没有确定原点坐标，所以只能基于组件本地坐标系的左上角 (0,0) 点进行计算。
+     * @returns
+     */
+    calcComponentParams(): {
+        width: any;
+        height: any;
+    };
+    /**
+     * @overwrite
+     * @method setState
+     * setState 仅仅修改参数，不会立即导致重新渲染，需要等待 FrameManager 调度，最小延迟时间约为 1/60=16.67 ms 。
+     *
+     * - 如果 setState 时指定了 radius 参数，则 width 会被重新计算，如果指定了 radius 参数则 height 会被重新计算。
+     * - 如果 setState 时仅仅指定 width 参数，则 radius 会被重新计算，如果仅仅指定了 height 参数，则 radius 会被重新计算。
+     * @param newState
+     */
+    setState(newState: any): void;
+}
+export default ICEIsogon;

package/dist/types/graphic/shape/ICERect.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2022 大漠穷秋.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import ICEPath from '../ICEPath';
+/**
+ * @class ICERect 矩形
+ * @author 大漠穷秋<damoqiongqiu@126.com>
+ */
+declare class ICERect extends ICEPath {
+    constructor(props?: any);
+    protected createPathObject(): Path2D;
+}
+export default ICERect;

package/dist/types/graphic/shape/ICERose.d.ts

@@ -0,0 +1,38 @@
+import ICEDotPath from '../ICEDotPath';
+declare class ICERose extends ICEDotPath {
+    constructor(props?: any);
+    /**
+     * @overwrite
+     * @method calcDots
+     *
+     * 计算路径上的关键点:
+     * - 默认的坐标原点是 (0,0) 位置。
+     * - 这些点没有经过 transform 矩阵变换。
+     *
+     * @returns
+     */
+    protected calcDots(): any;
+    /**
+     * @overwrite
+     * @method calcComponentParams
+     * 计算原始的宽高、位置，此时没有经过任何变换，也没有移动坐标原点。
+     * 由于点状路径可能是不规则的形状，所以宽高需要手动计算，特殊形状的子类需要覆盖此方法提供自己的实现。
+     * 在计算组件的原始尺寸时还没有确定原点坐标，所以只能基于组件本地坐标系的左上角 (0,0) 点进行计算。
+     * @returns
+     */
+    calcComponentParams(): {
+        width: any;
+        height: any;
+    };
+    /**
+     * @overwrite
+     * @method setState
+     * setState 仅仅修改参数，不会立即导致重新渲染，需要等待 FrameManager 调度，最小延迟时间约为 1/60=16.67 ms 。
+     *
+     * - 如果 setState 时指定了 radius 参数，则 width 会被重新计算，如果指定了 radius 参数则 height 会被重新计算。
+     * - 如果 setState 时仅仅指定 width 参数，则 radius 会被重新计算，如果仅仅指定了 height 参数，则 radius 会被重新计算。
+     * @param newState
+     */
+    setState(newState: any): void;
+}
+export default ICERose;