@textbus/adapter-react 5.2.3 → 5.2.5

package/dist/index.esm.js

@@ -1,138 +1,352 @@
-import { makeError, VElement, VTextNode, Adapter } from "@textbus/core";
-import { DomAdapter } from "@textbus/platform-browser";
-import { createElement, useState, useEffect } from "react";
-import { ReflectiveInjector } from "@viewfly/core";
-import { merge } from "@tanbo/stream";
-const adapterError = makeError("ReactAdapter");
-class ReactAdapter extends DomAdapter {
-  components = {};
-  constructor(components, mount) {
-    super({
-      createCompositionNode(compositionState, updateNativeCompositionNode) {
-        return new VElement("span", {
-          style: {
-            textDecoration: "underline"
-          },
-          ref: (node) => {
-            updateNativeCompositionNode(node);
-          }
-        }, [
-          new VTextNode(compositionState.text)
-        ]);
-      },
-      getParentNode(node) {
-        return node.parentNode;
-      },
-      getChildNodes(parentElement) {
-        return Array.from(parentElement.childNodes);
-      },
-      isNativeElementNode(node) {
-        return node instanceof Element;
-      },
-      getChildByIndex(parentElement, index) {
-        return parentElement.childNodes[index];
-      },
-      getAndUpdateSlotRootNativeElement(vEle, update) {
-        const currentRef = vEle.attrs.get("ref");
-        if (currentRef) {
-          vEle.attrs.set("ref", (v) => {
-            update(v);
-            if (typeof currentRef === "function") {
-              currentRef(v);
-            } else if (!currentRef.current) {
-              currentRef.current = v;
+import { makeError, VElement, VTextNode, Adapter } from '@textbus/core';
+import { DomAdapter } from '@textbus/platform-browser';
+import { useState, useEffect, createElement } from 'react';
+import { ReflectiveInjector } from '@viewfly/core';
+import { merge } from '@tanbo/stream';
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get(target, property, receiver) {
+    if (typeof Reflect !== "undefined" && Reflect.get) {
+        _get = Reflect.get;
+    } else {
+        _get = function get(target, property, receiver) {
+            var base = _super_prop_base(target, property);
+            if (!base) return;
+            var desc = Object.getOwnPropertyDescriptor(base, property);
+            if (desc.get) {
+                return desc.get.call(receiver || target);
             }
-          });
-        } else {
-          vEle.attrs.set("ref", update);
+            return desc.value;
+        };
+    }
+    return _get(target, property, receiver || target);
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
         }
-      },
-      componentRender: (component) => {
-        const comp = this.components[component.name] || this.components["*"];
-        if (comp) {
-          component.changeMarker.rendered();
-          return createElement(comp, {
-            key: component.id,
-            component
-          });
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _instanceof(left, right) {
+    "@swc/helpers - instanceof";
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
         }
-        throw adapterError(`cannot found view component \`${component.name}\`!`);
-      },
-      vElementToViewElement(vNode, children) {
-        const props = {
-          ...Array.from(vNode.attrs).reduce((a, b) => {
-            a[b[0]] = b[1];
-            return a;
-          }, {})
-        };
-        if (vNode.classes.size) {
-          props.className = Array.from(vNode.classes).join(" ");
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
         }
-        if (vNode.styles) {
-          props.style = Array.from(vNode.styles).reduce((a, b) => {
-            a[b[0]] = b[1];
-            return a;
-          }, {});
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
         }
-        return createElement(vNode.tagName, props, ...children);
-      }
-    }, mount);
-    Object.keys(components).forEach((key) => {
-      this.components[key] = (props) => {
-        const component = props.component;
-        const [updateKey, refreshUpdateKey] = useState(Math.random());
-        useEffect(() => {
-          const sub = merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(() => {
-            if (component.changeMarker.dirty) {
-              refreshUpdateKey(Math.random());
-            }
-          });
-          return () => {
-            sub.unsubscribe();
-          };
-        }, []);
-        useEffect(() => {
-          this.onViewUpdated.next();
-        }, [updateKey]);
-        const vNode = components[key]({
-          component,
-          rootRef: (rootNode) => {
-            if (rootNode) {
-              this.componentRootElementCaches.set(component, rootNode);
-            } else {
-              if (this.componentRootElementCaches.get(component) === rootNode) {
-                this.componentRootElementCaches.remove(component);
-              }
-            }
-          }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
         });
-        useEffect(() => {
-          if (!this.componentRootElementCaches.get(component)) {
-            throw adapterError(`Component \`${component.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
-          }
+    }
+    return target;
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _super_prop_base(object, property) {
+    while(!Object.prototype.hasOwnProperty.call(object, property)){
+        object = _get_prototype_of(object);
+        if (object === null) break;
+    }
+    return object;
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+var adapterError = makeError('ReactAdapter');
+var ReactAdapter = /*#__PURE__*/ function(DomAdapter1) {
+    _inherits(ReactAdapter, DomAdapter1);
+    function ReactAdapter(components, mount) {
+        _class_call_check(this, ReactAdapter);
+        var _this;
+        _this = _call_super(this, ReactAdapter, [
+            {
+                createCompositionNode: function createCompositionNode(compositionState, updateNativeCompositionNode) {
+                    return new VElement('span', {
+                        style: {
+                            textDecoration: 'underline'
+                        },
+                        ref: function ref(node) {
+                            updateNativeCompositionNode(node);
+                        }
+                    }, [
+                        new VTextNode(compositionState.text)
+                    ]);
+                },
+                getParentNode: function getParentNode(node) {
+                    return node.parentNode;
+                },
+                getChildNodes: function getChildNodes(parentElement) {
+                    return Array.from(parentElement.childNodes);
+                },
+                isNativeElementNode: function isNativeElementNode(node) {
+                    return _instanceof(node, Element);
+                },
+                getChildByIndex: function getChildByIndex(parentElement, index) {
+                    return parentElement.childNodes[index];
+                },
+                getAndUpdateSlotRootNativeElement: function getAndUpdateSlotRootNativeElement(vEle, update) {
+                    var currentRef = vEle.attrs.get('ref');
+                    if (currentRef) {
+                        vEle.attrs.set('ref', function(v) {
+                            update(v);
+                            if (typeof currentRef === 'function') {
+                                currentRef(v);
+                            } else if (!currentRef.current) {
+                                currentRef.current = v;
+                            }
+                        });
+                    } else {
+                        vEle.attrs.set('ref', update);
+                    }
+                },
+                componentRender: function componentRender(component) {
+                    var comp = _assert_this_initialized(_this).components[component.name] || _assert_this_initialized(_this).components['*'];
+                    if (comp) {
+                        component.changeMarker.rendered();
+                        return createElement(comp, {
+                            key: component.id,
+                            component: component
+                        });
+                    }
+                    throw adapterError("cannot found view component `".concat(component.name, "`!"));
+                },
+                vElementToViewElement: function vElementToViewElement(vNode, children) {
+                    var props = _object_spread({}, Array.from(vNode.attrs).reduce(function(a, b) {
+                        a[b[0]] = b[1];
+                        return a;
+                    }, {}));
+                    if (vNode.classes.size) {
+                        props.className = Array.from(vNode.classes).join(' ');
+                    }
+                    if (vNode.styles) {
+                        props.style = Array.from(vNode.styles).reduce(function(a, b) {
+                            a[b[0]] = b[1];
+                            return a;
+                        }, {});
+                    }
+                    return createElement.apply(void 0, [
+                        vNode.tagName,
+                        props
+                    ].concat(_to_consumable_array(children)));
+                }
+            },
+            mount
+        ]), _define_property(_this, "components", {});
+        Object.keys(components).forEach(function(key) {
+            _this.components[key] = function(props) {
+                var component = props.component;
+                var _useState = _sliced_to_array(useState(Math.random()), 2), updateKey = _useState[0], refreshUpdateKey = _useState[1];
+                useEffect(function() {
+                    var sub = merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(function() {
+                        if (component.changeMarker.dirty) {
+                            refreshUpdateKey(Math.random());
+                        }
+                    });
+                    return function() {
+                        sub.unsubscribe();
+                    };
+                }, []);
+                useEffect(function() {
+                    _this.onViewUpdated.next();
+                }, [
+                    updateKey
+                ]);
+                var vNode = components[key]({
+                    component: component,
+                    rootRef: function rootRef(rootNode) {
+                        if (rootNode) {
+                            _this.componentRootElementCaches.set(component, rootNode);
+                        } else {
+                            // 当组件移动层级位置到原位置之前并重新渲染后，由于时序的原因，再删除缓存会导致组件找不到对应视图节点
+                            // eslint-disable-next-line no-lonely-if
+                            if (_this.componentRootElementCaches.get(component) === rootNode) {
+                                _this.componentRootElementCaches.remove(component);
+                            }
+                        }
+                    }
+                });
+                useEffect(function() {
+                    if (!_this.componentRootElementCaches.get(component)) {
+                        // eslint-disable-next-line max-len
+                        throw adapterError("Component `".concat(component.name, "` is not bound to rootRef, you must bind rootRef to the root element node of the component view."));
+                    }
+                });
+                return vNode;
+            };
         });
-        return vNode;
-      };
-    });
-  }
-  render(rootComponent, injector) {
-    const childInjector = new ReflectiveInjector(injector, [{
-      provide: Adapter,
-      useValue: this
-    }, {
-      provide: DomAdapter,
-      useValue: this
-    }, {
-      provide: ReactAdapter,
-      useValue: this
-    }]);
-    return super.render(rootComponent, childInjector);
-  }
-  copy() {
-    document.execCommand("copy");
-  }
-}
-export {
-  ReactAdapter
-};
+        return _this;
+    }
+    _create_class(ReactAdapter, [
+        {
+            key: "render",
+            value: function render(rootComponent, injector) {
+                var childInjector = new ReflectiveInjector(injector, [
+                    {
+                        provide: Adapter,
+                        useValue: this
+                    },
+                    {
+                        provide: DomAdapter,
+                        useValue: this
+                    },
+                    {
+                        provide: ReactAdapter,
+                        useValue: this
+                    }
+                ]);
+                return _get(_get_prototype_of(ReactAdapter.prototype), "render", this).call(this, rootComponent, childInjector);
+            }
+        },
+        {
+            key: "copy",
+            value: function copy() {
+                document.execCommand('copy');
+            }
+        }
+    ]);
+    return ReactAdapter;
+}(DomAdapter);
+
+export { ReactAdapter };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/react-adapter.ts"],"sourcesContent":["import { Adapter, Component, CompositionState, makeError, VElement, ViewMount, VTextNode } from '@textbus/core'\nimport { DomAdapter } from '@textbus/platform-browser'\nimport { createElement, JSX, useEffect, useState } from 'react'\nimport { Injector, ReflectiveInjector } from '@viewfly/core'\nimport { merge } from '@tanbo/stream'\n\nconst adapterError = makeError('ReactAdapter')\n\nexport interface ViewComponentProps<T extends Component> {\n  component: T\n  rootRef: ((rootNode: Element) => void)\n}\n\nexport interface ReactAdapterComponents {\n  [key: string]: (props: ViewComponentProps<any>) => JSX.Element\n}\n\nexport class ReactAdapter extends DomAdapter<JSX.Element, JSX.Element> {\n  private components: Record<string, (props: {component: Component}) => JSX.Element> = {}\n\n  constructor(components: ReactAdapterComponents,\n              mount: ViewMount<JSX.Element, Element>) {\n    super({\n      createCompositionNode(compositionState: CompositionState,\n                            updateNativeCompositionNode: (nativeNode: (Element | null)) => void): VElement {\n        return new VElement('span', {\n          style: {\n            textDecoration: 'underline'\n          },\n          ref: (node: Element) => {\n            updateNativeCompositionNode(node)\n          }\n        }, [\n          new VTextNode(compositionState.text)\n        ])\n      },\n      getParentNode(node: Element | Text): Element | null {\n        return (node as Node).parentNode as Element\n      },\n      getChildNodes(parentElement: Element): Array<Element | Text> {\n        return Array.from(parentElement.childNodes) as Element[]\n      },\n      isNativeElementNode(node: Element | Text): node is Element {\n        return node instanceof Element\n      },\n      getChildByIndex(parentElement, index) {\n        return parentElement.childNodes[index] as Element\n      },\n      getAndUpdateSlotRootNativeElement(vEle: VElement, update: (nativeElement: (Element | null)) => void) {\n        const currentRef = vEle.attrs.get('ref')\n        if (currentRef) {\n          vEle.attrs.set('ref', (v: Element) => {\n            update(v)\n            if (typeof currentRef === 'function') {\n              currentRef(v)\n            } else if (!currentRef.current) {\n              currentRef.current = v\n            }\n          })\n        } else {\n          vEle.attrs.set('ref', update)\n        }\n      },\n      componentRender: (component: Component<any>): JSX.Element => {\n        const comp = this.components[component.name] || this.components['*']\n        if (comp) {\n          component.changeMarker.rendered()\n          return createElement(comp, {\n            key: component.id,\n            component\n          })\n        }\n        throw adapterError(`cannot found view component \\`${component.name}\\`!`)\n      },\n      vElementToViewElement(vNode: VElement, children: Array<string | JSX.Element>): JSX.Element {\n        const props: any = {\n          ...(Array.from(vNode.attrs).reduce((a, b) => {\n            a[b[0]] = b[1]\n            return a\n          }, {} as Record<string, any>))\n        }\n        if (vNode.classes.size) {\n          props.className = Array.from(vNode.classes).join(' ')\n        }\n        if (vNode.styles) {\n          props.style = Array.from(vNode.styles).reduce((a, b) => {\n            a[b[0]] = b[1]\n            return a\n          }, {} as Record<string, any>)\n        }\n        return createElement(vNode.tagName, props, ...children)\n      }\n    }, mount)\n    Object.keys(components).forEach(key => {\n      this.components[key] = (props: {component: Component}) => {\n        const component = props.component\n        const [updateKey, refreshUpdateKey] = useState(Math.random())\n\n        useEffect(() => {\n          const sub = merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(() => {\n            if (component.changeMarker.dirty) {\n              refreshUpdateKey(Math.random())\n            }\n          })\n          return () => {\n            sub.unsubscribe()\n          }\n        }, [])\n        useEffect(() => {\n          this.onViewUpdated.next()\n        }, [updateKey])\n        const vNode = components[key]({\n          component,\n          rootRef: (rootNode: Element) => {\n            if (rootNode) {\n              this.componentRootElementCaches.set(component, rootNode)\n            } else {\n              // 当组件移动层级位置到原位置之前并重新渲染后，由于时序的原因，再删除缓存会导致组件找不到对应视图节点\n              // eslint-disable-next-line no-lonely-if\n              if (this.componentRootElementCaches.get(component) === rootNode) {\n                this.componentRootElementCaches.remove(component)\n              }\n            }\n          }\n        })\n        useEffect(() => {\n          if (!this.componentRootElementCaches.get(component)) {\n            // eslint-disable-next-line max-len\n            throw adapterError(`Component \\`${component.name}\\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)\n          }\n        })\n        return vNode\n      }\n    })\n  }\n\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this\n    }, {\n      provide: ReactAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childInjector)\n  }\n\n  override copy() {\n    document.execCommand('copy')\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/react-adapter.ts"],"sourcesContent":["import { Adapter, Component, CompositionState, makeError, VElement, ViewMount, VTextNode } from '@textbus/core'\nimport { DomAdapter } from '@textbus/platform-browser'\nimport { createElement, JSX, useEffect, useState } from 'react'\nimport { Injector, ReflectiveInjector } from '@viewfly/core'\nimport { merge } from '@tanbo/stream'\n\nconst adapterError = makeError('ReactAdapter')\n\nexport interface ViewComponentProps<T extends Component> {\n  component: T\n  rootRef: ((rootNode: Element) => void)\n}\n\nexport interface ReactAdapterComponents {\n  [key: string]: (props: ViewComponentProps<any>) => JSX.Element\n}\n\nexport class ReactAdapter extends DomAdapter<JSX.Element, JSX.Element> {\n  private components: Record<string, (props: {component: Component}) => JSX.Element> = {}\n\n  constructor(components: ReactAdapterComponents,\n              mount: ViewMount<JSX.Element, Element>) {\n    super({\n      createCompositionNode(compositionState: CompositionState,\n                            updateNativeCompositionNode: (nativeNode: (Element | null)) => void): VElement {\n        return new VElement('span', {\n          style: {\n            textDecoration: 'underline'\n          },\n          ref: (node: Element) => {\n            updateNativeCompositionNode(node)\n          }\n        }, [\n          new VTextNode(compositionState.text)\n        ])\n      },\n      getParentNode(node: Element | Text): Element | null {\n        return (node as Node).parentNode as Element\n      },\n      getChildNodes(parentElement: Element): Array<Element | Text> {\n        return Array.from(parentElement.childNodes) as Element[]\n      },\n      isNativeElementNode(node: Element | Text): node is Element {\n        return node instanceof Element\n      },\n      getChildByIndex(parentElement, index) {\n        return parentElement.childNodes[index] as Element\n      },\n      getAndUpdateSlotRootNativeElement(vEle: VElement, update: (nativeElement: (Element | null)) => void) {\n        const currentRef = vEle.attrs.get('ref')\n        if (currentRef) {\n          vEle.attrs.set('ref', (v: Element) => {\n            update(v)\n            if (typeof currentRef === 'function') {\n              currentRef(v)\n            } else if (!currentRef.current) {\n              currentRef.current = v\n            }\n          })\n        } else {\n          vEle.attrs.set('ref', update)\n        }\n      },\n      componentRender: (component: Component<any>): JSX.Element => {\n        const comp = this.components[component.name] || this.components['*']\n        if (comp) {\n          component.changeMarker.rendered()\n          return createElement(comp, {\n            key: component.id,\n            component\n          })\n        }\n        throw adapterError(`cannot found view component \\`${component.name}\\`!`)\n      },\n      vElementToViewElement(vNode: VElement, children: Array<string | JSX.Element>): JSX.Element {\n        const props: any = {\n          ...(Array.from(vNode.attrs).reduce((a, b) => {\n            a[b[0]] = b[1]\n            return a\n          }, {} as Record<string, any>))\n        }\n        if (vNode.classes.size) {\n          props.className = Array.from(vNode.classes).join(' ')\n        }\n        if (vNode.styles) {\n          props.style = Array.from(vNode.styles).reduce((a, b) => {\n            a[b[0]] = b[1]\n            return a\n          }, {} as Record<string, any>)\n        }\n        return createElement(vNode.tagName, props, ...children)\n      }\n    }, mount)\n    Object.keys(components).forEach(key => {\n      this.components[key] = (props: {component: Component}) => {\n        const component = props.component\n        const [updateKey, refreshUpdateKey] = useState(Math.random())\n\n        useEffect(() => {\n          const sub = merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(() => {\n            if (component.changeMarker.dirty) {\n              refreshUpdateKey(Math.random())\n            }\n          })\n          return () => {\n            sub.unsubscribe()\n          }\n        }, [])\n        useEffect(() => {\n          this.onViewUpdated.next()\n        }, [updateKey])\n        const vNode = components[key]({\n          component,\n          rootRef: (rootNode: Element) => {\n            if (rootNode) {\n              this.componentRootElementCaches.set(component, rootNode)\n            } else {\n              // 当组件移动层级位置到原位置之前并重新渲染后，由于时序的原因，再删除缓存会导致组件找不到对应视图节点\n              // eslint-disable-next-line no-lonely-if\n              if (this.componentRootElementCaches.get(component) === rootNode) {\n                this.componentRootElementCaches.remove(component)\n              }\n            }\n          }\n        })\n        useEffect(() => {\n          if (!this.componentRootElementCaches.get(component)) {\n            // eslint-disable-next-line max-len\n            throw adapterError(`Component \\`${component.name}\\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)\n          }\n        })\n        return vNode\n      }\n    })\n  }\n\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this\n    }, {\n      provide: ReactAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childInjector)\n  }\n\n  override copy() {\n    document.execCommand('copy')\n  }\n}\n"],"names":["adapterError","makeError","ReactAdapter","components","mount","createCompositionNode","compositionState","updateNativeCompositionNode","VElement","style","textDecoration","ref","node","VTextNode","text","getParentNode","parentNode","getChildNodes","parentElement","Array","from","childNodes","isNativeElementNode","Element","getChildByIndex","index","getAndUpdateSlotRootNativeElement","vEle","update","currentRef","attrs","get","set","v","current","componentRender","component","comp","name","changeMarker","rendered","createElement","key","id","vElementToViewElement","vNode","children","props","reduce","a","b","classes","size","className","join","styles","tagName","Object","keys","forEach","useState","Math","random","updateKey","refreshUpdateKey","useEffect","sub","merge","onChange","onForceChange","subscribe","dirty","unsubscribe","onViewUpdated","next","rootRef","rootNode","componentRootElementCaches","remove","render","rootComponent","injector","childInjector","ReflectiveInjector","provide","Adapter","useValue","DomAdapter","copy","document","execCommand"],"mappings":"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"}

package/dist/index.js

@@ -1,138 +1,356 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("@textbus/core");
-const platformBrowser = require("@textbus/platform-browser");
-const react = require("react");
-const core$1 = require("@viewfly/core");
-const stream = require("@tanbo/stream");
-const adapterError = core.makeError("ReactAdapter");
-class ReactAdapter extends platformBrowser.DomAdapter {
-  components = {};
-  constructor(components, mount) {
-    super({
-      createCompositionNode(compositionState, updateNativeCompositionNode) {
-        return new core.VElement("span", {
-          style: {
-            textDecoration: "underline"
-          },
-          ref: (node) => {
-            updateNativeCompositionNode(node);
-          }
-        }, [
-          new core.VTextNode(compositionState.text)
-        ]);
-      },
-      getParentNode(node) {
-        return node.parentNode;
-      },
-      getChildNodes(parentElement) {
-        return Array.from(parentElement.childNodes);
-      },
-      isNativeElementNode(node) {
-        return node instanceof Element;
-      },
-      getChildByIndex(parentElement, index) {
-        return parentElement.childNodes[index];
-      },
-      getAndUpdateSlotRootNativeElement(vEle, update) {
-        const currentRef = vEle.attrs.get("ref");
-        if (currentRef) {
-          vEle.attrs.set("ref", (v) => {
-            update(v);
-            if (typeof currentRef === "function") {
-              currentRef(v);
-            } else if (!currentRef.current) {
-              currentRef.current = v;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@textbus/core');
+const platformBrowser = require('@textbus/platform-browser');
+const react = require('react');
+const core$1 = require('@viewfly/core');
+const stream = require('@tanbo/stream');
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get(target, property, receiver) {
+    if (typeof Reflect !== "undefined" && Reflect.get) {
+        _get = Reflect.get;
+    } else {
+        _get = function get(target, property, receiver) {
+            var base = _super_prop_base(target, property);
+            if (!base) return;
+            var desc = Object.getOwnPropertyDescriptor(base, property);
+            if (desc.get) {
+                return desc.get.call(receiver || target);
             }
-          });
-        } else {
-          vEle.attrs.set("ref", update);
+            return desc.value;
+        };
+    }
+    return _get(target, property, receiver || target);
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
         }
-      },
-      componentRender: (component) => {
-        const comp = this.components[component.name] || this.components["*"];
-        if (comp) {
-          component.changeMarker.rendered();
-          return react.createElement(comp, {
-            key: component.id,
-            component
-          });
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _instanceof(left, right) {
+    "@swc/helpers - instanceof";
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
         }
-        throw adapterError(`cannot found view component \`${component.name}\`!`);
-      },
-      vElementToViewElement(vNode, children) {
-        const props = {
-          ...Array.from(vNode.attrs).reduce((a, b) => {
-            a[b[0]] = b[1];
-            return a;
-          }, {})
-        };
-        if (vNode.classes.size) {
-          props.className = Array.from(vNode.classes).join(" ");
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
         }
-        if (vNode.styles) {
-          props.style = Array.from(vNode.styles).reduce((a, b) => {
-            a[b[0]] = b[1];
-            return a;
-          }, {});
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
         }
-        return react.createElement(vNode.tagName, props, ...children);
-      }
-    }, mount);
-    Object.keys(components).forEach((key) => {
-      this.components[key] = (props) => {
-        const component = props.component;
-        const [updateKey, refreshUpdateKey] = react.useState(Math.random());
-        react.useEffect(() => {
-          const sub = stream.merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(() => {
-            if (component.changeMarker.dirty) {
-              refreshUpdateKey(Math.random());
-            }
-          });
-          return () => {
-            sub.unsubscribe();
-          };
-        }, []);
-        react.useEffect(() => {
-          this.onViewUpdated.next();
-        }, [updateKey]);
-        const vNode = components[key]({
-          component,
-          rootRef: (rootNode) => {
-            if (rootNode) {
-              this.componentRootElementCaches.set(component, rootNode);
-            } else {
-              if (this.componentRootElementCaches.get(component) === rootNode) {
-                this.componentRootElementCaches.remove(component);
-              }
-            }
-          }
-        });
-        react.useEffect(() => {
-          if (!this.componentRootElementCaches.get(component)) {
-            throw adapterError(`Component \`${component.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
-          }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
         });
-        return vNode;
-      };
-    });
-  }
-  render(rootComponent, injector) {
-    const childInjector = new core$1.ReflectiveInjector(injector, [{
-      provide: core.Adapter,
-      useValue: this
-    }, {
-      provide: platformBrowser.DomAdapter,
-      useValue: this
-    }, {
-      provide: ReactAdapter,
-      useValue: this
-    }]);
-    return super.render(rootComponent, childInjector);
-  }
-  copy() {
-    document.execCommand("copy");
-  }
+    }
+    return target;
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
+function _super_prop_base(object, property) {
+    while(!Object.prototype.hasOwnProperty.call(object, property)){
+        object = _get_prototype_of(object);
+        if (object === null) break;
+    }
+    return object;
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+var adapterError = core.makeError('ReactAdapter');
+var ReactAdapter = /*#__PURE__*/ function(DomAdapter1) {
+    _inherits(ReactAdapter, DomAdapter1);
+    function ReactAdapter(components, mount) {
+        _class_call_check(this, ReactAdapter);
+        var _this;
+        _this = _call_super(this, ReactAdapter, [
+            {
+                createCompositionNode: function createCompositionNode(compositionState, updateNativeCompositionNode) {
+                    return new core.VElement('span', {
+                        style: {
+                            textDecoration: 'underline'
+                        },
+                        ref: function ref(node) {
+                            updateNativeCompositionNode(node);
+                        }
+                    }, [
+                        new core.VTextNode(compositionState.text)
+                    ]);
+                },
+                getParentNode: function getParentNode(node) {
+                    return node.parentNode;
+                },
+                getChildNodes: function getChildNodes(parentElement) {
+                    return Array.from(parentElement.childNodes);
+                },
+                isNativeElementNode: function isNativeElementNode(node) {
+                    return _instanceof(node, Element);
+                },
+                getChildByIndex: function getChildByIndex(parentElement, index) {
+                    return parentElement.childNodes[index];
+                },
+                getAndUpdateSlotRootNativeElement: function getAndUpdateSlotRootNativeElement(vEle, update) {
+                    var currentRef = vEle.attrs.get('ref');
+                    if (currentRef) {
+                        vEle.attrs.set('ref', function(v) {
+                            update(v);
+                            if (typeof currentRef === 'function') {
+                                currentRef(v);
+                            } else if (!currentRef.current) {
+                                currentRef.current = v;
+                            }
+                        });
+                    } else {
+                        vEle.attrs.set('ref', update);
+                    }
+                },
+                componentRender: function componentRender(component) {
+                    var comp = _assert_this_initialized(_this).components[component.name] || _assert_this_initialized(_this).components['*'];
+                    if (comp) {
+                        component.changeMarker.rendered();
+                        return react.createElement(comp, {
+                            key: component.id,
+                            component: component
+                        });
+                    }
+                    throw adapterError("cannot found view component `".concat(component.name, "`!"));
+                },
+                vElementToViewElement: function vElementToViewElement(vNode, children) {
+                    var props = _object_spread({}, Array.from(vNode.attrs).reduce(function(a, b) {
+                        a[b[0]] = b[1];
+                        return a;
+                    }, {}));
+                    if (vNode.classes.size) {
+                        props.className = Array.from(vNode.classes).join(' ');
+                    }
+                    if (vNode.styles) {
+                        props.style = Array.from(vNode.styles).reduce(function(a, b) {
+                            a[b[0]] = b[1];
+                            return a;
+                        }, {});
+                    }
+                    return react.createElement.apply(void 0, [
+                        vNode.tagName,
+                        props
+                    ].concat(_to_consumable_array(children)));
+                }
+            },
+            mount
+        ]), _define_property(_this, "components", {});
+        Object.keys(components).forEach(function(key) {
+            _this.components[key] = function(props) {
+                var component = props.component;
+                var _useState = _sliced_to_array(react.useState(Math.random()), 2), updateKey = _useState[0], refreshUpdateKey = _useState[1];
+                react.useEffect(function() {
+                    var sub = stream.merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(function() {
+                        if (component.changeMarker.dirty) {
+                            refreshUpdateKey(Math.random());
+                        }
+                    });
+                    return function() {
+                        sub.unsubscribe();
+                    };
+                }, []);
+                react.useEffect(function() {
+                    _this.onViewUpdated.next();
+                }, [
+                    updateKey
+                ]);
+                var vNode = components[key]({
+                    component: component,
+                    rootRef: function rootRef(rootNode) {
+                        if (rootNode) {
+                            _this.componentRootElementCaches.set(component, rootNode);
+                        } else {
+                            // 当组件移动层级位置到原位置之前并重新渲染后，由于时序的原因，再删除缓存会导致组件找不到对应视图节点
+                            // eslint-disable-next-line no-lonely-if
+                            if (_this.componentRootElementCaches.get(component) === rootNode) {
+                                _this.componentRootElementCaches.remove(component);
+                            }
+                        }
+                    }
+                });
+                react.useEffect(function() {
+                    if (!_this.componentRootElementCaches.get(component)) {
+                        // eslint-disable-next-line max-len
+                        throw adapterError("Component `".concat(component.name, "` is not bound to rootRef, you must bind rootRef to the root element node of the component view."));
+                    }
+                });
+                return vNode;
+            };
+        });
+        return _this;
+    }
+    _create_class(ReactAdapter, [
+        {
+            key: "render",
+            value: function render(rootComponent, injector) {
+                var childInjector = new core$1.ReflectiveInjector(injector, [
+                    {
+                        provide: core.Adapter,
+                        useValue: this
+                    },
+                    {
+                        provide: platformBrowser.DomAdapter,
+                        useValue: this
+                    },
+                    {
+                        provide: ReactAdapter,
+                        useValue: this
+                    }
+                ]);
+                return _get(_get_prototype_of(ReactAdapter.prototype), "render", this).call(this, rootComponent, childInjector);
+            }
+        },
+        {
+            key: "copy",
+            value: function copy() {
+                document.execCommand('copy');
+            }
+        }
+    ]);
+    return ReactAdapter;
+}(platformBrowser.DomAdapter);
+
 exports.ReactAdapter = ReactAdapter;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/react-adapter.ts"],"sourcesContent":["import { Adapter, Component, CompositionState, makeError, VElement, ViewMount, VTextNode } from '@textbus/core'\nimport { DomAdapter } from '@textbus/platform-browser'\nimport { createElement, JSX, useEffect, useState } from 'react'\nimport { Injector, ReflectiveInjector } from '@viewfly/core'\nimport { merge } from '@tanbo/stream'\n\nconst adapterError = makeError('ReactAdapter')\n\nexport interface ViewComponentProps<T extends Component> {\n  component: T\n  rootRef: ((rootNode: Element) => void)\n}\n\nexport interface ReactAdapterComponents {\n  [key: string]: (props: ViewComponentProps<any>) => JSX.Element\n}\n\nexport class ReactAdapter extends DomAdapter<JSX.Element, JSX.Element> {\n  private components: Record<string, (props: {component: Component}) => JSX.Element> = {}\n\n  constructor(components: ReactAdapterComponents,\n              mount: ViewMount<JSX.Element, Element>) {\n    super({\n      createCompositionNode(compositionState: CompositionState,\n                            updateNativeCompositionNode: (nativeNode: (Element | null)) => void): VElement {\n        return new VElement('span', {\n          style: {\n            textDecoration: 'underline'\n          },\n          ref: (node: Element) => {\n            updateNativeCompositionNode(node)\n          }\n        }, [\n          new VTextNode(compositionState.text)\n        ])\n      },\n      getParentNode(node: Element | Text): Element | null {\n        return (node as Node).parentNode as Element\n      },\n      getChildNodes(parentElement: Element): Array<Element | Text> {\n        return Array.from(parentElement.childNodes) as Element[]\n      },\n      isNativeElementNode(node: Element | Text): node is Element {\n        return node instanceof Element\n      },\n      getChildByIndex(parentElement, index) {\n        return parentElement.childNodes[index] as Element\n      },\n      getAndUpdateSlotRootNativeElement(vEle: VElement, update: (nativeElement: (Element | null)) => void) {\n        const currentRef = vEle.attrs.get('ref')\n        if (currentRef) {\n          vEle.attrs.set('ref', (v: Element) => {\n            update(v)\n            if (typeof currentRef === 'function') {\n              currentRef(v)\n            } else if (!currentRef.current) {\n              currentRef.current = v\n            }\n          })\n        } else {\n          vEle.attrs.set('ref', update)\n        }\n      },\n      componentRender: (component: Component<any>): JSX.Element => {\n        const comp = this.components[component.name] || this.components['*']\n        if (comp) {\n          component.changeMarker.rendered()\n          return createElement(comp, {\n            key: component.id,\n            component\n          })\n        }\n        throw adapterError(`cannot found view component \\`${component.name}\\`!`)\n      },\n      vElementToViewElement(vNode: VElement, children: Array<string | JSX.Element>): JSX.Element {\n        const props: any = {\n          ...(Array.from(vNode.attrs).reduce((a, b) => {\n            a[b[0]] = b[1]\n            return a\n          }, {} as Record<string, any>))\n        }\n        if (vNode.classes.size) {\n          props.className = Array.from(vNode.classes).join(' ')\n        }\n        if (vNode.styles) {\n          props.style = Array.from(vNode.styles).reduce((a, b) => {\n            a[b[0]] = b[1]\n            return a\n          }, {} as Record<string, any>)\n        }\n        return createElement(vNode.tagName, props, ...children)\n      }\n    }, mount)\n    Object.keys(components).forEach(key => {\n      this.components[key] = (props: {component: Component}) => {\n        const component = props.component\n        const [updateKey, refreshUpdateKey] = useState(Math.random())\n\n        useEffect(() => {\n          const sub = merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(() => {\n            if (component.changeMarker.dirty) {\n              refreshUpdateKey(Math.random())\n            }\n          })\n          return () => {\n            sub.unsubscribe()\n          }\n        }, [])\n        useEffect(() => {\n          this.onViewUpdated.next()\n        }, [updateKey])\n        const vNode = components[key]({\n          component,\n          rootRef: (rootNode: Element) => {\n            if (rootNode) {\n              this.componentRootElementCaches.set(component, rootNode)\n            } else {\n              // 当组件移动层级位置到原位置之前并重新渲染后，由于时序的原因，再删除缓存会导致组件找不到对应视图节点\n              // eslint-disable-next-line no-lonely-if\n              if (this.componentRootElementCaches.get(component) === rootNode) {\n                this.componentRootElementCaches.remove(component)\n              }\n            }\n          }\n        })\n        useEffect(() => {\n          if (!this.componentRootElementCaches.get(component)) {\n            // eslint-disable-next-line max-len\n            throw adapterError(`Component \\`${component.name}\\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)\n          }\n        })\n        return vNode\n      }\n    })\n  }\n\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this\n    }, {\n      provide: ReactAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childInjector)\n  }\n\n  override copy() {\n    document.execCommand('copy')\n  }\n}\n"],"names":["makeError","DomAdapter","VElement","VTextNode","createElement","useState","useEffect","merge","ReflectiveInjector","Adapter"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/react-adapter.ts"],"sourcesContent":["import { Adapter, Component, CompositionState, makeError, VElement, ViewMount, VTextNode } from '@textbus/core'\nimport { DomAdapter } from '@textbus/platform-browser'\nimport { createElement, JSX, useEffect, useState } from 'react'\nimport { Injector, ReflectiveInjector } from '@viewfly/core'\nimport { merge } from '@tanbo/stream'\n\nconst adapterError = makeError('ReactAdapter')\n\nexport interface ViewComponentProps<T extends Component> {\n  component: T\n  rootRef: ((rootNode: Element) => void)\n}\n\nexport interface ReactAdapterComponents {\n  [key: string]: (props: ViewComponentProps<any>) => JSX.Element\n}\n\nexport class ReactAdapter extends DomAdapter<JSX.Element, JSX.Element> {\n  private components: Record<string, (props: {component: Component}) => JSX.Element> = {}\n\n  constructor(components: ReactAdapterComponents,\n              mount: ViewMount<JSX.Element, Element>) {\n    super({\n      createCompositionNode(compositionState: CompositionState,\n                            updateNativeCompositionNode: (nativeNode: (Element | null)) => void): VElement {\n        return new VElement('span', {\n          style: {\n            textDecoration: 'underline'\n          },\n          ref: (node: Element) => {\n            updateNativeCompositionNode(node)\n          }\n        }, [\n          new VTextNode(compositionState.text)\n        ])\n      },\n      getParentNode(node: Element | Text): Element | null {\n        return (node as Node).parentNode as Element\n      },\n      getChildNodes(parentElement: Element): Array<Element | Text> {\n        return Array.from(parentElement.childNodes) as Element[]\n      },\n      isNativeElementNode(node: Element | Text): node is Element {\n        return node instanceof Element\n      },\n      getChildByIndex(parentElement, index) {\n        return parentElement.childNodes[index] as Element\n      },\n      getAndUpdateSlotRootNativeElement(vEle: VElement, update: (nativeElement: (Element | null)) => void) {\n        const currentRef = vEle.attrs.get('ref')\n        if (currentRef) {\n          vEle.attrs.set('ref', (v: Element) => {\n            update(v)\n            if (typeof currentRef === 'function') {\n              currentRef(v)\n            } else if (!currentRef.current) {\n              currentRef.current = v\n            }\n          })\n        } else {\n          vEle.attrs.set('ref', update)\n        }\n      },\n      componentRender: (component: Component<any>): JSX.Element => {\n        const comp = this.components[component.name] || this.components['*']\n        if (comp) {\n          component.changeMarker.rendered()\n          return createElement(comp, {\n            key: component.id,\n            component\n          })\n        }\n        throw adapterError(`cannot found view component \\`${component.name}\\`!`)\n      },\n      vElementToViewElement(vNode: VElement, children: Array<string | JSX.Element>): JSX.Element {\n        const props: any = {\n          ...(Array.from(vNode.attrs).reduce((a, b) => {\n            a[b[0]] = b[1]\n            return a\n          }, {} as Record<string, any>))\n        }\n        if (vNode.classes.size) {\n          props.className = Array.from(vNode.classes).join(' ')\n        }\n        if (vNode.styles) {\n          props.style = Array.from(vNode.styles).reduce((a, b) => {\n            a[b[0]] = b[1]\n            return a\n          }, {} as Record<string, any>)\n        }\n        return createElement(vNode.tagName, props, ...children)\n      }\n    }, mount)\n    Object.keys(components).forEach(key => {\n      this.components[key] = (props: {component: Component}) => {\n        const component = props.component\n        const [updateKey, refreshUpdateKey] = useState(Math.random())\n\n        useEffect(() => {\n          const sub = merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(() => {\n            if (component.changeMarker.dirty) {\n              refreshUpdateKey(Math.random())\n            }\n          })\n          return () => {\n            sub.unsubscribe()\n          }\n        }, [])\n        useEffect(() => {\n          this.onViewUpdated.next()\n        }, [updateKey])\n        const vNode = components[key]({\n          component,\n          rootRef: (rootNode: Element) => {\n            if (rootNode) {\n              this.componentRootElementCaches.set(component, rootNode)\n            } else {\n              // 当组件移动层级位置到原位置之前并重新渲染后，由于时序的原因，再删除缓存会导致组件找不到对应视图节点\n              // eslint-disable-next-line no-lonely-if\n              if (this.componentRootElementCaches.get(component) === rootNode) {\n                this.componentRootElementCaches.remove(component)\n              }\n            }\n          }\n        })\n        useEffect(() => {\n          if (!this.componentRootElementCaches.get(component)) {\n            // eslint-disable-next-line max-len\n            throw adapterError(`Component \\`${component.name}\\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)\n          }\n        })\n        return vNode\n      }\n    })\n  }\n\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this\n    }, {\n      provide: ReactAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childInjector)\n  }\n\n  override copy() {\n    document.execCommand('copy')\n  }\n}\n"],"names":["adapterError","makeError","ReactAdapter","components","mount","createCompositionNode","compositionState","updateNativeCompositionNode","VElement","style","textDecoration","ref","node","VTextNode","text","getParentNode","parentNode","getChildNodes","parentElement","Array","from","childNodes","isNativeElementNode","Element","getChildByIndex","index","getAndUpdateSlotRootNativeElement","vEle","update","currentRef","attrs","get","set","v","current","componentRender","component","comp","name","changeMarker","rendered","createElement","key","id","vElementToViewElement","vNode","children","props","reduce","a","b","classes","size","className","join","styles","tagName","Object","keys","forEach","useState","Math","random","updateKey","refreshUpdateKey","useEffect","sub","merge","onChange","onForceChange","subscribe","dirty","unsubscribe","onViewUpdated","next","rootRef","rootNode","componentRootElementCaches","remove","render","rootComponent","injector","childInjector","ReflectiveInjector","provide","Adapter","useValue","DomAdapter","copy","document","execCommand"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,eAAeC,cAAAA,CAAU,cAAA,CAAA;AAWxB,IAAA,YAAMC,iBAAN,SAAA,WAAA,EAAA;AAAMA,IAAAA,SAAAA,CAAAA,YAAAA,EAAAA,WAAAA,CAAAA;aAAAA,YAAAA,CAGCC,UAAkC,EAClCC,KAAsC,EAAA;AAJvCF,QAAAA,iBAAAA,CAAAA,IAAAA,EAAAA,YAAAA,CAAAA;;gBAKT,WAAA,CAAA,IAAA,EALSA,YAAAA,EAAAA;AAKH,YAAA;AACJG,gBAAAA,qBAAAA,EAAAA,SAAAA,qBAAAA,CAAsBC,gBAAkC,EAClCC,2BAAmE,EAAA;oBACvF,OAAO,IAAIC,cAAS,MAAA,EAAQ;wBAC1BC,KAAAA,EAAO;4BACLC,cAAAA,EAAgB;AAClB,yBAAA;AACAC,wBAAAA,GAAAA,EAAK,SAALA,GAAAA,CAAMC,IAAAA,EAAAA;4BACJL,2BAAAA,CAA4BK,IAAAA,CAAAA;AAC9B,wBAAA;qBACF,EAAG;wBACD,IAAIC,cAAAA,CAAUP,iBAAiBQ,IAAI;AACpC,qBAAA,CAAA;AACH,gBAAA,CAAA;gBACAC,aAAAA,EAAAA,SAAAA,cAAcH,IAAoB,EAAA;oBAChC,OAAQA,KAAcI,UAAU;AAClC,gBAAA,CAAA;gBACAC,aAAAA,EAAAA,SAAAA,cAAcC,aAAsB,EAAA;AAClC,oBAAA,OAAOC,KAAAA,CAAMC,IAAI,CAACF,aAAAA,CAAcG,UAAU,CAAA;AAC5C,gBAAA,CAAA;gBACAC,mBAAAA,EAAAA,SAAAA,oBAAoBV,IAAoB,EAAA;oBACtC,OAAW,YAAJA,IAAAA,EAAgBW,OAAAA,CAAAA;AACzB,gBAAA,CAAA;AACAC,gBAAAA,eAAAA,EAAAA,SAAAA,eAAAA,CAAgBN,aAAa,EAAEO,KAAK,EAAA;oBAClC,OAAOP,aAAAA,CAAcG,UAAU,CAACI,KAAAA,CAAM;AACxC,gBAAA,CAAA;AACAC,gBAAAA,iCAAAA,EAAAA,SAAAA,iCAAAA,CAAkCC,IAAc,EAAEC,MAAiD,EAAA;AACjG,oBAAA,IAAMC,UAAAA,GAAaF,IAAAA,CAAKG,KAAK,CAACC,GAAG,CAAC,KAAA,CAAA;AAClC,oBAAA,IAAIF,UAAAA,EAAY;AACdF,wBAAAA,IAAAA,CAAKG,KAAK,CAACE,GAAG,CAAC,OAAO,SAACC,CAAAA,EAAAA;4BACrBL,MAAAA,CAAOK,CAAAA,CAAAA;4BACP,IAAI,OAAOJ,eAAe,UAAA,EAAY;gCACpCA,UAAAA,CAAWI,CAAAA,CAAAA;AACb,4BAAA,CAAA,MAAO,IAAI,CAACJ,UAAAA,CAAWK,OAAO,EAAE;AAC9BL,gCAAAA,UAAAA,CAAWK,OAAO,GAAGD,CAAAA;AACvB,4BAAA;AACF,wBAAA,CAAA,CAAA;oBACF,CAAA,MAAO;AACLN,wBAAAA,IAAAA,CAAKG,KAAK,CAACE,GAAG,CAAC,KAAA,EAAOJ,MAAAA,CAAAA;AACxB,oBAAA;AACF,gBAAA,CAAA;AACAO,gBAAAA,eAAAA,EAAiB,SAAjBA,eAAAA,CAAkBC,SAAAA,EAAAA;oBAChB,IAAMC,IAAAA,GAAO,wBAAA,CAAA,KAAA,CAAA,CAAKlC,UAAU,CAACiC,SAAAA,CAAUE,IAAI,CAAC,IAAI,wBAAA,CAAA,KAAA,CAAA,CAAKnC,UAAU,CAAC,GAAA,CAAI;AACpE,oBAAA,IAAIkC,IAAAA,EAAM;wBACRD,SAAAA,CAAUG,YAAY,CAACC,QAAQ,EAAA;AAC/B,wBAAA,OAAOC,oBAAcJ,IAAAA,EAAM;AACzBK,4BAAAA,GAAAA,EAAKN,UAAUO,EAAE;4BACjBP,SAAAA,EAAAA;AACF,yBAAA,CAAA;AACF,oBAAA;AACA,oBAAA,MAAMpC,aAAa,+BAAC,CAA+C,MAAA,CAAfoC,SAAAA,CAAUE,IAAI,EAAC,IAAA,CAAA,CAAA;AACrE,gBAAA,CAAA;AACAM,gBAAAA,qBAAAA,EAAAA,SAAAA,qBAAAA,CAAsBC,KAAe,EAAEC,QAAqC,EAAA;oBAC1E,IAAMC,KAAAA,GAAa,cAAA,CAAA,EAAA,EACb5B,KAAAA,CAAMC,IAAI,CAACyB,KAAAA,CAAMf,KAAK,CAAA,CAAEkB,MAAM,CAAC,SAACC,CAAAA,EAAGC,CAAAA,EAAAA;wBACrCD,CAAC,CAACC,CAAC,CAAC,CAAA,CAAE,CAAC,GAAGA,CAAC,CAAC,CAAA,CAAE;wBACd,OAAOD,CAAAA;AACT,oBAAA,CAAA,EAAG,EAAC,CAAA,CAAA;AAEN,oBAAA,IAAIJ,KAAAA,CAAMM,OAAO,CAACC,IAAI,EAAE;wBACtBL,KAAAA,CAAMM,SAAS,GAAGlC,KAAAA,CAAMC,IAAI,CAACyB,KAAAA,CAAMM,OAAO,CAAA,CAAEG,IAAI,CAAC,GAAA,CAAA;AACnD,oBAAA;oBACA,IAAIT,KAAAA,CAAMU,MAAM,EAAE;wBAChBR,KAAAA,CAAMtC,KAAK,GAAGU,KAAAA,CAAMC,IAAI,CAACyB,KAAAA,CAAMU,MAAM,CAAA,CAAEP,MAAM,CAAC,SAACC,CAAAA,EAAGC,CAAAA,EAAAA;4BAChDD,CAAC,CAACC,CAAC,CAAC,CAAA,CAAE,CAAC,GAAGA,CAAC,CAAC,CAAA,CAAE;4BACd,OAAOD,CAAAA;AACT,wBAAA,CAAA,EAAG,EAAC,CAAA;AACN,oBAAA;oBACA,OAAOR,mBAAAA,CAAAA,KAAAA,CAAAA,MAAAA,EAAAA;AAAcI,wBAAAA,KAAAA,CAAMW,OAAO;AAAET,wBAAAA;AAAmB,qBAAA,CAAhDN,OAAoC,oBAAA,CAAGK,QAAAA,CAAAA,CAAAA,CAAAA;AAChD,gBAAA;AACF,aAAA;AAAG1C,YAAAA;AA1EL,SAAA,CAAA,EAAA,gBAAA,CAAA,KAAA,EAAQD,cAA6E,EAAC,CAAA;AA2EpFsD,QAAAA,MAAAA,CAAOC,IAAI,CAACvD,UAAAA,CAAAA,CAAYwD,OAAO,CAACjB,SAAAA,GAAAA,EAAAA;AAC9B,YAAA,KAAA,CAAKvC,UAAU,CAACuC,GAAAA,CAAI,GAAG,SAACK,KAAAA,EAAAA;gBACtB,IAAMX,SAAAA,GAAYW,MAAMX,SAAS;AACjC,gBAAA,IAAsCwB,6BAAAA,cAAAA,CAASC,IAAAA,CAAKC,MAAM,EAAA,CAAA,EAAA,CAAA,CAAA,EAAnDC,SAAAA,GAA+BH,cAApBI,gBAAAA,GAAoBJ,SAAAA,CAAAA,CAAAA,CAAAA;gBAEtCK,eAAAA,CAAU,WAAA;AACR,oBAAA,IAAMC,GAAAA,GAAMC,YAAAA,CAAM/B,SAAAA,CAAUG,YAAY,CAAC6B,QAAQ,EAAEhC,SAAAA,CAAUG,YAAY,CAAC8B,aAAa,CAAA,CAAEC,SAAS,CAAC,WAAA;AACjG,wBAAA,IAAIlC,SAAAA,CAAUG,YAAY,CAACgC,KAAK,EAAE;AAChCP,4BAAAA,gBAAAA,CAAiBH,KAAKC,MAAM,EAAA,CAAA;AAC9B,wBAAA;AACF,oBAAA,CAAA,CAAA;oBACA,OAAO,WAAA;AACLI,wBAAAA,GAAAA,CAAIM,WAAW,EAAA;AACjB,oBAAA,CAAA;AACF,gBAAA,CAAA,EAAG,EAAE,CAAA;gBACLP,eAAAA,CAAU,WAAA;oBACR,KAAA,CAAKQ,aAAa,CAACC,IAAI,EAAA;gBACzB,CAAA,EAAG;AAACX,oBAAAA;AAAU,iBAAA,CAAA;AACd,gBAAA,IAAMlB,KAAAA,GAAQ1C,UAAU,CAACuC,GAAAA,CAAI,CAAC;oBAC5BN,SAAAA,EAAAA,SAAAA;AACAuC,oBAAAA,OAAAA,EAAS,SAATA,OAAAA,CAAUC,QAAAA,EAAAA;AACR,wBAAA,IAAIA,QAAAA,EAAU;AACZ,4BAAA,KAAA,CAAKC,0BAA0B,CAAC7C,GAAG,CAACI,SAAAA,EAAWwC,QAAAA,CAAAA;wBACjD,CAAA,MAAO;;;AAGL,4BAAA,IAAI,MAAKC,0BAA0B,CAAC9C,GAAG,CAACK,eAAewC,QAAAA,EAAU;gCAC/D,KAAA,CAAKC,0BAA0B,CAACC,MAAM,CAAC1C,SAAAA,CAAAA;AACzC,4BAAA;AACF,wBAAA;AACF,oBAAA;AACF,iBAAA,CAAA;gBACA6B,eAAAA,CAAU,WAAA;AACR,oBAAA,IAAI,CAAC,KAAA,CAAKY,0BAA0B,CAAC9C,GAAG,CAACK,SAAAA,CAAAA,EAAY;;AAEnD,wBAAA,MAAMpC,aAAa,aAAC,CAA6B,MAAA,CAAfoC,SAAAA,CAAUE,IAAI,EAAC,kGAAA,CAAA,CAAA;AACnD,oBAAA;AACF,gBAAA,CAAA,CAAA;gBACA,OAAOO,KAAAA;AACT,YAAA,CAAA;AACF,QAAA,CAAA,CAAA;;;AApHS3C,IAAAA,aAAAA,CAAAA,YAAAA,EAAAA;;YAuHF6E,GAAAA,EAAAA,QAAAA;mBAAT,SAASA,MAAAA,CAAOC,aAAwB,EAAEC,QAAkB,EAAA;gBAC1D,IAAMC,aAAAA,GAAgB,IAAIC,yBAAAA,CAAmBF,QAAAA,EAAU;AAAC,oBAAA;wBACtDG,OAAAA,EAASC,YAAAA;AACTC,wBAAAA,QAAAA,EAAU;AACZ,qBAAA;AAAG,oBAAA;wBACDF,OAAAA,EAASG,0BAAAA;AACTD,wBAAAA,QAAAA,EAAU;AACZ,qBAAA;AAAG,oBAAA;wBACDF,OAAAA,EA/HOlF,YAAAA;AAgIPoF,wBAAAA,QAAAA,EAAU;AACZ;AAAE,iBAAA,CAAA;AACF,gBAAA,OAAO,IAAA,CAAA,iBAAA,CAlIEpF,YAAAA,CAAAA,SAAAA,CAAAA,EAkII6E,QAAAA,EAAN,IAAK,aAAQC,aAAAA,EAAeE,aAAAA,CAAAA;AACrC,YAAA;;;YAESM,GAAAA,EAAAA,MAAAA;mBAAT,SAASA,IAAAA,GAAAA;AACPC,gBAAAA,QAAAA,CAASC,WAAW,CAAC,MAAA,CAAA;AACvB,YAAA;;;AAvIWxF,IAAAA,OAAAA,YAAAA;EAAqBqF,0BAAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/adapter-react",
-  "version": "5.2.3",
+  "version": "5.2.5",
   "description": "Textbus is a rich text editor and framework that is highly customizable and extensible to achieve rich wysiwyg effects.",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -33,9 +33,9 @@
   ],
   "dependencies": {
     "@tanbo/stream": "^1.2.7",
-    "@viewfly/core": "^2.2.0 || >=3.0.0-alpha.3 <4",
-    "@textbus/core": "^5.2.3",
-    "@textbus/platform-browser": "^5.2.3"
+    "@viewfly/core": "3.0.0-alpha.7",
+    "@textbus/core": "^5.2.5",
+    "@textbus/platform-browser": "^5.2.5"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0"