✨(component): select cascader colorpicker 等组件 disabled 效果优化

package/component/src/component/cascader/index.less

@@ -93,4 +93,9 @@
 
 .layui-cascader-menu-item .layui-icon-right{
   margin-left: 10px;
+}
+
+.layui-cascader-disabled,
+.layui-cascader-disabled * {
+  cursor: not-allowed !important;
 }

package/component/src/component/cascader/index.vue

@@ -3,7 +3,7 @@
     :size="size"
     :class="[
       'layui-cascader',
-      { 'layui-cascader-opend': openState, 'layui-disabled': disabled },
+      { 'layui-cascader-opend': openState, 'layui-cascader-disabled': disabled },
     ]"
   >
     <lay-dropdown
@@ -23,6 +23,7 @@
         suffix-icon="layui-icon-triangle-d"
         :placeholder="placeholder"
         :allow-clear="allowClear"
+        :disabled="disabled"
         :readonly="true"
         :size="size"
         @clear="onClear"
@@ -129,6 +130,7 @@ watch(
     initTreeData();
   }
 );
+
 watch(
   () => props.modelValue,
   () => {
@@ -154,8 +156,6 @@ const initTreeData = () => {
       };
     }
   }
-
-  //数据回显
   if (props.modelValue) {
     try {
       let valueData = props.modelValue.split(props.decollator);

package/component/src/component/colorPicker/index.less

@@ -377,4 +377,14 @@
   width: 150px;
   height: 30px;
   color: #666;
+}
+
+.layui-colorpicker-disabled {
+  opacity: 0.8;
+  border-color: var(--global-neutral-color-3) !important;
+}
+
+.layui-colorpicker-disabled,
+.layui-colorpicker-disabled * {
+  cursor: not-allowed !important;
 }

package/component/src/component/colorPicker/index.vue

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

package/component/src/component/tagInput/index.less

@@ -68,6 +68,7 @@
   &-disabled {
     cursor: not-allowed;
   }
+  
   &-disabled * {
     cursor: not-allowed;
   }