@textbus/adapter-vue 5.2.2 → 5.2.3

package/dist/index.esm.js

@@ -1,94 +1,139 @@
-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 {
+import { makeError, VElement, VTextNode, Adapter } from "@textbus/core";
+import { h, ref, getCurrentInstance, onMounted, onUpdated, onUnmounted } from "vue";
+import { DomAdapter } from "@textbus/platform-browser";
+import { ReflectiveInjector } from "@viewfly/core";
+import { merge } from "@tanbo/stream";
+const adapterError = makeError("VueAdapter");
+class VueAdapter extends DomAdapter {
   // private compositionRef = ref<Element>()
   componentRefs = /* @__PURE__ */ new WeakMap();
   components = {};
-  constructor(c, a) {
+  constructor(components, mount) {
     super({
-      createCompositionNode: (e, o) => new y("span", {
-        style: {
-          textDecoration: "underline"
-        },
-        ref: o
-      }, [
-        new R(e.text)
-      ]),
-      getParentNode(e) {
-        return e.parentNode;
+      createCompositionNode: (compositionState, updateNativeCompositionNode) => {
+        return new VElement("span", {
+          style: {
+            textDecoration: "underline"
+          },
+          ref: updateNativeCompositionNode
+        }, [
+          new VTextNode(compositionState.text)
+        ]);
       },
-      getChildNodes(e) {
-        return Array.from(e.childNodes);
+      getParentNode(node) {
+        return node.parentNode;
       },
-      isNativeElementNode(e) {
-        return e instanceof Element;
+      getChildNodes(parentElement) {
+        return Array.from(parentElement.childNodes);
       },
-      getChildByIndex(e, o) {
-        return e.childNodes[o];
+      isNativeElementNode(node) {
+        return node instanceof Element;
       },
-      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);
+      getChildByIndex(parentElement, index) {
+        return parentElement.childNodes[index];
       },
-      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
+      getAndUpdateSlotRootNativeElement(vElement, update) {
+        const currentRef = vElement.attrs.get("ref");
+        if (currentRef) {
+          vElement.attrs.set("ref", (v) => {
+            update(v);
+            if (typeof currentRef === "function") {
+              currentRef(v);
+            } else if (!currentRef.value) {
+              currentRef.value = v;
+            }
           });
+        } else {
+          vElement.attrs.set("ref", update);
         }
-        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), {})
+      componentRender: (component) => {
+        const comp = this.components[component.name] || this.components["*"];
+        if (comp) {
+          let rootRef = this.componentRefs.get(component);
+          if (!rootRef) {
+            rootRef = ref();
+            this.componentRefs.set(component, rootRef);
+          }
+          return h(comp, {
+            component,
+            rootRef,
+            key: component.id
+          });
+        }
+        throw adapterError(`cannot found view component \`${component.name}\`!`);
+      },
+      vElementToViewElement(vNode, children) {
+        const props = {
+          ...Array.from(vNode.attrs).reduce((a, b) => {
+            a[b[0]] = b[1];
+            return a;
+          }, {})
         };
-        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);
+        if (vNode.classes.size) {
+          props.class = Array.from(vNode.classes).join(" ");
+        }
+        if (vNode.styles) {
+          props.style = Array.from(vNode.styles).reduce((a, b) => {
+            a[b[0]] = b[1];
+            return a;
+          }, {});
+        }
+        return h(vNode.tagName, props, ...children);
       }
-    }, 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();
+    }, mount);
+    Object.keys(components).forEach((key) => {
+      const vueComponent = components[key];
+      const setup = vueComponent.setup;
+      const self = this;
+      vueComponent.setup = function(props, context, ...args) {
+        const component = props.component;
+        const vueInstance = getCurrentInstance();
+        const sub = merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(() => {
+          if (component.changeMarker.dirty) {
+            vueInstance.proxy.$forceUpdate();
+          }
+        });
+        onMounted(() => {
+          if (props.rootRef.value) {
+            self.componentRootElementCaches.set(component, props.rootRef.value);
+          } else {
+            self.componentRootElementCaches.remove(component);
+          }
+        });
+        onUpdated(() => {
+          component.changeMarker.rendered();
+          self.onViewUpdated.next();
+          if (!(self.componentRefs.get(component)?.value instanceof Element)) {
+            throw adapterError(`Component \`${component.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
+          }
+        });
+        onUnmounted(() => {
+          sub.unsubscribe();
         });
-        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;
+        return setup(props, context, ...args);
+      };
+      this.components[key] = vueComponent;
     });
   }
-  render(c, a) {
-    const e = new V(a, [{
-      provide: C,
+  render(rootComponent, injector) {
+    const childrenInjector = new ReflectiveInjector(injector, [{
+      provide: Adapter,
       useValue: this
     }, {
-      provide: m,
+      provide: DomAdapter,
       useValue: this
     }, {
-      provide: f,
+      provide: VueAdapter,
       useValue: this
     }]);
-    return super.render(c, e);
+    return super.render(rootComponent, childrenInjector);
   }
   copy() {
     document.execCommand("copy");
   }
 }
 export {
-  f as VueAdapter
+  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":";;;;;AAMA,MAAMA,IAAeC,EAAU,YAAY;AAWpC,MAAMC,UAAmBC,EAAyB;AAAA;AAAA,EAE/C,oCAAoB,QAAA;AAAA,EACpB,aAAuE,CAAA;AAAA,EAE/E,YAAYC,GACAC,GAAkC;AAC5C,UAAM;AAAA,MACJ,uBAAuB,CAACC,GACAC,MACf,IAAIC,EAAS,QAAQ;AAAA,QAC1B,OAAO;AAAA,UACL,gBAAgB;AAAA,QAAA;AAAA,QAElB,KAAKD;AAAA,MAAA,GACJ;AAAA,QACD,IAAIE,EAAUH,EAAiB,IAAI;AAAA,MAAA,CACpC;AAAA,MAEH,cAAcI,GAAsC;AAClD,eAAQA,EAAc;AAAA,MACxB;AAAA,MACA,cAAcC,GAA+C;AAC3D,eAAO,MAAM,KAAKA,EAAc,UAAU;AAAA,MAC5C;AAAA,MACA,oBAAoBD,GAAuC;AACzD,eAAOA,aAAgB;AAAA,MACzB;AAAA,MACA,gBAAgBC,GAAeC,GAAO;AACpC,eAAOD,EAAc,WAAWC,CAAK;AAAA,MACvC;AAAA,MACA,kCAAkCC,GAAoBC,GAAmD;AACvG,cAAMC,IAAaF,EAAS,MAAM,IAAI,KAAK;AAC3C,QAAIE,IACFF,EAAS,MAAM,IAAI,OAAO,CAACG,MAAe;AACxC,UAAAF,EAAOE,CAAC,GACJ,OAAOD,KAAe,aACxBA,EAAWC,CAAC,IACFD,EAAW,UACrBA,EAAW,QAAQC;AAAA,QAEvB,CAAC,IAEDH,EAAS,MAAM,IAAI,OAAOC,CAAM;AAAA,MAEpC;AAAA,MACA,iBAAiB,CAACG,MAAqC;AACrD,cAAMC,IAAO,KAAK,WAAWD,EAAU,IAAI,KAAK,KAAK,WAAW,GAAG;AACnE,YAAIC,GAAM;AACR,cAAIC,IAAU,KAAK,cAAc,IAAIF,CAAS;AAC9C,iBAAKE,MACHA,IAAUC,EAAA,GACV,KAAK,cAAc,IAAIH,GAAWE,CAAO,IAEpCE,EAAEH,GAAM;AAAA,YACb,WAAAD;AAAA,YACA,SAAAE;AAAA,YACA,KAAKF,EAAU;AAAA,UAAA,CAChB;AAAA,QACH;AACA,cAAMjB,EAAa,iCAAiCiB,EAAU,IAAI,KAAK;AAAA,MACzE;AAAA,MACA,sBAAsBK,GAAiBC,GAAwC;AAC7E,cAAMC,IAAa;AAAA,UACjB,GAAI,MAAM,KAAKF,EAAM,KAAK,EAAE,OAAO,CAACG,GAAGC,OACrCD,EAAEC,EAAE,CAAC,CAAC,IAAIA,EAAE,CAAC,GACND,IACN,CAAA,CAAyB;AAAA,QAAA;AAE9B,eAAIH,EAAM,QAAQ,SAChBE,EAAM,QAAQ,MAAM,KAAKF,EAAM,OAAO,EAAE,KAAK,GAAG,IAE9CA,EAAM,WACRE,EAAM,QAAQ,MAAM,KAAKF,EAAM,MAAM,EAAE,OAAO,CAACG,GAAGC,OAChDD,EAAEC,EAAE,CAAC,CAAC,IAAIA,EAAE,CAAC,GACND,IACN,CAAA,CAAyB,IAEvBJ,EAAEC,EAAM,SAASE,GAAO,GAAGD,CAAQ;AAAA,MAC5C;AAAA,IAAA,GACClB,CAAK,GAMR,OAAO,KAAKD,CAAU,EAAE,QAAQ,CAAAuB,MAAO;AACrC,YAAMC,IAAexB,EAAWuB,CAAG,GAC7BE,IAAQD,EAAa,OACrBE,IAAO;AACb,MAAAF,EAAa,QAAQ,SAAUJ,GAAsCO,MAAYC,GAAa;AAC5F,cAAMf,IAAYO,EAAM,WAClBS,IAAcC,EAAA,GACdC,IAAMC,EAAMnB,EAAU,aAAa,UAAUA,EAAU,aAAa,aAAa,EAAE,UAAU,MAAM;AACvG,UAAIA,EAAU,aAAa,SACzBgB,EAAY,MAAO,aAAA;AAAA,QAEvB,CAAC;AACD,eAAAI,EAAU,MAAM;AACd,UAAIb,EAAM,QAAQ,QAChBM,EAAK,2BAA2B,IAAIb,GAAWO,EAAM,QAAQ,KAAK,IAElEM,EAAK,2BAA2B,OAAOb,CAAS;AAAA,QAEpD,CAAC,GACDqB,EAAU,MAAM;AAId,cAHArB,EAAU,aAAa,SAAA,GACvBa,EAAK,cAAc,KAAA,GAEf,EAAEA,EAAK,cAAc,IAAIb,CAAS,GAAG,iBAAiB;AAExD,kBAAMjB,EAAa,eAAeiB,EAAU,IAAI,mGAAmG;AAAA,QAEvJ,CAAC,GACDsB,EAAY,MAAM;AAChB,UAAAJ,EAAI,YAAA;AAAA,QACN,CAAC,GACON,EAAcL,GAAOO,GAAS,GAAGC,CAAI;AAAA,MAC/C,GACA,KAAK,WAAWL,CAAG,IAAIC;AAAA,IACzB,CAAC;AAAA,EACH;AAAA,EAES,OAAOY,GAA0BC,GAAyC;AACjF,UAAMC,IAAmB,IAAIC,EAAmBF,GAAU,CAAC;AAAA,MACzD,SAASG;AAAA,MACT,UAAU;AAAA,IAAA,GACT;AAAA,MACD,SAASzC;AAAA,MACT,UAAU;AAAA,IAAA,GACT;AAAA,MACD,SAASD;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AACF,WAAO,MAAM,OAAOsC,GAAeE,CAAgB;AAAA,EACrD;AAAA,EAES,OAAO;AACd,aAAS,YAAY,MAAM;AAAA,EAC7B;AACF;"}
+{"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":[],"mappings":"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"}

package/dist/index.js

@@ -1,2 +1,139 @@
-"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");
+const adapterError = core.makeError("VueAdapter");
+class VueAdapter extends platformBrowser.DomAdapter {
+  // private compositionRef = ref<Element>()
+  componentRefs = /* @__PURE__ */ new WeakMap();
+  components = {};
+  constructor(components, mount) {
+    super({
+      createCompositionNode: (compositionState, updateNativeCompositionNode) => {
+        return new core.VElement("span", {
+          style: {
+            textDecoration: "underline"
+          },
+          ref: updateNativeCompositionNode
+        }, [
+          new core.VTextNode(compositionState.text)
+        ]);
+      },
+      getParentNode(node) {
+        return node.parentNode;
+      },
+      getChildNodes(parentElement) {
+        return Array.from(parentElement.childNodes);
+      },
+      isNativeElementNode(node) {
+        return node instanceof Element;
+      },
+      getChildByIndex(parentElement, index) {
+        return parentElement.childNodes[index];
+      },
+      getAndUpdateSlotRootNativeElement(vElement, update) {
+        const currentRef = vElement.attrs.get("ref");
+        if (currentRef) {
+          vElement.attrs.set("ref", (v) => {
+            update(v);
+            if (typeof currentRef === "function") {
+              currentRef(v);
+            } else if (!currentRef.value) {
+              currentRef.value = v;
+            }
+          });
+        } else {
+          vElement.attrs.set("ref", update);
+        }
+      },
+      componentRender: (component) => {
+        const comp = this.components[component.name] || this.components["*"];
+        if (comp) {
+          let rootRef = this.componentRefs.get(component);
+          if (!rootRef) {
+            rootRef = vue.ref();
+            this.componentRefs.set(component, rootRef);
+          }
+          return vue.h(comp, {
+            component,
+            rootRef,
+            key: component.id
+          });
+        }
+        throw adapterError(`cannot found view component \`${component.name}\`!`);
+      },
+      vElementToViewElement(vNode, children) {
+        const props = {
+          ...Array.from(vNode.attrs).reduce((a, b) => {
+            a[b[0]] = b[1];
+            return a;
+          }, {})
+        };
+        if (vNode.classes.size) {
+          props.class = Array.from(vNode.classes).join(" ");
+        }
+        if (vNode.styles) {
+          props.style = Array.from(vNode.styles).reduce((a, b) => {
+            a[b[0]] = b[1];
+            return a;
+          }, {});
+        }
+        return vue.h(vNode.tagName, props, ...children);
+      }
+    }, mount);
+    Object.keys(components).forEach((key) => {
+      const vueComponent = components[key];
+      const setup = vueComponent.setup;
+      const self = this;
+      vueComponent.setup = function(props, context, ...args) {
+        const component = props.component;
+        const vueInstance = vue.getCurrentInstance();
+        const sub = stream.merge(component.changeMarker.onChange, component.changeMarker.onForceChange).subscribe(() => {
+          if (component.changeMarker.dirty) {
+            vueInstance.proxy.$forceUpdate();
+          }
+        });
+        vue.onMounted(() => {
+          if (props.rootRef.value) {
+            self.componentRootElementCaches.set(component, props.rootRef.value);
+          } else {
+            self.componentRootElementCaches.remove(component);
+          }
+        });
+        vue.onUpdated(() => {
+          component.changeMarker.rendered();
+          self.onViewUpdated.next();
+          if (!(self.componentRefs.get(component)?.value instanceof Element)) {
+            throw adapterError(`Component \`${component.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
+          }
+        });
+        vue.onUnmounted(() => {
+          sub.unsubscribe();
+        });
+        return setup(props, context, ...args);
+      };
+      this.components[key] = vueComponent;
+    });
+  }
+  render(rootComponent, injector) {
+    const childrenInjector = new core$1.ReflectiveInjector(injector, [{
+      provide: core.Adapter,
+      useValue: this
+    }, {
+      provide: platformBrowser.DomAdapter,
+      useValue: this
+    }, {
+      provide: VueAdapter,
+      useValue: this
+    }]);
+    return super.render(rootComponent, childrenInjector);
+  }
+  copy() {
+    document.execCommand("copy");
+  }
+}
+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":"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"}
+{"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":["makeError","DomAdapter","VElement","VTextNode","ref","h","getCurrentInstance","merge","onMounted","onUpdated","onUnmounted","ReflectiveInjector","Adapter"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/adapter-vue",
-  "version": "5.2.2",
+  "version": "5.2.3",
   "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.3",
+    "@textbus/platform-browser": "^5.2.3"
   },
   "peerDependencies": {
     "vue": "^3.4.28"