@logicflow/core 1.2.12 → 1.2.15

package/dist/style/index.css

@@ -193,3 +193,6 @@
 .lf-edge-adjust-point {
   cursor: move;
 }
+.lf-rotate{
+  cursor: grabbing;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicflow/core",
-  "version": "1.2.12",
+  "version": "1.2.15",
   "description": "LogicFlow core, to quickly build flowchart editor",
   "main": "dist/entry.js",
   "module": "dist/logic-flow.js",

package/types/LogicFlow.d.ts

@@ -397,6 +397,12 @@ export default class LogicFlow {
      */
     getPointByClient(x: number, y: number): {
         domOverlayPosition: {
+            /**
+             * 将图形选中
+             * @param id 选择元素ID
+             * @param multiple 是否允许多选，如果为true，不会将上一个选中的元素重置
+             * @param toFront 是否将选中的元素置顶，默认为true
+             */
             x: number;
             y: number;
         };

package/types/constant/DefaultTheme.d.ts

@@ -261,5 +261,9 @@ export declare type Theme = {
      * 边动画样式
      */
     edgeAnimation?: EdgeAnimation;
+    /**
+     * 节点旋转控制点样式
+     */
+    rotateControl?: CommonTheme;
 };
 export declare const defaultTheme: Theme;

package/types/constant/constant.d.ts

@@ -47,6 +47,7 @@ export declare enum EventType {
     NODE_MOUSEENTER = "node:mouseenter",
     NODE_MOUSELEAVE = "node:mouseleave",
     NODE_CONTEXTMENU = "node:contextmenu",
+    NODE_ROTATE = "node:rotate",
     EDGE_DELETE = "edge:delete",
     EDGE_ADD = "edge:add",
     EDGE_CLICK = "edge:click",

package/types/model/EditConfigModel.d.ts

@@ -12,9 +12,13 @@ export interface EditConfigInterface {
      */
     stopScrollGraph?: boolean;
     /**
-     * 禁止拖动画布
+     * 禁止拖动画布，默认为false
+     * true：完全禁止移动
+     * vertical： 禁止垂直方向拖动
+     * horizontal：禁止水平方向拖动
+     * [number, number, number, number]：[minX, minY, maxX, maxY] 画布可拖动范围
      */
-    stopMoveGraph?: boolean;
+    stopMoveGraph?: boolean | 'vertical' | 'horizontal' | [number, number, number, number];
     /**
      * 允许调整边
      */
@@ -31,6 +35,10 @@ export interface EditConfigInterface {
      * 隐藏节点所有锚点
      */
     hideAnchors?: boolean;
+    /**
+     * 是否允许节点旋转（旋转点的显隐）
+     */
+    allowRotation?: boolean;
     /**
      * 显示节点悬浮时的外框
      */
@@ -82,6 +90,7 @@ export default class EditConfigModel {
     adjustEdgeStartAndEnd: boolean;
     adjustNodePosition: boolean;
     hideAnchors: boolean;
+    allowRotation: boolean;
     hoverOutline: boolean;
     nodeSelectedOutline: boolean;
     edgeSelectedOutline: boolean;

package/types/model/TransformModel.d.ts

@@ -29,7 +29,11 @@ export default class TransformModel implements TransformInterface {
     TRANSLATE_Y: number;
     ZOOM_SIZE: number;
     eventCenter: EventEmitter;
-    constructor(eventCenter: any);
+    translateLimitMinX: number;
+    translateLimitMinY: number;
+    translateLimitMaxX: number;
+    translateLimitMaxY: number;
+    constructor(eventCenter: any, options: any);
     setZoomMiniSize(size: number): void;
     setZoomMaxSize(size: number): void;
     /**
@@ -80,4 +84,8 @@ export default class TransformModel implements TransformInterface {
      * @param height 画布高
      */
     focusOn(targetX: number, targetY: number, width: number, height: number): void;
+    /**
+     * 更新画布可以移动范围
+     */
+    updateTranslateLimits(limit: boolean | 'vertical' | 'horizontal' | [number, number, number, number]): void;
 }

package/types/model/node/BaseNodeModel.d.ts

@@ -1,6 +1,6 @@
 import { OutlineTheme } from '../../constant/DefaultTheme';
 import { ModelType, ElementType } from '../../constant/constant';
-import { AdditionData, NodeData, NodeConfig, NodeMoveRule, Bounds, AnchorConfig, PointAnchor, AnchorsOffsetItem, ShapeStyleAttribute, IsAllowMove, Point, AnchorInfo } from '../../type';
+import { AdditionData, NodeData, NodeConfig, NodeMoveRule, Bounds, AnchorConfig, PointAnchor, AnchorsOffsetItem, ShapeStyleAttribute, IsAllowMove, Point, AnchorInfo, DomAttributes } from '../../type';
 import GraphModel from '../GraphModel';
 import { IBaseModel } from '../BaseModel';
 import { BaseEdgeModel } from '../edge';
@@ -46,12 +46,15 @@ export default class BaseNodeModel implements IBaseNodeModel {
     isHitable: boolean;
     draggable: boolean;
     visible: boolean;
+    enableRotate: boolean;
     virtual: boolean;
     graphModel: GraphModel;
     zIndex: number;
     state: number;
     autoToFront: boolean;
     style: ShapeStyleAttribute;
+    gMatrix: string;
+    rotate: number;
     readonly BaseType = ElementType.NODE;
     modelType: ModelType;
     additionStateData: AdditionData;
@@ -118,6 +121,12 @@ export default class BaseNodeModel implements IBaseNodeModel {
      * 获取当前节点的properties
      */
     getProperties(): Record<string, any>;
+    /**
+     * @overridable 支持重写
+     * 获取当前节点最外层g标签Attributes, 例如className
+     * @returns 自定义节点样式
+     */
+    getOuterGAttributes(): DomAttributes;
     /**
      * @overridable 支持重写
      * 获取当前节点样式
@@ -129,6 +138,11 @@ export default class BaseNodeModel implements IBaseNodeModel {
      * 获取当前节点文本样式
      */
     getTextStyle(): import("../../constant/DefaultTheme").NodeTextTheme;
+    /**
+     * @overridable 支持重写
+     * 获取当前节点旋转控制点的样式
+     */
+    getRotateControlStyle(): import("../../constant/DefaultTheme").CommonTheme;
     /**
      * @overridable 支持重写
      * 获取当前节点锚点样式
@@ -202,6 +216,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
     setSelected(flag?: boolean): void;
     setHovered(flag?: boolean): void;
     setIsShowAnchor(flag?: boolean): void;
+    setEnableRotate(flag?: boolean): void;
     setHitable(flag?: boolean): void;
     setElementState(state: number, additionStateData?: AdditionData): void;
     setProperty(key: any, val: any): void;

package/types/type/index.d.ts

@@ -81,6 +81,7 @@ export declare type NodeConfig = {
     y: number;
     text?: TextConfig | string;
     zIndex?: number;
+    rotate?: number;
     properties?: Record<string, unknown>;
 };
 export declare type NodeData = {
@@ -91,6 +92,7 @@ export declare type NodeData = {
     text?: TextConfig;
     properties: Record<string, unknown>;
     zIndex?: number;
+    rotate?: number;
     [key: string]: any;
 };
 export declare type NodeAttribute = {
@@ -389,6 +391,10 @@ export declare type NodeAttributes = {
 export declare type DiamondAttributes = {
     points: PointTuple[];
 } & NodeAttributes;
+export declare type DomAttributes = {
+    className?: string;
+    [key: string]: string;
+};
 export declare type ShapeStyleAttribute = CommonTheme;
 export declare type VirtualRectSize = {
     virtualRectWidth: number;

package/types/util/index.d.ts

@@ -1,2 +1,7 @@
 export * from './uuid';
 export * from './drag';
+export * from './edge';
+export * from './geometry';
+export * from './sampling';
+export * from './vector';
+export * from './matrix';

package/types/util/matrix.d.ts

@@ -0,0 +1,32 @@
+import { Point } from './vector';
+export declare class Matrix extends Array {
+    rows: number;
+    columns: number;
+    constructor(...vectors: any[]);
+    getRow(index: number): any;
+    getColumn(index: number): any[];
+    transpose(): Matrix;
+    cross(m1: Matrix): Matrix;
+    to2D(): any[][];
+    toPoints(): Point[];
+    toString(): string;
+    translate(tx: number, ty: number): Matrix;
+    rotate(angle: number): Matrix;
+    scale(sx: number, sy: number): Matrix;
+}
+export declare class RotateMatrix extends Matrix {
+    constructor(theta: number);
+    inverse(): Matrix;
+}
+export declare class ScaleMatrix extends Matrix {
+    private sx;
+    private sy;
+    constructor(sx: number, sy: number);
+    inverse(): ScaleMatrix;
+}
+export declare class TranslateMatrix extends Matrix {
+    private tx;
+    private ty;
+    constructor(tx: number, ty: number);
+    inverse(): TranslateMatrix;
+}

package/types/util/vector.d.ts

@@ -0,0 +1,23 @@
+declare class Base extends Array {
+    x: number;
+    y: number;
+    z: number;
+    constructor(x: number, y: number, z: number);
+    add(v1: Vector | Point): Vector | Point;
+    subtract(v1: Vector | Point): Vector | Point;
+}
+declare class Vector extends Base {
+    constructor(x: number, y: number, z?: number);
+    toString(): string;
+    dot(v1: Vector): any;
+    cross(v1: Vector): Vector;
+    getLength(): number;
+    normalize(): Vector;
+    crossZ(v1: Vector): number;
+    angle(v1: Vector): number;
+}
+declare class Point extends Base {
+    constructor(x: number, y: number);
+    toString(): string;
+}
+export { Vector, Point };

package/types/view/Rotate.d.ts

@@ -0,0 +1,21 @@
+import { Component, h } from 'preact';
+import { GraphModel, BaseNodeModel } from '../model';
+import { Vector } from '../util';
+import EventEmitter from '../event/eventEmitter';
+import { CommonTheme } from '../constant/DefaultTheme';
+interface IProps {
+    graphModel: GraphModel;
+    nodeModel: BaseNodeModel;
+    eventCenter: EventEmitter;
+    style: CommonTheme;
+}
+declare class RotateControlPoint extends Component<IProps> {
+    private style;
+    private defaultAngle;
+    normal: Vector;
+    stepperDrag: any;
+    constructor(props: IProps);
+    onDragging: ({ event }: any) => void;
+    render(): h.JSX.Element;
+}
+export default RotateControlPoint;

package/types/view/node/BaseNode.d.ts

@@ -24,6 +24,7 @@ export default abstract class BaseNode extends Component<IProps, IState> {
     abstract getShape(): any;
     getAnchorShape(anchorData: any): h.JSX.Element;
     getAnchors(): h.JSX.Element[];
+    getRotateControl(): h.JSX.Element;
     getText(): "" | h.JSX.Element;
     getStateClassName(): string;
     onDragStart: ({ event: { clientX, clientY } }: {