feat(ui/select): support arrow-icon

[filway]

Checklist

---

• Fix linting errors
• Tests have been added / updated (or snapshots)

Change information

---

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
varlet	✅ Ready (Inspect)	Visit Preview	Oct 25, 2022 at 9:53AM (UTC)
varlet-ui-playground	✅ Ready (Inspect)	Visit Preview	Oct 25, 2022 at 9:53AM (UTC)

[haoziqaq]

maybe the same as append-icon slot ?

[haoziqaq]

I suggest the name of the slot is arrow-icon, and needs to support scope parameters. otherwise, it is impossible to know whether to focus. The way I am expecting to use is as follows

<var-select>
  <template #arrow-icon="{ focus }">
     <var-icon :class="{ rotate: focus }"/>
  </template>
</var-select>

[haoziqaq]

And you should complete the type related definitions in packages/varlet-ui/types/select.d.ts

[haoziqaq]

thx bro~