快捷按钮组件 - IkItemList

全局列表组件

props

<script lang="ts">
  export interface TList {
    label: String
    order?: number
    [key: string]: any
  }
</script>

props	类型	说明	默认值
list	Array as PropType< Array< TList>>	列表数据	[]
proxy	Object as PropType<{ label: string; value: string; }>	字段映射	{ label: 'label', value: 'value' }
search	Boolean	是否显示搜索栏	true
immediate	Boolean	默认选中第一条	true
tab	Boolean	是否使用tab模式	false
isCount	Boolean	是否显示数量	false
padding	String	padding值	'0 20px'
confirmLeave	Boolean	是否确认离开	false
confirmLeaveText	String	确认提示语	'当前配置未保存，是否确定切换？'
confirmBtnText	String	确认按钮显示文字	'确定切换'

事件

名称	说明	类型
select	点击某条数据触发	当前点击数据：(item: TList) => void

示例代码

<template>
  <!-- 示例 -->
  <IkItemList
    padding="0"
    :list="bussisList"
    :proxy="{ label: 'businessName', value: 'businessKey' }"
    @select="handSelect"
  />
</template>