@logicflow/core - npm Package Compare versions

Comparing version 1.2.0-alpha.5 to 1.2.0-alpha.6

package.json

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

types/constant/DefaultTheme.d.ts

@@ -142,2 +142,6 @@ /**
     background?: {
+        /**
+         * 背景区域padding
+         * wrapPadding: '5px,10px'
+         */
         wrapPadding?: string;
@@ -183,2 +187,15 @@ } & RectTheme;
 } & 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 = {
@@ -263,3 +280,7 @@ /**
     outline?: OutlineTheme;
+    /**
+     * 边动画样式
+     */
+    edgeAnimation?: EdgeAnimation;
 };
 export declare const defaultTheme: Theme;

types/LogicFlow.d.ts

@@ -109,2 +109,7 @@ import GraphModel from './model/GraphModel';
     private registerElement;
+    /**
+     * 批量注册
+     * @param elements 注册的元素
+     */
+    batchRegister(elements?: any[]): void;
     private defaultRegister;
@@ -449,6 +454,17 @@ /**
      * 图形适应屏幕大小
-     * @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;
+    /**
      * 监听事件
@@ -455,0 +471,0 @@ * 事件详情见 @see todo

types/model/edge/BaseEdgeModel.d.ts

 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';
@@ -28,2 +28,4 @@ import { OutlineTheme } from '../../constant/DefaultTheme';
     visible: boolean;
+    virtual: boolean;
+    isAnimation: boolean;
     graphModel: GraphModel;
@@ -40,2 +42,7 @@ zIndex: number;
     animationData: import("../../constant/DefaultAnimation").Animation;
+    style: ShapeStyleAttribute;
+    arrowConfig: {
+        markerEnd: string;
+        markerStart: string;
+    };
     [propName: string]: any;
@@ -67,3 +74,8 @@ constructor(data: EdgeConfig, graphModel: GraphModel);
      */
-    getEdgeStyle(): import("../../constant/DefaultTheme").CommonTheme;
+    getEdgeStyle(): {
+        [x: string]: any;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
     /**
@@ -81,3 +93,9 @@ * @override 支持重写
     /**
-     * @override 支持重写
+     * @overridable 支持重写
+     * 获取当前边的动画样式
+     * @returns 自定义边动画样式
+     */
+    getEdgeAnimationStyle(): import("../../constant/DefaultTheme").EdgeAnimation;
+    /**
+     * @overridable 支持重写
      * 获取outline样式，重写可以定义此类型边outline样式， 默认使用主题样式
@@ -119,2 +137,5 @@ * @returns 自定义outline样式
     setProperties(properties: any): void;
+    setStyle(key: any, val: any): void;
+    setStyles(styles: any): void;
+    updateStyles(styles: any): void;
     /**
@@ -147,2 +168,4 @@ * 内部方法，处理初始化文本格式
     setHitable(flag?: boolean): void;
+    openEdgeAnimation(): void;
+    closeEdgeAnimation(): void;
     setElementState(state: number, additionStateData?: AdditionData): void;
@@ -149,0 +172,0 @@ updateStartPoint(anchor: any): void;

types/model/GraphModel.d.ts

@@ -436,7 +436,18 @@ import BaseNodeModel from './node/BaseNodeModel';
      * 画布图形适应屏幕大小
-     * @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;

types/model/node/BaseNodeModel.d.ts

@@ -48,2 +48,3 @@ import { OutlineTheme } from '../../constant/DefaultTheme';
     visible: boolean;
+    virtual: boolean;
     graphModel: GraphModel;
@@ -53,2 +54,3 @@ zIndex: number;
     autoToFront: boolean;
+    style: ShapeStyleAttribute;
     readonly BaseType = ElementType.NODE;
@@ -199,3 +201,6 @@ modelType: ModelType;
     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;
     /**
@@ -202,0 +207,0 @@ * 设置节点属性；

types/type/index.d.ts

@@ -385,2 +385,23 @@ import { h } from 'preact';
 };
+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 {};

types/view/Anchor.d.ts

@@ -41,3 +41,3 @@ import { h, Component } from 'preact';
     onDragEnd: (event: any) => void;
-    checkEnd: () => void;
+    checkEnd: (event: any) => void;
     moveAnchorEnd(endX: number, endY: number): void;
@@ -44,0 +44,0 @@ isShowLine(): boolean;

types/view/edge/BaseEdge.d.ts

@@ -20,2 +20,4 @@ import { h, Component } from 'preact';
     getArrow(): h.JSX.Element;
+    getStartArrow(): h.JSX.Element;
+    getEndArrow(): h.JSX.Element;
     getAdjustPoints(): h.JSX.Element;
@@ -22,0 +24,0 @@ getAnimation(): void;

No alert changes

Improved metrics

Total package byte prevSize

597652

increased by1.24%

Lines of code

4385

increased by2.31%

No dependency changes