open-index/open-npm huggingface dataset:
npm package: @riil-frontend/component-select-can-edit-tags
Description: intro component
Latest version: 1.0.6

# SelectCanEditTags

select-can-edit-tags

组件由 next-Select 组件改造。

## API

| 参数名        | 说明                                 | 必填 | 类型                       | 默认值 | 备注 |
| ------------- | ------------------------------------ | ---- | -------------------------- | ------ | ---- |
| value         | 受控属性，组件值                     | -    | string[]                   | -      |      |
| defaultValue  | 组件初始化值                         | -    | string[]                   | []     |      |
| onChange      | 组件发生变化时回调                   | -    | (value)=>{} value:string[] | -      |      |
| disabled      | 组件是否禁用                         | -    | boolean                    | false  |      |
| inputProps    | 标签输入框属性透传                   | -    | object                     | {}     |      |
| errorValues   | 校验错误项数据，被标记项会显示为红色 | -    | string[]                   | []     |      |
| className     | 组件样式                             | -    | string                     | ''     |      |
| isOpenMessage | 重名选项下拉提示开关                 | -    | boolean                    | false  |      |
| onSame        | 重名选项回调                         | -    | ()=>{}                     | -      |      |
npm package: @riil-frontend/component-select-index
Description: 这是一个指标选择列表组件
Latest version: 1.0.0-a.1

# 选择指标列表组件

select-index-list

这是一个指标选择列表组件

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-select-index-list
Description: 这是一个指标选择列表组件
Latest version: 1.0.0-a.1

# 选择指标列表组件

select-index-list

这是一个指标选择列表组件

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-selectindexlist
Description: 这是一个指标选择列表组件
Latest version: 1.0.0-a.1

# 选择指标列表组件

select-index-list

这是一个指标选择列表组件

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-side-column-layout
Description: 侧栏目录布局组件
Latest version: 1.2.5

<!--
 * @场景: XXXX的场景使用
-->
<!--
 * @场景: XXXX的场景使用
-->
<!--
 * @场景: XXXX的场景使用
-->
# SideColumnLayout

@riil-frontend/component-side-column-layout

侧栏目录布局组件


侧栏目录布局
## CHANGE LOG

 - 2021-10-18 发布v1.0.0版
 - 2021-10-18 发布v1.0.1版 添加展开折叠功能
 - 2021-10-20 发布v1.0.2版 添加左侧最小宽与右侧最大宽限制、左右布局不采用参数方式传入，而是采用插槽的方式传入
 - 2021-10-25 发布v1.0.3版 修改鼠标经过拖着条显示左右箭头效果
 - 2021-12-01 发布v1.0.4版 修改拖动条样式问题
 - 2021-12-01 发布v1.0.5版 修改拖动条bar图标大小问题
 - 2021-12-07 发布v1.0.6版 修改拖动条bar自定义间距功能
 - 2023-05-29 发布v1.2.1版 配合1.4版本Fusion主题修改，样式和拖动效果调整
 - 2023-05-30 发布v1.2.4版 增加在1.0.10版本发布后丢失的left-open样式名
## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|---|
|leftWidth|左侧布局默认宽度(单位PX)|否|Number|240||
|maxWidth|左侧最大宽|否|Number|500||
|minWidth|左侧最小宽|否|Number|0||
|barMarginLeft|拖拽按钮距离右侧边距|否|Number|16||
npm package: @riil-frontend/component-storage
Description: storage
Latest version: 1.0.0-a.3

# storage

storage

storage

## API

### storage.setItem = ( sKey, sValue, sType) => {} 设置存储状态

| 参数名 | 说明     | 必填 | 类型         | 默认值             | 备注 |
| ------ | -------- | ---- | ------------ | ------------------ | ---- |
| sKey   | 状态 key | 必填 | string       | -                  |      |
| sValue | 状态值   | 必填 | any          | -                  |      |
| sType  | 状态 key | 必填 | storage.TYPE | storage.TYPE.LOCAL |      |

### storage.getItem = ( sKey, sType) => state 获取存储状态

| 参数名 | 说明     | 必填 | 类型         | 默认值             | 备注 |
| ------ | -------- | ---- | ------------ | ------------------ | ---- |
| sKey   | 状态 key | 必填 | string       | -                  |      |
| sType  | 状态 key | 必填 | storage.TYPE | storage.TYPE.LOCAL |      |

### setBrowserConfig = (config) => {} 设置配置

| 参数名 | 说明             | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---------------- | ---- | ---- | ------ | ---- |
| config | 要存储的配置数据 | 必填 | any  | -      |      |

### getBrowserConfig = () => config 获取配置

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-table-filter-tags
Description: 外部显示过滤项的tag标签
Latest version: 1.0.1

# TableFilterTags

table-filter-tags

外部显示过滤项的 tag 标签。此组件为完全受控组件。

## API

| 参数名       | 说明                               | 必填 | 类型                                     | 默认值 | 备注 |
| ------------ | ---------------------------------- | ---- | ---------------------------------------- | ------ | ---- |
| filters      | 列过滤配置数据(参看示例数据)       | 必填 | object                                   |        |      |
| colData      | table 列数据(参看示例数据)         | 必填 | []                                       |        |      |
| filterParams | 同 table 过滤数据受控属性          | 必填 | object(参看 Table 受控属性 filterParams) |        |      |
| onChange     | tag 标签关闭，清空筛选触发回调     | 必填 | (filterParams)=>{}                       |        |      |
| scrollSpd    | 箭头按钮执行滚动每次点击滚动像素数 | -    | number                                   | 50     |      |
npm package: @riil-frontend/component-table-layout
Description: 上面是过滤，中间，下面分页器的布局
Latest version: 2.0.5

# table layout for riil

table-layout

上面是过滤，中间 table，下面分页器的布局

## API

### TableLayout

| 参数名      | 说明                                                                                                                                     | 必填 | 类型 | 默认值 | 备注 |
| ----------- | ---------------------------------------------------------------------------------------------------------------------------------------- | ---- | ---- | ------ | ---- |
| topItem     | Table 上部整体 ReactNode。传入此属性，则 filterItems, optionItems 失效，被整体 topItem 代替                                              |      |      |        |      |
| filterItems | 左上角过滤类组件,需将子组件以数组的形式传入。不支持 ahooks 的的表单式过滤，若使用 ahook 表单式过滤，请使用 topItem 的方式自定义头部布局  |      |      |        |      |
| optionItems | 右上角设置类组件，需将子组件以数组的形式传入。不支持 ahooks 的的表单式过滤，若使用 ahook 表单式过滤，请使用 topItem 的方式自定义头部布局 |      |      |        |      |
| tags        | table 过滤功能标签组件                                                                                                                   |      |      |        |      |
| table       | table 组件                                                                                                                               |      |      |        |      |
| pagination  | 分页器                                                                                                                                   |      |      |        |      |
| wrapProps   | 最外层 dom 属性透传                                                                                                                      |      |      |        |      |

### TableLayout.resize

此方法用于某些组件内部状态变化，引发高度变化。比如 Select 的多选换行，导致高度发生变化。此时需调用 TableLayout.resize 方法，手动触发高度重新计算。（若更 resize 后显示非预期，可改为毫秒级延迟调用 TableLayout.resize）

## CHANGE LOG

-   2.0.3 适配滚动条样式修改
-   2.0.5 去掉 Mac 区分
npm package: @riil-frontend/component-tag-select
Description: Tab选择器
Latest version: 2.0.1

# Tab 选择器

tag-select

Tag 图片选择器

## API

| 参数名       | 说明                                            | 必填 | 类型              | 默认值 | 备注 |
| ------------ | ----------------------------------------------- | ---- | ----------------- | ------ | ---- |
| onChange     | 组件选择变更时回调,返回 tagList 对象中的 key 值 |      | (key)=>{}         |        |      |
| value        | 当前选择值 对应数据中的 key                     |      | string            |        |      |
| defaultValue | 默认值                                          |      | string            |        |      |
| tagList      | 组件数据列表                                    |      | [{key,label,img}] |        |      |
| imgPath      | 图片路径                                        |      | string            |        |      |
| imgHeight    | 图片高度                                        |      | number            |        |      |
| imgWidth     | 图片宽度                                        |      | number            |        |      |
| boxProps     | box 属性透传                                    |      | object            | {}     |      |
npm package: @riil-frontend/component-test-com-lsx
Description: intro component
Latest version: 1.0.0-a.1

# this

test-com-lsx

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-test-zu-jian-shang-chuan
Description: this is a test com
Latest version: 1.0.0-a.7

# Zujianshangchuan

test-zu-jian-shang-chuan

this is a test com

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-time-line
Description: 这是一个时间胶囊组件
Latest version: 1.0.25

---
order: 1
---
# 时间轴组件

@riil-frontend/component-time-line

这是一个时间胶囊组件
## 问题记录链接
https://doc.weixin.qq.com/txdoc/excel?docid=e2_ALAASAbRAHM9z3BLSAQRlOVrGxcnq&scode=AJIArwfLAAYlj7QjB9ALAASAbRAHM&type=1

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|  data   | 时间胶囊一页的数据     | 否     |  array     |   []    |      |
| onSelectTime  |  点击已选择的色块 <br> 签名: <br> (time:Number,Item:object,data:Object)=>{} <br> 入参： <br> time {Number} 当前选择的值 <br> item {object} 当前选择的值val和状态state <br> data {array} 当前页时间轴的数据[{val,state}] | 否  |  Function   |   无    |      |
| onPageChange  |  点击进行色块分页 <br> 签名；<br> (startTime:Number,endTime:Number,type:left|right)=>{} <br> 入参: <br> startTime {Number} 下一页的开始时间 <br> endTime {Number} 下一页的结束时间  | 否  |  Function   |   无    |      |
|  onCurrentTime   | 点击当前按钮 <br> 签名：<br> ()=>{}     | 否     |  Function     |      |      |
|  pageSize   | 每页色块数量     | 是    |  Number     |   60   |      |
|  interval  | 相邻色块的间隔     | 是   |  Number     |   60*1000   |  毫秒    |
|  disabledEndDate | 选择框失禁的结束时间     |   否 |  Number     |      |      |
|  disabledStartDate | 选择框失禁的开始时间     |    否|  Number     |      |      |
|  selectedTime | 当前选择的时间     |  否  |  Number     |      |      |
|  timeValue | 当前日期选择框选择的时间     |  否  |  Number     |      |      |
| stepLength | 日期刻度步长     |  否  |  Number     |  5    |      |
| showLeftScale | 是否展示左侧的刻度     |    | Boolean     |  true   |      |
| showRightScale | 是否展示右侧的刻度     |    |  Boolean     |  true   |      |
| onChangeTime | 日期选择框时间变化 <br> 签名: <br> (value:Moment)=>{} <br> 入参 :<br> value {Moment} moment 对象   |    |  Function     |     |      |
|  disableLeftPage   | 是否失禁左分页按钮，设置此属性组件内部不控制分页按钮状态    | 否     |  Boolean     |   -   |      |
|  disableRightPage   | 是否失禁右分页按钮，设置此属性组件内部不控制分页按钮状态     | 否     |  Boolean    |   -   |      |
|  dateFormat   | 日期格式     | 否     |  String    |   YYYY-MM-DD   |      |
|  timeFormat   | 时间格式     | 否     | String    |   HH:mm  |      |
|  onTimeOk   | 点击时间选择框确认按钮。<br> 签名： <br> (time:Moment)=>{} <br> 入参：<br> time {Moment} 点击确认时选择的时间   | 否     | String    |     |      |
npm package: @riil-frontend/component-topo-icon-select
Description: intro component
Latest version: 1.0.17

# demo component

topo-icon-select

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-topo-layer-setting
Description: intro component
Latest version: 1.0.26

# TopoLayerSet

topo-layer-set

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-topology
Description: 拓扑
Latest version: 12.1.9

# Topology 拓扑

- 图形基础能力
- 内置告警、指标推送和配置，可自定义实现
- 

### 安装

```sh
npm i @riil-frontend/component-topology --S
```

## 开发

- https://appworks.site/materials/guide/component.html#%E7%BB%84%E4%BB%B6%E5%B7%A5%E7%A8%8B%E9%85%8D%E7%BD%AE
- sonar扫描 sonar-scanner
npm package: @riil-frontend/component-topology-common
Description: 拓扑依赖项
Latest version: 1.1.4

# 拓扑依赖项

拓扑依赖项，所有文件从主工程对应目录迁移，请勿直接依赖使用

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-topology-graph
Description: Topo graph
Latest version: 4.0.7

# TopoView

- category: Components
- chinese: 拓扑组件
- type: UI

---

展示与编辑拓扑图。

## 安装

```sh
npm install @riil-frontend/component-topology-graph --save
```


### 方法

为满足组件使用者主动触发组件功能的需要，拓扑组件对外开放了一些函数。使用者可通过React Ref的方式获取组件的实例，进而调用开放的方法：

```js
import TopoView from '@riil-frontend/component-topology-graph';

const ref = useRef();

// In effects, event handler, etc.
ref.current.emitEvent(event); // Call exposed APIs

<TopoView
  ref={ref}
  data={DATA}
  onEvent={EVENT_HANDLER}
/>
```
npm package: @riil-frontend/component-topology-utils
Description: 拓扑相关接口
Latest version: 2.2.4

# 拓扑依赖项

拓扑依赖项，所有文件从主工程对应目录迁移，请勿直接依赖使用

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-zu-jian-shang
Description: this is a test com
Latest version: 1.0.0-a.10

# Zujianshangchuan

test-zu-jian-shang-chuan

this is a test com

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/gm-crypt
Description: ChineseGM
Latest version: 1.0.1

# 国密算法SM4

### Install

```
npm install @riil-frontend/gm-crypt
```

### SM4

#### Init

```js
const SM3 = require('@riil-frontend/gm-crypt').sm3
const SM4 = require('@riil-frontend/gm-crypt').sm4
```
npm package: @riil-frontend/hexagon
Description: 蜂巢图组件
Latest version: 1.0.13

<!--
 * @场景: XXXX的场景使用
-->
<!--
 * @场景: XXXX的场景使用
-->
<!--
 * @场景: XXXX的场景使用
-->
# hexagon

@riil-frontend/hexagon

蜂巢图组件

## CHANGE LOG

 - 2021-11-15 发布v1.0.1版 修改五边形样式问题
 - 2021-11-15 发布v1.0.2版 修改五边形宽度比例，调整间距

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|spaceBetween|间距|否|Number|3||
|mode|布局模式, cricle: 圆形布局, 由中心向外, rectangle: 矩形布局|否|String|circle||
|rowMaxLength|每行最多放多少个六边形|否|Number|10|圆形布局不支持|
|data|图形数据源|是|Array||例子:[{id: 1, name: "1", color: "#FF7570", mouseoverColor: "#FFA099"}]|
|KeyName|唯一ID属性名称|否|String|id||
|hexagonHeight|六边形高度|否|Number|30||
|onBalloonFormat|格式化气泡面板方法, 回调参数: dataItem: 数据的每一行|否|Functon|暂无提示面板||
|onClick|点击六边形事件, 回调参数: e:事件对象, dataItem: 数据的每一行|否|Functon|||
npm package: @riil-frontend/next-collapse
Description: intro component
Latest version: 1.0.1-a.0

# drag Collapse

collapse

基于 next collapse 组件封装了 dragDataSource onSort 两个属性，用来实现拖拽排序功能

## API

| 参数名       | 说明                                      | 必填 | 类型             | 默认值 | 备注                                                                                                 |
| ------------ | ----------------------------------------- | ---- | ---------------- | ------ | ---------------------------------------------------------------------------------------------------- |
| dragSortable | 是否支持拖拽排序                          | 否   | boolean          | false  | 只支持 dataSource 模式生成的折叠面板                                                                 |
| onSort       | 拖拽后，回调方法，传出排序后的 dataSource | 否   | (dataSource)=>{} | -      | 只支持 dataSource 模式生成的折叠面板                                                                 |
| dataSource   | 折叠面板数据模式                          | 否   | object[]         | -      | 若应用在拖拽模式，则需设置 key 属性，且 key 属性不应以数组序号定义，以避免拖拽后展开项不跟随拖拽生效 |
npm package: @riil-frontend/test-component
Description: intro component
Latest version: 1.0.0-a.1

# demo component

test-component

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/utils
Description: @riil-frontend/utils
Author: cheetah
Latest version: 1.0.47

# @riil-frontend/utils

@riil-frontend/utils

通用方法工具类

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-ucd/tree
Description: 这个一个UCD设计规范的树形组件
Latest version: 1.0.3

# 树形组件

tree

这个一个UCD设计规范的树形组件

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-ucd/tree1
Description: 这个一个UCD设计规范的树形组件
Latest version: 1.0.0

# 树形组件

tree

这个一个UCD设计规范的树形组件

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-uicbb/component-exp-alarm-list
Description: intro component
Latest version: 1.0.7

# demo component

exp-alarm-list

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-uicbb/component-exp-biz-list
Description: intro component
Latest version: 1.0.2

# demo component

exp-alarm-list

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-uicbb/component-exp-time-choser
Description: intro component
Latest version: 1.0.1

# demo component

exp-alarm-list

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-uicbb/component-res-alert-list
Description: 告警列表组件
Latest version: 1.0.0

# 告警列表

res-alert-list

告警列表组件


## CHANGE LOG

 - 2022-01-06 发布v1.0.0版

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|isEdit|是否使用假数据(UICBB专用)|否|Boolean|||
|request|ajax异步请求对象|否|Object|||
|jumpto|跳转回调函数,返回url回调参数|是|Function|||
|onConfigChange|设置保存回调函数|是|Function|||
|pageProps|页面属性对象|否|Object|||
|config|默认配置对象|是|Object|||
npm package: @riil-uicbb/uicbb-res-alert-list
Description: 告警列表组件
Latest version: 1.0.0

# 告警列表

res-alert-list

告警列表组件


## CHANGE LOG

 - 2022-01-06 发布v1.0.0版

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|isEdit|是否使用假数据(UICBB专用)|否|Boolean|||
|request|ajax异步请求对象|否|Object|||
|jumpto|跳转回调函数,返回url回调参数|是|Function|||
|onConfigChange|设置保存回调函数|是|Function|||
|pageProps|页面属性对象|否|Object|||
|config|默认配置对象|是|Object|||
npm package: @riil-wangle/namespace222
Description: intro component
Latest version: 1.0.1

# demo component

namespace

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |