@logicflow/core 1.2.0-alpha.5 → 1.2.0-alpha.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicflow/core",
-  "version": "1.2.0-alpha.5",
+  "version": "1.2.0-alpha.6",
   "description": "LogicFlow core, to quickly build flowchart editor",
   "main": "dist/logic-flow.js",
   "unpkg": "dist/logic-flow.js",

package/types/LogicFlow.d.ts

@@ -106,6 +106,11 @@ export default class LogicFlow {
      */
     register(type: string | RegisterConfig, fn?: RegisterElementFn, isObserverView?: boolean): void;
     private registerElement;
+    /**
+     * 批量注册
+     * @param elements 注册的元素
+     */
+    batchRegister(elements?: any[]): void;
     private defaultRegister;
     /**
      * 将图形选中
@@ -445,9 +450,20 @@ export default class LogicFlow {
     translateCenter(): void;
     /**
      * 图形适应屏幕大小
-     * @param offset number 距离盒子四周的距离， 默认为20
+     * @param verticalOffset number 距离盒子上下的距离， 默认为20
+     * @param horizontalOffset number 距离盒子左右的距离， 默认为20
+     */
+    fitView(verticalOffset?: number, horizontalOffset?: number): void;
+    /**
+     * 开启边的动画
+     * @param edgeId any
+     */
+    openEdgeAnimation(edgeId: any): void;
+    /**
+     * 关闭边的动画
+     * @param edgeId any
      */
-    fitView(offset: number): void;
+    closeEdgeAnimation(edgeId: any): void;
     /**
      * 监听事件
      * 事件详情见 @see todo

package/types/constant/DefaultTheme.d.ts

@@ -139,6 +139,10 @@ export declare type EdgeTextTheme = {
      * 文本背景样式
      */
     background?: {
+        /**
+         * 背景区域padding
+         * wrapPadding: '5px,10px'
+         */
         wrapPadding?: string;
     } & RectTheme;
     /**
@@ -179,6 +183,19 @@ export declare type OutlineTheme = {
      */
     hover?: CommonTheme;
 } & CommonTheme;
+/**
+ * 边动画主题
+ */
+export declare type EdgeAnimation = {
+    stroke?: string;
+    strokeDasharray?: string;
+    strokeDashoffset?: string;
+    animationName?: string;
+    animationDuration?: string;
+    animationIterationCount?: string;
+    animationTimingFunction?: string;
+    animationDirection?: string;
+};
 export declare type Theme = {
     /**
      * 所有节点的通用主题设置
@@ -258,5 +275,9 @@ export declare type Theme = {
      * 节点选择状态下外侧的选框样式
      */
     outline?: OutlineTheme;
+    /**
+     * 边动画样式
+     */
+    edgeAnimation?: EdgeAnimation;
 };
 export declare const defaultTheme: Theme;

package/types/model/GraphModel.d.ts

@@ -433,9 +433,20 @@ declare class GraphModel {
     translateCenter(): void;
     /**
      * 画布图形适应屏幕大小
-     * @param offset number 距离盒子四周的距离， 默认为20
+     * @param verticalOffset number 距离盒子上下的距离， 默认为20
+     * @param horizontalOffset number 距离盒子左右的距离， 默认为20
      */
-    fitView(offset?: number): void;
+    fitView(verticalOffset?: number, horizontalOffset?: number): void;
+    /**
+     * 开启边的动画
+     * @param edgeId any
+     */
+    openEdgeAnimation(edgeId: any): void;
+    /**
+     * 关闭边的动画
+     * @param edgeId any
+     */
+    closeEdgeAnimation(edgeId: any): void;
 }
 export { GraphModel };
 export default GraphModel;

package/types/model/edge/BaseEdgeModel.d.ts

@@ -1,6 +1,6 @@
 import { IBaseModel } from '../BaseModel';
 import GraphModel from '../GraphModel';
-import { Point, AdditionData, EdgeData, MenuConfig, EdgeConfig } from '../../type/index';
+import { Point, AdditionData, EdgeData, MenuConfig, EdgeConfig, ShapeStyleAttribute } from '../../type/index';
 import { ModelType, ElementType } from '../../constant/constant';
 import { OutlineTheme } from '../../constant/DefaultTheme';
 declare class BaseEdgeModel implements IBaseModel {
@@ -25,6 +25,8 @@ declare class BaseEdgeModel implements IBaseModel {
     isHitable: boolean;
     draggable: boolean;
     visible: boolean;
+    virtual: boolean;
+    isAnimation: boolean;
     graphModel: GraphModel;
     zIndex: number;
     readonly BaseType = ElementType.EDGE;
@@ -36,6 +38,11 @@ declare class BaseEdgeModel implements IBaseModel {
     menu?: MenuConfig[];
     customTextPosition: boolean;
     animationData: import("../../constant/DefaultAnimation").Animation;
+    style: ShapeStyleAttribute;
+    arrowConfig: {
+        markerEnd: string;
+        markerStart: string;
+    };
     [propName: string]: any;
     constructor(data: EdgeConfig, graphModel: GraphModel);
     init(): void;
@@ -62,7 +69,12 @@ declare class BaseEdgeModel implements IBaseModel {
      * 获取当前节点样式
      * @returns 自定义边样式
      */
-    getEdgeStyle(): import("../../constant/DefaultTheme").CommonTheme;
+    getEdgeStyle(): {
+        [x: string]: any;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
     /**
      * @override 支持重写
      * 获取当前节点文本样式
@@ -75,7 +87,13 @@ declare class BaseEdgeModel implements IBaseModel {
      */
     getAnimation(): import("../../constant/DefaultAnimation").Animation;
     /**
-     * @override 支持重写
+     * @overridable 支持重写
+     * 获取当前边的动画样式
+     * @returns 自定义边动画样式
+     */
+    getEdgeAnimationStyle(): import("../../constant/DefaultTheme").EdgeAnimation;
+    /**
+     * @overridable 支持重写
      * 获取outline样式，重写可以定义此类型边outline样式， 默认使用主题样式
      * @returns 自定义outline样式
      */
@@ -112,6 +130,9 @@ declare class BaseEdgeModel implements IBaseModel {
     getHistoryData(): EdgeData;
     setProperty(key: any, val: any): void;
     setProperties(properties: any): void;
+    setStyle(key: any, val: any): void;
+    setStyles(styles: any): void;
+    updateStyles(styles: any): void;
     /**
      * 内部方法，处理初始化文本格式
      */
@@ -139,6 +160,8 @@ declare class BaseEdgeModel implements IBaseModel {
     setSelected(flag?: boolean): void;
     setHovered(flag?: boolean): void;
     setHitable(flag?: boolean): void;
+    openEdgeAnimation(): void;
+    closeEdgeAnimation(): void;
     setElementState(state: number, additionStateData?: AdditionData): void;
     updateStartPoint(anchor: any): void;
     moveStartPoint(deltaX: any, deltaY: any): void;

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

@@ -45,10 +45,12 @@ export default class BaseNodeModel implements IBaseNodeModel {
     isHitable: boolean;
     draggable: boolean;
     visible: boolean;
+    virtual: boolean;
     graphModel: GraphModel;
     zIndex: number;
     state: number;
     autoToFront: boolean;
+    style: ShapeStyleAttribute;
     readonly BaseType = ElementType.NODE;
     modelType: ModelType;
     additionStateData: AdditionData;
@@ -194,7 +196,10 @@ export default class BaseNodeModel implements IBaseNodeModel {
     setElementState(state: number, additionStateData?: AdditionData): void;
     setProperty(key: any, val: any): void;
     setProperties(properties: any): void;
-    setZIndex(zIndex?: number): void;
+    setStyle(key: any, val: any): void;
+    setStyles(styles: any): void;
+    updateStyles(styles: any): void;
+    setZIndex(zindex?: number): void;
     /**
      * 设置节点属性；
      * 支持属性请参考节点属性文档

package/types/type/index.d.ts

@@ -382,4 +382,25 @@ export declare type VirtualRectSize = {
     virtualRectCenterPositionX: number;
     virtualRectCenterPositionY: number;
 };
+export declare type ArrowPath = {
+    d: string;
+    stroke?: string;
+    fill?: string;
+    transform?: string;
+    [key: string]: any;
+};
+export declare type ArrowMarker = {
+    id: string;
+    refX?: string | number;
+    refY?: string | number;
+    overflow?: string;
+    orient?: string;
+    markerUnits?: string;
+    viewBox?: string;
+    markerWidth?: number;
+    markerHeight?: number;
+    path: ArrowPath;
+    [key: string]: any;
+};
+export declare type ArrowMarkerList = ArrowMarker[];
 export {};

package/types/view/Anchor.d.ts

@@ -38,7 +38,7 @@ declare class Anchor extends Component<IProps, IState> {
         event: any;
     }) => void;
     onDragEnd: (event: any) => void;
-    checkEnd: () => void;
+    checkEnd: (event: any) => void;
     moveAnchorEnd(endX: number, endY: number): void;
     isShowLine(): boolean;
     render(): h.JSX.Element;

package/types/view/edge/BaseEdge.d.ts

@@ -17,6 +17,8 @@ export default class BaseEdge extends Component<IProps> {
     getArrowInfo(): ArrowInfo;
     getArrowStyle(): ArrowStyle;
     getArrow(): h.JSX.Element;
+    getStartArrow(): h.JSX.Element;
+    getEndArrow(): h.JSX.Element;
     getAdjustPoints(): h.JSX.Element;
     getAnimation(): void;
     getAppendWidth(): h.JSX.Element;