@linkdesign/screen
TypeScript icon, indicating that this package has built-in type declarations

0.2.1 • Public • Published

@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图表
  • [ ] ......

媒体类

GIS类

其他

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

TODO List

  • [ ] ......

意见或建议

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

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

Dependents (0)

Package Sidebar

Install

npm i @linkdesign/screen

Weekly Downloads

17

Version

0.2.1

License

MIT

Unpacked Size

11.5 MB

Total Files

264

Last publish

Collaborators

  • h5devhoward
  • linkdesign