wot-design-uni icon indicating copy to clipboard operation
wot-design-uni copied to clipboard

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

Open kalu5 opened this issue 6 months ago • 11 comments

🤔 这个 PR 的性质是?(至少选择一个)

  • [x] 日常 bug 修复
  • [ ] 新特性提交
  • [ ] 站点、文档改进
  • [ ] 演示代码改进
  • [ ] 组件样式/交互改进
  • [ ] TypeScript 定义更新
  • [ ] CI/CD 改进
  • [ ] 包体积优化
  • [ ] 性能优化
  • [ ] 功能增强
  • [ ] 国际化改进
  • [ ] 代码重构
  • [ ] 代码风格优化
  • [ ] 测试用例
  • [ ] 分支合并
  • [ ] 其他改动(是关于什么的改动?)

🔗 相关 Issue

#247

💡 需求背景和解决方案

解决tabs在ios低版本不渲染 修改代码如下

// tabs数据
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'
})

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

  • [x] 文档已补充或无须补充
  • [x] 代码演示已提供或无须提供
  • [x] TypeScript 定义已补充或无须补充

Summary by CodeRabbit

  • 新特性

    • 增强了 wd-tabs 组件的标签项管理,支持更结构化的标签属性。
    • 改进了标签项的响应性,确保其与底层数据的同步更新。
  • 文档

    • 更新了类型定义,提升了代码的类型安全性和清晰度。

kalu5 avatar Aug 13 '24 07:08 kalu5