<!--
|
* @Description:
|
* @version:
|
* @Author: chen jing wu
|
* @Date: 2023-04-28 17:45:47
|
* @LastEditors: chen jing wu
|
* @LastEditTime: 2023-04-28 17:46:06
|
-->
|
<template>
|
<li
|
role="presentation"
|
key={item.key}
|
class={itemClass}
|
data-id={item.key}
|
data-name={item.value}
|
onclick={handleClick}
|
>
|
<div class="slds-media slds-listbox__option slds-listbox__option_plain slds-media_small" role="option">
|
<span class="slds-media__figure">
|
<lightning-icon
|
icon-name="utility:check"
|
size="x-small"
|
alternative-text="Selected"
|
class="slds-icon slds-icon--selected slds-icon--x-small slds-icon-text-default slds-m-right--x-small"
|
>
|
</lightning-icon>
|
</span>
|
<span class="slds-media__body">
|
<span class="slds-truncate" title={item.value}>{item.label}</span>
|
</span>
|
</div>
|
</li>
|
</template>
|
