0.1.3 • Published 1 year ago
tantalum-ui-mobile-react v0.1.3
tantalum-ui-mobile-react
基于 React 移动端组件库。
简介
前言
- 该组件库是基于 TantalumUI 的 React 实现。
- 现阶段现学现写的，所以不具备用于生产的条件，组件库会不断完善。
- 该版本会尽量抽出非框架逻辑，以做到和 tantalum-ui-mobile 的共用。
- 该版本尽量属性参数和接口的设计对齐 tantalum-ui-mobile，但是由于框架不同，使用有些许不同：
| 属性 | Vue | React |
|---|---|---|
| 事件 | <AkCell @closeClick="foo" /> | <AkCell onCloseClick={foo} /> |
| 默认插槽 | <AkCell>插槽内容</AkCell> | <AkCell>插槽内容</AkCell> |
| 其他插槽 | <AkCell><template #icon>插槽内容</template></AkCell> | <AkCell renderIcon={() => (<>{ '插槽内容' }</>)} /> |
| 带参数默认插槽 | <AkCell><template #default="data">{{ data }}</template></AkCell> | <AkCell>{(data) => (<>{ data }</>)}</AkCell> | <AkCell render={(data) => (<>{ data }</>)} /> |
| 带参数其他插槽 | <AkCell><template #icon="data">{{ data }}</template></AkCell> | <AkCell renderIcon={(data) => (<>{ data }</>)} /> |
特性
- 提供 70+ 套组件，覆盖移动端各类场景
- 支持主题定制
- 支持黑暗模式
- 支持国际化
- 支持 TypeScript
支持环境
- Android 5.0+
- iOS 10.0+
- Node.js 12.0+
框架版本
- react >= 16.9.0 & < 18.0.0
- react-dom >= 16.9.0 & < 18.0.0
安装
# npm
npm i -S tantalum-ui-mobile-react
# yarn
yarn add tantalum-ui-mobile-react
# pnpm
pnpm add tantalum-ui-mobile-react