open-index/open-npm huggingface dataset:
npm package: @riil-frontend/advanced-search-drawer
Description: 这是一个高级搜索专用的抽屉
Latest version: 2.0.4-a.2

# 高级搜索抽屉

advanced-search-drawer

这是一个高级搜索专用的抽屉

## API

| 参数名       | 说明                                                                                | 必填 | 类型        | 默认值   | 备注 |
| ------------ | ----------------------------------------------------------------------------------- | ---- | ----------- | -------- | ---- |
| visible      | 是否展开抽屉                                                                        | 是   | Boolean     | false    | -    |
| container    | DOM 节点或者 Refs                                                                   | 是   | HTMLElement | -        | -    |
| closeDrawer  | 关闭抽屉回调函数                                                                    | 否   | function    | -        | -    |
| buttonCells  | 抽屉底部按钮                                                                        | 否   | ReactNode   | -        | -    |
| isDivDrawer  | 判断是否使用使用绝对位置的抽屉，抽屉为传入容器的子元素                              | 否   | Boolean     | false    | -    |
| title        | 抽屉头部                                                                            | 否   | ReactNode   | 高级搜索 | -    |
| offset       | 弹层相对于 trigger 的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量 | 否   | Array       | [0, 0]   | -    |
| fixHeight    | 是否固定高度，当抽屉内部为表格时，遍于按照固定高度来实现表格高度计算                | 否   | Boolean     | false    | -    |
| canCloseByMask | 点击遮罩区域是否关闭弹层               | 否   | Boolean     | true   | -    |
| isDivDrawer | 是否开启自定义抽屉                                                               | 否   | Boolean       | false        | -    |
npm package: @riil-frontend/biz-auth-provider
Description: 操作鉴权组件
Latest version: 1.0.12

## CHANGELOG

-   2023/08/18 组件 reqFormat 参数，用于转换两种鉴权的 url 等参数
-   2022/03/1 组件支持 url 和 func 鉴权，统一调用方式；
-   2021/04/03 修改 children: PropTypes.element 为 any

# demo component

@riil-frontend/biz-auth-provider

## AuthProvider API

| 参数名    | 说明                                      | 必填 | 类型     | 默认值 | 备注                                                                  |
| --------- | ----------------------------------------- | ---- | -------- | ------ | --------------------------------------------------------------------- |
| request   | 数据请求方法                              | 是   | function | -      | -                                                                     |
| reqFormat | 数据请求格式化对象，在发送请求前调用      | 否   | object   | -      | `{ urls: (reqConfig) => reqConfig, funcs: (reqConfig) => reqConfig }` |
| funcs     | 鉴权的 id 集合                            | -    | Array    | -      | 可从 FUNC_ID 中获取                                                   |
| urls      | 鉴权的 url 集合                           | -    | Array    | -      | 传递给 cbb 接口做鉴权                                                 |
| deps      | effect 所依赖的值数组，变化时重新获取权限 | 否   | Array    | []     | -                                                                     |
| children  | 通过鉴权后显示的元素                      | 否   | node     | -      | -                                                                     |

## useAuth API

| 参数名    | 说明            |
| --------- | --------------- |
| request   | 同 AuthProvider |
| reqFormat | 同 AuthProvider |
| funcs     | 同 AuthProvider |
| urls      | 同 AuthProvider |
| deps      | 同 AuthProvider |

## useAuth Result

| 参数名  | 说明                 | 类型          |
| ------- | -------------------- | ------------- |
| isAuth  | 是否通过鉴权         | boolean       |
| loading | service 是否正在执行 | boolean       |
| query   | 重新进行鉴权         | () => Promise |
| error   | service 抛出的异常   |
| data    | service 返回结果     |

## FUNC_ID

| 常量 key                | 说明                                       |
| ----------------------- | ------------------------------------------ |
| centerEditResources     | 资源中心-编辑资源                          |
| addResource             | 数据仓库-添加资源                          |
| storeEditResources      | 数据仓库-编辑资源                          |
| deleteResource          | 数据仓库-删除资源                          |
| editMonitoringStrategy  | 监控配置-默认监控策略-编辑监控策略         |
| addMonitoringStrategy   | 监控配置-自定义监控策略-新建自定义监控策略 |
| editAggregationStrategy | 监控配置-聚合告警策略- 编辑出厂聚合策略    |
| addAggregationStrategy  | 监控配置-聚合告警策略- 新建自定义聚合策略  |
npm package: @riil-frontend/biz-function-authorization
Description: intro component
Latest version: 2.0.10

# demo component

component-function-auth

intro component

## ChangeLog
---- 2021.9.28 
1. 适配后端接口url调整；

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|   request     |   数据请求方法   | 是     |  function    |   -     |      |
|   roleId     |   角色id   | 是     |  string    |   -     |      |
|   onSaveCallback     |   执行保存按钮成功后的回调   | 否     |  function    |   -     |      |
|   onCancelCallback     |   执行取消按钮后的回调   | 否     |  function    |   -     |      |
|   submitTransformer     |   执行数据保存前的转换方法   | 否     |  function    |   -     |      |
|   requestOption     |   请求配置对象（预留扩展）   | 否     |  Object    |   {}     |   -  |
npm package: @riil-frontend/biz-resource-authorization
Description: intro component
Latest version: 2.2.14-a.35

# demo component

component-function-auth

intro component

## ChangeLog
---- 2023.06.15
1. 动态条件查看匹配结果厂商翻译

---- 2021.11.18

1. 模型接口、CMDB 接口适配；
2. 接口调用以及部分相关逻辑修改；
3. 列表使用的 IP、名称等属性 key 变更修改
4. 移除 cmdbService，新增 mdcService
   ---- 2021.8.28
5. 适配后端接口 restful 形式修改；

## API

| 参数名             | 说明                     | 必填 | 类型     | 默认值 | 备注                                                                                                                                                                                 |
| ------------------ | ------------------------ | ---- | -------- | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| request            | 数据请求方法             | 是   | function | -      |                                                                                                                                                                                      |
| roleId             | 角色 id                  | 是   | string   | -      |                                                                                                                                                                                      |
| topDrawerContainer | 顶部展开的抽屉的外层容器 | 否   | 元素对象 | -      | 新监控系统内置了页面 content 容器的 id 为`riil-layout-content-wrap`，取值顺序为 <br>`document.getElementById('riil-layout-content-wrap')`<br>`topDrawerContainer`<br>`document.body` |
npm package: @riil-frontend/com-utils
Description: com-utils
Author: cheetah
Latest version: 0.1.4-a.1

# com-utils

com-utils

通用方法工具类

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-color-select
Description: 添加数据组
Latest version: 1.0.0-a.1

# 配置器颜色选择

component-color-select

#组件使用说明

## Layout ，布局容器

| 属性      | 类型   | 说明         | 默认值 | 必填   |
| --------- | ------ | ------------ | ------ | ------ |
| value | Number |  当前选中的颜色序号| 0 | 非必填 |
|onChange | function | 颜色变化回调 | （value）=>{} | 非必填 |
| index | String | 表单索引（ 使用 Field 移除的标记 ）| - | 非必填 |
| remove |  function | 传 Field 表单的移除方法  | - | 非必填 |
| balloonProps | Object | Balloon 属性透传 | {} | 非必填 |
| popUpTitle | String | 弹层名字 | 选择指标颜色 | 非必填 |
npm package: @riil-frontend/component-column-config-cache
Description: intro component
Latest version: 1.0.4-alpha.1

# 列配置器(远程缓存)

column-config-cache

用于 Table 的列配置器

### 注意 maxSelectCount，minSelectCount 暂时不支持同时使用

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| -------------- | --------------------------------------------- | ---- | ------------------- | ------ | ------------------------------------------------------------------------ |
| columns | 列配置数据(table columns 的数据格式) | 是 | Array | - | ‘重置’操作的默认数据的来源，且不能通过 onChange 修改 |
| onChange | columns 更新后回调 | - | Function | (columns:Array) => {} | 点击‘确定’和修改 columns 均会触发 |
| isLocal | 是否仅启用本地列设置 | - | Boolean | false | 不开启远程缓存功能 |
| tableKey | 表格唯一标识 | - | String | - | 用于区分同一路径（pathname）下的多个表格，建议尽量填写 |
| request | ice 中请求方法实例 | 是 | Function | - | 默认取完整的 response 返回值 |
| responseInterceptors | request 返回值拦截器 | - | Function | - | 兼容不同全局拦截器场景，需返回 result |
| hasHide | onChange 中是否回传隐藏列 | - | Boolean | false | 默认接管表格的显隐功能；设置为 true 时需自行处理隐藏逻辑，且需将 hidden 等自定义字段过滤掉 |
| userId | 当前用户 id | - | String | - | 为空则自动通过 checkToken 接口获取 |
| maxSelectCount | 最大选择个数，不能和 minSelectCount 同时使用 | - | Number | - | 最多可勾选几项，达到后其他项禁用勾选。启动此属性后，全选按钮将被取消 |
| minSelectCount | 最少选择个数 ，不能和 maxSelectCount 同时使用 | - | Number | - | 最少可勾选几项，达到后其他项禁用取消勾选。启动此属性后，全选按钮将被取消 |
| buttonProps | 透传按钮属性 | - | Object | - | 透传按钮属性 |
| overlayProps | 透传 overlay 属性 | - | Object | - | 透传 overlay 属性 |
| iconProps | 透传 icon 属性 | - | Object | - | 透传 icon 属性 |


## column 数据

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| -------------- | ----------------- | ---- | ------- | ------ | ----------------------------------------- |
| dataIndex | table 的快速取值字段 | - | String | - | 列设置中的唯一标识 |
| title | table 的表头显示的内容 | - | String | - | 用于列设置的 label 展示 |
| titleNode(待定) | table 的表头显示的内容 | - | ReactElement/ReactNode/Function | - | 回传时将覆盖 title |
| hidden | 默认隐藏/显示该列 | - | Boolean | false |  |
| hiddenDisabled | 禁用该列的隐藏/显示操作 | - | Boolean | false |  |
| fixedIndex | 固定位置，不参与列设置 | - | Number | - | 忽略该列，并在返回时根据从大到小的顺序，正数插入头部，非正数插入尾部 |

## todo

- maxSelectCount，minSelectCount 优化
npm package: @riil-frontend/component-column-config-cache-drawer
Description: intro component
Latest version: 1.0.2

# 列配置抽屉组件（缓存）

column-config-cache-drawer

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| -------------- | --------------------------------------------- | ---- | ------------------- | ------ | ------------------------------------------------------------------------ |
| visible | 是否显示抽屉组件 | 是 | boolean | false |  |
| columns | 列配置数据(table columns 的数据格式) | 是 | Array | - | ‘重置’操作的默认数据的来源，且不能通过 onChange 修改 |
| onChange | columns 更新后回调 | - | Function | (columns:Array) => {} | 点击‘确定’和修改 columns 均会触发 |
| onClose | 抽屉关闭按钮回调 | - | ()=>{} |  |
| tableKey | 表格唯一标识 | - | String | - | 用于区分同一路径（pathname）下的多个表格，建议尽量填写 |
| userId | 当前用户 id | - | String | - | 为空则自动通过 checkToken 接口获取 |
| request | ice 中请求方法实例 | 是 | Function | - | 默认取完整的 response 返回值 |
| responseInterceptors | request 返回值拦截器 | - | Function | - | 兼容不同全局拦截器场景，需返回 result |
| configuratorProps | 透传 ColumnConfiguratorDrawer 属性 | - | Object | - |  |


## column 数据

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| -------------- | ----------------- | ---- | ------- | ------ | ----------------------------------------- |
| dataIndex | table 的快速取值字段 | - | String | - | 列设置中的唯一标识 |
| title | table 的表头显示的内容 | - | String | - | 用于列设置的 label 展示 |
| hidden | 默认隐藏/显示该列 | - | Boolean | false |  |
| hiddenDisabled | 禁用该列的隐藏/显示操作 | - | Boolean | false |  |
| fixedIndex | 固定位置，不参与列设置 | - | Number | - | 忽略该列，并在返回时根据从大到小的顺序，正数插入头部，非正数插入尾部 |
npm package: @riil-frontend/component-column-configurator
Description: 用于Table的列配置器
Latest version: 2.0.7

# 用于 Table 的列配置器

column-configurator

用于 Table 的列配置器
经配置器配置后的列数据，每条列数据内将被注入 hidden:boolean 属性，用以标识是否显示该列;列数据中写入 hiddenDisabled:true 属性，标记该列为禁止隐藏操作列。

###注意 maxSelectCount，minSelectCount 暂时不支持同时使用

## API

| 参数名         | 说明                                          | 必填 | 类型                | 默认值 | 备注                                                                     |
| -------------- | --------------------------------------------- | ---- | ------------------- | ------ | ------------------------------------------------------------------------ |
| columns        | 列配置数据                                    | -    | Array               | -      | Table 所需的列数据                                                       |
| onChange       | 点击确认后回调                                | -    | (columns:array)=>{} | -      | 点击 ok 后的回调函数                                                     |
| buttonProps    | 透传按钮属性                                  | -    | object              | -      | 透传按钮属性                                                             |
| overlayProps   | 透传 overlay 属性                             | -    | object              | -      | 透传 overlay 属性                                                        |
| iconProps      | 透传 icon 属性                                | -    | object              | -      | 透传 icon 属性                                                           |
| maxSelectCount | 最大选择个数，不能和 minSelectCount 同时使用  | -    | number              | -      | 最多可勾选几项，达到后其他项禁用勾选。启动此属性后，全选按钮将被取消     |
| minSelectCount | 最少选择个数 ，不能和 maxSelectCount 同时使用 | -    | number              | -      | 最少可勾选几项，达到后其他项禁用取消勾选。启动此属性后，全选按钮将被取消 |

## column 数据

| 参数名         | 说明              | 必填 | 类型    | 默认值 | 备注                                      |
| -------------- | ----------------- | ---- | ------- | ------ | ----------------------------------------- |
| hidden         | 隐藏/显示         | -    | boolean | false  | 不填写此属性，默认为显示该列              |
| hiddenDisabled | 禁用隐藏/显示操作 | -    | boolean | false  | 不填写此属性，默认为可以进行隐藏/显示操作 |
npm package: @riil-frontend/component-del-dialog
Description: 删除提示框
Latest version: 1.0.3

# DelDialog

@riil-frontend/component-del-dialog

删除操作的两种确认提示框

## API

### BalloonConfirm 气泡确认提示框 可通过修改 title 用于其他气泡确认功能

| 参数名       | 说明             | 必填 | 类型   | 默认值     | 备注 |
| ------------ | ---------------- | ---- | ------ | ---------- | ---- |
| trigger      | Balloon.tigger   | -    | any    | -          |      |
| balloonProps | Balloon 透传属性 | -    | object | -          |      |
| title        | 气泡框的标题     | -    | string | 确认删除？ |      |
| onOk         | 气泡框确定回调   | -    | ()=>{} | null       |      |
| onCancel     | 气泡框取消回调   | -    | ()=>{} | null       |      |

### openDelConfirm Riil 删除功能，规范化后的 Dialog 弹出方法

参数完全和 next Dialog.confirm 参数相同，这里只做了默认配置的设定：

{

  title: '删除',

  content: '删除后不可恢复，确定删除吗？',

  okProps: { children: '确定' },

  cancelProps: { children: '取消' },

  messageProps: {

​    type: 'warning',

  },

}

## CHANGE LOG
npm package: @riil-frontend/component-detail-drawer
Description: intro component
Latest version: 3.1.6

# demo component

component-detail-drawer

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|    visible    |   是否显示抽屉   | 是     |  boolean   |        |      |
|      subId  |  组件实例id   |   是   |   String   |   -     |      |
|      subType  | 组件类型     |   是   |    String  |    -    |      |
|   onClose     |   关闭抽屉回调   |  否    |  function   | ()=>{}>       |      |
|      request  |  ice请求对象   |    是  |  Object    |     -   |      |
|      isEdit  |   是否为编辑模式   |  否    |  Boolean    |   false     | uicbb组件使用     |
|      monitorSatusChange  |  取消加入监控回调   |  否    |  function    |   -     | -    |
npm package: @riil-frontend/component-disable-keyword-search
Description: 可禁用关键字的Search框
Latest version: 1.0.0-a.2

# DisableKeywordSearch

disable-keyword-search

可禁用关键字的 Search 框

## API

使用 Form 套用 Search 实现此功能

| 参数名        | 说明                 | 必填 | 类型      | 默认值                                                       |
| ------------- | -------------------- | ---- | --------- | ------------------------------------------------------------ |
| disableWords  | 被禁用的字符数组     |      | string[]  | ['\\','\'','%','"']                                          |
| searchProps   | 透传 Search 属性     |      | object    | {size: 'medium',placeholder: '请输入关键字',shape: 'simple'} |
| errorMessage  | 禁用提示信息         |      | string    | 关键字中不能包含特殊字符                                     |
| onSearch      | 搜索不包含执行回调   |      | value=>{} | -                                                            |
| onSearchError | 搜索包含禁用字符回调 |      | value=>{} | -                                                            |
npm package: @riil-frontend/component-exp-alarm-list
Description: intro component
Latest version: 1.0.0-a.22

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

# demo component

exp-alarm-list

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-exp-time-choser
Description: intro component
Latest version: 1.0.0-a.9

# demo component

exp-alarm-list

intro component

## API

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

# 导出组件


## API
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- 
|values|弹框表单值|否|Object|-||
|visible|是否打开弹框|否|Boolean|false||
|labelColFixedSpan|表单项Label区域宽度|否|number|3||
|dialogProp|dialog 组件属性|否|{}|-||
|onClose|点击关闭抽屉回调|否|function|()=>{}||
|dialogFormItems|FormItem 的属性配置|否|Object|{}||
|onExport|点击导出按钮 回调为 field 的内置方法见表单辅助工具Field组件 |否|Object|（field）=>{}||
|onChange|表单变化回调|否|function|（values）=>{}||
npm package: @riil-frontend/component-extra-title
Description: intro component
Latest version: 1.0.3

# 工具标题

extra-title

结合 title 与 extra，实现 标题栏右侧添加工具栏 功能，可结合折叠面板等组件一起使用

## API

| 参数名       | 说明                                      | 必填 | 类型             | 默认值 | 备注                                                                                                 |
| ------------ | ----------------------------------------- | ---- | ---------------- | ------ | ---------------------------------------------------------------------------------------------------- |
| title | 标题                          | 否   | ReactNode          | -  | -                                       |
| extra       | 标题栏附加内容(右侧工具类) | 否   | ReactNode | -      | 在标题栏右侧区域附加节点，通常为按钮或按钮组                                                                 |
| className   | 自定义类名                          | 否   | String         | -      | - |
npm package: @riil-frontend/component-file-import-com
Description: intro component
Latest version: 1.0.5

# 导入组件

@riil-frontend/component-file-import

导入组件

## CHANGE LOG

 - 2021-11-15 发布v1.0.1版 修改五边形样式问题

## 导入弹框API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|visible|打开导入弹框|否|Boolean |false||
|mode|单模版模式和多模版模式切换|否|Enum|single|multiple：多模版下载 ，single：单模版下载|
|title|  弹框标题  |   否|string|导入||
|templateText|弹框提示文字｜否|string|请先下载模板，需要依照模板导入，否则会失败。||
|buttonText|下载模版按钮文字|否|string|下载模板||
|listType|上传列表的样式|否|Enum|-|上传列表的样式 可选值:'text'(文字)'image'(图文)'card'(卡片)|
|accept|接受上传的文件类型 (image/png, image/jpg, .doc, .ppt) 详见 input accept attribute https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input#attr-accept |否|string|-||
|draggerText|拖拽框的提示文字 |否|string|点击此处选择文件或将文件拖拽至此处||
|draggerHint|文件格式提示文字 |否|string|仅xls、xlsx支持格式的文件||
|draggerError|文件上传失败校验文字 |否|string|-||
|selectedValues|已选择的值 |否|Array|[]||
|downloadTemplate|点击下载按钮 |否|Func|(selectedValues)=>{}||
|uploadProps|上传组件的属性 详见： https://fusion.design/50512/component/upload |否|{}||
|downLoadButtonProps|按钮属性透传|否|Object|{}||
|selectProps|select组件属性透传|否|Object|{}||

## 导入TipAPI
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- 
|visible|是否显示tip|否|Boolean|false||
|type|tip类型 |否|Enum|-|importing：导入中、success：导入成功、fail：导入失败、noData：无数数据|
|title|tip头部|否|string|-|-|
|content|内容区域|否|string|-|-|
|actionDesc|内容区域可点击文字内容|否|string|-|-|
|action|内容区域可点击文字回调方法|否|function|()=>{}|-|
|closeable|是否打开关闭按钮|否|function|true|-|
|onClose|点击关闭按钮|否|function|-|-|
npm package: @riil-frontend/component-footer-layout
Description: 底部栏布局组件
Latest version: 1.0.8

# 底部栏布局组件

footer-layout

底部栏布局组件 组件 children 为容器内容，footer 部分内容由 footer 属性以数组形式传入。
组件支持在 footer 中放置不同大小的组件，组件会根据总高度以及 footer 区高度，自动计算出内容区高度。

## API

| 参数名   | 说明                                                   | 必填 | 类型                           | 默认值                                        | 备注 |
| -------- | ------------------------------------------------------ | ---- | ------------------------------ | --------------------------------------------- | ---- |
| footer   | 贴底内容                                               | -    | [ReactNode]                    |                                               |      |
| align    | 对齐方式                                               | -    | string 'left'/'center'/'right' | 'center'                                      |      |
| boxProps | 底部组件 Box 属性透传.可自定义 footer 内容间距，对齐等 | -    | object                         | {align: 'center',spacing: 8,direction: 'row'} |      |
npm package: @riil-frontend/component-fusion-test
Description: 我是一个fusiondesign的流水线测试
Latest version: 1.0.2

# demo component

component-fusion-test

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-icon-select
Description: 图标选择器
Latest version: 2.0.4

# IconSelect

图标选择器，配合 next Icon 组件使用，待选列表和已选项为 Icon 组件的 type 值

## API

| 参数名       | 说明                     | 必填 | 类型         | 默认值 | 备注 |
| ------------ | ------------------------ | ---- | ------------ | ------ | ---- |
| onChange     | 组件选择触发回调         | -    | (value)=>{}  |        |      |
| value        | 图标选择值               | -    | string       |        |      |
| defaultValue | 初始值                   | -    | string       |        |      |
| iconList     | 图标下拉列表             | 必填 | [string]     |        |      |
| buttonProps  | 当前图标 Button 属性透传 | -    | ButtonProps  |        |      |
| overlayProps | 弹出层 overlay 属性透传  | -    | OverlayProps |        |      |
npm package: @riil-frontend/component-index-select-list
Description: 这是一个指标选择列表组件
Latest version: 1.0.0-a.1

# 选择指标列表组件

select-index-list

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

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-inset-frame
Description: intro component
Latest version: 0.0.2

# 嵌入页面组件

inset-frame

嵌入页面组件

## API

| 参数名       | 说明               | 类型     | 默认值    |
| ----------- | -----------------  | -------- | --------- |
| url   | 直接嵌入页面的url，等同于iframeProps.src，同时传时url优先级更高 | string |  - |
| iframeProps   | 透传给底层iframe的属性 | Object |  - |
| login       | 是否需要登陆，需要登陆时组件内会按照formProps中的配置进行请求 | Boolean | false  
| formProps   | 登陆时的表单属性 | Object |  - |
| formProps.url   | 登陆请求的路径 | string |  - |
| formProps.params   | 登陆请求的参数, {key:value} | Object |  - |
| formProps.method   | 登陆请求的提交方式 | string |  post |
npm package: @riil-frontend/component-link-flow-analysis
Description: 链路流量分析
Latest version: 1.0.0-a.6

# 链路流量分析

link-flow-analysis

链路流量分析页面

| 参数名  | 说明                | 必填 | 类型     | 备注 |
| ------- | ------------------- | ---- | -------- | ---- |
| id      | 链路的 id           | 是   | String   |      |
| setId   | 链路 Id 的 setState | 是   | function |      |
| request | 请求                | 是   | Object   |      |
npm package: @riil-frontend/component-md-editor
Description: intro component
Latest version: 0.5.0

# markdown编辑器组件

## MdEditor API

| 参数名       | 说明               | 类型     | 默认值    |
| ----------- | -----------------  | -------- | --------- |
| defaultValue   | 默认值 | string |  - |
| value   | 受控值 | string |  - |
| onChange       | value 变化监听 | (value: string) => void | -
npm package: @riil-frontend/component-metric-list
Description: intro component
Latest version: 1.0.5

# 这是指标列表组件

component-metric-list

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|   pageProps     |    组件配置  |  是    |   object   |   -     |   {resId:"资源id"}  |
|   config     |    页面配置及列配置信息  |  是    |   object   |   -     |   {userConfig:"列配置信息"}  |
|   request     |    请求对象  |  是    |   object   |   -     |   飞冰框架请求对象  |
|   isEdit     |    是否编辑模式  |  否    |   boolean   |   -     |     |
|   isEdit     |    是否编辑模式  |  否    |   boolean   |   -     |     |
npm package: @riil-frontend/component-more-buttons-menu
Description: 更多按钮转菜单
Latest version: 2.0.2

# 更多按钮转菜单

more-buttons-menu

更多按钮转菜单

## API

| 参数名        | 说明                                          | 必填 | 类型     | 默认值   | 备注 |
| ------------- | --------------------------------------------- | ---- | -------- | -------- | ---- |
| moreThreshold | 子元素超过该数量后，将出现下拉菜单            | N    | number   | 3        |      |
| moreText      | 下拉菜单展示文案                              | N    | string   | `"更多"` |      |
| moreProps     | 下拉菜单 props，详见 [MenuButton][menubutton] | N    | object   | `{}`     |      |
| popupProps    | 下拉弹层 props，详见 [Overlay][overlay]       | N    | object   | `{}`     |      |
| divIndex      | 分组分隔线位于第 divIndex 项之后              | N    | number[] | N        |      |

[menubutton]: https://fusion.design/gov/component/basic/menu-button
[overlay]: https://fusion.design/gov/component/basic/overlay

## 修改记录

1. 去除 jquery 依赖，使用 document 获取 dom -- 2021.6.3 -- cjj
2. 2.0.1 使用新的主题包，发布新包
npm package: @riil-frontend/component-network-topology-viewer
Description: 网络拓扑Viewer
Latest version: 0.0.10-alpha.1

# TopoView

- category: Components
- family: Util
- chinese: 拓扑组件
- type: 业务

---

展示与编辑拓扑图。

## 安装

```sh
npm install @riil-frontend/component-topology-graph --save
```

## 使用

```js
import TopoView from '@riil-frontend/component-topology-graph';

<TopoView
  data={DATA}
  onEvent={EVENT_HANDLER}
/>
```

### 方法

为满足组件使用者主动触发组件功能的需要，拓扑组件对外开放了一些函数。使用者可通过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-no-data-page
Description: 这是新监控无数据组件
Latest version: 3.0.4

# NoDataCom

no-data-page

这是新监控无数据组件

## API

| 参数名       | 说明                                                                                                    | 必填 | 类型      | 默认值     | 备注  |
| ------------ | ------------------------------------------------------------------------------------------------------- | ---- | --------- | ---------- | ----- |
| statusCode   | 图片下文本描述                                                                                          | 否   | String    | "暂无数据" | -     |
| imgSize      | 无数据图片尺寸,可选值：small、normal、large                                                             | 否   | String    | "normal"   | -     |
| onButtonBack | 展示按钮时，点击按钮回调方法                                                                            |      | 否        | func       | ()={} |
| imgSrc       | 图片资源 url 地址                                                                                       | 是   | String    | -          | -     |
| description  | 组件应用场景描述                                                                                        | 否   | String    | -          | -     |
| buttonDesc   | 按钮内文案描述                                                                                          | 否   | String    | -          | -     |
| customCom    | 暂无数据下个性化展示，可替换（组件中的 description 和 buttonDesc 按钮组合展示），插入自己个性化展示形式 | 否   | ReactNode | -          | -     |
| className    | 自定义类名                                                                                              | 否   | String    | -          | -     |
npm package: @riil-frontend/component-overlay-search
Description: 按钮触发悬浮出一个搜索框
Latest version: 1.0.1

# 按钮悬浮出搜索框

overlay-search

按钮触发悬浮出一个搜索框

功能描述：

1. 鼠标悬浮在按钮上，或点击按钮，弹出搜索组件
2. 若搜索组件未输入值，则鼠标离开或点击空白处，关闭搜索组件
3. 若搜索组件有输入值，则不关闭搜索组件
4. 搜索组件由外部传入 children 中

## API

| 参数名       | 说明                                                            | 必填 | 类型 | 默认值 | 备注 |
| ------------ | --------------------------------------------------------------- | ---- | ---- | ------ | ---- |
| overlayProps | Overlay 属性透传                                                |      |      |        |      |
| buttonProps  | 搜索按钮 Button 属性透传                                        |      |      |        |      |
| iconProps    | 按钮图标 Icon 属性透传                                          |      |      |        |      |
| mode         | 交互模式 hover/click                                            |      |      | hover  |      |
| children     | Search 组件实例或包含 Search 组件的组件，此处只支持放置一个组件 |      |      |        |      |
npm package: @riil-frontend/component-pager
Description: Pagination for riil
Latest version: 1.0.4

# riil Pagination

pager

Pagination for riil
next Pagination 组件订制开发，继承 Pagination 属性。

## API

| 参数名           | 说明             | 必填 | 类型    | 默认值 | 备注 |
| ---------------- | ---------------- | ---- | ------- | ------ | ---- |
| checkedLen       | 选中条数         | -    | number  | 0      |      |
| useDefaultConfig | 是否使用默认配置 |      | boolean | true   |      |
| onChange         | 组件变更回调     |      | func    | null   |      |
| current          | 当前页码         |      | number  | 1      |      |
| pageSize         | 每页条数         |      | number  | 10     |      |
| total            | 总条数           |      | number  | 0      |      |
| showChecked      | 是否显示选中文案 |      | boolean | true   |      |
npm package: @riil-frontend/component-pgcomponents-template
Description: intro component
Latest version: 1.0.0-a.1

# demo component

@riil-frontend/component-pgcomponents-template

页面生成器所构建的应用子组件。此组件为样例参考代码，生产环境中请不要安装使用

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-progress
Description: intro component
Latest version: 1.0.4

# 进度条

progress

进度条

## API

| 参数名     | 说明                                | 类型            | 默认值                             |
| ---------- | ----------------------------------- | --------------- | ---------------------------------- |
| percent    | 所占百分比                          | Number          | 0                                  |
| textRender | 文本渲染函数                        | Function        | percent => ${Math.floor(percent)}% |
| color      | 进度条颜色                          | Array           | ['#27BA67', '#FB4741']             |
| className  | 进度条样式名，支持覆写样式          | String          | -                                  |
| height     | 进度条高度，传给进度条 style.height | any             | 20                                 |
| type       | 进度条类型                          | 'normal'/'mini' | 'normal'                           |
npm package: @riil-frontend/component-public-func-auth
Description: 公共权限中的功能权限设置组件
Latest version: 1.0.0-a.5

# 公共权限-功能权限

@riil-frontend/component-public-func-auth

公共权限中的功能权限设置组件

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-req
Description: intro component
Latest version: 1.0.0-a.8

# demo component

req

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-res-type-selection
Description: 资源类型选择器
Latest version: 1.0.19

# 资源类型选择器

res-type-selection

资源类型选择器

## API

### 资源选择类型组件

| 参数               | 说明                                                                                                                                                                                                 | 必填 | 类型             | 默认值 | 备注 |
| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---- | ---------------- | ------ | ---- |
| data               | 资源候选数据源，数据源结构：[{id:String,icon:String,label:String,children:[{id:string,icon:string,parentId:"1",children:[{id:String,icon:String,label:String,count:String,parentId:String }]}]}]     | 是   | Array            | []     |      |
| selectedRes        | 已选资源类型                                                                                                                                                                                         | 否   | Array            | []     |      |
| isOpenSubCom       | 是否显示子组件                                                                                                                                                                                       | 否   | Boolean          | false  |      |
| mode               | 选择模式：`<br>`'single', 'multiple'`<br><br>`**可选值**:`<br>`'single', 'multiple                                                                                                       | 否   | String           | single |      |
| onChange           | 选择改变回调,回调参数为资源 id 数组,已选资源数据数组 selectedDatas，是否为打开子组件状态 checked，`<br><br>`**签名**:`<br>`Function(ids:Array,selectedDatas:Array,checked:Boolean) => void | 否   | Function         |        |      |
| isShowSwitch       | 主子资源切换 switch 是否显示                                                                                                                                                                         |      | Boolean          | true   |      |
| isShowAnchors      | 是否显示锚点导航                                                                                                                                                                                     |      | Boolean          | true   |      |
| isShowSearchSelect | 是否显示搜索选择框                                                                                                                                                                                   |      | Boolean          | true   |      |
| onDoubleClick      | 节点双击回调                                                                                                                                                                                         | 否   | （id,data）=>{}} | -      |      |
npm package: @riil-frontend/component-rich-text-com
Description: 这是一个富文本组件
Latest version: 1.0.0-a.2

# 富文本 Dmo

富文本 Dmo（暂存）

这是一个富文本组件框架（braft-editor）与团体现使用的 Fushion 组件结合使用 ReactHook 写的 Dmo

## 参考文档

https://braft.margox.cn/
npm package: @riil-frontend/component-riil-event-emitter
Description: 这是一个事件分发组件
Latest version: 1.0.29

# 消息推送

@riil-frontend/component-riil-event-emitter

石墨文档地址：https://shimo.im/docs/w89XjXWgRcWGHvw9/

背景： 现前端与后端服务整体连一个 websocket 服务，为满足各模块消息推送需求需求，前端做同接收推送消息，并将各模块消息同分发。

## websocket 协议

项目路径：/common/ws/{userToken}

报文：

```plain
{
  "module": "业务方标识", // notificaitonMessage
  "message": "json字符串"
}
```

## 前端事件分发机制

### 为什么不使用 window 中的事件

由于浏览器中的 window 自带的事件监听机制，对于多事件同时触发时会存在数据丢失问题，故不是使用 window 的事件监听

### 使用 eventemitter3 做事件分发

-   依赖包 npm 仓库地址：[https://www.npmjs.com/package/eventemitter3](https://www.npmjs.com/package/eventemitter3?fileGuid=w89XjXWgRcWGHvw9)

![图片](https://uploader.shimo.im/f/zT0tGC2YQcfhJVuV.png!thumbnail?fileGuid=w89XjXWgRcWGHvw9)

### 初始化事件推送

-   为满足事件推送可在 cbb 中使用，将事件推送放在 windows 上

![图片](https://uploader.shimo.im/f/c9nDtQfgNrmWvMMU.png!thumbnail?fileGuid=w89XjXWgRcWGHvw9)

### 开启动 websocket

![图片](https://uploader.shimo.im/f/ermf1tfh8rZcr5vr.png!thumbnail?fileGuid=w89XjXWgRcWGHvw9)

## 主工程各业务模块如何接收消息

-   添加事件监听（注意：无特殊需求，离开本模块请卸载监听，或使用提供的 hook 处理）

```plain
import { EE } from '@riil-frontend/component-riil-event-emitter';
import React, { useEffect } from 'react';
  useEffect(() => {
  EE.on("业务标识", "前端模块名（为区分同页面接收同一后端标识）",(data) => {//添加事件
         /**业务处理**/
    })
    return () => {
    EE.removeListener("业务标识", "前端模块名（为区分同页面接收同一后端标识）");
    };
  }, []);
```

-   取消监听事件

```plain
import { EE } from '@riil-frontend/component-riil-event-emitter';
import React, { useEffect } from 'react';
 
  useEffect(() => {
  EE.on("业务标识", "前端模块名（为区分同页面接收同一后端标识）",(data) => {//添加事件
         /**业务处理**/
    })
    return () => {
    EE.removeListener("业务标识", "前端模块名（为区分同页面接收同一后端标识）");
    };
  }, []);
```

-   自动卸载的 hook 如何使用

```plain
import { useEventListener } from '@riil-frontend/component-riil-event-emitter';
  
useEventListener("业务标识", {
    name:"前端模块名（为区分同页面接收同一后端标识）",//默认auto-name
    onMessage: (data) => {
       /**业务处理**/
    },
  });
```

## cbb 工程如何使用接收消息

-   添加事件监听

```plain
  useEffect(() => {
  window.EE?.on("业务标识", "前端模块名（为区分同页面接收同一后端标识）", (data) => {
         /**业务处理**/
    })
    return () => {
     window.EE?.removeListener("业务标识", "前端模块名（为区分同页面接收同一后端标识）");//添加事件
    };
  }, [])
```

-   取消事件监听

```plain
  useEffect(() => {
  window.EE?.on("业务标识", "前端模块名（为区分同页面接收同一后端标识）", (data) => {
         /**业务处理**/
    })
    return () => {
     window.EE?.removeListener("业务标识", "前端模块名（为区分同页面接收同一后端标识）");//添加事件
    };
  }, [])
```

-   自动卸载的 hook 如何使用

```plain
import { useCbbEventListener } from '@riil-frontend/component-riil-event-emitter';

useCbbEventListener("业务标识", {
   name:"前端模块名（为区分同页面接收同一后端标识）",//默认auto-name，
    onMessage: (data) => {
       /**业务处理**/
    },
  });
```

## 全模块推送使用(只要有消息就会走此标识符号)

```plain
import { useCbbEventListener } from '@riil-frontend/component-riil-event-emitter';

useCbbEventListener("all-module", {
   name:"前端模块名（为区分同页面接收同一后端标识）",//默认auto-name，
    onMessage: (data) => {
       /**业务处理**/
    },
  });
```

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @riil-frontend/component-riil-formily-rule-item
Description: Formily规则子组件
Latest version: 1.0.2

# Formily规则子组件

@riil-frontend/component-riil-formily-rule-item

规则树组件

## CHANGE LOG

 - 2023-5-25 发布v1.0.2版 修正部分样式变量
 - 2023-5-22 发布v1.0.1版 修正覆写next-btn时缺少的:active样式
 - 2023-5-16 发布v1.0.0版

## RiilRuleArrayCard API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
| max    | 条件最大数目，超过该数目后 -> 添加按钮隐藏        | -     | number | -    | -          |
| title  | 条件标题，组件内使用该值拼接阿拉伯数字序号作为标题| -     | string | 条件 | -          |
npm package: @riil-frontend/component-riil-icon
Description: 图标组件
Latest version: 1.0.6

# RiilIcon

适配原生 iconfont 图标库的 Icon 组件，为 next Icon 组件的扩展组件。透传 Icon 原有属性，扩展一个 iconfontHead 属性。

组件自动识别图标库是fusion原生或者是iconfont项目包

## API

| 参数名       | 说明                                                        | 必填 | 类型   | 默认值 | 备注                                   |
| ------------ | ----------------------------------------------------------- | ---- | ------ | ------ | -------------------------------------- |
| type         | next.Icon type 属性透传                                     | -    | string |        |                                        |
| size         | next.Icon size 属性透传                                     | -    | string |        |                                        |
| iconfontHead | 请使用 iconfont 站点下载字体包中，iconfont.css 中类名的前缀 | -    | string | icon-  | 默认使用iconfont新监控图标（临时）项目 |
npm package: @riil-frontend/component-riil-rule-tree
Description: intro component
Latest version: 1.0.4

# 规则树

riil-rule-tree

规则树

## API

| 参数名                | 说明                                                                                                                                                                                                                                                | 必填   | 类型  | 默认值                                          | 备注       |
| --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | ----- | ----------------------------------------------- | ---------- |
| initValues            | 配置项初始值                                                                                                                                                                                                                                        | -      | Array | [{ relation: 'and', children: [{ key: '1' }] }] | -          |
| fields                | 每一行表达式的配置                                                                                                                                                                                                                                  | 是     | Array | -                                               | -          |
| onChange              | 配置项改变的回调事件<br><br>**签名**:<br>Function(dataSource: Array, changeValues, index) => void<br>**参数**:<br>_dataSource_: {Array} 所有配置项的值<br>_changevalues_: {Array} 当前修改的配置项的值<br>_index_: {Array} 当前修改的配置项的 index | -      |  Function     | -                                               | -          |
| defaultAddRelation    | 新增条件组关系时的默认关系                                                                                                                                                                                                                          | - |   String    | 'and'                                           | 'and' 'or' |
| defaultAddFieldsValue | 新增条件组关系时的默认值                                                                                                                                                                                                                            | - |    Object   | { relation: 'and', children: [{ key: 1 }] }     | -          |
| ruleTreeProps | RuleTree组件属性透传                                                                                                                                                                                                                            |  -|    Object   | -     | -          |
npm package: @riil-frontend/component-row-delete-ballon
Description: 轻量删除提示
Latest version: 1.0.2

# riil RowDeleteBallon

RowDeleteBallon

RowDeleteBallon for riil

## API

| 参数名           | 说明             | 必填 | 类型    | 默认值 | 备注 |
| ---------------- | ---------------- | ---- | ------- | ------ | ---- |
| onDelete       | 确定按钮-回调         | -    | func  | -      |      |
| align | 气泡显示的位置，参照Balloon文档 |  -    | string | tr   |      |
| title         | 删除提示的标题     |   -   | string    | 确定删除？   |      |
| closable          | 右上角是否显示"X"         |  -    | boolean  | true      |      |
| record         | 行对象         |   -   | object  | -     |      |
| buttonProps            | 按钮属性透传          |    -  | object  | -      |      |
| isIconButton      | 是否为图标删除  |   -   | boolean | false   |      |
| iconType      | 删除图标的类型  |  -    | string | ashbin   |      |
| btnLabel      | 删除按钮的文本  |   -   | string | 删除  |      |
| balloonProps      | Balloon按钮属性透传  |   -   | -   |   -   |
| beforePopup      | 填出浮层前的拦截，返回true则弹出，否则不弹出  |  -    | func | () => true   |      |
npm package: @riil-frontend/component-rule-tree
Description: intro component
Latest version: 1.0.2-a.1

# 规则树

riil-rule-tree

规则树

## API

| 参数名                | 说明                                                                                                                                                                                                                                                | 必填   | 类型  | 默认值                                          | 备注       |
| --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | ----- | ----------------------------------------------- | ---------- |
| initValues            | 配置项初始值                                                                                                                                                                                                                                        | -      | Array | [{ relation: 'and', children: [{ key: '1' }] }] | -          |
| fields                | 每一行表达式的配置                                                                                                                                                                                                                                  | 是     | Array | -                                               | -          |
| onChange              | 配置项改变的回调事件<br><br>**签名**:<br>Function(dataSource: Array, changeValues, index) => void<br>**参数**:<br>_dataSource_: {Array} 所有配置项的值<br>_changevalues_: {Array} 当前修改的配置项的值<br>_index_: {Array} 当前修改的配置项的 index | -      |       | -                                               | -          |
| defaultAddRelation    | 新增条件组关系时的默认关系                                                                                                                                                                                                                          | String |       | 'and'                                           | 'and' 'or' |
| defaultAddFieldsValue | 新增条件组关系时的默认值                                                                                                                                                                                                                            | Object |       | { relation: 'and', children: [{ key: 1 }] }     | -          |
npm package: @riil-frontend/component-script-editor
Description: intro component
Latest version: 2.0.0

# 脚本编辑器组件（套用第三方：monaco-editor）

### **注意：本组件不支持一个可视区内，同时显示不同主题风格的多个编辑器。若使用，则组件的主题风格会被设置成最后渲染的组件的主题。**

支持的语言

```javascript
import { LANGUAGES } from "@riil-frontend/component-script-editor";
```

## ScriptEditor API

| 参数名           | 说明                                                       | 类型                    | 默认值 |
| ---------------- | ---------------------------------------------------------- | ----------------------- | ------ |
| value            | 值，必填                                                   | string                  | -      |
| onChange         | value 变化监听                                             | (value: string) => void | -      |
| className        | 类名                                                       | string                  | -      |
| language         | 编程语言，不传则以纯文本展示, 传入的值必需为支持的语言类型 | string                  | -      |
| readOnly         | 只读模式                                                   | bool                    | false  |
| theme            | 主题，支持设置'vs'、'vs-dark'、'hc-black'                  | string                  | vs     |
| options          | Monaco编辑器的其他配置                                     | Object                  | -      |
| isAutoCompletion | 是否启用全代码自动补全功能                                 | boolean                 | false  |

## 脚本Diff编辑器 ScriptDiffEditor API

| 参数名        | 说明                                                       | 类型   | 默认值 |
| ------------- | ---------------------------------------------------------- | ------ | ------ |
| value         | 最新的内容，必填                                           | string | -      |
| originalValue | 旧的内容，必填                                             | string | -      |
| className     | 类名                                                       | string | -      |
| language      | 编程语言，不传则以纯文本展示, 传入的值必需为支持的语言类型 | string | -      |
| theme         | 主题，支持设置'vs'、'vs-dark'、'hc-black'                  | string | vs     |
| options       | Monaco编辑器的其他配置                                     | Object | -      |