<script setup lang="ts">
import { ref } from 'vue';

import { Select } from '@arco-design/web-vue';
import { useSelectionStore } from '@/store';
import { storeToRefs } from 'pinia';

const { getUserOptions } = storeToRefs(useSelectionStore());

const loading = ref<boolean>(false);
const fieldName = { value: 'id', label: 'nick_name' };
</script>

<template>
  <Select
    v-bind="$attrs"
    placeholder="请选择"
    :loading="loading"
    :multiple="true"
    :options="getUserOptions"
    :field-names="fieldName"
    :allow-search="true"
    :virtual-list-props="{ height: 200 }"
  />
</template>

<style scoped lang="less"></style>