fix(tabs): 修复Tabs在ios低版本不渲染(#247)

src/uni_modules/wot-design-uni/components/wd-tabs/types.ts

@@ -1,5 +1,6 @@
 import { type ExtractPropTypes, type InjectionKey } from 'vue'
 import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp, numericProp } from '../common/props'
+import type { TabProps } from '../wd-tab/types' 
 
 export type TabsProvide = {
   state: {
@@ -62,3 +63,5 @@ export const tabsProps = {
 }
 
 export type TabsProps = ExtractPropTypes<typeof tabsProps>
+
+export type TTabProps = Pick<TabProps, 'name' | 'title' | 'disabled'>

src/uni_modules/wot-design-uni/components/wd-tabs/wd-tabs.vue

@@ -143,7 +143,7 @@ export default {
 import { computed, getCurrentInstance, onMounted, ref, watch, nextTick, reactive, type CSSProperties } from 'vue'
 import { addUnit, checkNumRange, debounce, getRect, isDef, isNumber, isString, objToStyle } from '../common/util'
 import { useTouch } from '../composables/useTouch'
-import { TABS_KEY, tabsProps } from './types'
+import { TABS_KEY, tabsProps, TTabProps } from './types'
 import { useChildren } from '../composables/useChildren'
 import { useTranslate } from '../composables/useTranslate'
 
@@ -174,10 +174,15 @@ const { proxy } = getCurrentInstance() as any
 const touch = useTouch()
 
 // tabs数据
-const items = computed(() => {
-  return children.map((child, index) => {
-    return { disabled: child.disabled, title: child.title, name: isDef(child.name) ? child.name : index }
+const items = ref<TTabProps[]>([])
+// 解决ios低版本tabs不渲染
+watch(children, newChildren => {
+  items.value = newChildren.map((child, index) => {
+    return { disabled: child.disabled, title: child.title, name: isDef(child.name)? child.name : index }
   })
+}, {
+  deep: true,
+  flush: 'post'
 })
 
 const bodyStyle = computed(() => {