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