Skip to content

feat(mobile-vue): add TabBar glass effect and capsule theme - #948

Open
ChenXiaoming233 wants to merge 2 commits into
TDesignOteam:mainfrom
ChenXiaoming233:feat/tab-bar-liquid-glass
Open

feat(mobile-vue): add TabBar glass effect and capsule theme#948
ChenXiaoming233 wants to merge 2 commits into
TDesignOteam:mainfrom
ChenXiaoming233:feat/tab-bar-liquid-glass

Conversation

@ChenXiaoming233

@ChenXiaoming233 ChenXiaoming233 commented Jul 28, 2026

Copy link
Copy Markdown

相关内容

背景

为 Mobile Vue TabBar 液态玻璃能力补充统一的 API 数据源,避免在组件仓手工维护生成文件。

主要改动

  • 新增 effect 属性:
    • 类型:'normal' | 'glass'
    • 默认值:'normal'
  • theme 新增 capsule 枚举值,用于共享移动胶囊选中态。
  • 将 Mobile Vue TabBar change 事件签名对齐为直接传递 value
    • 该调整与 Mobile Vue 现有运行时行为一致。
    • 不改变其他产品端的平台契约。
  • 同步更新:
    • SQLite 权威数据源
    • packages/scripts/api.json
    • TypeScript 类型
    • Vue Props
    • 中英文 API 文档

兼容性

  • effect 默认仍为 normal,现有调用行为不变。
  • 不新增运行时依赖。
  • onChange 修改是对 API 平台历史漂移的修正,不改变 Mobile Vue 现有事件行为。

验证

  • API 契约用例 6/6 通过
  • 连续生成结果幂等
  • pnpm lint
  • pnpm build
  • git diff --check

Changelog

  • feat(TabBar): 新增 Liquid Glass 材质选项和共享胶囊主题

- add the effect prop with normal and glass options
- add the capsule theme with a shared selection indicator
- emit the selected value directly from the Vue Mobile change event
- preserve the existing change event signature for other platforms
- sync the API database, JSON metadata, types, props, and documentation

feat(mobile-vue): 支持液态玻璃 TabBar API

- 新增 effect 属性,支持 normal 和 glass 两种材质效果
- 新增 capsule 主题,支持共享胶囊选中指示器
- Vue Mobile 的 change 事件改为直接传递选中值
- 保留其他平台现有的 change 事件参数签名
- 同步 API 数据库、JSON 元数据、类型、属性定义及中英文文档
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant