@linkdesign/screen

屏组件库

屏组件库，但使用场景又不局限于屏。主要用于BI、大盘和屏

安装

npm install @linkdesign/screen --save

使用

首先在应用的入口文件（entry）引入样式文件：

// In your entry
// 内部依赖 @alifd/next，但打包编译后的样式文件不包含 @alifd/next 的样式（避免样式覆盖导致的诸多问题）
// 如果没有引入，需要另外引入： import '@alifd/next/index.css';
import '@linkdesign/screen/lib/index.less';

使用组件：

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直播）
• [ ] ......

GIS类

• [x] GIS

其他

• [x] 全屏切换
• [x] 实时感知（雷达动画）
• [ ] 图形标记工具
• [ ] ......

TODO List

• [ ] ......

意见或建议

如果您有任何问题或建议，欢迎在 issues 中反馈

对组件库的建设有任何想法或建议，请联系：

• 翊安 ([email protected]、[email protected])