🐛(select): 修复多选模式下 disabled 属性失效

This commit is contained in:
就眠儀式
2022-10-24 09:36:50 +08:00
parent 5646ae298e
commit 326dc13ec3
7 changed files with 56 additions and 10 deletions

View File

@@ -1,7 +1,10 @@
<template>
<div
:size="size"
:class="['layui-cascader', { 'layui-cascader-opend': openState, 'layui-disabled': disabled }]"
:class="[
'layui-cascader',
{ 'layui-cascader-opend': openState, 'layui-disabled': disabled },
]"
>
<lay-dropdown
ref="dropdownRef"

View File

@@ -411,7 +411,10 @@ function hex2rgba(s: any) {
:contentStyle="contentStyle"
updateAtScroll
>
<div class="layui-unselect layui-colorpicker" :class="[{'layui-disabled': disabled}]">
<div
class="layui-unselect layui-colorpicker"
:class="[{ 'layui-disabled': disabled }]"
>
<span>
<span
class="layui-colorpicker-trigger-span"

View File

@@ -146,7 +146,8 @@ const searchList = (str: string, container: any) => {
updateAtScroll
>
<div
class="layui-inline layui-border-box layui-iconpicker layui-iconpicker-split" :class="[{'layui-disabled': disabled}]"
class="layui-inline layui-border-box layui-iconpicker layui-iconpicker-split"
:class="[{ 'layui-disabled': disabled }]"
>
<div class="layui-inline layui-iconpicker-main">
<i class="layui-inline layui-icon" :class="[selectedIcon]"></i>

View File

@@ -121,7 +121,10 @@ const onCompositionend = (event: Event) => {
};
const classes = computed(() => {
return { "layui-input-disabled": props.disabled, 'layui-input-has-prefix': slots.prefix || props.prefixIcon };
return {
"layui-input-disabled": props.disabled,
"layui-input-has-prefix": slots.prefix || props.prefixIcon,
};
});
const showPassword = () => {
@@ -134,11 +137,7 @@ const showPassword = () => {
</script>
<template>
<div
class="layui-input"
:class="classes"
:size="size"
>
<div class="layui-input" :class="classes" :size="size">
<div class="layui-input-prepend" v-if="slots.prepend">
<slot name="prepend"></slot>
</div>

View File

@@ -190,6 +190,7 @@ provide("multiple", multiple);
:collapseTagsTooltip="collapseTagsTooltip"
:minCollapsedNum="minCollapsedNum"
:disabledInput="true"
:disabled="disabled"
:size="size"
:class="{ 'layui-unselect': true }"
@clear="handleClear"

View File

@@ -181,7 +181,7 @@ const components: Record<string, Plugin> = {
LaySpace,
LayTag,
LayTagInput,
LayTreeSelect
LayTreeSelect,
};
const install = (app: App, options?: InstallOptions): void => {