@riil-frontend/component-manage-metric-select

1.0.2 • Public • Published

监控指标选择 ManageMetrics

manage-metrics

ManageMetrics

主资源或者主资源组件的指标选择

ManageMetrics

value 字段的结构

const value = {
	metricList: [
		{
			code: 'A', //指标行的id(指标)
			resType: 'switch', //资产类型
			resId: '000000001a8f4818', //主资产实例id
			metricCode: 'ping_status/network.interface-COM-operate_status', //指标code
			comId: '000000001a8f4875', //组件资产实例id
			color: '$color-data3-2', //指标折线颜色
			isDisabled: true / false, //是否隐藏
		},
	],
	funcList: [
		{
			code: 'FN-0', //函数行的id(统计值)
			func: 'SUM/AVG', //函数类型
			formula: 'A,B', //函数计算的指标行id
			displayName: '求和', //函数统计后折线名
			color: '$color-data3-2', //指标折线颜色
			isDisabled: true / false, //是否隐藏
		},
	],
};

API

参数名 说明 必填 类型 默认值 备注
request 请求 any - -
comClassName 组件类名 string manage-metric-select -
onChange 组件指标改变时的回调函数

签名:Function(value: mixed, error: mixed) => void
参数:
value: {mixed} 指标行记录
error: {mixed} 表单返回的校验结果
function - -
value 组件的值(受控字段) object - value={{metricList:[],funcList:[]}}
maxMetricNum 添加指标最大值 number 5 -
maxFunNum 添加函数最大值 number 3 -
colorComProps 颜色组件属性 object colorComProps={dataSource: ['rgba(0,214,225,1)','rgba(0,161,255,1)','rgba(45,222,152,1)','rgba(131,188,9,1)','rgba(0,180,65,1)','rgba(0,180,154,1)','rgba(88,66,255,1)','rgba(142,67,231,1)','rgba(255,174,58,1)','rgba(255,76,127,1)','rgba(220,15,45,1)','rgba(116,142,166,1)',]} -
chartType 趋势图显示类型

可选值
'line':线形图
'bar':柱状图
'area':面积图
'scatter':散点图
string 'line' -
mode 趋势图内部选择显示

可选值
'single':单个组件形式
'combine':组合时序图
string 'single' 值为'combine'时显示可定义元素
theme 主题包 string 'theme-19926' -
isShowMsg 控制添加指标数和函数数的显示 boolean true -
onDeleteItem 指标删除事件

签名:Function(record: mixed) => void
参数:
record: {mixed} 行记录消息
Function - 可自定义删除事件
hasLoading 控制组件的 loading boolean false -
renderDom 自定义元素(mode 为'combine'时使用) ReactDOM - -
validatorMsg 自定义校验函数 function - -
onChangeFormula 组件函数改变时的回调函数

签名:Function(value: mixed, record: mixed,name:string) => boolean
参数:
value: {mixed} 函数表单值
record: {mixed} 函数行记录
name: {string} 校验名
function - 返回值为 true 即有非法输入
formulaText 函数表达式输入框提示信息 string - -
setLoading 外层整体 loading 控制 function - setState

Readme

Keywords

Package Sidebar

Install

npm i @riil-frontend/component-manage-metric-select

Weekly Downloads

3

Version

1.0.2

License

MIT

Unpacked Size

1.57 MB

Total Files

28

Last publish

Collaborators

  • riil-frontend