@textbus/adapter-vue 5.2.2 → 5.2.4

package/dist/index.esm.js

@@ -1,94 +1,325 @@
-import { makeError as g, VElement as y, VTextNode as R, Adapter as C } from "@textbus/core";
-import { h as i, ref as w, getCurrentInstance as E, onMounted as x, onUpdated as v, onUnmounted as A } from "vue";
-import { DomAdapter as m } from "@textbus/platform-browser";
-import { ReflectiveInjector as V } from "@viewfly/core";
-import { merge as k } from "@tanbo/stream";
-const u = g("VueAdapter");
-class f extends m {
-  // private compositionRef = ref<Element>()
-  componentRefs = /* @__PURE__ */ new WeakMap();
-  components = {};
-  constructor(c, a) {
-    super({
-      createCompositionNode: (e, o) => new y("span", {
-        style: {
-          textDecoration: "underline"
-        },
-        ref: o
-      }, [
-        new R(e.text)
-      ]),
-      getParentNode(e) {
-        return e.parentNode;
-      },
-      getChildNodes(e) {
-        return Array.from(e.childNodes);
-      },
-      isNativeElementNode(e) {
-        return e instanceof Element;
-      },
-      getChildByIndex(e, o) {
-        return e.childNodes[o];
-      },
-      getAndUpdateSlotRootNativeElement(e, o) {
-        const t = e.attrs.get("ref");
-        t ? e.attrs.set("ref", (n) => {
-          o(n), typeof t == "function" ? t(n) : t.value || (t.value = n);
-        }) : e.attrs.set("ref", o);
-      },
-      componentRender: (e) => {
-        const o = this.components[e.name] || this.components["*"];
-        if (o) {
-          let t = this.componentRefs.get(e);
-          return t || (t = w(), this.componentRefs.set(e, t)), i(o, {
-            component: e,
-            rootRef: t,
-            key: e.id
-          });
-        }
-        throw u(`cannot found view component \`${e.name}\`!`);
-      },
-      vElementToViewElement(e, o) {
-        const t = {
-          ...Array.from(e.attrs).reduce((n, r) => (n[r[0]] = r[1], n), {})
-        };
-        return e.classes.size && (t.class = Array.from(e.classes).join(" ")), e.styles && (t.style = Array.from(e.styles).reduce((n, r) => (n[r[0]] = r[1], n), {})), i(e.tagName, t, ...o);
-      }
-    }, a), Object.keys(c).forEach((e) => {
-      const o = c[e], t = o.setup, n = this;
-      o.setup = function(r, d, ...l) {
-        const s = r.component, p = E(), h = k(s.changeMarker.onChange, s.changeMarker.onForceChange).subscribe(() => {
-          s.changeMarker.dirty && p.proxy.$forceUpdate();
+import { makeError, VElement, VTextNode, Adapter } from '@textbus/core';
+import { getCurrentInstance, onMounted, onUpdated, onUnmounted, h, ref } from 'vue';
+import { DomAdapter } from '@textbus/platform-browser';
+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_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 x(() => {
-          r.rootRef.value ? n.componentRootElementCaches.set(s, r.rootRef.value) : n.componentRootElementCaches.remove(s);
-        }), v(() => {
-          if (s.changeMarker.rendered(), n.onViewUpdated.next(), !(n.componentRefs.get(s)?.value instanceof Element))
-            throw u(`Component \`${s.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
-        }), A(() => {
-          h.unsubscribe();
-        }), t(r, d, ...l);
-      }, this.components[e] = o;
+    } 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(c, a) {
-    const e = new V(a, [{
-      provide: C,
-      useValue: this
-    }, {
-      provide: m,
-      useValue: this
-    }, {
-      provide: f,
-      useValue: this
-    }]);
-    return super.render(c, e);
-  }
-  copy() {
-    document.execCommand("copy");
-  }
-}
-export {
-  f as VueAdapter
-};
+    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 _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 _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('VueAdapter');
+var VueAdapter = /*#__PURE__*/ function(DomAdapter1) {
+    _inherits(VueAdapter, DomAdapter1);
+    function VueAdapter(components, mount) {
+        _class_call_check(this, VueAdapter);
+        var _this;
+        _this = _call_super(this, VueAdapter, [
+            {
+                createCompositionNode: function createCompositionNode(compositionState, updateNativeCompositionNode) {
+                    return new VElement('span', {
+                        style: {
+                            textDecoration: 'underline'
+                        },
+                        ref: updateNativeCompositionNode
+                    }, [
+                        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(vElement, update) {
+                    var currentRef = vElement.attrs.get('ref');
+                    if (currentRef) {
+                        vElement.attrs.set('ref', function(v) {
+                            update(v);
+                            if (typeof currentRef === 'function') {
+                                currentRef(v);
+                            } else if (!currentRef.value) {
+                                currentRef.value = v;
+                            }
+                        });
+                    } else {
+                        vElement.attrs.set('ref', update);
+                    }
+                },
+                componentRender: function componentRender(component) {
+                    var comp = _assert_this_initialized(_this).components[component.name] || _assert_this_initialized(_this).components['*'];
+                    if (comp) {
+                        var rootRef = _assert_this_initialized(_this).componentRefs.get(component);
+                        if (!rootRef) {
+                            rootRef = ref();
+                            _assert_this_initialized(_this).componentRefs.set(component, rootRef);
+                        }
+                        return h(comp, {
+                            component: component,
+                            rootRef: rootRef,
+                            key: component.id
+                        });
+                    }
+                    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.class = 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 h.apply(void 0, [
+                        vNode.tagName,
+                        props
+                    ].concat(_to_consumable_array(children)));
+                }
+            },
+            mount
+        ]), // private compositionRef = ref<Element>()
+        _define_property(_this, "componentRefs", new WeakMap()), _define_property(_this, "components", {});
+        // watchEffect(() => {
+        //   this.compositionNode = this.compositionRef.value || null
+        // })
+        Object.keys(components).forEach(function(key) {
+            var vueComponent = components[key];
+            var setup = vueComponent.setup;
+            var self = _this;
+            vueComponent.setup = function(props, context) {
+                for(var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++){
+                    args[_key - 2] = arguments[_key];
+                }
+                var component = props.component;
+                var vueInstance = getCurrentInstance();
+                var sub = merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(function() {
+                    if (component.changeMarker.dirty) {
+                        vueInstance.proxy.$forceUpdate();
+                    }
+                });
+                onMounted(function() {
+                    if (props.rootRef.value) {
+                        self.componentRootElementCaches.set(component, props.rootRef.value);
+                    } else {
+                        self.componentRootElementCaches.remove(component);
+                    }
+                });
+                onUpdated(function() {
+                    var _self_componentRefs_get;
+                    component.changeMarker.rendered();
+                    self.onViewUpdated.next();
+                    if (!_instanceof((_self_componentRefs_get = self.componentRefs.get(component)) === null || _self_componentRefs_get === void 0 ? void 0 : _self_componentRefs_get.value, Element)) {
+                        // 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."));
+                    }
+                });
+                onUnmounted(function() {
+                    sub.unsubscribe();
+                });
+                return setup.apply(void 0, [
+                    props,
+                    context
+                ].concat(_to_consumable_array(args)));
+            };
+            _this.components[key] = vueComponent;
+        });
+        return _this;
+    }
+    _create_class(VueAdapter, [
+        {
+            key: "render",
+            value: function render(rootComponent, injector) {
+                var childrenInjector = new ReflectiveInjector(injector, [
+                    {
+                        provide: Adapter,
+                        useValue: this
+                    },
+                    {
+                        provide: DomAdapter,
+                        useValue: this
+                    },
+                    {
+                        provide: VueAdapter,
+                        useValue: this
+                    }
+                ]);
+                return _get(_get_prototype_of(VueAdapter.prototype), "render", this).call(this, rootComponent, childrenInjector);
+            }
+        },
+        {
+            key: "copy",
+            value: function copy() {
+                document.execCommand('copy');
+            }
+        }
+    ]);
+    return VueAdapter;
+}(DomAdapter);
+
+export { VueAdapter };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/vue-adapter.ts"],"sourcesContent":["import { Adapter, Component, CompositionState, makeError, VElement, ViewMount, VTextNode } from '@textbus/core'\nimport { DefineComponent, getCurrentInstance, h, onMounted, onUnmounted, onUpdated, ref, Ref, VNode } from 'vue'\nimport { DomAdapter } from '@textbus/platform-browser'\nimport { Injector, ReflectiveInjector } from '@viewfly/core'\nimport { merge } from '@tanbo/stream'\n\nconst adapterError = makeError('VueAdapter')\n\nexport interface ViewComponentProps<T extends Component> {\n  component: T\n  rootRef: Ref<Element | undefined>\n}\n\nexport interface VueAdapterComponents {\n  [key: string]: DefineComponent<ViewComponentProps<any>>\n}\n\nexport class VueAdapter extends DomAdapter<VNode, VNode> {\n  // private compositionRef = ref<Element>()\n  private componentRefs = new WeakMap<Component, Ref<Element | undefined>>()\n  private components: Record<string, DefineComponent<ViewComponentProps<any>>> = {}\n\n  constructor(components: VueAdapterComponents,\n              mount: ViewMount<VNode, 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: updateNativeCompositionNode\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(vElement: VElement, update: (nativeElement: (Element | null)) => void) {\n        const currentRef = vElement.attrs.get('ref')\n        if (currentRef) {\n          vElement.attrs.set('ref', (v: Element) => {\n            update(v)\n            if (typeof currentRef === 'function') {\n              currentRef(v)\n            } else if (!currentRef.value) {\n              currentRef.value = v\n            }\n          })\n        } else {\n          vElement.attrs.set('ref', update)\n        }\n      },\n      componentRender: (component: Component<any>): VNode => {\n        const comp = this.components[component.name] || this.components['*']\n        if (comp) {\n          let rootRef = this.componentRefs.get(component)\n          if (!rootRef) {\n            rootRef = ref<Element>()\n            this.componentRefs.set(component, rootRef)\n          }\n          return h(comp, {\n            component,\n            rootRef,\n            key: component.id\n          })\n        }\n        throw adapterError(`cannot found view component \\`${component.name}\\`!`)\n      },\n      vElementToViewElement(vNode: VElement, children: Array<string | VNode>): VNode {\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.class = 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 h(vNode.tagName, props, ...children)\n      }\n    }, mount)\n\n    // watchEffect(() => {\n    //   this.compositionNode = this.compositionRef.value || null\n    // })\n\n    Object.keys(components).forEach(key => {\n      const vueComponent = components[key]\n      const setup = vueComponent.setup!\n      const self = this\n      vueComponent.setup = function (props: ViewComponentProps<Component>, context, ...args: any[]) {\n        const component = props.component\n        const vueInstance = getCurrentInstance()!\n        const sub = merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(() => {\n          if (component.changeMarker.dirty) {\n            vueInstance.proxy!.$forceUpdate()\n          }\n        })\n        onMounted(() => {\n          if (props.rootRef.value) {\n            self.componentRootElementCaches.set(component, props.rootRef.value)\n          } else {\n            self.componentRootElementCaches.remove(component)\n          }\n        })\n        onUpdated(() => {\n          component.changeMarker.rendered()\n          self.onViewUpdated.next()\n\n          if (!(self.componentRefs.get(component)?.value instanceof Element)) {\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        onUnmounted(() => {\n          sub.unsubscribe()\n        })\n        return (setup as any)(props, context, ...args)\n      }\n      this.components[key] = vueComponent\n    })\n  }\n\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childrenInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this,\n    }, {\n      provide: VueAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childrenInjector)\n  }\n\n  override copy() {\n    document.execCommand('copy')\n  }\n}\n"],"names":["adapterError","makeError","VueAdapter","DomAdapter","components","mount","compositionState","updateNativeCompositionNode","VElement","VTextNode","node","parentElement","index","vElement","update","currentRef","v","component","comp","rootRef","ref","h","vNode","children","props","a","b","key","vueComponent","setup","self","context","args","vueInstance","getCurrentInstance","sub","merge","onMounted","onUpdated","onUnmounted","rootComponent","injector","childrenInjector","ReflectiveInjector","Adapter"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/vue-adapter.ts"],"sourcesContent":["import { Adapter, Component, CompositionState, makeError, VElement, ViewMount, VTextNode } from '@textbus/core'\nimport { DefineComponent, getCurrentInstance, h, onMounted, onUnmounted, onUpdated, ref, Ref, VNode } from 'vue'\nimport { DomAdapter } from '@textbus/platform-browser'\nimport { Injector, ReflectiveInjector } from '@viewfly/core'\nimport { merge } from '@tanbo/stream'\n\nconst adapterError = makeError('VueAdapter')\n\nexport interface ViewComponentProps<T extends Component> {\n  component: T\n  rootRef: Ref<Element | undefined>\n}\n\nexport interface VueAdapterComponents {\n  [key: string]: DefineComponent<ViewComponentProps<any>>\n}\n\nexport class VueAdapter extends DomAdapter<VNode, VNode> {\n  // private compositionRef = ref<Element>()\n  private componentRefs = new WeakMap<Component, Ref<Element | undefined>>()\n  private components: Record<string, DefineComponent<ViewComponentProps<any>>> = {}\n\n  constructor(components: VueAdapterComponents,\n              mount: ViewMount<VNode, 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: updateNativeCompositionNode\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(vElement: VElement, update: (nativeElement: (Element | null)) => void) {\n        const currentRef = vElement.attrs.get('ref')\n        if (currentRef) {\n          vElement.attrs.set('ref', (v: Element) => {\n            update(v)\n            if (typeof currentRef === 'function') {\n              currentRef(v)\n            } else if (!currentRef.value) {\n              currentRef.value = v\n            }\n          })\n        } else {\n          vElement.attrs.set('ref', update)\n        }\n      },\n      componentRender: (component: Component<any>): VNode => {\n        const comp = this.components[component.name] || this.components['*']\n        if (comp) {\n          let rootRef = this.componentRefs.get(component)\n          if (!rootRef) {\n            rootRef = ref<Element>()\n            this.componentRefs.set(component, rootRef)\n          }\n          return h(comp, {\n            component,\n            rootRef,\n            key: component.id\n          })\n        }\n        throw adapterError(`cannot found view component \\`${component.name}\\`!`)\n      },\n      vElementToViewElement(vNode: VElement, children: Array<string | VNode>): VNode {\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.class = 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 h(vNode.tagName, props, ...children)\n      }\n    }, mount)\n\n    // watchEffect(() => {\n    //   this.compositionNode = this.compositionRef.value || null\n    // })\n\n    Object.keys(components).forEach(key => {\n      const vueComponent = components[key]\n      const setup = vueComponent.setup!\n      const self = this\n      vueComponent.setup = function (props: ViewComponentProps<Component>, context, ...args: any[]) {\n        const component = props.component\n        const vueInstance = getCurrentInstance()!\n        const sub = merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(() => {\n          if (component.changeMarker.dirty) {\n            vueInstance.proxy!.$forceUpdate()\n          }\n        })\n        onMounted(() => {\n          if (props.rootRef.value) {\n            self.componentRootElementCaches.set(component, props.rootRef.value)\n          } else {\n            self.componentRootElementCaches.remove(component)\n          }\n        })\n        onUpdated(() => {\n          component.changeMarker.rendered()\n          self.onViewUpdated.next()\n\n          if (!(self.componentRefs.get(component)?.value instanceof Element)) {\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        onUnmounted(() => {\n          sub.unsubscribe()\n        })\n        return (setup as any)(props, context, ...args)\n      }\n      this.components[key] = vueComponent\n    })\n  }\n\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childrenInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this,\n    }, {\n      provide: VueAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childrenInjector)\n  }\n\n  override copy() {\n    document.execCommand('copy')\n  }\n}\n"],"names":["adapterError","makeError","VueAdapter","components","mount","createCompositionNode","compositionState","updateNativeCompositionNode","VElement","style","textDecoration","ref","VTextNode","text","getParentNode","node","parentNode","getChildNodes","parentElement","Array","from","childNodes","isNativeElementNode","Element","getChildByIndex","index","getAndUpdateSlotRootNativeElement","vElement","update","currentRef","attrs","get","set","v","value","componentRender","component","comp","name","rootRef","componentRefs","h","key","id","vElementToViewElement","vNode","children","props","reduce","a","b","classes","size","class","join","styles","tagName","WeakMap","Object","keys","forEach","vueComponent","setup","self","context","args","vueInstance","getCurrentInstance","sub","merge","changeMarker","onChange","onForceChange","subscribe","dirty","proxy","$forceUpdate","onMounted","componentRootElementCaches","remove","onUpdated","rendered","onViewUpdated","next","onUnmounted","unsubscribe","render","rootComponent","injector","childrenInjector","ReflectiveInjector","provide","Adapter","useValue","DomAdapter","copy","document","execCommand"],"mappings":"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"}

package/dist/index.js

@@ -1,2 +1,329 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@textbus/core"),c=require("vue"),f=require("@textbus/platform-browser"),y=require("@viewfly/core"),R=require("@tanbo/stream"),m=i.makeError("VueAdapter");class d extends f.DomAdapter{componentRefs=new WeakMap;components={};constructor(a,u){super({createCompositionNode:(e,r)=>new i.VElement("span",{style:{textDecoration:"underline"},ref:r},[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.value||(t.value=n)}):e.attrs.set("ref",r)},componentRender:e=>{const r=this.components[e.name]||this.components["*"];if(r){let t=this.componentRefs.get(e);return t||(t=c.ref(),this.componentRefs.set(e,t)),c.h(r,{component:e,rootRef:t,key:e.id})}throw m(`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.class=Array.from(e.classes).join(" ")),e.styles&&(t.style=Array.from(e.styles).reduce((n,o)=>(n[o[0]]=o[1],n),{})),c.h(e.tagName,t,...r)}},u),Object.keys(a).forEach(e=>{const r=a[e],t=r.setup,n=this;r.setup=function(o,l,...p){const s=o.component,h=c.getCurrentInstance(),g=R.merge(s.changeMarker.onChange,s.changeMarker.onForceChange).subscribe(()=>{s.changeMarker.dirty&&h.proxy.$forceUpdate()});return c.onMounted(()=>{o.rootRef.value?n.componentRootElementCaches.set(s,o.rootRef.value):n.componentRootElementCaches.remove(s)}),c.onUpdated(()=>{if(s.changeMarker.rendered(),n.onViewUpdated.next(),!(n.componentRefs.get(s)?.value instanceof Element))throw m(`Component \`${s.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)}),c.onUnmounted(()=>{g.unsubscribe()}),t(o,l,...p)},this.components[e]=r})}render(a,u){const e=new y.ReflectiveInjector(u,[{provide:i.Adapter,useValue:this},{provide:f.DomAdapter,useValue:this},{provide:d,useValue:this}]);return super.render(a,e)}copy(){document.execCommand("copy")}}exports.VueAdapter=d;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@textbus/core');
+const vue = require('vue');
+const platformBrowser = require('@textbus/platform-browser');
+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_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 _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 _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('VueAdapter');
+var VueAdapter = /*#__PURE__*/ function(DomAdapter1) {
+    _inherits(VueAdapter, DomAdapter1);
+    function VueAdapter(components, mount) {
+        _class_call_check(this, VueAdapter);
+        var _this;
+        _this = _call_super(this, VueAdapter, [
+            {
+                createCompositionNode: function createCompositionNode(compositionState, updateNativeCompositionNode) {
+                    return new core.VElement('span', {
+                        style: {
+                            textDecoration: 'underline'
+                        },
+                        ref: updateNativeCompositionNode
+                    }, [
+                        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(vElement, update) {
+                    var currentRef = vElement.attrs.get('ref');
+                    if (currentRef) {
+                        vElement.attrs.set('ref', function(v) {
+                            update(v);
+                            if (typeof currentRef === 'function') {
+                                currentRef(v);
+                            } else if (!currentRef.value) {
+                                currentRef.value = v;
+                            }
+                        });
+                    } else {
+                        vElement.attrs.set('ref', update);
+                    }
+                },
+                componentRender: function componentRender(component) {
+                    var comp = _assert_this_initialized(_this).components[component.name] || _assert_this_initialized(_this).components['*'];
+                    if (comp) {
+                        var rootRef = _assert_this_initialized(_this).componentRefs.get(component);
+                        if (!rootRef) {
+                            rootRef = vue.ref();
+                            _assert_this_initialized(_this).componentRefs.set(component, rootRef);
+                        }
+                        return vue.h(comp, {
+                            component: component,
+                            rootRef: rootRef,
+                            key: component.id
+                        });
+                    }
+                    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.class = 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 vue.h.apply(void 0, [
+                        vNode.tagName,
+                        props
+                    ].concat(_to_consumable_array(children)));
+                }
+            },
+            mount
+        ]), // private compositionRef = ref<Element>()
+        _define_property(_this, "componentRefs", new WeakMap()), _define_property(_this, "components", {});
+        // watchEffect(() => {
+        //   this.compositionNode = this.compositionRef.value || null
+        // })
+        Object.keys(components).forEach(function(key) {
+            var vueComponent = components[key];
+            var setup = vueComponent.setup;
+            var self = _this;
+            vueComponent.setup = function(props, context) {
+                for(var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++){
+                    args[_key - 2] = arguments[_key];
+                }
+                var component = props.component;
+                var vueInstance = vue.getCurrentInstance();
+                var sub = stream.merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(function() {
+                    if (component.changeMarker.dirty) {
+                        vueInstance.proxy.$forceUpdate();
+                    }
+                });
+                vue.onMounted(function() {
+                    if (props.rootRef.value) {
+                        self.componentRootElementCaches.set(component, props.rootRef.value);
+                    } else {
+                        self.componentRootElementCaches.remove(component);
+                    }
+                });
+                vue.onUpdated(function() {
+                    var _self_componentRefs_get;
+                    component.changeMarker.rendered();
+                    self.onViewUpdated.next();
+                    if (!_instanceof((_self_componentRefs_get = self.componentRefs.get(component)) === null || _self_componentRefs_get === void 0 ? void 0 : _self_componentRefs_get.value, Element)) {
+                        // 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."));
+                    }
+                });
+                vue.onUnmounted(function() {
+                    sub.unsubscribe();
+                });
+                return setup.apply(void 0, [
+                    props,
+                    context
+                ].concat(_to_consumable_array(args)));
+            };
+            _this.components[key] = vueComponent;
+        });
+        return _this;
+    }
+    _create_class(VueAdapter, [
+        {
+            key: "render",
+            value: function render(rootComponent, injector) {
+                var childrenInjector = new core$1.ReflectiveInjector(injector, [
+                    {
+                        provide: core.Adapter,
+                        useValue: this
+                    },
+                    {
+                        provide: platformBrowser.DomAdapter,
+                        useValue: this
+                    },
+                    {
+                        provide: VueAdapter,
+                        useValue: this
+                    }
+                ]);
+                return _get(_get_prototype_of(VueAdapter.prototype), "render", this).call(this, rootComponent, childrenInjector);
+            }
+        },
+        {
+            key: "copy",
+            value: function copy() {
+                document.execCommand('copy');
+            }
+        }
+    ]);
+    return VueAdapter;
+}(platformBrowser.DomAdapter);
+
+exports.VueAdapter = VueAdapter;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/vue-adapter.ts"],"sourcesContent":["import { Adapter, Component, CompositionState, makeError, VElement, ViewMount, VTextNode } from '@textbus/core'\nimport { DefineComponent, getCurrentInstance, h, onMounted, onUnmounted, onUpdated, ref, Ref, VNode } from 'vue'\nimport { DomAdapter } from '@textbus/platform-browser'\nimport { Injector, ReflectiveInjector } from '@viewfly/core'\nimport { merge } from '@tanbo/stream'\n\nconst adapterError = makeError('VueAdapter')\n\nexport interface ViewComponentProps<T extends Component> {\n  component: T\n  rootRef: Ref<Element | undefined>\n}\n\nexport interface VueAdapterComponents {\n  [key: string]: DefineComponent<ViewComponentProps<any>>\n}\n\nexport class VueAdapter extends DomAdapter<VNode, VNode> {\n  // private compositionRef = ref<Element>()\n  private componentRefs = new WeakMap<Component, Ref<Element | undefined>>()\n  private components: Record<string, DefineComponent<ViewComponentProps<any>>> = {}\n\n  constructor(components: VueAdapterComponents,\n              mount: ViewMount<VNode, 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: updateNativeCompositionNode\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(vElement: VElement, update: (nativeElement: (Element | null)) => void) {\n        const currentRef = vElement.attrs.get('ref')\n        if (currentRef) {\n          vElement.attrs.set('ref', (v: Element) => {\n            update(v)\n            if (typeof currentRef === 'function') {\n              currentRef(v)\n            } else if (!currentRef.value) {\n              currentRef.value = v\n            }\n          })\n        } else {\n          vElement.attrs.set('ref', update)\n        }\n      },\n      componentRender: (component: Component<any>): VNode => {\n        const comp = this.components[component.name] || this.components['*']\n        if (comp) {\n          let rootRef = this.componentRefs.get(component)\n          if (!rootRef) {\n            rootRef = ref<Element>()\n            this.componentRefs.set(component, rootRef)\n          }\n          return h(comp, {\n            component,\n            rootRef,\n            key: component.id\n          })\n        }\n        throw adapterError(`cannot found view component \\`${component.name}\\`!`)\n      },\n      vElementToViewElement(vNode: VElement, children: Array<string | VNode>): VNode {\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.class = 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 h(vNode.tagName, props, ...children)\n      }\n    }, mount)\n\n    // watchEffect(() => {\n    //   this.compositionNode = this.compositionRef.value || null\n    // })\n\n    Object.keys(components).forEach(key => {\n      const vueComponent = components[key]\n      const setup = vueComponent.setup!\n      const self = this\n      vueComponent.setup = function (props: ViewComponentProps<Component>, context, ...args: any[]) {\n        const component = props.component\n        const vueInstance = getCurrentInstance()!\n        const sub = merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(() => {\n          if (component.changeMarker.dirty) {\n            vueInstance.proxy!.$forceUpdate()\n          }\n        })\n        onMounted(() => {\n          if (props.rootRef.value) {\n            self.componentRootElementCaches.set(component, props.rootRef.value)\n          } else {\n            self.componentRootElementCaches.remove(component)\n          }\n        })\n        onUpdated(() => {\n          component.changeMarker.rendered()\n          self.onViewUpdated.next()\n\n          if (!(self.componentRefs.get(component)?.value instanceof Element)) {\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        onUnmounted(() => {\n          sub.unsubscribe()\n        })\n        return (setup as any)(props, context, ...args)\n      }\n      this.components[key] = vueComponent\n    })\n  }\n\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childrenInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this,\n    }, {\n      provide: VueAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childrenInjector)\n  }\n\n  override copy() {\n    document.execCommand('copy')\n  }\n}\n"],"names":["adapterError","makeError","VueAdapter","DomAdapter","components","mount","compositionState","updateNativeCompositionNode","VElement","VTextNode","node","parentElement","index","vElement","update","currentRef","v","component","comp","rootRef","ref","h","vNode","children","props","a","b","key","vueComponent","setup","self","context","args","vueInstance","getCurrentInstance","sub","merge","onMounted","onUpdated","onUnmounted","rootComponent","injector","childrenInjector","ReflectiveInjector","Adapter"],"mappings":"+NAMMA,EAAeC,EAAAA,UAAU,YAAY,EAWpC,MAAMC,UAAmBC,EAAAA,UAAyB,CAE/C,kBAAoB,QACpB,WAAuE,CAAA,EAE/E,YAAYC,EACAC,EAAkC,CAC5C,MAAM,CACJ,sBAAuB,CAACC,EACAC,IACf,IAAIC,EAAAA,SAAS,OAAQ,CAC1B,MAAO,CACL,eAAgB,WAAA,EAElB,IAAKD,CAAA,EACJ,CACD,IAAIE,EAAAA,UAAUH,EAAiB,IAAI,CAAA,CACpC,EAEH,cAAcI,EAAsC,CAClD,OAAQA,EAAc,UACxB,EACA,cAAcC,EAA+C,CAC3D,OAAO,MAAM,KAAKA,EAAc,UAAU,CAC5C,EACA,oBAAoBD,EAAuC,CACzD,OAAOA,aAAgB,OACzB,EACA,gBAAgBC,EAAeC,EAAO,CACpC,OAAOD,EAAc,WAAWC,CAAK,CACvC,EACA,kCAAkCC,EAAoBC,EAAmD,CACvG,MAAMC,EAAaF,EAAS,MAAM,IAAI,KAAK,EACvCE,EACFF,EAAS,MAAM,IAAI,MAAQG,GAAe,CACxCF,EAAOE,CAAC,EACJ,OAAOD,GAAe,WACxBA,EAAWC,CAAC,EACFD,EAAW,QACrBA,EAAW,MAAQC,EAEvB,CAAC,EAEDH,EAAS,MAAM,IAAI,MAAOC,CAAM,CAEpC,EACA,gBAAkBG,GAAqC,CACrD,MAAMC,EAAO,KAAK,WAAWD,EAAU,IAAI,GAAK,KAAK,WAAW,GAAG,EACnE,GAAIC,EAAM,CACR,IAAIC,EAAU,KAAK,cAAc,IAAIF,CAAS,EAC9C,OAAKE,IACHA,EAAUC,EAAAA,IAAA,EACV,KAAK,cAAc,IAAIH,EAAWE,CAAO,GAEpCE,EAAAA,EAAEH,EAAM,CACb,UAAAD,EACA,QAAAE,EACA,IAAKF,EAAU,EAAA,CAChB,CACH,CACA,MAAMjB,EAAa,iCAAiCiB,EAAU,IAAI,KAAK,CACzE,EACA,sBAAsBK,EAAiBC,EAAwC,CAC7E,MAAMC,EAAa,CACjB,GAAI,MAAM,KAAKF,EAAM,KAAK,EAAE,OAAO,CAACG,EAAGC,KACrCD,EAAEC,EAAE,CAAC,CAAC,EAAIA,EAAE,CAAC,EACND,GACN,CAAA,CAAyB,CAAA,EAE9B,OAAIH,EAAM,QAAQ,OAChBE,EAAM,MAAQ,MAAM,KAAKF,EAAM,OAAO,EAAE,KAAK,GAAG,GAE9CA,EAAM,SACRE,EAAM,MAAQ,MAAM,KAAKF,EAAM,MAAM,EAAE,OAAO,CAACG,EAAGC,KAChDD,EAAEC,EAAE,CAAC,CAAC,EAAIA,EAAE,CAAC,EACND,GACN,CAAA,CAAyB,GAEvBJ,EAAAA,EAAEC,EAAM,QAASE,EAAO,GAAGD,CAAQ,CAC5C,CAAA,EACClB,CAAK,EAMR,OAAO,KAAKD,CAAU,EAAE,QAAQuB,GAAO,CACrC,MAAMC,EAAexB,EAAWuB,CAAG,EAC7BE,EAAQD,EAAa,MACrBE,EAAO,KACbF,EAAa,MAAQ,SAAUJ,EAAsCO,KAAYC,EAAa,CAC5F,MAAMf,EAAYO,EAAM,UAClBS,EAAcC,EAAAA,mBAAA,EACdC,EAAMC,EAAAA,MAAMnB,EAAU,aAAa,SAAUA,EAAU,aAAa,aAAa,EAAE,UAAU,IAAM,CACnGA,EAAU,aAAa,OACzBgB,EAAY,MAAO,aAAA,CAEvB,CAAC,EACDI,OAAAA,EAAAA,UAAU,IAAM,CACVb,EAAM,QAAQ,MAChBM,EAAK,2BAA2B,IAAIb,EAAWO,EAAM,QAAQ,KAAK,EAElEM,EAAK,2BAA2B,OAAOb,CAAS,CAEpD,CAAC,EACDqB,EAAAA,UAAU,IAAM,CAId,GAHArB,EAAU,aAAa,SAAA,EACvBa,EAAK,cAAc,KAAA,EAEf,EAAEA,EAAK,cAAc,IAAIb,CAAS,GAAG,iBAAiB,SAExD,MAAMjB,EAAa,eAAeiB,EAAU,IAAI,mGAAmG,CAEvJ,CAAC,EACDsB,EAAAA,YAAY,IAAM,CAChBJ,EAAI,YAAA,CACN,CAAC,EACON,EAAcL,EAAOO,EAAS,GAAGC,CAAI,CAC/C,EACA,KAAK,WAAWL,CAAG,EAAIC,CACzB,CAAC,CACH,CAES,OAAOY,EAA0BC,EAAyC,CACjF,MAAMC,EAAmB,IAAIC,qBAAmBF,EAAU,CAAC,CACzD,QAASG,EAAAA,QACT,SAAU,IAAA,EACT,CACD,QAASzC,EAAAA,WACT,SAAU,IAAA,EACT,CACD,QAASD,EACT,SAAU,IAAA,CACX,CAAC,EACF,OAAO,MAAM,OAAOsC,EAAeE,CAAgB,CACrD,CAES,MAAO,CACd,SAAS,YAAY,MAAM,CAC7B,CACF"}
+{"version":3,"file":"index.js","sources":["../src/vue-adapter.ts"],"sourcesContent":["import { Adapter, Component, CompositionState, makeError, VElement, ViewMount, VTextNode } from '@textbus/core'\nimport { DefineComponent, getCurrentInstance, h, onMounted, onUnmounted, onUpdated, ref, Ref, VNode } from 'vue'\nimport { DomAdapter } from '@textbus/platform-browser'\nimport { Injector, ReflectiveInjector } from '@viewfly/core'\nimport { merge } from '@tanbo/stream'\n\nconst adapterError = makeError('VueAdapter')\n\nexport interface ViewComponentProps<T extends Component> {\n  component: T\n  rootRef: Ref<Element | undefined>\n}\n\nexport interface VueAdapterComponents {\n  [key: string]: DefineComponent<ViewComponentProps<any>>\n}\n\nexport class VueAdapter extends DomAdapter<VNode, VNode> {\n  // private compositionRef = ref<Element>()\n  private componentRefs = new WeakMap<Component, Ref<Element | undefined>>()\n  private components: Record<string, DefineComponent<ViewComponentProps<any>>> = {}\n\n  constructor(components: VueAdapterComponents,\n              mount: ViewMount<VNode, 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: updateNativeCompositionNode\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(vElement: VElement, update: (nativeElement: (Element | null)) => void) {\n        const currentRef = vElement.attrs.get('ref')\n        if (currentRef) {\n          vElement.attrs.set('ref', (v: Element) => {\n            update(v)\n            if (typeof currentRef === 'function') {\n              currentRef(v)\n            } else if (!currentRef.value) {\n              currentRef.value = v\n            }\n          })\n        } else {\n          vElement.attrs.set('ref', update)\n        }\n      },\n      componentRender: (component: Component<any>): VNode => {\n        const comp = this.components[component.name] || this.components['*']\n        if (comp) {\n          let rootRef = this.componentRefs.get(component)\n          if (!rootRef) {\n            rootRef = ref<Element>()\n            this.componentRefs.set(component, rootRef)\n          }\n          return h(comp, {\n            component,\n            rootRef,\n            key: component.id\n          })\n        }\n        throw adapterError(`cannot found view component \\`${component.name}\\`!`)\n      },\n      vElementToViewElement(vNode: VElement, children: Array<string | VNode>): VNode {\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.class = 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 h(vNode.tagName, props, ...children)\n      }\n    }, mount)\n\n    // watchEffect(() => {\n    //   this.compositionNode = this.compositionRef.value || null\n    // })\n\n    Object.keys(components).forEach(key => {\n      const vueComponent = components[key]\n      const setup = vueComponent.setup!\n      const self = this\n      vueComponent.setup = function (props: ViewComponentProps<Component>, context, ...args: any[]) {\n        const component = props.component\n        const vueInstance = getCurrentInstance()!\n        const sub = merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(() => {\n          if (component.changeMarker.dirty) {\n            vueInstance.proxy!.$forceUpdate()\n          }\n        })\n        onMounted(() => {\n          if (props.rootRef.value) {\n            self.componentRootElementCaches.set(component, props.rootRef.value)\n          } else {\n            self.componentRootElementCaches.remove(component)\n          }\n        })\n        onUpdated(() => {\n          component.changeMarker.rendered()\n          self.onViewUpdated.next()\n\n          if (!(self.componentRefs.get(component)?.value instanceof Element)) {\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        onUnmounted(() => {\n          sub.unsubscribe()\n        })\n        return (setup as any)(props, context, ...args)\n      }\n      this.components[key] = vueComponent\n    })\n  }\n\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childrenInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this,\n    }, {\n      provide: VueAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childrenInjector)\n  }\n\n  override copy() {\n    document.execCommand('copy')\n  }\n}\n"],"names":["adapterError","makeError","VueAdapter","components","mount","createCompositionNode","compositionState","updateNativeCompositionNode","VElement","style","textDecoration","ref","VTextNode","text","getParentNode","node","parentNode","getChildNodes","parentElement","Array","from","childNodes","isNativeElementNode","Element","getChildByIndex","index","getAndUpdateSlotRootNativeElement","vElement","update","currentRef","attrs","get","set","v","value","componentRender","component","comp","name","rootRef","componentRefs","h","key","id","vElementToViewElement","vNode","children","props","reduce","a","b","classes","size","class","join","styles","tagName","WeakMap","Object","keys","forEach","vueComponent","setup","self","context","args","vueInstance","getCurrentInstance","sub","merge","changeMarker","onChange","onForceChange","subscribe","dirty","proxy","$forceUpdate","onMounted","componentRootElementCaches","remove","onUpdated","rendered","onViewUpdated","next","onUnmounted","unsubscribe","render","rootComponent","injector","childrenInjector","ReflectiveInjector","provide","Adapter","useValue","DomAdapter","copy","document","execCommand"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/adapter-vue",
-  "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/core": "^5.2.4",
+    "@textbus/platform-browser": "^5.2.4"
   },
   "peerDependencies": {
     "vue": "^3.4.28"