index.md

beeshell

Table of contents

• Quick start
• Status
• Feature
• What's included
• Live demo

Quick start

• Install with npm: npm install beeshell

Status

Feature

• UI 样式的一致性和定制化。
• 通用性。主要使用 JS 来实现，保证跨平台通用性。
• 定制化。我们在比较细的粒度上对组件进行拆分，通过继承的方式层层依赖，功能渐进式增强，为在任意层级上的继承扩展、个性化定制提供了可能。
• 原生功能支持。组件库中的复合组件包含 Native 代码，支持图片选择、定位等原生功能，因有内部依赖，暂不开源。
• 功能丰富。不仅仅提供组件，还提供了基础工具、动画以及 UI 规范。
• 完善的文档和使用示例。

What's included

组件

通用

• Button 按钮
• Icon 按钮

导航

• NavigationBar 导航条
• Dropdown 下拉菜单

数据录入

• Form 表单
• Input 输入框
• Radio 单选
• Checkbox 多选
• Switch 开关
• Slider 滑块
• Rate 评分
• Stepper 计步器
• Scrollpicker 滚动选择
• Datepicker 日期选择
• Timepicker 时间选择
• Calender 日历
• Cascader 级联选择

数据展示

• Progress 进度条
• Badge 徽章
• Tab 标签页
• Tag 标签
• TreeView 树形结构组件
• Longlist 长列表

操作反馈

• Modal 模态框
• Dialog 对话框
• Tip 提示信息弹框
• SlideModal 滑动弹框
• Actionsheet 行动面板
• BottomModal 半页弹框
• Popover 弹出框
• Picker 筛选器
• Topview 顶层视图

其他

• Ruler 刻度尺

复合组件（包含 Native 部分）

因 Native 部分有内部依赖，该部分暂不开源

基础工具

• 定制主题
• 动画
• JS Utils
• Form 校验
• Tree 树形结构处理

Live demo

• 下载美团 APP（iOS、Android 都可以）
• 进入首页，点击右上角“+”号，选择“扫一扫”，扫描下面二维码