@textbus/adapter-vue 4.1.0 → 4.2.1

package/bundles/index.esm.js

@@ -1,6 +1,7 @@
-import { makeError, VElement, VTextNode } from '@textbus/core';
+import { makeError, VElement, VTextNode, Adapter } from '@textbus/core';
 import { ref, h, getCurrentInstance, onMounted, onUpdated, onUnmounted } from 'vue';
 import { DomAdapter } from '@textbus/platform-browser';
+import { ReflectiveInjector } from '@viewfly/core';
 
 const adapterError = makeError('VueAdapter');
 class VueAdapter extends DomAdapter {
@@ -121,6 +122,19 @@ class VueAdapter extends DomAdapter {
             this.components[key] = vueComponent;
         });
     }
+    render(rootComponent, injector) {
+        const childrenInjector = new ReflectiveInjector(injector, [{
+                provide: Adapter,
+                useValue: this
+            }, {
+                provide: DomAdapter,
+                useValue: this,
+            }, {
+                provide: VueAdapter,
+                useValue: this
+            }]);
+        return super.render(rootComponent, childrenInjector);
+    }
     copy() {
         document.execCommand('copy');
     }

package/bundles/index.js

@@ -3,6 +3,7 @@
 var core = require('@textbus/core');
 var vue = require('vue');
 var platformBrowser = require('@textbus/platform-browser');
+var core$1 = require('@viewfly/core');
 
 const adapterError = core.makeError('VueAdapter');
 class VueAdapter extends platformBrowser.DomAdapter {
@@ -123,6 +124,19 @@ class VueAdapter extends platformBrowser.DomAdapter {
             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');
     }

package/bundles/vue-adapter.d.ts

@@ -1,6 +1,7 @@
 import { Component, ViewMount } from '@textbus/core';
 import { DefineComponent, Ref, VNode } from 'vue';
 import { DomAdapter } from '@textbus/platform-browser';
+import { Injector } from '@viewfly/core';
 export interface ViewComponentProps<T extends Component> {
     component: T;
     rootRef: Ref<Element | undefined>;
@@ -12,5 +13,6 @@ export declare class VueAdapter extends DomAdapter<VNode, VNode> {
     private componentRefs;
     private components;
     constructor(components: VueAdapterComponents, mount: ViewMount<VNode, Element>);
+    render(rootComponent: Component, injector: Injector): void | (() => void);
     copy(): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/adapter-vue",
-  "version": "4.1.0",
+  "version": "4.2.1",
   "description": "Textbus is a rich text editor and framework that is highly customizable and extensible to achieve rich wysiwyg effects.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -26,8 +26,8 @@
   ],
   "dependencies": {
     "@tanbo/stream": "^1.2.5",
-    "@textbus/core": "^4.1.0",
-    "@textbus/platform-browser": "^4.1.0",
+    "@textbus/core": "^4.2.1",
+    "@textbus/platform-browser": "^4.2.1",
     "vue": "^3.4.28"
   },
   "devDependencies": {