@linkdesign/screen
Version:
屏组件库，但使用场景又不局限于屏。主要用于BI、大盘和屏
88 lines (60 loc) • 1.9 kB
Markdown
# @linkdesign/screen
屏组件库
屏组件库，但使用场景又不局限于屏。主要用于BI、大盘和屏
## 安装
```sh
npm install @linkdesign/screen --save
```
## 使用
首先在应用的入口文件（entry）引入样式文件：
```js
// In your entry
// 内部依赖 @alifd/next，但打包编译后的样式文件不包含 @alifd/next 的样式（避免样式覆盖导致的诸多问题）
// 如果没有引入，需要另外引入： import '@alifd/next/index.css';
import '@linkdesign/screen/lib/index.less';
```
使用组件：
```js
import { config, Title, BarChart } from '@linkdesign/screen';
const { _cssPrefix } = config;
```
## 能力一览
### 文本类
- [x] 标题
- [x] 子屏标题
- [x] 筛选按钮
- [x] 天气
- [x] 时间器
- [x] 指标
- [x] 轮播表格
- [x] 排序列表
- [x] 键值表格
- [ ] ......
### 图表类
***基于Echarts/G2/自定义***
- [x] 条形占比统计图（条形图）
- [x] 条形堆叠占比图（条形图）
- [x] 饼状标签占比图（饼图）
- [x] 环状占比统计图（环状图）
- [x] 环状堆叠占比图（环状图）
- [x] 仪表盘
- [x] echarts图表
- [x] g2图表
- [ ] ......
### 媒体类
- [ ] 图片
- [x] [视频（录像、rtmp直播）](https://www.npmjs.com/package/iotx-videoplayer)
- [ ] ......
### GIS类
- [x] [GIS](https://www.npmjs.com/package/@linkdesign/gis)
### 其他
- [x] 全屏切换
- [x] 实时感知（雷达动画）
- [ ] 图形标记工具
- [ ] ......
## TODO List
- [ ] ......
## 意见或建议
如果您有任何问题或建议，欢迎在 [issues](https://github.com/H5DevHoward/linkdesign-screen/issues) 中反馈
对组件库的建设有任何想法或建议，请联系：
- [翊安](dingtalk://dingtalkclient/action/sendmsg?spm=a2o8d.corp_prod_issue_list.0.0.6a88718cyxurWU&dingtalk_id=vtyx2bd) (howard.zh@alibaba-inc.com、h5devhoward@gmail.com)