Thinking UI 组件库

WARNING

基于奥哲移动端旧版组件库h3-mobile-vue进行重新梳理，

实现了规范统一，逐步形成适用于奥哲的移动组件库。

旧版组件h3-mobile-vue与新版@h3/thinking-ui之间，会有许多破坏性的修改；

两者并不能兼容，所以需要参考迁移文档，对组件进行升级；

@h3/thinking-ui@1.2.0+ 版本已经移除了 mixins:px2rem 的使用，同时调整设计稿为375 * 667

组件可用性

2.0 版本，优先选择一些常用的组件进行重构；

重构后的组件，已彻底抛弃旧版本，API 也进行了重新设计，也提供了详细的文档；

但是就需要大家做业务上的迁移，每个组件都提供了详细的 迁移 文档。

列状态 : Done(完成),Doing(进行中),Todo(准备进行)

• 逻辑重构: 逻辑梳理，精简冗余代码
• 设计规范：遵循奥哲设计规范不断调整组件的样式
• 单元测试：基本功能测试点覆盖
• 接入业务组：试错，业务组反馈，优化调整
• 稳定可用：前四个没问题，这个就是稳定

组件名	逻辑重构	设计规范	单元测试	接入业务组	稳定可用
h3-button	Done	Doing	Todo	Todo	Todo
h3-modal	Done	Doing	Todo	Doing	Todo
h3-toast	Done	Doing	Todo	Todo	Todo
h3-popup	Done	Doing	Todo	Todo	Todo
h3-popup-modal	Done	Doing	Todo	Todo	Todo
h3-action-sheet	Done	Doing	Todo	Todo	Todo
h3-picker	Done	Doing	Todo	Todo	Todo
h3-cascade-picker	Done	Doing	Todo	Todo	Todo
h3-area-picker	Done	Doing	Todo	Todo	Todo
h3-datetime-picker	Done	Doing	Todo	Todo	Todo
h3-search-bar	Done	Doing	Todo	Todo	Todo
h3-accordion	Done	Doing	Todo	Todo	Todo
h3-field	Done	Doing	Todo	Todo	Todo
h3-image-viewer	Done	Doing	Todo	Todo	Todo
h3-checkbox	Done	Doing	Todo	Todo	Todo
h3-radio	Done	Doing	Todo	Todo	Todo
h3-input	Done	Doing	Todo	Todo	Todo
h3-textarea	Done	Doing	Todo	Todo	Todo
h3-avatar	Done	Doing	Todo	Todo	Todo
h3-switch	Done	Doing	Todo	Todo	Todo
h3-notice-bar	Done	Doing	Todo	Todo	Todo
h3-org	Done	Doing	Todo	Doing	Todo
h3-calendar	Done	Doing	Todo	Todo	Todo
h3-badge	Done	Doing	Todo	Todo	Todo
h3-tab-bar	Done	Doing	Todo	Todo	Todo
h3-tab	Done	Doing	Todo	Todo	Todo
h3-swiper	Done	Doing	Todo	Todo	Todo
h3-field-picker	Done	Doing	Todo	Todo	Todo
h3-list	Done	Doing	Todo	Todo	Todo
h3-nav-bar	Done	Doing	Todo	Todo	Todo
h3-upload	Done	Doing	Todo	Todo	Todo

弃用的组件

以下组件经过评估，决定弃用，之前也没使用过。

• Cell 单元格
• Group 分组
• Dialog 对话框
• InlineDesc 行内描述
• ActivityIndicator 活动指示器

其他

组件库中通过less的mixins:px2rem来实现对移动端适配，

之后将修改成通过postcss插件来进行转换，开发更加简便。

@h3/thinking-ui@1.2.0+ 版本已经移除了 mixins:px2rem 的使用，同时调整设计稿为375 * 667