@logicflow/core 1.1.13 → 1.1.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicflow/core",
-  "version": "1.1.13",
+  "version": "1.1.16",
   "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

@@ -25,6 +25,7 @@ declare class BaseEdgeModel implements IBaseModel {
     isHitable: boolean;
     draggable: boolean;
     visible: boolean;
+    isAnimation: boolean;
     graphModel: GraphModel;
     zIndex: number;
     readonly BaseType = ElementType.EDGE;
@@ -73,6 +74,12 @@ declare class BaseEdgeModel implements IBaseModel {
      * @returns 自定义边动画样式
      */
     getAnimation(): import("../../constant/DefaultAnimation").Animation;
+    /**
+     * @overridable 支持重写
+     * 获取当前边的动画样式
+     * @returns 自定义边动画样式
+     */
+    getEdgeAnimationStyle(): import("../../constant/DefaultTheme").EdgeAnimation;
     /**
      * @overridable 支持重写
      * 获取outline样式，重写可以定义此类型边outline样式， 默认使用主题样式
@@ -138,6 +145,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/tool/TextEditTool.d.ts

@@ -28,6 +28,7 @@ export default class TextEdit extends Component<IProps, IState> {
     componentDidUpdate(): void;
     keyupHandler: (ev: any) => void;
     inputHandler: (ev: any) => void;
+    keydownHandler: (ev: any) => void;
     placeCaretAtEnd(el: any): void;
     render(): h.JSX.Element;
 }

package/types/util/stateUtil.d.ts

@@ -0,0 +1,4 @@
+export { action, observable, computed, makeObservable, configure, toJS, isObservable, } from 'mobx';
+export declare function observer<P>(props: P): any;
+export type { IReactionDisposer, IReactionPublic, IReactionOptions } from 'mobx';
+export * as mobx from 'mobx';

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;