fix: include the tabview element (#1064)

heywhy · web-flow · commit 3c5f708d0bfe · 2023-11-19T16:33:07.000+01:00
diff --git a/src/nativescript/elements.ts b/src/nativescript/elements.ts
@@ -1,4 +1,9 @@
-import { Frame as NSCFrame, Page as NSCPage } from '@nativescript/core';
+import {
+  Frame as NSCFrame,
+  Page as NSCPage,
+  TabView as NSCTabView,
+  TabViewItem as NSCTabViewItem,
+} from '@nativescript/core';
 
 import { warn } from '@vue/runtime-core';
 
@@ -218,4 +223,33 @@ export function registerCoreElements() {
       },
     },
   );
+
+  registerElement(
+    'TabViewItem',
+    () => require('@nativescript/core').TabViewItem,
+  );
+
+  registerElement('TabView', () => require('@nativescript/core').TabView, {
+    model: {
+      prop: 'selectedIndex',
+      event: 'selectedIndexChange',
+    },
+    nodeOps: {
+      insert(child, parent) {
+        const tabView = parent.nativeView as NSCTabView;
+
+        if (child.nativeView instanceof NSCTabViewItem) {
+          const items = tabView.items || [];
+
+          parent.setAttribute('items', items.concat([child.nativeView]));
+        }
+      },
+      remove(child, parent) {
+        const tabView = parent.nativeView as NSCTabView;
+        const items = tabView.items.filter((item) => item !== child.nativeView);
+
+        parent.setAttribute('items', items);
+      },
+    },
+  });
 }
diff --git a/src/registry/index.ts b/src/registry/index.ts
@@ -1,4 +1,4 @@
-import { NSVElement, NSVViewFlags } from '../dom';
+import type { NSVElement, NSVViewFlags } from '../dom';
 
 export type NSVElementResolver = () => any;
 

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { NSVElement, NSVViewFlags } from '../dom';`
	`1`	`+import type { NSVElement, NSVViewFlags } from '../dom';`
`2`	`2`
`3`	`3`	`export type NSVElementResolver = () => any;`
`4`	`4`