@textbus/adapter-vue 4.0.0-alpha.31 → 4.0.0-alpha.32

package/bundles/index.esm.js

@@ -35,14 +35,31 @@ class Adapter extends DomAdapter {
                     }
                 });
                 onUpdated(() => {
+                    self.componentRendingStack.pop();
                     component.changeMarker.rendered();
                     self.onViewUpdated.next();
                 });
                 onUnmounted(() => {
                     sub.unsubscribe();
                 });
-                return setup(props);
+                const result = setup(props);
+                if (typeof result === 'function') {
+                    return function () {
+                        component.__slots__.length = 0;
+                        self.componentRendingStack.push(component);
+                        return result();
+                    };
+                }
+                return result;
             };
+            if (vueComponent.render) {
+                const oldRender = vueComponent.render;
+                vueComponent.render = function (context) {
+                    context.component.__slots__.length = 0;
+                    self.componentRendingStack.push(context.component);
+                    oldRender.apply(this, context);
+                };
+            }
             this.components[key] = vueComponent;
         });
     }
@@ -54,15 +71,11 @@ class Adapter extends DomAdapter {
                 rootRef = ref();
                 this.componentRefs.set(component, rootRef);
             }
-            component.__slots__.length = 0;
-            this.componentRendingStack.push(component);
-            const vNode = h(comp, {
+            return h(comp, {
                 component,
                 rootRef,
                 key: component.id
             });
-            this.componentRendingStack.pop();
-            return vNode;
         }
         throw adapterError(`cannot found view component \`${component.name}\`!`);
     }

package/bundles/index.js

@@ -37,14 +37,31 @@ class Adapter extends platformBrowser.DomAdapter {
                     }
                 });
                 vue.onUpdated(() => {
+                    self.componentRendingStack.pop();
                     component.changeMarker.rendered();
                     self.onViewUpdated.next();
                 });
                 vue.onUnmounted(() => {
                     sub.unsubscribe();
                 });
-                return setup(props);
+                const result = setup(props);
+                if (typeof result === 'function') {
+                    return function () {
+                        component.__slots__.length = 0;
+                        self.componentRendingStack.push(component);
+                        return result();
+                    };
+                }
+                return result;
             };
+            if (vueComponent.render) {
+                const oldRender = vueComponent.render;
+                vueComponent.render = function (context) {
+                    context.component.__slots__.length = 0;
+                    self.componentRendingStack.push(context.component);
+                    oldRender.apply(this, context);
+                };
+            }
             this.components[key] = vueComponent;
         });
     }
@@ -56,15 +73,11 @@ class Adapter extends platformBrowser.DomAdapter {
                 rootRef = vue.ref();
                 this.componentRefs.set(component, rootRef);
             }
-            component.__slots__.length = 0;
-            this.componentRendingStack.push(component);
-            const vNode = vue.h(comp, {
+            return vue.h(comp, {
                 component,
                 rootRef,
                 key: component.id
             });
-            this.componentRendingStack.pop();
-            return vNode;
         }
         throw adapterError(`cannot found view component \`${component.name}\`!`);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/adapter-vue",
-  "version": "4.0.0-alpha.31",
+  "version": "4.0.0-alpha.32",
   "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",
@@ -27,7 +27,7 @@
   "dependencies": {
     "@tanbo/stream": "^1.2.3",
     "@textbus/core": "^4.0.0-alpha.31",
-    "@textbus/platform-browser": "^4.0.0-alpha.31",
+    "@textbus/platform-browser": "^4.0.0-alpha.32",
     "vue": "^3.3.4"
   },
   "devDependencies": {
@@ -48,5 +48,5 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "54c13967d549e9c3795eb821d84ce3e811139630"
+  "gitHead": "00d52c23dde48068e14e46379b85ddac0743c6ff"
 }