@textbus/adapter-viewfly 5.2.0 → 5.2.2

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { makeError as R, VElement as w, VTextNode as V, merge as A, Adapter as y } from "@textbus/core";
-import { jsx as f, createDynamicRef as m, DynamicRef as C, getCurrentInstance as x, onUnmounted as E, onUpdated as p, ReflectiveInjector as g } from "@viewfly/core";
+import { jsx as f, createDynamicRef as m, getCurrentInstance as C, onUnmounted as x, onUpdated as p, ReflectiveInjector as g } from "@viewfly/core";
 import { DomAdapter as u } from "@textbus/platform-browser";
-import { NodeViewAdapter as k } from "@textbus/platform-node";
+import { NodeViewAdapter as E } from "@textbus/platform-node";
 const h = R("ViewflyDOMRenderer");
 class d extends u {
   components = {};
@@ -37,7 +37,7 @@ class d extends u {
         const t = e.attrs.get("ref"), n = m((o) => (r(o), () => {
           r(null);
         }));
-        t instanceof C ? e.attrs.set("ref", [t, n]) : Array.isArray(t) ? t.push(n) : e.attrs.set("ref", n);
+        typeof t == "function" ? e.attrs.set("ref", [t, n]) : Array.isArray(t) ? t.push(n) : e.attrs.set("ref", n);
       },
       componentRender: (e) => {
         const r = this.components[e.name] || this.components["*"];
@@ -64,13 +64,13 @@ class d extends u {
     let i = !0;
     Object.entries(c).forEach(([e, r]) => {
       this.components[e] = (t) => {
-        const n = x(), o = t.component, s = A(
+        const n = C(), o = t.component, s = A(
           o.changeMarker.onChange,
           o.changeMarker.onForceChange
         ).subscribe(() => {
           o.changeMarker.dirty && n.markAsDirtied();
         });
-        return E(() => {
+        return x(() => {
           s.unsubscribe();
         }), i && (p(() => {
           this.onViewUpdated.next();
@@ -98,7 +98,7 @@ class d extends u {
     document.execCommand("copy");
   }
 }
-class I extends k {
+class v extends E {
   render(c, a) {
     const i = new g(a, [{
       provide: y,
@@ -115,6 +115,6 @@ class I extends k {
 }
 export {
   d as ViewflyAdapter,
-  I as ViewflyVDomAdapter
+  v as ViewflyVDomAdapter
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/viewfly-adapter.ts","../src/viewfly-vdom-adapter.ts"],"sourcesContent":["import { Component, CompositionState, makeError, VElement, ViewMount, VTextNode, merge, Adapter } from '@textbus/core'\nimport {\n  ComponentSetup,\n  createDynamicRef,\n  DynamicRef,\n  getCurrentInstance, Injector,\n  jsx,\n  JSXNode, onUnmounted,\n  onUpdated, ReflectiveInjector,\n  ViewFlyNode,\n} from '@viewfly/core'\nimport { DomAdapter } from '@textbus/platform-browser'\n\nconst adapterError = makeError('ViewflyDOMRenderer')\n\nexport interface ViewComponentProps<T extends Component> {\n  component: T\n  rootRef: DynamicRef<Element>\n}\n\nexport interface ViewflyAdapterComponents {\n  [key: string]: ComponentSetup<ViewComponentProps<any>>\n}\n\nexport class ViewflyAdapter extends DomAdapter<ViewFlyNode, ViewFlyNode> {\n  private components: ViewflyAdapterComponents = {}\n\n  private componentRefs = new WeakMap<Component, DynamicRef<Element>>()\n\n  constructor(components: ViewflyAdapterComponents,\n              mount: ViewMount<ViewFlyNode, Element>\n  ) {\n    super({\n      createCompositionNode(compositionState: CompositionState,\n                            updateNativeCompositionNode: (nativeNode: (Element | null)) => void): VElement {\n        const ref = createDynamicRef<Element>(node => {\n          updateNativeCompositionNode(node)\n          return () => {\n            updateNativeCompositionNode(null)\n          }\n        })\n        return new VElement('span', {\n          style: {\n            textDecoration: 'underline'\n          },\n          ref\n        }, [\n          new VTextNode(compositionState.text)\n        ])\n      },\n      getParentNode(node: Element | Text): Element | null {\n        return (node as Node).parentNode as Element\n      },\n      getChildNodes(parentElement: Element): Array<Element | Text> {\n        return Array.from(parentElement.childNodes) as Element[]\n      },\n      isNativeElementNode(node: Element | Text): node is Element {\n        return node instanceof Element\n      },\n      getChildByIndex(parentElement, index) {\n        return parentElement.childNodes[index] as Element\n      },\n      getAndUpdateSlotRootNativeElement(vEle: VElement, update: (nativeElement: (Element | null)) => void) {\n        const currentRef = vEle.attrs.get('ref')\n        const ref = createDynamicRef<Element>(nativeNode => {\n          update(nativeNode)\n          return () => {\n            update(null)\n          }\n        })\n        if (currentRef instanceof DynamicRef) {\n          vEle.attrs.set('ref', [currentRef, ref])\n        } else if (Array.isArray(currentRef)) {\n          currentRef.push(ref)\n        } else {\n          vEle.attrs.set('ref', ref)\n        }\n      },\n      componentRender: (component: Component<any>): ViewFlyNode => {\n        const comp = this.components[component.name] || this.components['*']\n        if (comp) {\n          let ref = this.componentRefs.get(component)\n          if (!ref) {\n            ref = createDynamicRef<Element>(rootNode => {\n              this.componentRootElementCaches.set(component, rootNode)\n              return () => {\n                // 当组件移动层级位置到原位置之前并重新渲染后，由于时序的原因，再删除缓存会导致组件找不到对应视图节点\n                if (this.componentRootElementCaches.get(component) === rootNode) {\n                  this.componentRootElementCaches.remove(component)\n                }\n              }\n            })\n            this.componentRefs.set(component, ref)\n          }\n          return jsx(comp, {\n            component,\n            rootRef: ref\n          }, component.id)\n        }\n        throw adapterError(`cannot found view component \\`${component.name}\\`!`)\n      },\n      vElementToViewElement(vNode: VElement, children: Array<JSXNode>): ViewFlyNode {\n        let key: any\n        const props = Array.from(vNode.attrs).reduce((a, b) => {\n          const propName = b[0]\n          if (propName === 'key') {\n            key = b[1]\n            return a\n          }\n          a[propName] = b[1]\n          return a\n        }, {} as Record<string, any>)\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        if (children.length) {\n          props.children = children\n        }\n        return jsx(vNode.tagName, props, key)\n      }\n    }, mount)\n\n    let isRoot = true\n    Object.entries(components).forEach(([key, viewFlyComponent]) => {\n      this.components[key] = (props: ViewComponentProps<Component>) => {\n        const comp = getCurrentInstance()\n        const textbusComponent = props.component\n        const subscription = merge(textbusComponent.changeMarker.onChange,\n          textbusComponent.changeMarker.onForceChange).subscribe(() => {\n          if (textbusComponent.changeMarker.dirty) {\n            comp.markAsDirtied()\n          }\n        })\n        onUnmounted(() => {\n          subscription.unsubscribe()\n        })\n        if (isRoot) {\n          onUpdated(() => {\n            this.onViewUpdated.next()\n          })\n          isRoot = false\n        }\n        onUpdated(() => {\n          textbusComponent.changeMarker.rendered()\n          if (!this.componentRootElementCaches.get(textbusComponent)) {\n            // eslint-disable-next-line max-len\n            throw adapterError(`Component \\`${textbusComponent.name}\\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)\n          }\n        })\n        return viewFlyComponent(props)\n      }\n    })\n  }\n\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this\n    }, {\n      provide: ViewflyAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childInjector)\n  }\n\n  override copy() {\n    document.execCommand('copy')\n  }\n}\n","import { NodeViewAdapter } from '@textbus/platform-node'\nimport { Injector, ReflectiveInjector } from '@viewfly/core'\nimport { Adapter, Component } from '@textbus/core'\nimport { DomAdapter } from '@textbus/platform-browser'\nimport { ViewflyAdapter } from './viewfly-adapter'\n\nexport class ViewflyVDomAdapter extends NodeViewAdapter {\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this\n    }, {\n      provide: ViewflyAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childInjector)\n  }\n}\n"],"names":["adapterError","makeError","ViewflyAdapter","DomAdapter","components","mount","compositionState","updateNativeCompositionNode","ref","createDynamicRef","node","VElement","VTextNode","parentElement","index","vEle","update","currentRef","nativeNode","DynamicRef","component","comp","rootNode","jsx","vNode","children","key","props","a","b","propName","isRoot","viewFlyComponent","getCurrentInstance","textbusComponent","subscription","merge","onUnmounted","onUpdated","rootComponent","injector","childInjector","ReflectiveInjector","Adapter","ViewflyVDomAdapter","NodeViewAdapter"],"mappings":";;;;AAaA,MAAMA,IAAeC,EAAU,oBAAoB;AAW5C,MAAMC,UAAuBC,EAAqC;AAAA,EAC/D,aAAuC,CAAA;AAAA,EAEvC,oCAAoB,QAAA;AAAA,EAE5B,YAAYC,GACAC,GACV;AACA,UAAM;AAAA,MACJ,sBAAsBC,GACAC,GAA+E;AACnG,cAAMC,IAAMC,EAA0B,CAAAC,OACpCH,EAA4BG,CAAI,GACzB,MAAM;AACX,UAAAH,EAA4B,IAAI;AAAA,QAClC,EACD;AACD,eAAO,IAAII,EAAS,QAAQ;AAAA,UAC1B,OAAO;AAAA,YACL,gBAAgB;AAAA,UAAA;AAAA,UAElB,KAAAH;AAAA,QAAA,GACC;AAAA,UACD,IAAII,EAAUN,EAAiB,IAAI;AAAA,QAAA,CACpC;AAAA,MACH;AAAA,MACA,cAAcI,GAAsC;AAClD,eAAQA,EAAc;AAAA,MACxB;AAAA,MACA,cAAcG,GAA+C;AAC3D,eAAO,MAAM,KAAKA,EAAc,UAAU;AAAA,MAC5C;AAAA,MACA,oBAAoBH,GAAuC;AACzD,eAAOA,aAAgB;AAAA,MACzB;AAAA,MACA,gBAAgBG,GAAeC,GAAO;AACpC,eAAOD,EAAc,WAAWC,CAAK;AAAA,MACvC;AAAA,MACA,kCAAkCC,GAAgBC,GAAmD;AACnG,cAAMC,IAAaF,EAAK,MAAM,IAAI,KAAK,GACjCP,IAAMC,EAA0B,CAAAS,OACpCF,EAAOE,CAAU,GACV,MAAM;AACX,UAAAF,EAAO,IAAI;AAAA,QACb,EACD;AACD,QAAIC,aAAsBE,IACxBJ,EAAK,MAAM,IAAI,OAAO,CAACE,GAAYT,CAAG,CAAC,IAC9B,MAAM,QAAQS,CAAU,IACjCA,EAAW,KAAKT,CAAG,IAEnBO,EAAK,MAAM,IAAI,OAAOP,CAAG;AAAA,MAE7B;AAAA,MACA,iBAAiB,CAACY,MAA2C;AAC3D,cAAMC,IAAO,KAAK,WAAWD,EAAU,IAAI,KAAK,KAAK,WAAW,GAAG;AACnE,YAAIC,GAAM;AACR,cAAIb,IAAM,KAAK,cAAc,IAAIY,CAAS;AAC1C,iBAAKZ,MACHA,IAAMC,EAA0B,CAAAa,OAC9B,KAAK,2BAA2B,IAAIF,GAAWE,CAAQ,GAChD,MAAM;AAEX,YAAI,KAAK,2BAA2B,IAAIF,CAAS,MAAME,KACrD,KAAK,2BAA2B,OAAOF,CAAS;AAAA,UAEpD,EACD,GACD,KAAK,cAAc,IAAIA,GAAWZ,CAAG,IAEhCe,EAAIF,GAAM;AAAA,YACf,WAAAD;AAAA,YACA,SAASZ;AAAA,UAAA,GACRY,EAAU,EAAE;AAAA,QACjB;AACA,cAAMpB,EAAa,iCAAiCoB,EAAU,IAAI,KAAK;AAAA,MACzE;AAAA,MACA,sBAAsBI,GAAiBC,GAAuC;AAC5E,YAAIC;AACJ,cAAMC,IAAQ,MAAM,KAAKH,EAAM,KAAK,EAAE,OAAO,CAACI,GAAGC,MAAM;AACrD,gBAAMC,IAAWD,EAAE,CAAC;AACpB,iBAAIC,MAAa,SACfJ,IAAMG,EAAE,CAAC,GACFD,MAETA,EAAEE,CAAQ,IAAID,EAAE,CAAC,GACVD;AAAA,QACT,GAAG,CAAA,CAAyB;AAC5B,eAAIJ,EAAM,QAAQ,SAChBG,EAAM,QAAQ,MAAM,KAAKH,EAAM,OAAO,EAAE,KAAK,GAAG,IAE9CA,EAAM,WACRG,EAAM,QAAQ,MAAM,KAAKH,EAAM,MAAM,EAAE,OAAO,CAACI,GAAGC,OAChDD,EAAEC,EAAE,CAAC,CAAC,IAAIA,EAAE,CAAC,GACND,IACN,CAAA,CAAyB,IAE1BH,EAAS,WACXE,EAAM,WAAWF,IAEZF,EAAIC,EAAM,SAASG,GAAOD,CAAG;AAAA,MACtC;AAAA,IAAA,GACCrB,CAAK;AAER,QAAI0B,IAAS;AACb,WAAO,QAAQ3B,CAAU,EAAE,QAAQ,CAAC,CAACsB,GAAKM,CAAgB,MAAM;AAC9D,WAAK,WAAWN,CAAG,IAAI,CAACC,MAAyC;AAC/D,cAAMN,IAAOY,EAAA,GACPC,IAAmBP,EAAM,WACzBQ,IAAeC;AAAA,UAAMF,EAAiB,aAAa;AAAA,UACvDA,EAAiB,aAAa;AAAA,QAAA,EAAe,UAAU,MAAM;AAC7D,UAAIA,EAAiB,aAAa,SAChCb,EAAK,cAAA;AAAA,QAET,CAAC;AACD,eAAAgB,EAAY,MAAM;AAChB,UAAAF,EAAa,YAAA;AAAA,QACf,CAAC,GACGJ,MACFO,EAAU,MAAM;AACd,eAAK,cAAc,KAAA;AAAA,QACrB,CAAC,GACDP,IAAS,KAEXO,EAAU,MAAM;AAEd,cADAJ,EAAiB,aAAa,SAAA,GAC1B,CAAC,KAAK,2BAA2B,IAAIA,CAAgB;AAEvD,kBAAMlC,EAAa,eAAekC,EAAiB,IAAI,mGAAmG;AAAA,QAE9J,CAAC,GACMF,EAAiBL,CAAK;AAAA,MAC/B;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAES,OAAOY,GAA0BC,GAAyC;AACjF,UAAMC,IAAgB,IAAIC,EAAmBF,GAAU,CAAC;AAAA,MACtD,SAASG;AAAA,MACT,UAAU;AAAA,IAAA,GACT;AAAA,MACD,SAASxC;AAAA,MACT,UAAU;AAAA,IAAA,GACT;AAAA,MACD,SAASD;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AACF,WAAO,MAAM,OAAOqC,GAAeE,CAAa;AAAA,EAClD;AAAA,EAES,OAAO;AACd,aAAS,YAAY,MAAM;AAAA,EAC7B;AACF;AC3KO,MAAMG,UAA2BC,EAAgB;AAAA,EAC7C,OAAON,GAA0BC,GAAyC;AACjF,UAAMC,IAAgB,IAAIC,EAAmBF,GAAU,CAAC;AAAA,MACtD,SAASG;AAAA,MACT,UAAU;AAAA,IAAA,GACT;AAAA,MACD,SAASxC;AAAA,MACT,UAAU;AAAA,IAAA,GACT;AAAA,MACD,SAASD;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AACF,WAAO,MAAM,OAAOqC,GAAeE,CAAa;AAAA,EAClD;AACF;"}
+{"version":3,"file":"index.esm.js","sources":["../src/viewfly-adapter.ts","../src/viewfly-vdom-adapter.ts"],"sourcesContent":["import { Component, CompositionState, makeError, VElement, ViewMount, VTextNode, merge, Adapter } from '@textbus/core'\nimport {\n  ComponentSetup,\n  createDynamicRef,\n  DynamicRef,\n  getCurrentInstance, Injector,\n  jsx,\n  JSXNode, onUnmounted,\n  onUpdated, ReflectiveInjector,\n  ViewFlyNode,\n} from '@viewfly/core'\nimport { DomAdapter } from '@textbus/platform-browser'\n\nconst adapterError = makeError('ViewflyDOMRenderer')\n\nexport interface ViewComponentProps<T extends Component> {\n  component: T\n  rootRef: DynamicRef<Element>\n}\n\nexport interface ViewflyAdapterComponents {\n  [key: string]: ComponentSetup<ViewComponentProps<any>>\n}\n\nexport class ViewflyAdapter extends DomAdapter<ViewFlyNode, ViewFlyNode> {\n  private components: ViewflyAdapterComponents = {}\n\n  private componentRefs = new WeakMap<Component, DynamicRef<Element>>()\n\n  constructor(components: ViewflyAdapterComponents,\n              mount: ViewMount<ViewFlyNode, Element>\n  ) {\n    super({\n      createCompositionNode(compositionState: CompositionState,\n                            updateNativeCompositionNode: (nativeNode: (Element | null)) => void): VElement {\n        const ref = createDynamicRef<Element>(node => {\n          updateNativeCompositionNode(node)\n          return () => {\n            updateNativeCompositionNode(null)\n          }\n        })\n        return new VElement('span', {\n          style: {\n            textDecoration: 'underline'\n          },\n          ref\n        }, [\n          new VTextNode(compositionState.text)\n        ])\n      },\n      getParentNode(node: Element | Text): Element | null {\n        return (node as Node).parentNode as Element\n      },\n      getChildNodes(parentElement: Element): Array<Element | Text> {\n        return Array.from(parentElement.childNodes) as Element[]\n      },\n      isNativeElementNode(node: Element | Text): node is Element {\n        return node instanceof Element\n      },\n      getChildByIndex(parentElement, index) {\n        return parentElement.childNodes[index] as Element\n      },\n      getAndUpdateSlotRootNativeElement(vEle: VElement, update: (nativeElement: (Element | null)) => void) {\n        const currentRef = vEle.attrs.get('ref')\n        const ref = createDynamicRef<Element>(nativeNode => {\n          update(nativeNode)\n          return () => {\n            update(null)\n          }\n        })\n        if (typeof currentRef === 'function') {\n          vEle.attrs.set('ref', [currentRef, ref])\n        } else if (Array.isArray(currentRef)) {\n          currentRef.push(ref)\n        } else {\n          vEle.attrs.set('ref', ref)\n        }\n      },\n      componentRender: (component: Component<any>): ViewFlyNode => {\n        const comp = this.components[component.name] || this.components['*']\n        if (comp) {\n          let ref = this.componentRefs.get(component)\n          if (!ref) {\n            ref = createDynamicRef<Element>(rootNode => {\n              this.componentRootElementCaches.set(component, rootNode)\n              return () => {\n                // 当组件移动层级位置到原位置之前并重新渲染后，由于时序的原因，再删除缓存会导致组件找不到对应视图节点\n                if (this.componentRootElementCaches.get(component) === rootNode) {\n                  this.componentRootElementCaches.remove(component)\n                }\n              }\n            })\n            this.componentRefs.set(component, ref)\n          }\n          return jsx(comp, {\n            component,\n            rootRef: ref\n          }, component.id)\n        }\n        throw adapterError(`cannot found view component \\`${component.name}\\`!`)\n      },\n      vElementToViewElement(vNode: VElement, children: Array<JSXNode>): ViewFlyNode {\n        let key: any\n        const props = Array.from(vNode.attrs).reduce((a, b) => {\n          const propName = b[0]\n          if (propName === 'key') {\n            key = b[1]\n            return a\n          }\n          a[propName] = b[1]\n          return a\n        }, {} as Record<string, any>)\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        if (children.length) {\n          props.children = children\n        }\n        return jsx(vNode.tagName, props, key)\n      }\n    }, mount)\n\n    let isRoot = true\n    Object.entries(components).forEach(([key, viewFlyComponent]) => {\n      this.components[key] = (props: ViewComponentProps<Component>) => {\n        const comp = getCurrentInstance()\n        const textbusComponent = props.component\n        const subscription = merge(textbusComponent.changeMarker.onChange,\n          textbusComponent.changeMarker.onForceChange).subscribe(() => {\n          if (textbusComponent.changeMarker.dirty) {\n            comp.markAsDirtied()\n          }\n        })\n        onUnmounted(() => {\n          subscription.unsubscribe()\n        })\n        if (isRoot) {\n          onUpdated(() => {\n            this.onViewUpdated.next()\n          })\n          isRoot = false\n        }\n        onUpdated(() => {\n          textbusComponent.changeMarker.rendered()\n          if (!this.componentRootElementCaches.get(textbusComponent)) {\n            // eslint-disable-next-line max-len\n            throw adapterError(`Component \\`${textbusComponent.name}\\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)\n          }\n        })\n        return viewFlyComponent(props)\n      }\n    })\n  }\n\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this\n    }, {\n      provide: ViewflyAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childInjector)\n  }\n\n  override copy() {\n    document.execCommand('copy')\n  }\n}\n","import { NodeViewAdapter } from '@textbus/platform-node'\nimport { Injector, ReflectiveInjector } from '@viewfly/core'\nimport { Adapter, Component } from '@textbus/core'\nimport { DomAdapter } from '@textbus/platform-browser'\nimport { ViewflyAdapter } from './viewfly-adapter'\n\nexport class ViewflyVDomAdapter extends NodeViewAdapter {\n  override render(rootComponent: Component, injector: Injector): void | (() => void) {\n    const childInjector = new ReflectiveInjector(injector, [{\n      provide: Adapter,\n      useValue: this\n    }, {\n      provide: DomAdapter,\n      useValue: this\n    }, {\n      provide: ViewflyAdapter,\n      useValue: this\n    }])\n    return super.render(rootComponent, childInjector)\n  }\n}\n"],"names":["adapterError","makeError","ViewflyAdapter","DomAdapter","components","mount","compositionState","updateNativeCompositionNode","ref","createDynamicRef","node","VElement","VTextNode","parentElement","index","vEle","update","currentRef","nativeNode","component","comp","rootNode","jsx","vNode","children","key","props","a","b","propName","isRoot","viewFlyComponent","getCurrentInstance","textbusComponent","subscription","merge","onUnmounted","onUpdated","rootComponent","injector","childInjector","ReflectiveInjector","Adapter","ViewflyVDomAdapter","NodeViewAdapter"],"mappings":"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"}

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@textbus/core"),s=require("@viewfly/core"),m=require("@textbus/platform-browser"),h=require("@textbus/platform-node"),p=a.makeError("ViewflyDOMRenderer");class l extends m.DomAdapter{components={};componentRefs=new WeakMap;constructor(d,u){super({createCompositionNode(e,r){const t=s.createDynamicRef(n=>(r(n),()=>{r(null)}));return new a.VElement("span",{style:{textDecoration:"underline"},ref:t},[new a.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"),n=s.createDynamicRef(o=>(r(o),()=>{r(null)}));t instanceof s.DynamicRef?e.attrs.set("ref",[t,n]):Array.isArray(t)?t.push(n):e.attrs.set("ref",n)},componentRender:e=>{const r=this.components[e.name]||this.components["*"];if(r){let t=this.componentRefs.get(e);return t||(t=s.createDynamicRef(n=>(this.componentRootElementCaches.set(e,n),()=>{this.componentRootElementCaches.get(e)===n&&this.componentRootElementCaches.remove(e)})),this.componentRefs.set(e,t)),s.jsx(r,{component:e,rootRef:t},e.id)}throw p(`cannot found view component \`${e.name}\`!`)},vElementToViewElement(e,r){let t;const n=Array.from(e.attrs).reduce((o,i)=>{const f=i[0];return f==="key"?(t=i[1],o):(o[f]=i[1],o)},{});return e.classes.size&&(n.class=Array.from(e.classes).join(" ")),e.styles&&(n.style=Array.from(e.styles).reduce((o,i)=>(o[i[0]]=i[1],o),{})),r.length&&(n.children=r),s.jsx(e.tagName,n,t)}},u);let c=!0;Object.entries(d).forEach(([e,r])=>{this.components[e]=t=>{const n=s.getCurrentInstance(),o=t.component,i=a.merge(o.changeMarker.onChange,o.changeMarker.onForceChange).subscribe(()=>{o.changeMarker.dirty&&n.markAsDirtied()});return s.onUnmounted(()=>{i.unsubscribe()}),c&&(s.onUpdated(()=>{this.onViewUpdated.next()}),c=!1),s.onUpdated(()=>{if(o.changeMarker.rendered(),!this.componentRootElementCaches.get(o))throw p(`Component \`${o.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)}),r(t)}})}render(d,u){const c=new s.ReflectiveInjector(u,[{provide:a.Adapter,useValue:this},{provide:m.DomAdapter,useValue:this},{provide:l,useValue:this}]);return super.render(d,c)}copy(){document.execCommand("copy")}}class y extends h.NodeViewAdapter{render(d,u){const c=new s.ReflectiveInjector(u,[{provide:a.Adapter,useValue:this},{provide:m.DomAdapter,useValue:this},{provide:l,useValue:this}]);return super.render(d,c)}}exports.ViewflyAdapter=l;exports.ViewflyVDomAdapter=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@textbus/core"),s=require("@viewfly/core"),m=require("@textbus/platform-browser"),h=require("@textbus/platform-node"),p=a.makeError("ViewflyDOMRenderer");class l extends m.DomAdapter{components={};componentRefs=new WeakMap;constructor(u,d){super({createCompositionNode(e,r){const t=s.createDynamicRef(n=>(r(n),()=>{r(null)}));return new a.VElement("span",{style:{textDecoration:"underline"},ref:t},[new a.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"),n=s.createDynamicRef(o=>(r(o),()=>{r(null)}));typeof t=="function"?e.attrs.set("ref",[t,n]):Array.isArray(t)?t.push(n):e.attrs.set("ref",n)},componentRender:e=>{const r=this.components[e.name]||this.components["*"];if(r){let t=this.componentRefs.get(e);return t||(t=s.createDynamicRef(n=>(this.componentRootElementCaches.set(e,n),()=>{this.componentRootElementCaches.get(e)===n&&this.componentRootElementCaches.remove(e)})),this.componentRefs.set(e,t)),s.jsx(r,{component:e,rootRef:t},e.id)}throw p(`cannot found view component \`${e.name}\`!`)},vElementToViewElement(e,r){let t;const n=Array.from(e.attrs).reduce((o,i)=>{const f=i[0];return f==="key"?(t=i[1],o):(o[f]=i[1],o)},{});return e.classes.size&&(n.class=Array.from(e.classes).join(" ")),e.styles&&(n.style=Array.from(e.styles).reduce((o,i)=>(o[i[0]]=i[1],o),{})),r.length&&(n.children=r),s.jsx(e.tagName,n,t)}},d);let c=!0;Object.entries(u).forEach(([e,r])=>{this.components[e]=t=>{const n=s.getCurrentInstance(),o=t.component,i=a.merge(o.changeMarker.onChange,o.changeMarker.onForceChange).subscribe(()=>{o.changeMarker.dirty&&n.markAsDirtied()});return s.onUnmounted(()=>{i.unsubscribe()}),c&&(s.onUpdated(()=>{this.onViewUpdated.next()}),c=!1),s.onUpdated(()=>{if(o.changeMarker.rendered(),!this.componentRootElementCaches.get(o))throw p(`Component \`${o.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`)}),r(t)}})}render(u,d){const c=new s.ReflectiveInjector(d,[{provide:a.Adapter,useValue:this},{provide:m.DomAdapter,useValue:this},{provide:l,useValue:this}]);return super.render(u,c)}copy(){document.execCommand("copy")}}class y extends h.NodeViewAdapter{render(u,d){const c=new s.ReflectiveInjector(d,[{provide:a.Adapter,useValue:this},{provide:m.DomAdapter,useValue:this},{provide:l,useValue:this}]);return super.render(u,c)}}exports.ViewflyAdapter=l;exports.ViewflyVDomAdapter=y;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/viewfly-adapter.d.ts

@@ -1,6 +1,6 @@
-import { Component, ViewMount } from '../../core/src/index.ts';
+import { Component, ViewMount } from '@textbus/core';
 import { ComponentSetup, DynamicRef, Injector, ViewFlyNode } from '@viewfly/core';
-import { DomAdapter } from '../../platform-browser/src/index.ts';
+import { DomAdapter } from '@textbus/platform-browser';
 export interface ViewComponentProps<T extends Component> {
     component: T;
     rootRef: DynamicRef<Element>;

package/dist/viewfly-vdom-adapter.d.ts

@@ -1,6 +1,6 @@
-import { NodeViewAdapter } from '../../platform-node/src/index.ts';
+import { NodeViewAdapter } from '@textbus/platform-node';
 import { Injector } from '@viewfly/core';
-import { Component } from '../../core/src/index.ts';
+import { Component } from '@textbus/core';
 export declare class ViewflyVDomAdapter extends NodeViewAdapter {
     render(rootComponent: Component, injector: Injector): void | (() => void);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/adapter-viewfly",
-  "version": "5.2.0",
+  "version": "5.2.2",
   "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",
@@ -35,9 +35,9 @@
     "@tanbo/stream": "^1.2.7",
     "@viewfly/core": "^2.2.0 || >=3.0.0-alpha.0 <4",
     "@viewfly/platform-browser": "^2.2.0 || >=3.0.0-alpha.0 <4",
-    "@textbus/core": "^5.2.0",
-    "@textbus/platform-browser": "^5.2.0",
-    "@textbus/platform-node": "^5.2.0"
+    "@textbus/platform-browser": "^5.2.2",
+    "@textbus/core": "^5.2.2",
+    "@textbus/platform-node": "^5.2.2"
   },
   "devDependencies": {
     "rimraf": "^3.0.2",