fix:select多选placeholder无效, 将多选和单选搜索样式统一
Signed-off-by: forget skyrim <11513667+forget-skyrim@user.noreply.gitee.com>
This commit is contained in:
parent
5566ff9b09
commit
549375678e
@ -206,16 +206,22 @@ provide("searchMethod", props.searchMethod);
|
|||||||
<lay-tag-input
|
<lay-tag-input
|
||||||
v-if="multiple"
|
v-if="multiple"
|
||||||
v-model="multipleValue"
|
v-model="multipleValue"
|
||||||
|
v-model:input-value="searchValue"
|
||||||
:allow-clear="allowClear"
|
:allow-clear="allowClear"
|
||||||
:placeholder="placeholder"
|
:placeholder="placeholder"
|
||||||
:collapseTagsTooltip="collapseTagsTooltip"
|
:collapseTagsTooltip="collapseTagsTooltip"
|
||||||
:minCollapsedNum="minCollapsedNum"
|
:minCollapsedNum="minCollapsedNum"
|
||||||
:disabledInput="true"
|
:disabledInput="true"
|
||||||
:disabled="disabled"
|
:disabled="disabled"
|
||||||
|
:disabledInput="!showSearch"
|
||||||
:size="size"
|
:size="size"
|
||||||
:class="{ 'layui-unselect': true }"
|
:class="{ 'layui-unselect': true }"
|
||||||
@remove="handleRemove"
|
@remove="handleRemove"
|
||||||
@clear="handleClear"
|
@clear="handleClear"
|
||||||
|
@input-value-change="handleSearch"
|
||||||
|
@keyup.delete.capture.prevent.stop
|
||||||
|
@keyup.backspace.capture.prevent.stop
|
||||||
|
@keydown.enter.capture.prevent.stop
|
||||||
>
|
>
|
||||||
<template #suffix>
|
<template #suffix>
|
||||||
<lay-icon
|
<lay-icon
|
||||||
@ -247,16 +253,6 @@ provide("searchMethod", props.searchMethod);
|
|||||||
</lay-input>
|
</lay-input>
|
||||||
<template #content>
|
<template #content>
|
||||||
<dl class="layui-select-content">
|
<dl class="layui-select-content">
|
||||||
<div class="layui-select-search" v-if="multiple && showSearch">
|
|
||||||
<lay-input
|
|
||||||
size="sm"
|
|
||||||
prefix-icon="layui-icon-search"
|
|
||||||
:modelValue="searchValue"
|
|
||||||
:placeholder="searchPlaceholder"
|
|
||||||
@compositionstart="onCompositionstart"
|
|
||||||
@compositionend="onCompositionend"
|
|
||||||
@input="handleSearch"
|
|
||||||
></lay-input>
|
|
||||||
</div>
|
</div>
|
||||||
<template v-if="items">
|
<template v-if="items">
|
||||||
<lay-select-option
|
<lay-select-option
|
||||||
|
@ -300,12 +300,11 @@ defineExpose({
|
|||||||
</template>
|
</template>
|
||||||
</LayToopTip>
|
</LayToopTip>
|
||||||
</template>
|
</template>
|
||||||
<template v-if="!disabledInput">
|
|
||||||
<input
|
<input
|
||||||
ref="inputRefEl"
|
ref="inputRefEl"
|
||||||
class="layui-tag-input-inner-input"
|
class="layui-tag-input-inner-input"
|
||||||
:style="inputStyle"
|
:style="inputStyle"
|
||||||
:disabled="disabled"
|
:disabled="(disabled || disabledInput)"
|
||||||
:placeholder="placeholder"
|
:placeholder="placeholder"
|
||||||
:readonly="readonly"
|
:readonly="readonly"
|
||||||
@keydown.enter="handleEnter"
|
@keydown.enter="handleEnter"
|
||||||
@ -317,7 +316,6 @@ defineExpose({
|
|||||||
@compositionupdate="handleComposition"
|
@compositionupdate="handleComposition"
|
||||||
@compositionend="handleComposition"
|
@compositionend="handleComposition"
|
||||||
/>
|
/>
|
||||||
</template>
|
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
v-if="allowClear && tagData?.length && !disabled"
|
v-if="allowClear && tagData?.length && !disabled"
|
||||||
|
Loading…
Reference in New Issue
Block a user