open-index/open-npm huggingface dataset:
npm package: @linkdesign/screen
Description: 屏组件库，但使用场景又不局限于屏。主要用于BI、大盘和屏
Latest version: 0.2.1

# @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)
npm package: @linkdesu/moleculejs
Description: A typescript implementation for @nervosnetwork/molecule which is a compiler for serializing structured binary data on a blockchain named CKB.
Author: Link
Latest version: 1.1.1

# moleculejs

[![License](https://img.shields.io/github/license/linkdesu/moleculejs)](https://github.com/linkdesu/moleculejs/blob/develop/LICENSE)
[![License](https://img.shields.io/github/package-json/v/linkdesu/moleculejs)](https://github.com/linkdesu/moleculejs/releases)

This is command line tool for serializing structured binary data. It is implemented via typescript with a prebuilt `moleculec` 
as dependency. `moleculec` is an official compiler for molecule schema, its repository is [@nervosnetwork/molecule](https://github.com/nervosnetwork/molecule).
You may get the detailed encoding spec in there.


## Installation

The recommended way is installing as global package, then you may use the command `moleculejs` wherever you want.

```bash
npm i -g @linkdesu/moleculejs
```

After package installed, you need to download `moleculec` manually, with the following command:

```bash
moleculejs -d
```

⚠️ Download prebuilt from untrusted source is really dangerous, so I also provide a option to download from a custom source:

```bash
moleculejs -d --download-from https://url_to_a_prebuilt_moleculec
```


## Usage

- First, write molecule schema files with `.mol` suffix.
- Then, select a directory to store output typescript files.

Now, you could start compiling with the following commands:

```bash
moleculejs -i <path_of_schema_inputs> -f <path_of_ts_outputs>
```

> For more options please try `moleculejs -h` .

### Typescript Keywords

Here we have a simple convention which the name of types must be **PascalCase**, so moleculejs will not rename any of type's name. 
But if any field of struct or table conflict with typescript keywords, then moleculejs will add a underline at the end of it. 

For example: `new` will be rename to `new_` .


## TODO

- [ ] Add github workflow as ci process.
- [ ] Implement unit tests from [nervosnetwork/molecule](https://github.com/nervosnetwork/molecule/tree/master/test).
- [ ] Support customizable eslint configs.
- [ ] Improve console messages for a better experience.
- [ ] Support [Union](https://github.com/nervosnetwork/molecule/blob/master/docs/encoding_spec.md#union) data type.