@logicflow/core 2.0.0-beta.2 → 2.0.0-beta.4

package/lib/view/shape/Circle.d.ts

@@ -1,2 +1,10 @@
-export declare function Circle(props: any): import("preact").JSX.Element;
+import { createElement as h } from 'preact/compat';
+import { LogicFlow } from '../..';
+export type ICircleProps = {
+    x?: number;
+    y?: number;
+    r?: number;
+    className?: string;
+} & LogicFlow.CommonTheme;
+export declare function Circle(props: ICircleProps): h.JSX.Element;
 export default Circle;

package/lib/view/shape/Circle.js

@@ -29,6 +29,7 @@ var __read = (this && this.__read) || function (o, n) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Circle = void 0;
 var jsx_runtime_1 = require("preact/jsx-runtime");
+var lodash_es_1 = require("lodash-es");
 function Circle(props) {
     var _a = props.x, x = _a === void 0 ? 0 : _a, _b = props.y, y = _b === void 0 ? 0 : _b, _c = props.r, r = _c === void 0 ? 4 : _c, className = props.className;
     var attrs = {
@@ -37,14 +38,13 @@ function Circle(props) {
         r: r,
         fill: 'transparent',
         fillOpacity: 1,
-        strokeWidth: '1',
+        strokeWidth: 1,
         stroke: '#000',
         strokeOpacity: 1,
     };
-    Object.entries(props).forEach(function (_a) {
+    (0, lodash_es_1.forEach)((0, lodash_es_1.toPairs)(props), function (_a) {
         var _b = __read(_a, 2), k = _b[0], v = _b[1];
-        var valueType = typeof v;
-        if (valueType !== 'object') {
+        if (typeof v !== 'object') {
             attrs[k] = v;
         }
     });
@@ -52,7 +52,7 @@ function Circle(props) {
         attrs.className = "lf-basic-shape ".concat(className);
     }
     else {
-        attrs.className = 'lf-shape';
+        attrs.className = "lf-basic-shape";
     }
     return (0, jsx_runtime_1.jsx)("circle", __assign({}, attrs));
 }

package/lib/view/shape/Circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../../../src/view/shape/Circle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,MAAM,CAAC,KAAK;IAClB,IAAA,KAAmC,KAAK,EAAnC,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,KAA4B,KAAK,EAA5B,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,KAAqB,KAAK,EAArB,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IAChD,IAAM,KAAK,GAAwB;QACjC,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,CAAC,GAAA;QACD,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,GAAG;QAChB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,CAAC;KACjB,CAAA;IACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;YAAN,KAAA,aAAM,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAClC,IAAM,SAAS,GAAG,OAAO,CAAC,CAAA;QAC1B,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IACF,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,yBAAkB,SAAS,CAAE,CAAA;IACjD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,SAAS,GAAG,UAAU,CAAA;IAC9B,CAAC;IACD,OAAO,8CAAY,KAAK,EAAI,CAAA;AAC9B,CAAC;AAxBD,wBAwBC;AAED,kBAAe,MAAM,CAAA"}
+{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../../../src/view/shape/Circle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uCAA4C;AAU5C,SAAgB,MAAM,CAAC,KAAmB;IAChC,IAAA,KAAmC,KAAK,EAAnC,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,KAA4B,KAAK,EAA5B,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,KAAqB,KAAK,EAArB,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IAEhD,IAAM,KAAK,GAAiB;QAC1B,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,CAAC,GAAA;QACD,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,CAAC;KACjB,CAAA;IAED,IAAA,mBAAO,EAAC,IAAA,mBAAO,EAAC,KAAK,CAAC,EAAE,UAAC,EAA2B;YAA3B,KAAA,aAA2B,EAA1B,CAAC,QAAA,EAAE,CAAC,QAAA;QAC5B,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YAC1B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,yBAAkB,SAAS,CAAE,CAAA;IACjD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,SAAS,GAAG,gBAAgB,CAAA;IACpC,CAAC;IAED,OAAO,8CAAY,KAAK,EAAI,CAAA;AAC9B,CAAC;AA3BD,wBA2BC;AAED,kBAAe,MAAM,CAAA"}

package/lib/view/shape/Ellipse.d.ts

@@ -1,2 +1,11 @@
-export declare function Ellipse(props: any): import("preact").JSX.Element;
+import { createElement as h } from 'preact/compat';
+import { LogicFlow } from '../..';
+export type IEllipseProps = {
+    x?: number;
+    y?: number;
+    rx?: number;
+    ry?: number;
+    className?: string;
+} & LogicFlow.CommonTheme;
+export declare function Ellipse(props: IEllipseProps): h.JSX.Element;
 export default Ellipse;

package/lib/view/shape/Ellipse.js

@@ -29,6 +29,7 @@ var __read = (this && this.__read) || function (o, n) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Ellipse = void 0;
 var jsx_runtime_1 = require("preact/jsx-runtime");
+var lodash_es_1 = require("lodash-es");
 function Ellipse(props) {
     var _a = props.x, x = _a === void 0 ? 0 : _a, _b = props.y, y = _b === void 0 ? 0 : _b, _c = props.rx, rx = _c === void 0 ? 4 : _c, _d = props.ry, ry = _d === void 0 ? 4 : _d, className = props.className;
     var attrs = {
@@ -38,14 +39,13 @@ function Ellipse(props) {
         ry: ry,
         fill: 'transparent',
         fillOpacity: 1,
-        strokeWidth: '1',
+        strokeWidth: 1,
         stroke: '#000',
         strokeOpacity: 1,
     };
-    Object.entries(props).forEach(function (_a) {
+    (0, lodash_es_1.forEach)((0, lodash_es_1.toPairs)(props), function (_a) {
         var _b = __read(_a, 2), k = _b[0], v = _b[1];
-        var valueType = typeof v;
-        if (valueType !== 'object') {
+        if (typeof v !== 'object') {
             attrs[k] = v;
         }
     });
@@ -53,7 +53,7 @@ function Ellipse(props) {
         attrs.className = "lf-basic-shape ".concat(className);
     }
     else {
-        attrs.className = 'lf-shape';
+        attrs.className = "lf-basic-shape";
     }
     return (0, jsx_runtime_1.jsx)("ellipse", __assign({}, attrs));
 }

package/lib/view/shape/Ellipse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ellipse.js","sourceRoot":"","sources":["../../../src/view/shape/Ellipse.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,OAAO,CAAC,KAAK;IACnB,IAAA,KAA4C,KAAK,EAA5C,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,KAAqC,KAAK,EAArC,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,KAA8B,KAAK,GAA7B,EAAN,EAAE,mBAAG,CAAC,KAAA,EAAE,KAAsB,KAAK,GAArB,EAAN,EAAE,mBAAG,CAAC,KAAA,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IACzD,IAAM,KAAK,GAAwB;QACjC,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,IAAA;QACF,EAAE,IAAA;QACF,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,GAAG;QAChB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,CAAC;KACjB,CAAA;IACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;YAAN,KAAA,aAAM,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAClC,IAAM,SAAS,GAAG,OAAO,CAAC,CAAA;QAC1B,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IACF,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,yBAAkB,SAAS,CAAE,CAAA;IACjD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,SAAS,GAAG,UAAU,CAAA;IAC9B,CAAC;IACD,OAAO,+CAAa,KAAK,EAAI,CAAA;AAC/B,CAAC;AAzBD,0BAyBC;AAED,kBAAe,OAAO,CAAA"}
+{"version":3,"file":"Ellipse.js","sourceRoot":"","sources":["../../../src/view/shape/Ellipse.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uCAA4C;AAW5C,SAAgB,OAAO,CAAC,KAAoB;IAClC,IAAA,KAA4C,KAAK,EAA5C,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,KAAqC,KAAK,EAArC,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,KAA8B,KAAK,GAA7B,EAAN,EAAE,mBAAG,CAAC,KAAA,EAAE,KAAsB,KAAK,GAArB,EAAN,EAAE,mBAAG,CAAC,KAAA,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IAEzD,IAAM,KAAK,GAAwB;QACjC,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,IAAA;QACF,EAAE,IAAA;QACF,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,CAAC;KACjB,CAAA;IACD,IAAA,mBAAO,EAAC,IAAA,mBAAO,EAAC,KAAK,CAAC,EAAE,UAAC,EAA2B;YAA3B,KAAA,aAA2B,EAA1B,CAAC,QAAA,EAAE,CAAC,QAAA;QAC5B,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YAC1B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,yBAAkB,SAAS,CAAE,CAAA;IACjD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,SAAS,GAAG,gBAAgB,CAAA;IACpC,CAAC;IAED,OAAO,+CAAa,KAAK,EAAI,CAAA;AAC/B,CAAC;AA3BD,0BA2BC;AAED,kBAAe,OAAO,CAAA"}

package/lib/view/shape/Line.d.ts

@@ -1,2 +1,15 @@
-export declare function Line(props: any): import("preact").JSX.Element;
+import { createElement as h } from 'preact/compat';
+export type ILineProps = {
+    id?: string;
+    tabindex?: number;
+    x1?: number;
+    y1?: number;
+    x2?: number;
+    y2?: number;
+    stroke?: string;
+    className?: string;
+    style?: h.JSX.CSSProperties;
+    [key: string]: any;
+};
+export declare function Line(props: ILineProps): h.JSX.Element;
 export default Line;

package/lib/view/shape/Line.js

@@ -29,6 +29,7 @@ var __read = (this && this.__read) || function (o, n) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Line = void 0;
 var jsx_runtime_1 = require("preact/jsx-runtime");
+var lodash_es_1 = require("lodash-es");
 function Line(props) {
     var attrs = {
         // default
@@ -37,18 +38,15 @@ function Line(props) {
         x2: 20,
         y2: 20,
         stroke: 'black',
-        // ...props,
+        // ...props
     };
-    Object.entries(props).forEach(function (_a) {
+    (0, lodash_es_1.forEach)((0, lodash_es_1.toPairs)(props), function (_a) {
         var _b = __read(_a, 2), k = _b[0], v = _b[1];
         if (k === 'style') {
             attrs[k] = v;
         }
-        else {
-            var valueType = typeof v;
-            if (valueType !== 'object') {
-                attrs[k] = v;
-            }
+        else if (typeof v !== 'object') {
+            attrs[k] = v;
         }
     });
     return (0, jsx_runtime_1.jsx)("line", __assign({}, attrs));

package/lib/view/shape/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../../src/view/shape/Line.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,IAAI,CAAC,KAAK;IACxB,IAAM,KAAK,GAAG;QACZ,UAAU;QACV,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,MAAM,EAAE,OAAO;QACf,YAAY;KACb,CAAA;IACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;YAAN,KAAA,aAAM,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAClC,IAAI,CAAC,KAAK,OAAO,EAAE,CAAC;YAClB,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;aAAM,CAAC;YACN,IAAM,SAAS,GAAG,OAAO,CAAC,CAAA;YAC1B,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;gBAC3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;YACd,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IACF,OAAO,4CAAU,KAAK,EAAI,CAAA;AAC5B,CAAC;AArBD,oBAqBC;AAED,kBAAe,IAAI,CAAA"}
+{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../../src/view/shape/Line.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uCAA4C;AAe5C,SAAgB,IAAI,CAAC,KAAiB;IACpC,IAAM,KAAK,GAAe;QACxB,UAAU;QACV,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,MAAM,EAAE,OAAO;QACf,WAAW;KACZ,CAAA;IAED,IAAA,mBAAO,EAAC,IAAA,mBAAO,EAAC,KAAK,CAAC,EAAE,UAAC,EAA2B;YAA3B,KAAA,aAA2B,EAA1B,CAAC,QAAA,EAAE,CAAC,QAAA;QAC5B,IAAI,CAAC,KAAK,OAAO,EAAE,CAAC;YAClB,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;aAAM,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YACjC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,4CAAU,KAAK,EAAI,CAAA;AAC5B,CAAC;AApBD,oBAoBC;AAED,kBAAe,IAAI,CAAA"}

package/lib/view/shape/Path.d.ts

@@ -1,6 +1,7 @@
-type IProps = {
+import { createElement as h } from 'preact/compat';
+export type IPathProps = {
     d: string;
     [key: string]: any;
 };
-export declare function Path(props: IProps): import("preact").JSX.Element;
+export declare function Path(props: IPathProps): h.JSX.Element;
 export default Path;

package/lib/view/shape/Path.js

@@ -29,14 +29,14 @@ var __read = (this && this.__read) || function (o, n) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Path = void 0;
 var jsx_runtime_1 = require("preact/jsx-runtime");
+var lodash_es_1 = require("lodash-es");
 function Path(props) {
     var attrs = {
         d: '',
     };
-    Object.entries(props).forEach(function (_a) {
+    (0, lodash_es_1.forEach)((0, lodash_es_1.toPairs)(props), function (_a) {
         var _b = __read(_a, 2), k = _b[0], v = _b[1];
-        var valueType = typeof v;
-        if (k === 'style' || valueType !== 'object') {
+        if (k === 'style' || typeof v !== 'object') {
             attrs[k] = v;
         }
     });

package/lib/view/shape/Path.js.map

@@ -1 +1 @@
-{"version":3,"file":"Path.js","sourceRoot":"","sources":["../../../src/view/shape/Path.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,SAAgB,IAAI,CAAC,KAAa;IAChC,IAAM,KAAK,GAAG;QACZ,CAAC,EAAE,EAAE;KACN,CAAA;IACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;YAAN,KAAA,aAAM,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAClC,IAAM,SAAS,GAAG,OAAO,CAAC,CAAA;QAC1B,IAAI,CAAC,KAAK,OAAO,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC5C,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IACF,OAAO,4CAAU,KAAK,EAAI,CAAA;AAC5B,CAAC;AAXD,oBAWC;AAED,kBAAe,IAAI,CAAA"}
+{"version":3,"file":"Path.js","sourceRoot":"","sources":["../../../src/view/shape/Path.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uCAA4C;AAO5C,SAAgB,IAAI,CAAC,KAAiB;IACpC,IAAM,KAAK,GAAwB;QACjC,CAAC,EAAE,EAAE;KACN,CAAA;IACD,IAAA,mBAAO,EAAC,IAAA,mBAAO,EAAC,KAAK,CAAC,EAAE,UAAC,EAA6B;YAA7B,KAAA,aAA6B,EAA5B,CAAC,QAAA,EAAE,CAAC,QAAA;QAC5B,IAAI,CAAC,KAAK,OAAO,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YAC3C,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,4CAAU,KAAK,EAAI,CAAA;AAC5B,CAAC;AAXD,oBAWC;AAED,kBAAe,IAAI,CAAA"}

package/lib/view/shape/Polygon.d.ts

@@ -1,8 +1,10 @@
-import LogicFlow from '../../LogicFlow';
+import { createElement as h } from 'preact/compat';
+import { LogicFlow } from '../..';
 export type IPolygonProps = {
     points: LogicFlow.PointTuple[];
+    x?: number;
+    y?: number;
     className?: string;
-    [key: string]: any;
 };
-export declare function Polygon(props: IPolygonProps): import("preact").JSX.Element;
+export declare function Polygon(props: IPolygonProps): h.JSX.Element;
 export default Polygon;

package/lib/view/shape/Polygon.js

@@ -29,8 +29,9 @@ var __read = (this && this.__read) || function (o, n) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Polygon = void 0;
 var jsx_runtime_1 = require("preact/jsx-runtime");
+var lodash_es_1 = require("lodash-es");
 function Polygon(props) {
-    var points = props.points, className = props.className;
+    var _a = props.points, points = _a === void 0 ? [] : _a, className = props.className;
     var attrs = {
         fill: 'transparent',
         fillOpacity: 1,
@@ -39,18 +40,17 @@ function Polygon(props) {
         strokeOpacity: 1,
         points: '',
     };
-    Object.entries(props).forEach(function (_a) {
+    (0, lodash_es_1.forEach)((0, lodash_es_1.toPairs)(props), function (_a) {
         var _b = __read(_a, 2), k = _b[0], v = _b[1];
-        var valueType = typeof v;
-        if (valueType !== 'object') {
+        if (typeof v !== 'object') {
             attrs[k] = v;
         }
     });
     if (className) {
-        attrs.className = "lf-basic-shape ".concat(className);
+        attrs.classNmae = "lf-basic-shape ".concat(className);
     }
     else {
-        attrs.className = 'lf-shape';
+        attrs.className = 'lf-basic-shape';
     }
     attrs.points = points.map(function (point) { return point.join(','); }).join(' ');
     return (0, jsx_runtime_1.jsx)("polygon", __assign({}, attrs));

package/lib/view/shape/Polygon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Polygon.js","sourceRoot":"","sources":["../../../src/view/shape/Polygon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,SAAgB,OAAO,CAAC,KAAoB;IAClC,IAAA,MAAM,GAAgB,KAAK,OAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IACnC,IAAM,KAAK,GAAwB;QACjC,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,CAAC;QAChB,MAAM,EAAE,EAAE;KACX,CAAA;IACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;YAAN,KAAA,aAAM,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAClC,IAAM,SAAS,GAAG,OAAO,CAAC,CAAA;QAC1B,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IACF,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,yBAAkB,SAAS,CAAE,CAAA;IACjD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,SAAS,GAAG,UAAU,CAAA;IAC9B,CAAC;IACD,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAf,CAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAE/D,OAAO,+CAAa,KAAK,EAAI,CAAA;AAC/B,CAAC;AAxBD,0BAwBC;AAED,kBAAe,OAAO,CAAA"}
+{"version":3,"file":"Polygon.js","sourceRoot":"","sources":["../../../src/view/shape/Polygon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uCAA4C;AAU5C,SAAgB,OAAO,CAAC,KAAoB;IAClC,IAAA,KAA2B,KAAK,OAArB,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IACxC,IAAM,KAAK,GAAwB;QACjC,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,CAAC;QAChB,MAAM,EAAE,EAAE;KACX,CAAA;IAED,IAAA,mBAAO,EAAC,IAAA,mBAAO,EAAC,KAAK,CAAC,EAAE,UAAC,EAA2B;YAA3B,KAAA,aAA2B,EAA1B,CAAC,QAAA,EAAE,CAAC,QAAA;QAC5B,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YAC1B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,yBAAkB,SAAS,CAAE,CAAA;IACjD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,SAAS,GAAG,gBAAgB,CAAA;IACpC,CAAC;IACD,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAf,CAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAE/D,OAAO,+CAAa,KAAK,EAAI,CAAA;AAC/B,CAAC;AAzBD,0BAyBC;AAED,kBAAe,OAAO,CAAA"}

package/lib/view/shape/Polyline.d.ts

@@ -1,2 +1,8 @@
-export declare function Polyline(props: any): import("preact").JSX.Element;
+import { createElement as h } from 'preact/compat';
+export type IPolylineProps = {
+    points: string;
+    pathLength?: number | 'none';
+    className?: string;
+};
+export declare function Polyline(props: IPolylineProps): h.JSX.Element;
 export default Polyline;

package/lib/view/shape/Polyline.js

@@ -29,23 +29,25 @@ var __read = (this && this.__read) || function (o, n) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Polyline = void 0;
 var jsx_runtime_1 = require("preact/jsx-runtime");
+var lodash_es_1 = require("lodash-es");
 function Polyline(props) {
+    var className = props.className;
     var attrs = {
         points: '',
         fill: 'none',
     };
-    Object.entries(props).forEach(function (_a) {
+    (0, lodash_es_1.forEach)((0, lodash_es_1.toPairs)(props), function (_a) {
         var _b = __read(_a, 2), k = _b[0], v = _b[1];
         if (k === 'style') {
             attrs[k] = v;
         }
-        else {
-            var valueType = typeof v;
-            if (valueType !== 'object') {
-                attrs[k] = v;
-            }
+        else if (typeof v !== 'object') {
+            attrs[k] = v;
         }
     });
+    if (className) {
+        attrs.className = "".concat(className);
+    }
     return (0, jsx_runtime_1.jsx)("polyline", __assign({}, attrs));
 }
 exports.Polyline = Polyline;

package/lib/view/shape/Polyline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Polyline.js","sourceRoot":"","sources":["../../../src/view/shape/Polyline.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,QAAQ,CAAC,KAAK;IAC5B,IAAM,KAAK,GAAG;QACZ,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,MAAM;KACb,CAAA;IACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;YAAN,KAAA,aAAM,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAClC,IAAI,CAAC,KAAK,OAAO,EAAE,CAAC;YAClB,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;aAAM,CAAC;YACN,IAAM,SAAS,GAAG,OAAO,CAAC,CAAA;YAC1B,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;gBAC3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;YACd,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IACF,OAAO,gDAAc,KAAK,EAAI,CAAA;AAChC,CAAC;AAhBD,4BAgBC;AAED,kBAAe,QAAQ,CAAA"}
+{"version":3,"file":"Polyline.js","sourceRoot":"","sources":["../../../src/view/shape/Polyline.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uCAA4C;AAQ5C,SAAgB,QAAQ,CAAC,KAAqB;IACpC,IAAA,SAAS,GAAK,KAAK,UAAV,CAAU;IAC3B,IAAM,KAAK,GAA4B;QACrC,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,MAAM;KACb,CAAA;IAED,IAAA,mBAAO,EAAC,IAAA,mBAAO,EAAC,KAAK,CAAC,EAAE,UAAC,EAA+B;YAA/B,KAAA,aAA+B,EAA9B,CAAC,QAAA,EAAE,CAAC,QAAA;QAC5B,IAAI,CAAC,KAAK,OAAO,EAAE,CAAC;YAClB,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;aAAM,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YACjC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IACF,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,UAAG,SAAS,CAAE,CAAA;IAClC,CAAC;IAED,OAAO,gDAAc,KAAK,EAAI,CAAA;AAChC,CAAC;AAnBD,4BAmBC;AAED,kBAAe,QAAQ,CAAA"}

package/lib/view/shape/Rect.d.ts

@@ -1,15 +1,13 @@
-import LogicFlow from '../../LogicFlow';
-import Point = LogicFlow.Point;
-import RectSize = LogicFlow.RectSize;
-type IRectProps = {
+import { createElement as h } from 'preact/compat';
+import LogicFlow from '../..';
+export type IRectProps = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
     className?: string;
-    radius?: number;
-} & Point & RectSize;
-export declare function Rect(props: IRectProps): import("preact").JSX.Element;
-export declare namespace Rect {
-    var defaultProps: {
-        className: string;
-        radius: string;
-    };
-}
+    radius?: LogicFlow.NumberOrPercent;
+    [key: string]: any;
+};
+export declare function Rect(props: IRectProps): h.JSX.Element;
 export default Rect;

package/lib/view/shape/Rect.js

@@ -29,15 +29,16 @@ var __read = (this && this.__read) || function (o, n) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Rect = void 0;
 var jsx_runtime_1 = require("preact/jsx-runtime");
+var lodash_es_1 = require("lodash-es");
 function Rect(props) {
-    var x = props.x, y = props.y, width = props.width, height = props.height, className = props.className, radius = props.radius;
+    var x = props.x, y = props.y, width = props.width, height = props.height, className = props.className, strokeWidth = props.strokeWidth, _a = props.radius, radius = _a === void 0 ? 0 : _a;
     var leftTopX = x - width / 2;
     var leftTopY = y - height / 2;
     var attrs = {};
-    Object.entries(props).forEach(function (_a) {
+    attrs['stroke-width'] = strokeWidth;
+    (0, lodash_es_1.forEach)((0, lodash_es_1.toPairs)(props), function (_a) {
         var _b = __read(_a, 2), k = _b[0], v = _b[1];
-        var valueType = typeof v;
-        if (valueType !== 'object') {
+        if (typeof v !== 'object') {
             attrs[k] = v;
         }
     });
@@ -45,7 +46,7 @@ function Rect(props) {
         attrs.className = "lf-basic-shape ".concat(className);
     }
     else {
-        attrs.className = 'lf-shape';
+        attrs.className = 'lf-basic-shape';
     }
     if (radius) {
         attrs.rx = radius;
@@ -56,9 +57,5 @@ function Rect(props) {
     return (0, jsx_runtime_1.jsx)("rect", __assign({}, attrs));
 }
 exports.Rect = Rect;
-Rect.defaultProps = {
-    className: '',
-    radius: '',
-};
 exports.default = Rect;
 //# sourceMappingURL=Rect.js.map

package/lib/view/shape/Rect.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rect.js","sourceRoot":"","sources":["../../../src/view/shape/Rect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,SAAgB,IAAI,CAAC,KAAiB;IAC5B,IAAA,CAAC,GAA0C,KAAK,EAA/C,EAAE,CAAC,GAAuC,KAAK,EAA5C,EAAE,KAAK,GAAgC,KAAK,MAArC,EAAE,MAAM,GAAwB,KAAK,OAA7B,EAAE,SAAS,GAAa,KAAK,UAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAU;IAExD,IAAM,QAAQ,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAA;IAC9B,IAAM,QAAQ,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,CAAA;IAC/B,IAAM,KAAK,GAAwB,EAAE,CAAA;IACrC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;YAAN,KAAA,aAAM,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAClC,IAAM,SAAS,GAAG,OAAO,CAAC,CAAA;QAC1B,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,yBAAkB,SAAS,CAAE,CAAA;IACjD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,SAAS,GAAG,UAAU,CAAA;IAC9B,CAAC;IACD,IAAI,MAAM,EAAE,CAAC;QACX,KAAK,CAAC,EAAE,GAAG,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,GAAG,MAAM,CAAA;IACnB,CAAC;IACD,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAA;IAClB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAA;IAClB,OAAO,4CAAU,KAAK,EAAI,CAAA;AAC5B,CAAC;AAzBD,oBAyBC;AAED,IAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,EAAE;CACX,CAAA;AAED,kBAAe,IAAI,CAAA"}
+{"version":3,"file":"Rect.js","sourceRoot":"","sources":["../../../src/view/shape/Rect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uCAA4C;AAa5C,SAAgB,IAAI,CAAC,KAAiB;IAC5B,IAAA,CAAC,GAA2D,KAAK,EAAhE,EAAE,CAAC,GAAwD,KAAK,EAA7D,EAAE,KAAK,GAAiD,KAAK,MAAtD,EAAE,MAAM,GAAyC,KAAK,OAA9C,EAAE,SAAS,GAA8B,KAAK,UAAnC,EAAE,WAAW,GAAiB,KAAK,YAAtB,EAAE,KAAe,KAAK,OAAV,EAAV,MAAM,mBAAG,CAAC,KAAA,CAAU;IAEzE,IAAM,QAAQ,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAA;IAC9B,IAAM,QAAQ,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,CAAA;IAC/B,IAAM,KAAK,GAAwB,EAAE,CAAA;IACrC,KAAK,CAAC,cAAc,CAAC,GAAG,WAAW,CAAA;IACnC,IAAA,mBAAO,EAAC,IAAA,mBAAO,EAAC,KAAK,CAAC,EAAE,UAAC,EAA2B;YAA3B,KAAA,aAA2B,EAA1B,CAAC,QAAA,EAAE,CAAC,QAAA;QAC5B,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YAC1B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,yBAAkB,SAAS,CAAE,CAAA;IACjD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,SAAS,GAAG,gBAAgB,CAAA;IACpC,CAAC;IAED,IAAI,MAAM,EAAE,CAAC;QACX,KAAK,CAAC,EAAE,GAAG,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,GAAG,MAAM,CAAA;IACnB,CAAC;IACD,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAA;IAClB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAA;IAElB,OAAO,4CAAU,KAAK,EAAI,CAAA;AAC5B,CAAC;AA3BD,oBA2BC;AAED,kBAAe,IAAI,CAAA"}

package/lib/view/shape/Text.d.ts

@@ -1,2 +1,20 @@
-export declare function Text(props: any): import("preact").JSX.Element | null;
+import { createElement as h } from 'preact/compat';
+import { BaseNodeModel, BaseEdgeModel } from '../../model';
+export type ITextProps = {
+    x: number;
+    y: number;
+    value: string;
+    fontSize?: number;
+    fill?: string;
+    overflowMode?: 'default' | 'autoWrap' | 'ellipsis';
+    textWidth?: number;
+    lineHeight?: number;
+    fontFamily?: string | null;
+    wrapPadding?: string | number | null;
+    model: BaseNodeModel | BaseEdgeModel;
+    [key: string]: any;
+};
+export type ForeignObjectPropsType = 'string | number | SignalLike<string | number | undefined> | undefined';
+export declare function Text(props: ITextProps): h.JSX.Element | null;
+export declare function renderHtmlText(props: ITextProps): h.JSX.Element;
 export default Text;

package/lib/view/shape/Text.js

@@ -27,33 +27,39 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = void 0;
+exports.renderHtmlText = exports.Text = void 0;
 var jsx_runtime_1 = require("preact/jsx-runtime");
-var util_1 = require("../../util");
 var constant_1 = require("../../constant");
+var util_1 = require("../../util");
+var lodash_es_1 = require("lodash-es");
 function Text(props) {
-    var _a = props.x, x = _a === void 0 ? 0 : _a, _b = props.y, y = _b === void 0 ? 0 : _b, value = props.value, fontSize = props.fontSize, _c = props.fill, fill = _c === void 0 ? 'currentColor' : _c, _d = props.overflowMode, overflowMode = _d === void 0 ? 'default' : _d, _e = props.textWidth, textWidth = _e === void 0 ? '' : _e, model = props.model;
+    var _a = props.x, x = _a === void 0 ? 0 : _a, _b = props.y, y = _b === void 0 ? 0 : _b, value = props.value, _c = props.fontSize, fontSize = _c === void 0 ? 12 : _c, _d = props.fill, fill = _d === void 0 ? 'currentColor' : _d, _e = props.overflowMode, overflowMode = _e === void 0 ? 'default' : _e, 
+    // TODO: 确认该 textWidth 为 '' 时跟设置什么值一致
+    _f = props.textWidth, 
+    // TODO: 确认该 textWidth 为 '' 时跟设置什么值一致
+    textWidth = _f === void 0 ? undefined : _f, model = props.model;
     var attrs = {
-        textAnchor: 'middle',
-        'dominant-baseline': 'middle',
         x: x,
         y: y,
         fill: fill,
+        fontSize: fontSize,
+        textAnchor: 'middle',
+        dominantBaseline: 'central',
         // ...props,
     };
-    Object.entries(props).forEach(function (_a) {
+    (0, lodash_es_1.forEach)((0, lodash_es_1.toPairs)(props), function (_a) {
         var _b = __read(_a, 2), k = _b[0], v = _b[1];
-        var valueType = typeof v;
-        if (valueType !== 'object') {
+        if (typeof v !== 'object') {
             attrs[k] = v;
         }
     });
     if (value) {
-        // String(value),兼容纯数字的文案
+        // String(value)，兼容纯数字的文案
+        // TODO: 将 value 转为纯文本，移除其中 \n \r 等特殊字符，看是否应该丰富该功能
         var rows = String(value).split(/[\r\n]/g);
         var rowsLength_1 = rows.length;
         if (overflowMode !== 'default') {
-            // 非文本节点设置了自动换行，或边设置了自动换行并且设置了textWidth
+            // 非文本节点设置了自动换行，或者边设置了自动换行并且设置了 textWidth
             var BaseType = model.BaseType, modelType = model.modelType;
             if ((BaseType === constant_1.ElementType.NODE && modelType !== constant_1.ModelType.TEXT_NODE) ||
                 (BaseType === constant_1.ElementType.EDGE && textWidth)) {
@@ -61,10 +67,10 @@ function Text(props) {
             }
         }
         if (rowsLength_1 > 1) {
-            var tSpans = rows.map(function (row, i) {
-                // 保证文字居中，文字Y轴偏移为当前行数对应中心行数的偏移行 * 行高
-                var tspanLineHeight = fontSize + 2;
-                var offsetY = (i - (rowsLength_1 - 1) / 2) * tspanLineHeight;
+            var tSpans = rows.map(function (row, idx) {
+                // 保证文字居中，文字 Y 轴偏移为当前行数对应中心行数的偏移行 * 行高
+                var tSpanLineHeight = fontSize + 2;
+                var offsetY = (idx - (rowsLength_1 - 1) / 2) * tSpanLineHeight;
                 return ((0, jsx_runtime_1.jsx)("tspan", { className: "lf-text-tspan", x: x, y: y + offsetY, children: row }));
             });
             return (0, jsx_runtime_1.jsx)("text", __assign({}, attrs, { children: tSpans }));
@@ -75,9 +81,10 @@ function Text(props) {
 }
 exports.Text = Text;
 function renderHtmlText(props) {
-    var value = props.value, fontSize = props.fontSize, model = props.model, _a = props.fontFamily, fontFamily = _a === void 0 ? '' : _a, lineHeight = props.lineHeight, _b = props.wrapPadding, wrapPadding = _b === void 0 ? '0, 0' : _b, overflowMode = props.overflowMode, x = props.x, y = props.y;
-    var width = model.width, textHeight = model.textHeight;
-    var textRealWidth = props.textWidth || width;
+    var x = props.x, y = props.y, value = props.value, model = props.model, textWidth = props.textWidth, _a = props.fontSize, fontSize = _a === void 0 ? 12 : _a, lineHeight = props.lineHeight, _b = props.fontFamily, fontFamily = _b === void 0 ? '' : _b, _c = props.wrapPadding, wrapPadding = _c === void 0 ? '0, 0' : _c, overflowMode = props.overflowMode;
+    var width = model.width, height = model.height, textHeight = model.textHeight;
+    // TODO: 设置文本宽度为 textWidth 或 节点的宽度
+    var textRealWidth = textWidth || width;
     var rows = String(value).split(/[\r\n]/g);
     var rowsLength = rows.length;
     var textRealHeight = (0, util_1.getHtmlTextHeight)({
@@ -93,8 +100,8 @@ function renderHtmlText(props) {
         className: 'lf-get-text-height',
     });
     // 当文字超过边框时，取文字高度的实际值，也就是文字可以超过边框
-    var foreignObjectHeight = model.height > textRealHeight ? model.height : textRealHeight;
-    // 如果设置了文字高度，取设置的高度
+    var foreignObjectHeight = height > textRealHeight ? height : textRealHeight;
+    // 如果设置了文本高度，取设置的高度
     if (textHeight) {
         foreignObjectHeight = textHeight;
     }
@@ -102,13 +109,14 @@ function renderHtmlText(props) {
     if (isEllipsis) {
         foreignObjectHeight = fontSize + 2;
     }
-    return ((0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("foreignObject", { width: textRealWidth, height: foreignObjectHeight, x: x - textRealWidth / 2, y: y - foreignObjectHeight / 2, children: (0, jsx_runtime_1.jsx)("div", { className: "lf-node-text-auto-wrap", style: {
+    return ((0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("foreignObject", { width: textRealWidth, height: foreignObjectHeight, x: x - textRealWidth / 2, y: y - foreignObjectHeight / 2, style: { overflow: 'visible', textAlign: 'left' }, children: (0, jsx_runtime_1.jsx)("div", { className: "lf-node-text-auto-wrap", style: {
                     minHeight: foreignObjectHeight,
                     width: textRealWidth,
                     padding: wrapPadding,
                 }, children: (0, jsx_runtime_1.jsx)("div", { className: isEllipsis
                         ? 'lf-node-text-ellipsis-content'
-                        : 'lf-node-text-auto-wrap-content', title: isEllipsis ? rows.join('') : '', style: __assign({}, props), children: rows.map(function (item) { return ((0, jsx_runtime_1.jsx)("div", { className: "lf-node-text--auto-wrap-inner", children: item })); }) }) }) }) }));
+                        : 'lf-node-text-auto-wrap-content', title: isEllipsis ? rows.join('') : '', style: __assign({}, props), children: rows.map(function (row) { return ((0, jsx_runtime_1.jsx)("div", { className: "lf-node-text--auto-wrap-inner", children: row })); }) }) }) }) }));
 }
+exports.renderHtmlText = renderHtmlText;
 exports.default = Text;
 //# sourceMappingURL=Text.js.map

package/lib/view/shape/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/view/shape/Text.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/view/shape/Text.tsx"],"names":[],"mappings":"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"}

package/lib/view/text/BaseText.d.ts

@@ -1,25 +1,22 @@
-import { Component, createElement as h } from 'preact/compat';
-import { StepDrag } from '../../util';
-import { GraphModel, Model } from '../../model';
-type IProps = {
-    model: Model.BaseModel;
+import { createElement as h, Component } from 'preact/compat';
+import { GraphModel, BaseNodeModel, BaseEdgeModel } from '../../model';
+import { IDragParams, StepDrag } from '../../util';
+export type IBaseTextProps = {
+    model: BaseNodeModel | BaseEdgeModel;
     graphModel: GraphModel;
     draggable: boolean;
     editable: boolean;
 };
-type IState = {
+export type IBaseTextState = {
     isHovered: boolean;
 };
-export declare class BaseText extends Component<IProps, IState> {
-    stepDrag: StepDrag;
-    constructor(config: any);
+export declare class BaseText<P extends IBaseTextProps, S extends IBaseTextState> extends Component<P, S> {
+    stepperDrag: StepDrag;
+    constructor(props: P);
     getShape(): h.JSX.Element | null;
-    onDragging: ({ deltaX, deltaY }: {
-        deltaX: any;
-        deltaY: any;
-    }) => void;
-    dblClickHandler: () => void;
-    mouseDownHandle: (ev: MouseEvent) => void;
+    mouseDownHandler: (e: MouseEvent) => void;
+    onDragging: ({ deltaX, deltaY }: IDragParams) => void;
+    dbClickHandler: () => void;
     render(): h.JSX.Element | undefined;
 }
 export default BaseText;