@logicflow/core 1.2.26 → 2.0.0-beta.0

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

@@ -0,0 +1,9 @@
+import BaseText from './BaseText';
+export declare class LineText extends BaseText {
+    constructor(config: any);
+    getBackground(): import("preact").JSX.Element | undefined;
+    setHoverON: () => void;
+    setHoverOFF: () => void;
+    getShape(): import("preact").JSX.Element | null;
+}
+export default LineText;

package/lib/view/text/LineText.js

@@ -0,0 +1,155 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LineText = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var Text_1 = __importDefault(require("../shape/Text"));
+var Rect_1 = __importDefault(require("../shape/Rect"));
+var BaseText_1 = __importDefault(require("./BaseText"));
+var util_1 = require("../../util");
+var LineText = /** @class */ (function (_super) {
+    __extends(LineText, _super);
+    function LineText(config) {
+        var _this = _super.call(this, config) || this;
+        _this.setHoverON = function () {
+            _this.setState({
+                isHovered: true,
+            });
+        };
+        _this.setHoverOFF = function () {
+            _this.setState({
+                isHovered: false,
+            });
+        };
+        _this.state = {
+            isHovered: false,
+        };
+        return _this;
+    }
+    LineText.prototype.getBackground = function () {
+        var model = this.props.model;
+        var style = model.getTextStyle();
+        var text = model.text, modelWidth = model.width;
+        var backgroundStyle = style.background || {};
+        var isHovered = this.state.isHovered;
+        if (isHovered && (style === null || style === void 0 ? void 0 : style.hover) && (style === null || style === void 0 ? void 0 : style.hover.background)) {
+            backgroundStyle = __assign(__assign({}, backgroundStyle), style === null || style === void 0 ? void 0 : style.hover.background);
+        }
+        // 存在文本并且文本背景不为透明时计算背景框
+        if (text && text.value && backgroundStyle.fill !== 'transparent') {
+            var _a = style !== null && style !== void 0 ? style : {}, fontSize = _a.fontSize, overflowMode = _a.overflowMode, lineHeight = _a.lineHeight, wrapPadding = _a.wrapPadding, textWidth = _a.textWidth;
+            var value = text.value;
+            var x = text.x, y = text.y;
+            var rows = String(value).split(/[\r\n]/g);
+            // 计算行数
+            var rowsLength = rows.length;
+            var rectAttr = void 0;
+            if (overflowMode === 'autoWrap' && textWidth) {
+                var textHeight = (0, util_1.getHtmlTextHeight)({
+                    rows: rows,
+                    style: {
+                        fontSize: "".concat(fontSize, "px"),
+                        width: "".concat(textWidth, "px"),
+                        lineHeight: lineHeight,
+                        padding: wrapPadding,
+                    },
+                    rowsLength: rowsLength,
+                    className: 'lf-get-text-height',
+                });
+                rectAttr = __assign(__assign({}, backgroundStyle), { x: x - 1, y: y - 1, width: textWidth, height: textHeight });
+            }
+            else {
+                // 计算文本中最长的一行的字节数
+                var longestBytes_1 = 0;
+                rows &&
+                    rows.forEach(function (item) {
+                        var rowByteLength = (0, util_1.getBytesLength)(item);
+                        longestBytes_1 =
+                            rowByteLength > longestBytes_1 ? rowByteLength : longestBytes_1;
+                    });
+                // 背景框宽度，最长一行字节数/2 * fontsize + 2
+                // 背景框宽度， 行数 * fontsize + 2
+                var _b = (0, util_1.getSvgTextWidthHeight)({
+                    rows: rows,
+                    fontSize: fontSize,
+                    rowsLength: rowsLength,
+                }), width = _b.width, height = _b.height;
+                if (overflowMode === 'ellipsis') {
+                    // https://github.com/didi/LogicFlow/issues/1151
+                    // 边上的文字过长（使用"ellipsis"模式）出现省略号，背景也需要进行宽度的重新计算
+                    // 跟Text.tsx保持同样的计算逻辑(overflowMode === 'ellipsis')
+                    // Text.tsx使用textRealWidth=textWidth || width
+                    // Text.tsx使用foreignObjectHeight = fontSize + 2;
+                    width = textWidth || modelWidth;
+                    height = fontSize + 2;
+                }
+                // 根据设置的padding调整width, height, x, y的值
+                if (typeof backgroundStyle.wrapPadding === 'string') {
+                    var paddings = backgroundStyle.wrapPadding
+                        .split(',')
+                        .filter(function (padding) { return padding.trim(); })
+                        .map(function (padding) { return parseFloat(padding.trim()); });
+                    if (paddings.length > 0 && paddings.length <= 4) {
+                        if (paddings.length === 1) {
+                            paddings = [paddings[0], paddings[0], paddings[0], paddings[0]];
+                        }
+                        else if (paddings.length === 2) {
+                            paddings = [paddings[0], paddings[1], paddings[0], paddings[1]];
+                        }
+                        else if (paddings.length === 3) {
+                            paddings = [paddings[0], paddings[1], paddings[2], paddings[1]];
+                        }
+                        width += paddings[1] + paddings[3];
+                        height += paddings[0] + paddings[2];
+                        x = x + (paddings[1] - paddings[3]) / 2;
+                        y = y + (paddings[2] - paddings[0]) / 2;
+                    }
+                }
+                rectAttr = __assign(__assign({}, backgroundStyle), { x: x - 1, y: y - 1, width: width, height: height });
+            }
+            return (0, jsx_runtime_1.jsx)(Rect_1.default, __assign({}, rectAttr));
+        }
+    };
+    LineText.prototype.getShape = function () {
+        var model = this.props.model;
+        var text = model.text;
+        var value = text.value, x = text.x, y = text.y;
+        if (!value)
+            return null;
+        var style = model.getTextStyle();
+        var attr = __assign({ x: x, y: y, className: 'lf-element-text', value: value }, style);
+        return ((0, jsx_runtime_1.jsxs)("g", { className: "lf-line-text", onMouseEnter: this.setHoverON, onMouseLeave: this.setHoverOFF, children: [this.getBackground(), (0, jsx_runtime_1.jsx)(Text_1.default, __assign({}, attr, { model: model }))] }));
+    };
+    return LineText;
+}(BaseText_1.default));
+exports.LineText = LineText;
+exports.default = LineText;
+//# sourceMappingURL=LineText.js.map

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

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

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

@@ -0,0 +1,2 @@
+export * from './BaseText';
+export * from './LineText';

package/lib/view/text/index.js

@@ -0,0 +1,19 @@
+"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("./BaseText"), exports);
+__exportStar(require("./LineText"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/view/text/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,6CAA0B"}

package/package.json

@@ -1,102 +1,55 @@
 {
   "name": "@logicflow/core",
-  "version": "1.2.26",
-  "description": "LogicFlow core, to quickly build flowchart editor",
-  "main": "dist/entry.js",
-  "module": "dist/logic-flow.js",
-  "unpkg": "dist/logic-flow.min.js",
-  "sideEffects": true,
-  "jsdelivr": "dist/logic-flow.min.js",
-  "license": "Apache-2.0",
+  "version": "2.0.0-beta.0",
+  "description": "LogicFlow, help you quickly create flowcharts",
+  "main": "dist/index.js",
+  "module": "es/index.js",
+  "types": "lib/index.d.ts",
+  "unpkg": "dist/index.js",
+  "jsdelivr": "dist/index.js",
   "homepage": "https://site.logic-flow.cn",
-  "types": "types/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/didi/LogicFlow",
     "directory": "packages/core"
   },
-  "scripts": {
-    "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 && npm run copy",
-    "build-analyse": "cross-env analyse=true npm run build",
-    "types": "tsc -d --declarationDir ./types --outDir temp && rimraf temp",
-    "lint": "eslint . --ext .ts,.tsx",
-    "publish-lib": "npm run types & npm run clean && npm run build && npm publish",
-    "publish-next": "npm run types & npm run clean && npm run build && npm publish --tag next",
-    "copy": "node ./scripts/copy.js"
-  },
-  "files": [
-    "dist",
-    "es",
-    "types",
-    "README.md"
+  "keywords": [
+    "@logicflow/core",
+    "LogicFlow",
+    "flow chart",
+    "react flow",
+    "vuw flow",
+    "preact flow"
   ],
+  "author": "Logicflow-Team",
+  "license": "Apache-2.0",
   "dependencies": {
-    "@types/mousetrap": "^1.6.4",
+    "classnames": "^2.3.2",
+    "mobx": "^5.15.7",
+    "mobx-preact": "^3.0.0",
+    "mobx-utils": "^5.6.1",
     "mousetrap": "^1.6.5",
-    "preact": "^10.4.8"
+    "preact": "^10.17.1",
+    "uuid": "^9.0.0"
   },
-  "keywords": [
-    "flowchart",
-    "diagram"
-  ],
   "devDependencies": {
-    "@babel/core": "^7.9.0",
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/plugin-proposal-decorators": "^7.10.5",
-    "@babel/plugin-syntax-jsx": "^7.8.3",
-    "@babel/plugin-transform-react-jsx": "^7.10.4",
-    "@babel/preset-env": "^7.9.5",
-    "@babel/preset-typescript": "^7.9.0",
-    "@types/lodash-es": "^4.17.3",
-    "@typescript-eslint/eslint-plugin": "^3.6.1",
-    "@typescript-eslint/parser": "^3.2.0",
-    "autoprefixer": "^9.7.6",
-    "babel-core": "^7.0.0-bridge.0",
-    "babel-loader": "^8.1.0",
-    "babel-plugin-import": "^1.13.0",
-    "case-sensitive-paths-webpack-plugin": "^2.3.0",
-    "classnames": "^2.2.6",
-    "core-js": "^3.6.5",
-    "cross-env": "^7.0.2",
-    "css-loader": "^4.2.1",
-    "eslint": "^7.0.0",
-    "eslint-config-airbnb-typescript": "^9.0.0",
-    "eslint-loader": "^4.0.2",
-    "eslint-plugin-import": "^2.22.0",
-    "eslint-plugin-jsx-a11y": "^6.3.1",
-    "eslint-plugin-react": "^7.20.6",
-    "eslint-plugin-react-hooks": "^4.1.2",
-    "eslint-plugin-standard": "^4.0.1",
-    "eslint-webpack-plugin": "^2.1.0",
-    "html-webpack-plugin": "^4.2.0",
-    "husky": "^4.2.5",
-    "ids": "^1.0.0",
-    "less-loader": "^6.0.0",
-    "lodash-es": "^4.17.15",
-    "mobx": "^5.15.7",
-    "mobx-react": "^6.3.0",
-    "mobx-utils": "^5.6.1",
-    "prettier": "^2.2.1",
-    "rimraf": "^3.0.2",
-    "standard-version": "^9.0.0",
-    "style-loader": "^1.2.0",
-    "style-resources-loader": "^1.3.3",
-    "terser-webpack-plugin": "^4.2.3",
-    "typescript": "^3.8.3",
-    "url-loader": "^4.1.0",
-    "uuid": "^8.2.0",
-    "webpack": "^4.43.0",
-    "webpack-bundle-analyzer": "^3.7.0",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.10.3"
+    "@types/mousetrap": "^1.6.12",
+    "@types/uuid": "^9.0.0"
   },
-  "browserslist": [
-    "> 3%",
-    "last 2 versions",
-    "not ie <= 11"
-  ],
-  "gitHead": "ab8cc6126e9dfa5c4fb18037538a374d3a0b0521"
-}
+  "scripts": {
+    "clean:turbo": "rss",
+    "clean:build": "rss",
+    "clean": "rss",
+    "build:less": "rss",
+    "build:esm": "tsc --module esnext --target es5 --outDir ./es",
+    "build:cjs": "tsc --module commonjs --target es5 --outDir ./lib",
+    "build:umd": "rss",
+    "build:dev": "rss",
+    "build:watch": "rss",
+    "build:watch:esm": "rss",
+    "build:watch:cjs": "rss",
+    "build": "rss",
+    "prebuild": "rss",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}

package/rollup.config.js

@@ -0,0 +1,15 @@
+import alias from '@rollup/plugin-alias'
+import { rollupConfig } from '../../rollup.config'
+
+export default rollupConfig({
+  plugins: [
+    alias({
+      entries: [
+        { find: 'react', replacement: 'preact/compact' },
+        { find: 'react-dom/test-utils', replacement: 'preact/test-utils' },
+        { find: 'react-dom', replacement: 'preact/compact' },
+        { find: 'react/jsx-runtime', replacement: 'preact/jsx-runtime' },
+      ],
+    }),
+  ],
+})