@tarojsx/ui

Taro3 UI

我们重新(zào)发(lún)明(zi) Taro UI

Built with 💜 by @Colder and Contributors

🌟 👀 ⚡ 💥

当前代码提交频繁, 一些特性时有变化.

Taro3 释放了 React 的潜能, 是时候对 Taro UI 进行改进了.

特性

• 🔌 一键安装, 使用上尽可能向后兼容.

• 🎬 复用 taro-ui 样式, 不改变组件外观.

• 🐙 扩展性更强, 许多原本只能传入字符串的地方, 现在可以传入组件了.

• 🔎 完善的 Typescript 类型提示.

• 🎁 开箱即用, 只需引入组件即可, 无需单独引入样式, 支持 Tree shaking.

• 🔭 未来计划引入更多常用的基础组件.

需求

• taro 3+
• react 16.8+

安装

npm i @tarojsx/ui

使用

import React from 'react'
import { Text } from '@tarojs/components'
import { List, ListHeader, ListItem } from '@tarojsx/ui'

export default () => {
    return (
        <List>
            <ListHeader title="Taro3 UI" />
            <ListItem title="版本" extra={<Text>0.2.0</Text>}>
                我们重新(zào)发(lún)明(zi)了 Taro UI
            </ListItem>
        </List>
    )
}

组件

源于 Taro UI

• [ ] Accordion
• [x] ActionSheet
  • [ ] 子组件
• [x] ActivityIndicator
• [ ] Article
• [x] Avatar
• [x] Badge
• [x] Button
• [x] Calendar
  • [ ] Swipe 操作
• [ ] Card
• [ ] Checkbox
• [ ] Countdown
• [ ] Divider
• [ ] Drawer
• [ ] Fab (已合并入 Button)
• [ ] Flex (使用率不高)
• [x] FloatLayout
• [x] Form
• [x] Grid
• [x] Icon
• [x] ImagePicker
• [ ] Indexes
• [x] Input
• [x] InputNumber
• [x] List
• [x] ListItem
• [x] Loading
• [ ] Loadmore
• [x] Message
• [ ] Modal
• [ ] NavBar
• [ ] Noticebar
• [ ] Pagination
• [ ] Picker
• [x] Progress
• [ ] Radio
• [ ] Rate
• [x] SearchBar
• [ ] SegmentedControl
• [ ] Slider
• [x] Steps
• [ ] SwipeAction
• [ ] Swiper
• [ ] Switch
• [x] TabBar
• [x] Tabs
  • [ ] Swipe 操作
• [x] TabsPane
  • [ ] Swipe 操作
• [x] Tag
• [x] Textarea
• [ ] Timeline
• [ ] Toast

扩展组件

• [x] CustomTabBar
• [x] ListHeader
• [x] Statistic

支持

欢迎各种形式的支持. 至少可以给颗星 ⭐

License

MIT