select下拉框组件 ​

https://element-plus.org/zh-CN/component/select.html

Hidden Title ​

属性事件插槽简介 ​

基础用法 ​

主题（theme 默认值：default） ​

通常用法 ​

高度（height，默认值：''） ​

使用 height="40" 设置像素高度，或在有明确高度的父容器中使用 height="100%" 填满父容器。支持数字、px、rem、百分比等 CSS 长度；父容器高度为 auto 时，百分比不能自动撑满。

尺寸 ​

多选--隐藏多余标签的多选 ​

调用change方法 ​

遍历调用change方法 ​

集成绝大部分属性和方法 ​

customLabel自定义显示label ​

解析html ​

插槽 ​

disabled, 设置选项不允许选择 ​

table单选 ​

table多选 ​

直接传入选项 ​

未传 options 时，可以在默认插槽中直接传入 el-option。这种写法支持 v-model、多选、快速切换以及 el-select 的原生属性和事件，快速切换会自动跳过禁用选项；全选、反选和包含完整选项上下文的 changeSelect 依赖 options 数据，使用这些功能时仍应采用 options 写法。

快速切换按钮（showQuick 默认值：true） ​

showQuick 可选 true / false，默认值为 true。基础写法：<s-select :options="[]" />，空选项时也显示上下按钮；设置 :show-quick="false" 隐藏按钮。

空选项占位文案（emptyPlaceholder 默认值：暂无数据） ​

基础写法：<s-select :options="[]" empty-placeholder="暂无可选服务" />。emptyPlaceholder 支持任意字符串（包括空字符串），默认值为 暂无数据。

上边框标题 top-title（默认值：空字符串） ​

使用 top-title 将标题嵌入选择框上边框；原有 title 仍显示在左侧前缀。基础写法：<s-select v-model="value" :options="options" top-title="显示" :show-quick="false" width="300" />。

属性 ​

事件 ​

命名事件函数需要显式标注类型，TypeScript 无法从模板事件反向推断脚本区函数参数。组件库已导出 SSelectChangeContext：

import type { SSelectChangeContext } from 'sybz-components'

function changeSelect({ value, label, option, index }: SSelectChangeContext) {
  console.log(value, label, option, index)
}

import type { SSelectChangeContext } from 'sybz-components'

function changeSelect({ value, label, option, index }: SSelectChangeContext) {
  console.log(value, label, option, index)
}

说明 ​

• 组件基于 el-select 封装，绝大多数原生属性都可以直接透传。
• 多选模式下支持全选、反选和上下快速切换；全选栏中除反选按钮外的任意位置均可切换全选状态。在 s-form 中，多选框与快速切换按钮会随标签换行一起增高。
• 默认推荐使用 options 配置；未传 options 时，也支持在默认插槽中直接书写 el-option。