✨(component): 新增 select 组件 searchPlaceholder 属性
This commit is contained in:
parent
2a898b4ff9
commit
15c95a90f2
@ -135,7 +135,11 @@ const showPassword = () => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="layui-input" :class="{'layui-input-has-prefix': slots.prefix || props.prefixIcon}" :size="size">
|
<div
|
||||||
|
class="layui-input"
|
||||||
|
:class="{ 'layui-input-has-prefix': slots.prefix || props.prefixIcon }"
|
||||||
|
:size="size"
|
||||||
|
>
|
||||||
<div class="layui-input-prepend" v-if="slots.prepend">
|
<div class="layui-input-prepend" v-if="slots.prepend">
|
||||||
<slot name="prepend"></slot>
|
<slot name="prepend"></slot>
|
||||||
</div>
|
</div>
|
||||||
|
@ -54,7 +54,4 @@
|
|||||||
|
|
||||||
.layui-select-search {
|
.layui-select-search {
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
.layui-input-prefix {
|
|
||||||
padding: 0 0 0 10px;
|
|
||||||
}
|
|
||||||
}
|
}
|
@ -28,6 +28,7 @@ export interface LaySelectProps {
|
|||||||
name?: string;
|
name?: string;
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
placeholder?: string;
|
placeholder?: string;
|
||||||
|
searchPlaceholder?: string;
|
||||||
showEmpty?: boolean;
|
showEmpty?: boolean;
|
||||||
emptyMessage?: string;
|
emptyMessage?: string;
|
||||||
modelValue?: any;
|
modelValue?: any;
|
||||||
@ -50,6 +51,7 @@ const props = withDefaults(defineProps<LaySelectProps>(), {
|
|||||||
placeholder: "请选择",
|
placeholder: "请选择",
|
||||||
showEmpty: true,
|
showEmpty: true,
|
||||||
emptyMessage: "请选择",
|
emptyMessage: "请选择",
|
||||||
|
searchPlaceholder: "请输入",
|
||||||
collapseTagsTooltip: true,
|
collapseTagsTooltip: true,
|
||||||
minCollapsedNum: 3,
|
minCollapsedNum: 3,
|
||||||
disabled: false,
|
disabled: false,
|
||||||
@ -188,8 +190,8 @@ provide("multiple", multiple);
|
|||||||
<div class="layui-select-search" v-if="multiple && showSearch">
|
<div class="layui-select-search" v-if="multiple && showSearch">
|
||||||
<lay-input
|
<lay-input
|
||||||
v-model="searchValue"
|
v-model="searchValue"
|
||||||
|
:placeholder="searchPlaceholder"
|
||||||
prefix-icon="layui-icon-search"
|
prefix-icon="layui-icon-search"
|
||||||
placeholder="请搜索"
|
|
||||||
size="sm"
|
size="sm"
|
||||||
></lay-input>
|
></lay-input>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user