添加空选项提示

This commit is contained in:
icssoa
2025-10-17 23:22:31 +08:00
parent e1b746f38d
commit 13f8c8d51d
2 changed files with 21 additions and 1 deletions

View File

@@ -15,10 +15,19 @@
<slot name="prepend"></slot>
<view class="cl-select-popup__picker">
<cl-empty
v-if="noOptions"
:fixed="false"
:pt="{
className: '!h-[600rpx]'
}"
></cl-empty>
<cl-picker-view
:value="indexes"
:columns="columns"
@change-index="onChange"
v-else
></cl-picker-view>
</view>
@@ -38,7 +47,7 @@
>{{ cancelText }}</cl-button
>
<cl-button
v-if="showConfirm"
v-if="showConfirm && !noOptions"
size="large"
:pt="{
className: 'flex-1 !rounded-xl h-[80rpx]'
@@ -158,6 +167,11 @@ const ptTrigger = computed(() => parseToObject(pt.value.trigger));
// 解析弹窗透传样式配置
const ptPopup = computed(() => parseToObject(pt.value.popup));
// 是否为空选项
const noOptions = computed(() => {
return isEmpty(props.options);
});
// 当前选中的值
const value = ref<any[]>([]);