@logicflow/react-node-registry 1.2.0 → 1.2.1

package/lib/view.js

@@ -19,13 +19,70 @@ exports.ReactNodeView = void 0;
 var react_1 = require("react");
 var client_1 = require("react-dom/client");
 var core_1 = require("@logicflow/core");
+var lodash_es_1 = require("lodash-es");
 var wrapper_1 = require("./wrapper");
 var portal_1 = require("./portal");
 var react_dom_1 = require("react-dom");
 var ReactNodeView = /** @class */ (function (_super) {
     __extends(ReactNodeView, _super);
     function ReactNodeView() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.__throttledUpdate = (0, lodash_es_1.throttle)(function () { return _this.measureAndUpdate(); }, 80);
+        _this.measureAndUpdate = function () {
+            try {
+                var root = _this.containerEl;
+                if (!root)
+                    return;
+                var target = root.firstElementChild || root;
+                var rect = target.getBoundingClientRect();
+                var width = (0, lodash_es_1.round)(rect.width);
+                var height = (0, lodash_es_1.round)(rect.height);
+                if (width <= 0 || height <= 0)
+                    return;
+                if (width === _this.__lastWidth && height === _this.__lastHeight)
+                    return;
+                _this.__lastWidth = width;
+                _this.__lastHeight = height;
+                var props = _this.props.model.properties;
+                var extra = (0, lodash_es_1.get)(props, '_showTitle')
+                    ? (0, lodash_es_1.isNumber)((0, lodash_es_1.get)(props, '_titleHeight'))
+                        ? (0, lodash_es_1.get)(props, '_titleHeight')
+                        : 28
+                    : 0;
+                var baseHeight = (0, lodash_es_1.clamp)(height - extra, 1, Number.MAX_SAFE_INTEGER);
+                _this.props.model.setProperties({ width: width, height: baseHeight });
+            }
+            catch (err) {
+                console.error('measureAndUpdate error', err);
+            }
+        };
+        return _this;
+        // TODO: 确认是否需要重写 onMouseDown 方法
+        // handleMouseDown(ev: MouseEvent, x: number, y: number) {
+        //   const target = ev.target as Element
+        //   const tagName = target.tagName.toLowerCase()
+        //   if (tagName === 'input') {
+        //     const type = target.getAttribute('type')
+        //     if (
+        //       type == null ||
+        //       [
+        //         'text',
+        //         'password',
+        //         'number',
+        //         'email',
+        //         'search',
+        //         'tel',
+        //         'url',
+        //       ].includes(type)
+        //     ) {
+        //       return
+        //     }
+        //   }
+        //
+        //   console.log('pointer position, x:', x, 'y: ', y)
+        //   // TODO
+        //   // super.handleMouseDown(ev)
+        // }
     }
     ReactNodeView.prototype.targetId = function () {
         return "".concat(this.props.graphModel.flowId, ":").concat(this.props.model.id);
@@ -35,15 +92,23 @@ var ReactNodeView = /** @class */ (function (_super) {
         this.unmount();
     };
     ReactNodeView.prototype.setHtml = function (rootEl) {
-        var el = document.createElement('div');
-        el.className = 'custom-react-node-content';
-        this.renderReactComponent(el);
-        rootEl.appendChild(el);
-    };
-    ReactNodeView.prototype.confirmUpdate = function (_rootEl) {
-        // TODO: 如有需要，可以先通过继承的方式，自定义该节点的更新逻辑；我们后续会根据实际需求，丰富该功能
-        console.log('_rootEl', _rootEl);
+        var existed = rootEl.querySelector('.custom-react-node-content');
+        if (existed) {
+            this.containerEl = existed;
+        }
+        else {
+            var el = document.createElement('div');
+            el.className = 'custom-react-node-content';
+            this.containerEl = el;
+            this.renderReactComponent(el);
+            rootEl.appendChild(el);
+        }
+        this.startResizeObserver();
     };
+    // confirmUpdate(_rootEl: SVGForeignObjectElement) {
+    //   // TODO: 如有需要，可以先通过继承的方式，自定义该节点的更新逻辑；我们后续会根据实际需求，丰富该功能
+    //   console.log('_rootEl', _rootEl)
+    // }
     ReactNodeView.prototype.renderReactComponent = function (container) {
         this.unmountReactComponent();
         var _a = this.props, model = _a.model, graphModel = _a.graphModel;
@@ -67,6 +132,7 @@ var ReactNodeView = /** @class */ (function (_super) {
     };
     ReactNodeView.prototype.unmountReactComponent = function () {
         if (this.rootEl && this.root) {
+            this.stopResizeObserver();
             this.root.unmount();
             this.root = undefined;
             this.rootEl.innerHTML = '';
@@ -76,6 +142,54 @@ var ReactNodeView = /** @class */ (function (_super) {
     ReactNodeView.prototype.unmount = function () {
         this.unmountReactComponent();
     };
+    ReactNodeView.prototype.startResizeObserver = function () {
+        var _this = this;
+        var _a;
+        var root = this.containerEl;
+        if (!root)
+            return;
+        try {
+            if ((0, lodash_es_1.isFunction)(window.ResizeObserver)) {
+                this.__resizeObserver = new window.ResizeObserver(function (entries) {
+                    if (!(0, lodash_es_1.isArray)(entries) || !entries.length)
+                        return;
+                    if (_this.__resizeRafId)
+                        cancelAnimationFrame(_this.__resizeRafId);
+                    _this.__resizeRafId = requestAnimationFrame(_this.__throttledUpdate);
+                });
+                var target = root.firstElementChild || root;
+                (_a = this.__resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(target);
+            }
+            else {
+                window.addEventListener('resize', function () { return _this.__throttledUpdate(); });
+                this.__fallbackUnlisten = function () {
+                    return window.removeEventListener('resize', function () { return _this.__throttledUpdate(); });
+                };
+            }
+        }
+        catch (err) {
+            console.error('startResizeObserver error', err);
+        }
+    };
+    ReactNodeView.prototype.stopResizeObserver = function () {
+        try {
+            if (this.__resizeObserver) {
+                this.__resizeObserver.disconnect();
+                this.__resizeObserver = undefined;
+            }
+            if (this.__resizeRafId) {
+                cancelAnimationFrame(this.__resizeRafId);
+                this.__resizeRafId = undefined;
+            }
+            if (this.__fallbackUnlisten) {
+                this.__fallbackUnlisten();
+                this.__fallbackUnlisten = undefined;
+            }
+        }
+        catch (err) {
+            console.error('stopResizeObserver error', err);
+        }
+    };
     return ReactNodeView;
 }(core_1.HtmlNode));
 exports.ReactNodeView = ReactNodeView;

package/lib/view.js.map

@@ -1 +1 @@
-{"version":3,"file":"view.js","sourceRoot":"","sources":["../src/view.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+BAAkD;AAClD,2CAAmD;AACnD,wCAA0C;AAC1C,qCAAmC;AACnC,mCAAiC;AACjC,uCAAwC;AAExC;IAAmC,iCAAQ;IAA3C;;IAuFA,CAAC;IApFW,gCAAQ,GAAlB;QACE,OAAO,UAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,cAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAE,CAAA;IACjE,CAAC;IAED,4CAAoB,GAApB;QACE,gBAAK,CAAC,oBAAoB,WAAE,CAAA;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,+BAAO,GAAP,UAAQ,MAA+B;QACrC,IAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACxC,EAAE,CAAC,SAAS,GAAG,2BAA2B,CAAA;QAE1C,IAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAA;QAC7B,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;IACxB,CAAC;IAED,qCAAa,GAAb,UAAc,OAAgC;QAC5C,sDAAsD;QACtD,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IACjC,CAAC;IAES,4CAAoB,GAA9B,UAA+B,SAAsB;QACnD,IAAI,CAAC,qBAAqB,EAAE,CAAA;QACtB,IAAA,KAAwB,IAAI,CAAC,KAAK,EAAhC,KAAK,WAAA,EAAE,UAAU,gBAAe,CAAA;QAExC,IAAI,SAAS,EAAE,CAAC;YACd,qBAAqB;YACrB,IAAM,IAAI,GAAG,IAAA,qBAAa,EAAC,iBAAO,EAAE;gBAClC,IAAI,EAAE,KAAK;gBACX,KAAK,EAAE,UAAU;aAClB,CAAC,CAAA;YAEF,IAAI,eAAM,CAAC,QAAQ,EAAE,EAAE,CAAC;gBACtB,YAAY;gBACZ,IAAM,MAAM,GAAG,IAAA,wBAAY,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,CAAgB,CAAA;gBACrE,eAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,MAAM,CAAC,CAAA;YACzC,CAAC;iBAAM,CAAC;gBACN,aAAa;gBACb,IAAI,CAAC,IAAI,GAAG,IAAA,mBAAU,EAAC,SAAS,CAAC,CAAA;gBACjC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YACxB,CAAC;QACH,CAAC;IACH,CAAC;IAES,6CAAqB,GAA/B;QACE,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YAC7B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAA;YACnB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAA;YACrB,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAA;QAC5B,CAAC;IACH,CAAC;IAED,4CAA4C;IAC5C,+BAAO,GAAP;QACE,IAAI,CAAC,qBAAqB,EAAE,CAAA;IAC9B,CAAC;IA4BH,oBAAC;AAAD,CAAC,AAvFD,CAAmC,eAAQ,GAuF1C;AAvFY,sCAAa;AAyF1B,kBAAe,aAAa,CAAA"}
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../src/view.ts"],"names":[],"mappings":"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"}

package/lib/wrapper.d.ts

@@ -11,6 +11,6 @@ export declare class Wrapper extends PureComponent<IWrapperProps, IWrapperState>
     constructor(props: IWrapperProps);
     componentDidMount(): void;
     clone(elem: React.ReactElement): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+    render(): React.JSX.Element | null;
 }
 export default Wrapper;

package/lib/wrapper.js

@@ -37,11 +37,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
 var react_1 = __importStar(require("react"));
 var core_1 = require("@logicflow/core");
 var registry_1 = require("./registry");
+var Container_1 = __importDefault(require("./components/Container"));
 var Wrapper = /** @class */ (function (_super) {
     __extends(Wrapper, _super);
     function Wrapper(props) {
@@ -76,12 +80,13 @@ var Wrapper = /** @class */ (function (_super) {
         var content = registry_1.reactNodesMap[node.type];
         if (!content)
             return null;
+        var _a = (node.properties || {})._showTitle, _showTitle = _a === void 0 ? false : _a;
         var component = content.component;
         if (react_1.default.isValidElement(component)) {
-            return this.clone(component);
+            return _showTitle ? (react_1.default.createElement(Container_1.default, { node: this.props.node, graph: this.props.graph }, this.clone(component))) : (this.clone(component));
         }
         var FC = component;
-        return this.clone(react_1.default.createElement(FC, null));
+        return _showTitle ? (react_1.default.createElement(Container_1.default, { node: this.props.node, graph: this.props.graph }, this.clone(react_1.default.createElement(FC, null)))) : (this.clone(react_1.default.createElement(FC, null)));
     };
     return Wrapper;
 }(react_1.PureComponent));

package/lib/wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../src/wrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4C;AAC5C,wCAAsE;AACtE,uCAA0C;AAW1C;IAA6B,2BAA2C;IACtE,iBAAY,KAAoB;QAC9B,YAAA,MAAK,YAAC,KAAK,CAAC,SAAA;QACZ,KAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,CAAA;;IAC1B,CAAC;IAED,mCAAiB,GAAjB;QAAA,iBAgBC;QAfC,iCAAiC;QAC3B,IAAA,KAAkB,IAAI,CAAC,KAAK,EAA1B,IAAI,UAAA,EAAE,KAAK,WAAe,CAAA;QAClC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,gBAAS,CAAC,sBAAsB,EAAE,UAAC,SAAS;YAC/D,IAAM,IAAI,GAAG,SAAS,CAAC,IAAgB,CAAA;YACvC,IAAM,OAAO,GAAG,wBAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAExC,IAAI,OAAO,IAAI,SAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC;gBAChC,IAAA,QAAM,GAAK,OAAO,OAAZ,CAAY;gBAE1B,4DAA4D;gBAC5D,IAAI,CAAC,QAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,QAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAApB,CAAoB,CAAC,EAAE,CAAC;oBACxD,KAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAA;gBAC9C,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,uBAAK,GAAL,UAAM,IAAwB;QACtB,IAAA,KAAkB,IAAI,CAAC,KAAK,EAA1B,IAAI,UAAA,EAAE,KAAK,WAAe,CAAA;QAElC,OAAO,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ;YAClC,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,IAAI,CAAC;YAC1B,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;IAC/C,CAAC;IAED,wBAAM,GAAN;QACU,IAAA,IAAI,GAAK,IAAI,CAAC,KAAK,KAAf,CAAe;QAC3B,IAAM,OAAO,GAAG,wBAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAExC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAA;QAEjB,IAAA,SAAS,GAAK,OAAO,UAAZ,CAAY;QAC7B,IAAI,eAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;YACpC,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;QAC9B,CAAC;QACD,IAAM,EAAE,GAAG,SAAqB,CAAA;QAChC,OAAO,IAAI,CAAC,KAAK,CAAC,8BAAC,EAAE,OAAG,CAAC,CAAA;IAC3B,CAAC;IACH,cAAC;AAAD,CAAC,AA7CD,CAA6B,qBAAa,GA6CzC;AA7CY,0BAAO;AA+CpB,kBAAe,OAAO,CAAA"}
+{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../src/wrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4C;AAC5C,wCAAsE;AACtE,uCAA0C;AAC1C,qEAA8C;AAW9C;IAA6B,2BAA2C;IACtE,iBAAY,KAAoB;QAC9B,YAAA,MAAK,YAAC,KAAK,CAAC,SAAA;QACZ,KAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,CAAA;;IAC1B,CAAC;IAED,mCAAiB,GAAjB;QAAA,iBAgBC;QAfC,iCAAiC;QAC3B,IAAA,KAAkB,IAAI,CAAC,KAAK,EAA1B,IAAI,UAAA,EAAE,KAAK,WAAe,CAAA;QAClC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,gBAAS,CAAC,sBAAsB,EAAE,UAAC,SAAS;YAC/D,IAAM,IAAI,GAAG,SAAS,CAAC,IAAgB,CAAA;YACvC,IAAM,OAAO,GAAG,wBAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAExC,IAAI,OAAO,IAAI,SAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC;gBAChC,IAAA,QAAM,GAAK,OAAO,OAAZ,CAAY;gBAE1B,4DAA4D;gBAC5D,IAAI,CAAC,QAAM,IAAI,IAAI,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,QAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAApB,CAAoB,CAAC,EAAE,CAAC;oBACxD,KAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAA;gBAC9C,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,uBAAK,GAAL,UAAM,IAAwB;QACtB,IAAA,KAAkB,IAAI,CAAC,KAAK,EAA1B,IAAI,UAAA,EAAE,KAAK,WAAe,CAAA;QAElC,OAAO,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ;YAClC,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,IAAI,CAAC;YAC1B,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;IAC/C,CAAC;IAED,wBAAM,GAAN;QACU,IAAA,IAAI,GAAK,IAAI,CAAC,KAAK,KAAf,CAAe;QAC3B,IAAM,OAAO,GAAG,wBAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAExC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAA;QAEjB,IAAA,KAAuB,CAAA,IAAI,CAAC,UAAU,IAAI,EAAE,CAAA,WAA1B,EAAlB,UAAU,mBAAG,KAAK,KAAA,CAA0B;QAE5C,IAAA,SAAS,GAAK,OAAO,UAAZ,CAAY;QAC7B,IAAI,eAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;YACpC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,8BAAC,mBAAS,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACtD,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CACZ,CACb,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CACtB,CAAA;QACH,CAAC;QACD,IAAM,EAAE,GAAG,SAAqB,CAAA;QAChC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,8BAAC,mBAAS,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACtD,IAAI,CAAC,KAAK,CAAC,8BAAC,EAAE,OAAG,CAAC,CACT,CACb,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,KAAK,CAAC,8BAAC,EAAE,OAAG,CAAC,CACnB,CAAA;IACH,CAAC;IACH,cAAC;AAAD,CAAC,AA3DD,CAA6B,qBAAa,GA2DzC;AA3DY,0BAAO;AA6DpB,kBAAe,OAAO,CAAA"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@logicflow/react-node-registry",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "LogicFlow React Shape",
   "main": "lib/index.js",
   "module": "es/index.js",
-  "unpkg": "dist/index.js",
-  "jsdeliver": "dist/index.js",
+  "unpkg": "dist/index.min.js",
+  "jsdelivr": "dist/index.min.js",
   "types": "lib/index.d.ts",
   "keywords": [
     "@logicflow/react-node-registry",
@@ -18,16 +18,23 @@
   "peerDependencies": {
     "react": ">= 18.0.0",
     "react-dom": ">= 18.0.0",
-    "@logicflow/core": "2.2.0"
+    "@logicflow/core": "2.2.1"
   },
   "dependencies": {
+    "lodash-es": "^4.17.21"
+  },
+  "devDependencies": {
     "@types/react": "^18.0.25",
     "@types/react-dom": "^18.0.9",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "lodash-es": "^4.17.21",
-    "@logicflow/core": "2.2.0"
+    "@logicflow/core": "2.2.1"
   },
+  "files": [
+    "dist",
+    "es",
+    "lib"
+  ],
   "scripts": {
     "clean:turbo": "rss",
     "clean:build": "rss",

package/.turbo/turbo-build.log

@@ -1,34 +0,0 @@
-
-> @logicflow/react-node-registry@1.1.4 prebuild /Users/didi/Desktop/github/LogicFlow/packages/react-node-registry
-> rss
-
-> [prebuild] run-s -s clean:build 
-> [clean:build] rimraf dist es lib 
-
-> @logicflow/react-node-registry@1.1.4 build /Users/didi/Desktop/github/LogicFlow/packages/react-node-registry
-> rss
-
-> [build] run-p -s build:dev build:umd 
-> [build:umd] pnpm run --if-present build:less && rollup -c ../../rollup.config.js --bundleConfigAsCjs 
-> [build:dev] pnpm run --if-present build:less && run-p -s build:cjs build:esm 
-> [build:less] ./scripts/build-less
-> [build:less] ./scripts/build-less
-
-./src/index.ts → dist/index.min.js...
-+------------------------------------+
-|                                    |
-|   Bundle Format: umd               |
-|   Bundle Name: ReactNodeRegistry   |
-|   External Globals:                |
-|    @logicflow/core: Core           |
-|    react: React                    |
-|    react-dom: ReactDom             |
-|                                    |
-|   Destination: dist/index.min.js   |
-|   Bundle   Size: 433 B             |
-|   Minified Size: 394 B             |
-|   GZipped  Size: 208 B             |
-|                                    |
-+------------------------------------+
-(!) [plugin typescript] @rollup/plugin-typescript: Rollup requires that TypeScript produces ES Modules. Unfortunately your configuration specifies a "module" other than "esnext". Unless you know what you're doing, please change "module" to "esnext" in the target tsconfig.json file or plugin options.
-created dist/index.min.js in 5.3s

package/CHANGELOG.md

@@ -1,201 +0,0 @@
-# @logicflow/react-node-registry
-
-## 1.2.0
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.2.0
-
-## 1.1.4
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.1.4
-
-## 1.1.3
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.1.3
-
-## 1.1.2
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.1.2
-
-## 1.1.1
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.1.1
-
-## 1.1.0
-
-### Patch Changes
-
-- fix: 修复issue反馈的bug&支持小地图展示vue节点
-
-## 1.0.18
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.0.16
-
-## 1.0.17
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.0.15
-
-## 1.0.16
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.0.14
-
-## 1.0.15
-
-### Patch Changes
-
-- fix:(extension): 所有导出方式支持局部导出+修复相对路径导出问题 & 渐进连线+highlight优化
-
-## 1.0.14
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.0.13
-
-## 1.0.13
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.0.12
-
-## 1.0.12
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.0.11
-
-## 1.0.11
-
-### Patch Changes
-
-- fix: 修复issue反馈的bug
-- Updated dependencies
-  - @logicflow/core@2.0.10
-
-## 1.0.10
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.0.9
-
-## 1.0.9
-
-### Patch Changes
-
-- release react/vue-node-registry
-
-## 1.0.8
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.0.8
-
-## 1.0.7
-
-### Patch Changes
-
-- fix: 修复一些问题
-  - fix: 修复一些问题
-  - fix: 修复文本拖拽不符合预期的问题 by ChangeSuger
-  - feat: 支持动态修改 Grid 的配置 by ChangeSuger
-  - fix: 修复 2.x 与 1.x 下相同的网格线宽，Grid 表现不一致的问题 by ChangeSuger
-  - fix: node:dnd-drag 增加事件数据 by HeatonZ
-  - fix(extension): 【dynamic-group】修复mousemove和isCollapsed相关问题 by wbccb
-  - fix: 修复 windows 系统 node20 环境下样式文件打包失败的问题 by ChangeSuger
-  - fix: 修复 node:dnd-drag 事件的类型检查问题 by ChangeSuger
-  - fix(example): 修复文档中vue3自定义组件不能正常显示bug by zkt2002
-  - fix(core): 在没有拖拽的情况下，Control组件突然销毁，不触发cancelDrag(#1926) by wbccb
-  - fix(core): 修复笔记本触摸板点击边事件失效 by wuchenguang1998
-  - feat(examples): 添加动画边demo by DymoneLewis
-  - fix(core): 类型定义 properties:change 改为 node:properties-change by HeatonZ
-  - feat: node-registry 自定义properties类型 by HeatonZ
-  - fix(core): 修复 polyline 与多边形节点的交点不正确的问题 by Yuan-ZW
-- Updated dependencies
-  - @logicflow/core@2.0.7
-
-## 1.0.6
-
-### Patch Changes
-
-- Release New Version
-- Updated dependencies
-  - @logicflow/core@2.0.6
-
-## 1.0.5
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.0.5
-
-## 1.0.4
-
-### Patch Changes
-
-- Updated dependencies
-- Updated dependencies
-  - @logicflow/core@2.0.4
-
-## 1.0.3
-
-### Patch Changes: Release 1.0.3 Version
-
-- Updated dependencies
-  - @logicflow/core@2.0.3
-
-## 1.0.2
-
-### Patch Changes
-
-- Release New Version，移除多余 console
-
-- Updated dependencies
-  - @logicflow/core@2.0.2
-
-## 1.0.1
-
-### Patch Changes
-
-- Updated dependencies
-  - @logicflow/core@2.0.1
-
-## 1.0.0
-
-### Patch Changes
-
-- Release 2.0 New Version 🎉🎉🎉🎉
-- Updated dependencies
-
-  - @logicflow/core@2.0.0
-
-- feat: 开发 react-node-registry 包用于用户自定义 react 节点
-  - 通过监听 properties 变化的事件，触发节点的更新
-  - 通过 Portal 的方式，可以获取到宿主系统的数据（比如状态），保持组件渲染和系统同步
-  - react-node-registry 包增加 LICENSE 文件

package/src/index.ts

@@ -1,5 +0,0 @@
-export * from './view'
-export * from './model'
-export * from './registry'
-export * from './wrapper'
-export * from './portal'

package/src/model.ts

@@ -1,64 +0,0 @@
-import LogicFlow, { HtmlNodeModel, IHtmlNodeProperties } from '@logicflow/core'
-import { cloneDeep } from 'lodash-es'
-
-export interface ReactCustomProperties extends IHtmlNodeProperties {
-  // 形状属性
-  width?: number
-  height?: number
-  radius?: number
-
-  // 文字位置属性
-  refX?: number
-  refY?: number
-
-  // 样式属性
-  style?: LogicFlow.CommonTheme
-  textStyle?: LogicFlow.TextNodeTheme
-}
-
-export class ReactNodeModel<
-  P extends ReactCustomProperties = ReactCustomProperties,
-> extends HtmlNodeModel<P> {
-  setAttributes() {
-    const { width, height, radius } = this.properties
-    if (width) {
-      this.width = width
-    }
-    if (height) {
-      this.height = height
-    }
-    if (radius) {
-      this.radius = radius
-    }
-  }
-
-  getTextStyle(): LogicFlow.TextNodeTheme {
-    // const { x, y, width, height } = this
-    const { refX = 0, refY = 0, textStyle } = this.properties
-    const style = super.getTextStyle()
-
-    // 通过 transform 重新设置 text 的位置
-    return {
-      ...style,
-      ...(cloneDeep(textStyle) || {}),
-      transform: `matrix(1 0 0 1 ${refX} ${refY})`,
-    }
-  }
-
-  getNodeStyle(): LogicFlow.CommonTheme {
-    const style = super.getNodeStyle()
-    const {
-      style: customNodeStyle,
-      // radius = 0, // 第二种方式，设置圆角
-    } = this.properties
-
-    return {
-      ...style,
-      ...(cloneDeep(customNodeStyle) || {}),
-      // rx: radius,
-      // ry: radius,
-    }
-  }
-}
-
-export default ReactNodeModel

package/src/portal.ts

@@ -1,79 +0,0 @@
-import React, { useReducer } from 'react'
-
-export namespace Portal {
-  let active = false
-  let dispatch: React.Dispatch<Action>
-
-  interface Action {
-    type: 'add' | 'remove'
-    payload: Partial<Payload>
-  }
-
-  interface Payload {
-    id: string
-    portal: React.ReactPortal
-  }
-
-  const reducer = (state: Payload[], action: Action) => {
-    const payload = action.payload as Payload
-    switch (action.type) {
-      case 'add': {
-        const index = state.findIndex((item) => item.id === payload.id)
-        if (index >= 0) {
-          state[index] = payload
-          return [...state]
-        }
-        return [...state, payload]
-      }
-      case 'remove': {
-        const index = state.findIndex((item) => item.id === payload.id)
-        if (index >= 0) {
-          const result = [...state]
-          result.splice(index, 1)
-          return result
-        }
-        break
-      }
-      default: {
-        break
-      }
-    }
-    return state
-  }
-
-  export function connect(id: string, portal: React.ReactPortal) {
-    if (active) {
-      dispatch({
-        type: 'add',
-        payload: {
-          id,
-          portal,
-        },
-      })
-    }
-  }
-
-  export function disconnect(id: string) {
-    if (active) {
-      dispatch({
-        type: 'remove',
-        payload: { id },
-      })
-    }
-  }
-
-  export function isActive() {
-    return active
-  }
-
-  export function getProvider() {
-    return () => {
-      active = true
-      const [items, mutate] = useReducer(reducer, [])
-      dispatch = mutate
-      return React.createElement(React.Fragment, {
-        children: items.map((item) => item.portal),
-      })
-    }
-  }
-}