@riil-frontend/component-index-selector

这是一个指标选择列表

Usage no npm install needed!

<script type="module">
  import riilFrontendComponentIndexSelector from 'https://cdn.skypack.dev/@riil-frontend/component-index-selector';
</script>

README

指标选择

index-select-list

这是一个指标选择列表

API

IndexSelectList

参数 说明 类型 默认值
data 指标候选数据源 分组展示：[{id:"组 id",name:"分组名称",children:[{id:"指标 id",name:"指标名称"}]}]， 平铺展示： [{id:"指标 id",name:"指标名称"}] Array []
mode 指标选择模式

可选值:
'single', 'multiple'		 Enum 'single'
value 已选择的指标值 Array/String -
onChange 指标选在变化事件

签名:
Function(ids:Array) => void		 Function -
defaultExpandedKeys 默认展开折叠面,默认展开第一列,同折叠面板板 Array ['0']
expandedKeys 激活展开的折叠面,同折叠面板板 Array -
accordion 是否打开手风琴状,同折叠面板态 Boolean -
onExpand 折叠面板展开状态发生变化时候的回调

签名:
Function(ids:Array) => void ,同折叠面板		 Function -
searchPlaceholder 搜索框可描述输入字段预期值的提示信息 String '请输入指标名称'
dialogTitle 弹框头部描述文字 String '选择指标'
noDataPage 无数据页面样式 ReactNode -
isDialog 是否为弹框模式 Boolean true
onOk 点击弹框确定按钮模(ids:指标 id 数组)=>void function -
onCancel 点击取消按钮 function -
onClose 点击关闭图标 function -