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

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@logicflow/core",
-  "version": "1.2.0-alpha.5",
+  "version": "1.2.0-alpha.8",
   "description": "LogicFlow core, to quickly build flowchart editor",
-  "main": "dist/logic-flow.js",
-  "unpkg": "dist/logic-flow.js",
-  "jsdelivr": "dist/logic-flow.js",
+  "main": "dist/entry.js",
+  "unpkg": "dist/logic-flow.min.js",
+  "jsdelivr": "dist/logic-flow.min.js",
   "license": "Apache-2.0",
   "homepage": "http://logic-flow.org/",
   "types": "types/index.d.ts",
@@ -17,7 +17,7 @@
     "dev": "cross-env NODE_ENV=development webpack-dev-server --client-log-level warning --config scripts/webpack.config.dev.js",
     "clean": "rimraf dist lib esm cjs",
     "build": "npm run build:umd",
-    "build:umd": "cross-env NODE_ENV=production webpack --config scripts/webpack.config.build.js && cp -r src/style/ dist/style",
+    "build:umd": "cross-env NODE_ENV=production webpack --config scripts/webpack.config.build.js && cp -r src/style/ dist/style && cp scripts/entry.js dist",
     "build-analyse": "cross-env analyse=true npm run build",
     "types": "tsc -d --declarationDir ./tempTypes --outDir temp && rimraf types && mv ./tempTypes/src ./types && rimraf temp && rimraf tempTypes",
     "lint": "eslint . --ext .ts,.tsx",

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/EditConfigModel.d.ts

@@ -68,6 +68,12 @@ export interface EditConfigInterface {
      * 不支持ctrl，ctrl会触发contextmenu
      */
     multipleSelectKey?: string;
+    /**
+     * 拖动节点靠近画布边缘时，
+     * 是否自动扩张画布.
+     * 默认false。
+     */
+    autoExpand?: string;
 }
 /**
  * 页面编辑配置
@@ -89,6 +95,7 @@ export default class EditConfigModel {
     edgeTextEdit: boolean;
     nodeTextDraggable: boolean;
     edgeTextDraggable: boolean;
+    autoExpand: boolean;
     multipleSelectKey: string;
     defaultConfig: {};
     constructor(config: EditConfigInterface);

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/edge/PolylineEdgeModel.d.ts

@@ -37,15 +37,27 @@ export default class PolylineEdgeModel extends BaseEdgeModel {
     moveEndPoint(deltaX: any, deltaY: any): void;
     dragAppendStart(): void;
     dragAppendSimple(appendInfo: any, dragInfo: any): {
-        start: any;
-        end: any;
+        start: {
+            x: any;
+            y: any;
+        };
+        end: {
+            x: any;
+            y: any;
+        };
         startIndex: any;
         endIndex: any;
         direction: any;
     };
     dragAppend(appendInfo: any, dragInfo: any): {
-        start: any;
-        end: any;
+        start: {
+            x: any;
+            y: any;
+        };
+        end: {
+            x: any;
+            y: any;
+        };
         startIndex: any;
         endIndex: any;
         direction: any;

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;