npm - @textbus/adapter-react - Versions diffs - 5.2.2 → 5.2.4 - Mend

@textbus/adapter-react 5.2.2 → 5.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -1,102 +1,352 @@
-import { makeError as h, VElement as l, VTextNode as y, Adapter as g } from "@textbus/core";
-import { DomAdapter as m } from "@textbus/platform-browser";
-import { createElement as d, useState as E, useEffect as i } from "react";
-import { ReflectiveInjector as R } from "@viewfly/core";
-import { merge as C } from "@tanbo/stream";
-const u = h("ReactAdapter");
-class f extends m {
-  components = {};
-  constructor(a, c) {
-    super({
-      createCompositionNode(e, r) {
-        return new l("span", {
-          style: {
-            textDecoration: "underline"
-          },
-          ref: (t) => {
-            r(t);
-          }
-        }, [
-          new y(e.text)
-        ]);
-      },
-      getParentNode(e) {
-        return e.parentNode;
-      },
-      getChildNodes(e) {
-        return Array.from(e.childNodes);
-      },
-      isNativeElementNode(e) {
-        return e instanceof Element;
-      },
-      getChildByIndex(e, r) {
-        return e.childNodes[r];
-      },
-      getAndUpdateSlotRootNativeElement(e, r) {
-        const t = e.attrs.get("ref");
-        t ? e.attrs.set("ref", (n) => {
-          r(n), typeof t == "function" ? t(n) : t.current || (t.current = n);
-        }) : e.attrs.set("ref", r);
-      },
-      componentRender: (e) => {
-        const r = this.components[e.name] || this.components["*"];
-        if (r)
-          return e.changeMarker.rendered(), d(r, {
-            key: e.id,
-            component: e
-          });
-        throw u(`cannot found view component \`${e.name}\`!`);
-      },
-      vElementToViewElement(e, r) {
-        const t = {
-          ...Array.from(e.attrs).reduce((n, o) => (n[o[0]] = o[1], n), {})
-        };
-        return e.classes.size && (t.className = Array.from(e.classes).join(" ")), e.styles && (t.style = Array.from(e.styles).reduce((n, o) => (n[o[0]] = o[1], n), {})), d(e.tagName, t, ...r);
-      }
-    }, c), Object.keys(a).forEach((e) => {
-      this.components[e] = (r) => {
-        const t = r.component, [n, o] = E(Math.random());
-        i(() => {
-          const s = C(t.changeMarker.onChange, t.changeMarker.onForceChange).subscribe(() => {
-            t.changeMarker.dirty && o(Math.random());
-          });
-          return () => {
-            s.unsubscribe();
-          };
-        }, []), i(() => {
-          this.onViewUpdated.next();
-        }, [n]);
-        const p = a[e]({
-          component: t,
-          rootRef: (s) => {
-            s ? this.componentRootElementCaches.set(t, s) : this.componentRootElementCaches.get(t) === s && this.componentRootElementCaches.remove(t);
-          }
+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
         });
-        return i(() => {
-          if (!this.componentRootElementCaches.get(t))
-            throw u(`Component \`${t.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
-        }), p;
-      };
+    } 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);
+            }
+            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
+        }
     });
-  }
-  render(a, c) {
-    const e = new R(c, [{
-      provide: g,
-      useValue: this
-    }, {
-      provide: m,
-      useValue: this
-    }, {
-      provide: f,
-      useValue: this
-    }]);
-    return super.render(a, e);
-  }
-  copy() {
-    document.execCommand("copy");
-  }
-}
-export {
-  f as ReactAdapter
-};
+    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;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    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;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    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 _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 CHANGED Viewed

	@@ -1 +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":["adapterError","makeError","ReactAdapter","DomAdapter","components","mount","compositionState","updateNativeCompositionNode","VElement","node","VTextNode","parentElement","index","vEle","update","currentRef","v","component","comp","createElement","vNode","children","props","a","b","key","updateKey","refreshUpdateKey","useState","useEffect","sub","merge","rootNode","rootComponent","injector","childInjector","ReflectiveInjector","Adapter"],"mappings":"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"}
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":["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 CHANGED Viewed

@@ -1,2 +1,356 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@textbus/core"),d=require("@textbus/platform-browser"),s=require("react"),h=require("@viewfly/core"),p=require("@tanbo/stream"),f=i.makeError("ReactAdapter");class m extends d.DomAdapter{components={};constructor(a,u){super({createCompositionNode(e,r){return new i.VElement("span",{style:{textDecoration:"underline"},ref:t=>{r(t)}},[new i.VTextNode(e.text)])},getParentNode(e){return e.parentNode},getChildNodes(e){return Array.from(e.childNodes)},isNativeElementNode(e){return e instanceof Element},getChildByIndex(e,r){return e.childNodes[r]},getAndUpdateSlotRootNativeElement(e,r){const t=e.attrs.get("ref");t?e.attrs.set("ref",n=>{r(n),typeof t=="function"?t(n):t.current||(t.current=n)}):e.attrs.set("ref",r)},componentRender:e=>{const r=this.components[e.name]||this.components["*"];if(r)return e.changeMarker.rendered(),s.createElement(r,{key:e.id,component:e});throw f(`cannot found view component \`${e.name}\`!`)},vElementToViewElement(e,r){const t={...Array.from(e.attrs).reduce((n,o)=>(n[o[0]]=o[1],n),{})};return e.classes.size&&(t.className=Array.from(e.classes).join(" ")),e.styles&&(t.style=Array.from(e.styles).reduce((n,o)=>(n[o[0]]=o[1],n),{})),s.createElement(e.tagName,t,...r)}},u),Object.keys(a).forEach(e=>{this.components[e]=r=>{const t=r.component,[n,o]=s.useState(Math.random());s.useEffect(()=>{const c=p.merge(t.changeMarker.onChange,t.changeMarker.onForceChange).subscribe(()=>{t.changeMarker.dirty&&o(Math.random())});return()=>{c.unsubscribe()}},[]),s.useEffect(()=>{this.onViewUpdated.next()},[n]);const l=a[e]({component:t,rootRef:c=>{c?this.componentRootElementCaches.set(t,c):this.componentRootElementCaches.get(t)===c&&this.componentRootElementCaches.remove(t)}});return s.useEffect(()=>{if(!this.componentRootElementCaches.get(t))throw f(`Component \`${t.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)}),l}})}render(a,u){const e=new h.ReflectiveInjector(u,[{provide:i.Adapter,useValue:this},{provide:d.DomAdapter,useValue:this},{provide:m,useValue:this}]);return super.render(a,e)}copy(){document.execCommand("copy")}}exports.ReactAdapter=m;
+'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);
+            }
+            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
+        }
+    });
+    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;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    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;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    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 CHANGED Viewed

	@@ -1 +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":["adapterError","makeError","ReactAdapter","DomAdapter","components","mount","compositionState","updateNativeCompositionNode","VElement","node","VTextNode","parentElement","index","vEle","update","currentRef","v","component","comp","createElement","vNode","children","props","a","b","key","updateKey","refreshUpdateKey","useState","useEffect","sub","merge","rootNode","rootComponent","injector","childInjector","ReflectiveInjector","Adapter"],"mappings":"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"}
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":["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/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/adapter-react",
-  "version": "5.2.2",
+  "version": "5.2.4",
   "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.0 <4",
-    "@textbus/core": "^5.2.2",
-    "@textbus/platform-browser": "^5.2.2"
+    "@viewfly/core": "^2.2.0 || >=3.0.0-alpha.3 <4",
+    "@textbus/platform-browser": "^5.2.4",
+    "@textbus/core": "^5.2.4"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0"