关于 Select 选择器组件开发相关

[Tyh2001]

Select 选择器

说明

选择器包含两个组件 f-select 和 f-option

设计稿

https://www.figma.com/file/uuSEkcnUzwYs96IUpP3Gch/Select-%E9%80%89%E6%8B%A9%E5%99%A8?node-id=0%3A1

参考资料

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select

Select Attributes

• modelValue / v-model 绑定值
• disabled 是否禁用
• readonly 是否只读
• clear 是否可清空
• placeholder 占位符
• name 原生 name 参考
• multiple 是否可以多选，参考
• size 尺寸 large middle small mini
• show-size 每次可以展示几个选项（原生 size 属性）
• clear-icon 自定义清空 icon
• arrow-icon 自定义箭头 icon
• text-color 文字颜色
• change 当绑定值改变时触发
• clear 点击清空按钮时触发
• blur 失去焦点时触发
• focus 获得焦点时触发

Select Slots

• default 默认插槽
• clear-icon 自定义清空样式
• arrow-icon 自定义箭头样式

Option Attributes

• value 绑定的值
• icon 自定义 icon 前缀
• color 自定义文字颜色
• hover-background 自定义 hover 状态的背景色
• bold 是否加粗文字

Option Slots

• default 默认插槽绑定的值

[Tyh2001]

由 https://github.com/Chang-Hai 进行开发