@logicflow/core 1.2.27 → 2.0.0-beta.1

package/lib/view/shape/Line.js

@@ -0,0 +1,58 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Line = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+function Line(props) {
+    var attrs = {
+        // default
+        x1: 10,
+        y1: 10,
+        x2: 20,
+        y2: 20,
+        stroke: 'black',
+        // ...props,
+    };
+    Object.entries(props).forEach(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;
+            }
+        }
+    });
+    return (0, jsx_runtime_1.jsx)("line", __assign({}, attrs));
+}
+exports.Line = Line;
+exports.default = Line;
+//# sourceMappingURL=Line.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,6 @@
+type IProps = {
+    d: string;
+    [key: string]: any;
+};
+export declare function Path(props: IProps): import("preact").JSX.Element;
+export default Path;

package/lib/view/shape/Path.js

@@ -0,0 +1,47 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Path = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+function Path(props) {
+    var attrs = {
+        d: '',
+    };
+    Object.entries(props).forEach(function (_a) {
+        var _b = __read(_a, 2), k = _b[0], v = _b[1];
+        var valueType = typeof v;
+        if (k === 'style' || valueType !== 'object') {
+            attrs[k] = v;
+        }
+    });
+    return (0, jsx_runtime_1.jsx)("path", __assign({}, attrs));
+}
+exports.Path = Path;
+exports.default = Path;
+//# sourceMappingURL=Path.js.map

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

@@ -0,0 +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"}

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

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

package/lib/view/shape/Polygon.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Polygon = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+function Polygon(props) {
+    var points = props.points, className = props.className;
+    var attrs = {
+        fill: 'transparent',
+        fillOpacity: 1,
+        strokeWidth: 1,
+        stroke: '#000',
+        strokeOpacity: 1,
+        points: '',
+    };
+    Object.entries(props).forEach(function (_a) {
+        var _b = __read(_a, 2), k = _b[0], v = _b[1];
+        var valueType = typeof v;
+        if (valueType !== 'object') {
+            attrs[k] = v;
+        }
+    });
+    if (className) {
+        attrs.className = "lf-basic-shape ".concat(className);
+    }
+    else {
+        attrs.className = 'lf-shape';
+    }
+    attrs.points = points.map(function (point) { return point.join(','); }).join(' ');
+    return (0, jsx_runtime_1.jsx)("polygon", __assign({}, attrs));
+}
+exports.Polygon = Polygon;
+exports.default = Polygon;
+//# sourceMappingURL=Polygon.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export declare function Polyline(props: any): import("preact").JSX.Element;
+export default Polyline;

package/lib/view/shape/Polyline.js

@@ -0,0 +1,53 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Polyline = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+function Polyline(props) {
+    var attrs = {
+        points: '',
+        fill: 'none',
+    };
+    Object.entries(props).forEach(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;
+            }
+        }
+    });
+    return (0, jsx_runtime_1.jsx)("polyline", __assign({}, attrs));
+}
+exports.Polyline = Polyline;
+exports.default = Polyline;
+//# sourceMappingURL=Polyline.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,15 @@
+import LogicFlow from '../../LogicFlow';
+import Point = LogicFlow.Point;
+import RectSize = LogicFlow.RectSize;
+type IRectProps = {
+    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;
+    };
+}
+export default Rect;

package/lib/view/shape/Rect.js

@@ -0,0 +1,64 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rect = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+function Rect(props) {
+    var x = props.x, y = props.y, width = props.width, height = props.height, className = props.className, radius = props.radius;
+    var leftTopX = x - width / 2;
+    var leftTopY = y - height / 2;
+    var attrs = {};
+    Object.entries(props).forEach(function (_a) {
+        var _b = __read(_a, 2), k = _b[0], v = _b[1];
+        var valueType = typeof v;
+        if (valueType !== 'object') {
+            attrs[k] = v;
+        }
+    });
+    if (className) {
+        attrs.className = "lf-basic-shape ".concat(className);
+    }
+    else {
+        attrs.className = 'lf-shape';
+    }
+    if (radius) {
+        attrs.rx = radius;
+        attrs.ry = radius;
+    }
+    attrs.x = leftTopX;
+    attrs.y = leftTopY;
+    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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export declare function Text(props: any): import("preact").JSX.Element | null;
+export default Text;

package/lib/view/shape/Text.js

@@ -0,0 +1,114 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var util_1 = require("../../util");
+var constant_1 = require("../../constant");
+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 attrs = {
+        textAnchor: 'middle',
+        'dominant-baseline': 'middle',
+        x: x,
+        y: y,
+        fill: fill,
+        // ...props,
+    };
+    Object.entries(props).forEach(function (_a) {
+        var _b = __read(_a, 2), k = _b[0], v = _b[1];
+        var valueType = typeof v;
+        if (valueType !== 'object') {
+            attrs[k] = v;
+        }
+    });
+    if (value) {
+        // String(value),兼容纯数字的文案
+        var rows = String(value).split(/[\r\n]/g);
+        var rowsLength_1 = rows.length;
+        if (overflowMode !== 'default') {
+            // 非文本节点设置了自动换行，或边设置了自动换行并且设置了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)) {
+                return renderHtmlText(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;
+                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 }));
+        }
+        return (0, jsx_runtime_1.jsx)("text", __assign({}, attrs, { children: value }));
+    }
+    return null;
+}
+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 rows = String(value).split(/[\r\n]/g);
+    var rowsLength = rows.length;
+    var textRealHeight = (0, util_1.getHtmlTextHeight)({
+        rows: rows,
+        style: {
+            fontSize: "".concat(fontSize, "px"),
+            width: "".concat(textRealWidth, "px"),
+            fontFamily: fontFamily,
+            lineHeight: lineHeight,
+            padding: wrapPadding,
+        },
+        rowsLength: rowsLength,
+        className: 'lf-get-text-height',
+    });
+    // 当文字超过边框时，取文字高度的实际值，也就是文字可以超过边框
+    var foreignObjectHeight = model.height > textRealHeight ? model.height : textRealHeight;
+    // 如果设置了文字高度，取设置的高度
+    if (textHeight) {
+        foreignObjectHeight = textHeight;
+    }
+    var isEllipsis = overflowMode === 'ellipsis';
+    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: {
+                    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 })); }) }) }) }) }));
+}
+exports.default = Text;
+//# sourceMappingURL=Text.js.map

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

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

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

@@ -0,0 +1,8 @@
+export * from './Text';
+export * from './Line';
+export * from './Rect';
+export * from './Path';
+export * from './Circle';
+export * from './Ellipse';
+export * from './Polygon';
+export * from './Polyline';

package/lib/view/shape/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Text"), exports);
+__exportStar(require("./Line"), exports);
+__exportStar(require("./Rect"), exports);
+__exportStar(require("./Path"), exports);
+__exportStar(require("./Circle"), exports);
+__exportStar(require("./Ellipse"), exports);
+__exportStar(require("./Polygon"), exports);
+__exportStar(require("./Polyline"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/view/shape/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,yCAAsB;AACtB,yCAAsB;AACtB,yCAAsB;AACtB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B"}

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

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

package/lib/view/text/BaseText.js

@@ -0,0 +1,117 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseText = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var compat_1 = require("preact/compat");
+var shape_1 = require("../shape");
+var util_1 = require("../../util");
+var constant_1 = require("../../constant");
+var BaseText = /** @class */ (function (_super) {
+    __extends(BaseText, _super);
+    function BaseText(config) {
+        var _this = _super.call(this) || this;
+        _this.onDragging = function (_a) {
+            var deltaX = _a.deltaX, deltaY = _a.deltaY;
+            var _b = _this.props, model = _b.model, transformModel = _b.graphModel.transformModel;
+            var _c = __read(transformModel.fixDeltaXY(deltaX, deltaY), 2), curDeltaX = _c[0], curDeltaY = _c[1];
+            model.moveText(curDeltaX, curDeltaY);
+        };
+        _this.dblClickHandler = function () {
+            // 静默模式下，双击不更改状态，不可编辑
+            var editable = _this.props.editable;
+            if (editable) {
+                var model = _this.props.model;
+                model.setElementState(constant_1.ElementState.TEXT_EDIT);
+            }
+        };
+        _this.mouseDownHandle = function (ev) {
+            var _a = _this.props, draggable = _a.draggable, model = _a.model, nodeTextDraggable = _a.graphModel.editConfigModel.nodeTextDraggable;
+            if (draggable || nodeTextDraggable) {
+                _this.stepDrag.model = model;
+                _this.stepDrag.handleMouseDown(ev);
+            }
+        };
+        var draggable = config.draggable;
+        _this.stepDrag = new util_1.StepDrag({
+            onDragging: _this.onDragging,
+            step: 1,
+            isStopPropagation: draggable,
+        });
+        return _this;
+    }
+    BaseText.prototype.getShape = function () {
+        var _a = this.props, model = _a.model, graphModel = _a.graphModel;
+        var text = model.text;
+        var editConfigModel = graphModel.editConfigModel;
+        var value = text.value, x = text.x, y = text.y, editable = text.editable, draggable = text.draggable;
+        var attr = {
+            x: x,
+            y: y,
+            className: '',
+            value: value,
+        };
+        if (editable) {
+            attr.className = 'lf-element-text';
+        }
+        else if (draggable || editConfigModel.nodeTextDraggable) {
+            attr.className = 'lf-text-draggable';
+        }
+        else {
+            attr.className = 'lf-text-disabled';
+        }
+        var style = model.getTextStyle();
+        return (0, jsx_runtime_1.jsx)(shape_1.Text, __assign({}, attr, style, { model: model }));
+    };
+    BaseText.prototype.render = function () {
+        var text = this.props.model.text;
+        if (text) {
+            return ((0, jsx_runtime_1.jsx)("g", { onMouseDown: this.mouseDownHandle, onDblClick: this.dblClickHandler, children: this.getShape() }));
+        }
+    };
+    return BaseText;
+}(compat_1.Component));
+exports.BaseText = BaseText;
+exports.default = BaseText;
+//# sourceMappingURL=BaseText.js.map

package/lib/view/text/BaseText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseText.js","sourceRoot":"","sources":["../../../src/view/text/BaseText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wCAA6D;AAC7D,kCAA+B;AAC/B,mCAAqC;AACrC,2CAA6C;AAa7C;IAA8B,4BAAyB;IAGrD,kBAAY,MAAM;QAChB,YAAA,MAAK,WAAE,SAAA;QA+BT,gBAAU,GAAG,UAAC,EAAkB;gBAAhB,MAAM,YAAA,EAAE,MAAM,YAAA;YACtB,IAAA,KAGF,KAAI,CAAC,KAAK,EAFZ,KAAK,WAAA,EACS,cAAc,+BAChB,CAAA;YACR,IAAA,KAAA,OAAyB,cAAc,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,IAAA,EAAjE,SAAS,QAAA,EAAE,SAAS,QAA6C,CAAA;YACxE,KAAK,CAAC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QACtC,CAAC,CAAA;QACD,qBAAe,GAAG;YAChB,qBAAqB;YACb,IAAA,QAAQ,GAAK,KAAI,CAAC,KAAK,SAAf,CAAe;YAC/B,IAAI,QAAQ,EAAE,CAAC;gBACL,IAAA,KAAK,GAAK,KAAI,CAAC,KAAK,MAAf,CAAe;gBAC5B,KAAK,CAAC,eAAe,CAAC,uBAAY,CAAC,SAAS,CAAC,CAAA;YAC/C,CAAC;QACH,CAAC,CAAA;QACD,qBAAe,GAAG,UAAC,EAAc;YACzB,IAAA,KAMF,KAAI,CAAC,KAAK,EALZ,SAAS,eAAA,EACT,KAAK,WAAA,EAEgB,iBAAiB,kDAE1B,CAAA;YACd,IAAI,SAAS,IAAI,iBAAiB,EAAE,CAAC;gBACnC,KAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAA;gBAC3B,KAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,CAAA;YACnC,CAAC;QACH,CAAC,CAAA;QA1DS,IAAA,SAAS,GAAK,MAAM,UAAX,CAAW;QAC5B,KAAI,CAAC,QAAQ,GAAG,IAAI,eAAQ,CAAC;YAC3B,UAAU,EAAE,KAAI,CAAC,UAAU;YAC3B,IAAI,EAAE,CAAC;YACP,iBAAiB,EAAE,SAAS;SAC7B,CAAC,CAAA;;IACJ,CAAC;IAED,2BAAQ,GAAR;QACQ,IAAA,KAAwB,IAAI,CAAC,KAAK,EAAhC,KAAK,WAAA,EAAE,UAAU,gBAAe,CAAA;QAChC,IAAA,IAAI,GAAK,KAAK,KAAV,CAAU;QACd,IAAA,eAAe,GAAK,UAAU,gBAAf,CAAe;QAC9B,IAAA,KAAK,GAAgC,IAAI,MAApC,EAAE,CAAC,GAA6B,IAAI,EAAjC,EAAE,CAAC,GAA0B,IAAI,EAA9B,EAAE,QAAQ,GAAgB,IAAI,SAApB,EAAE,SAAS,GAAK,IAAI,UAAT,CAAS;QACjD,IAAM,IAAI,GAAG;YACX,CAAC,GAAA;YACD,CAAC,GAAA;YACD,SAAS,EAAE,EAAE;YACb,KAAK,OAAA;SACN,CAAA;QACD,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,SAAS,GAAG,iBAAiB,CAAA;QACpC,CAAC;aAAM,IAAI,SAAS,IAAI,eAAe,CAAC,iBAAiB,EAAE,CAAC;YAC1D,IAAI,CAAC,SAAS,GAAG,mBAAmB,CAAA;QACtC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,GAAG,kBAAkB,CAAA;QACrC,CAAC;QACD,IAAM,KAAK,GAAG,KAAK,CAAC,YAAY,EAAE,CAAA;QAClC,OAAO,uBAAC,YAAI,eAAK,IAAI,EAAM,KAAK,IAAE,KAAK,EAAE,KAAK,IAAI,CAAA;IACpD,CAAC;IAgCD,yBAAM,GAAN;QAEa,IAAA,IAAI,GACX,IAAI,CAAC,KAAK,WADC,CACD;QACd,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,CACL,8BAAG,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,EAAE,IAAI,CAAC,eAAe,YACnE,IAAI,CAAC,QAAQ,EAAE,GACd,CACL,CAAA;QACH,CAAC;IACH,CAAC;IACH,eAAC;AAAD,CAAC,AA7ED,CAA8B,kBAAS,GA6EtC;AA7EY,4BAAQ;AA+ErB,kBAAe,QAAQ,CAAA"}