inviton-powerduck 0.0.21 → 0.0.22

package/common/base-component.tsx

@@ -216,8 +216,8 @@ export abstract class PowerduckViewModelBase extends Vue {
     }
 
     unwrapRootElement(): HTMLElement {
-        if ((this.$el as any).$childSlots != null) {
-            return ((this.$el as any).$childSlots[0]?.el || this.$el) as any;
+        if ((this.$el as any).$getChildSlots != null) {
+            return (((this.$el as any).$getChildSlots() || [])[0]?.el || this.$el) as any;
         }
 
         return this.$el as any;

package/components/teleport/teleport.tsx

@@ -14,17 +14,25 @@ interface TeleportArgs {
 })
 class TeleportComponent extends TsxComponent<TeleportArgs> implements TeleportArgs {
     @Prop() to!: string;
+    _currentSlots: any = null;
 
 
-    render() {
-        const childSlots = this.$slots.default?.();
-        this.$nextTick(() => {
-            this.$el.$childSlots = childSlots;
-        })
+    beforeUnmount() {
+        this.$el.$getChildSlots = null;
+        this._currentSlots = null;
+    }
 
+    render() {
+        this._currentSlots = this.$slots.default?.();
+        if (this.$el == null || this.$el.$getChildSlots == null) {
+            this.$nextTick(() => {
+                this.$el.$getChildSlots = () => this._currentSlots;
+            })
+        }
+        
         return (
             <teleport to={this.to}>
-                {childSlots}
+                {this._currentSlots}
             </teleport>
         );
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inviton-powerduck",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "type": "module",
   "scripts": {
     "build": " vite build && vue-tsc  --declaration --emitDeclarationOnly",