fix(Search): fixed disabled style error

Author: anlyyao

src/search/__test__/__snapshots__/index.test.js.snap

@@ -31,7 +31,7 @@ exports[`search Props :base 1`] = `
         <wx-input
           adjustPosition="{{true}}"
           alwaysEmbed="{{false}}"
-          class="t-input__keyword t-class-input"
+          class="t-input__keyword t-class-input "
           confirmHold="{{false}}"
           confirmType="search"
           cursor="{{0}}"

src/search/search.less

@@ -8,6 +8,7 @@
 @search-padding: var(--td-search-padding, 16rpx 24rpx);
 @search-placeholder-color: var(--td-search-placeholder-color, @text-color-placeholder);
 @search-icon-color: var(--td-search-icon-color, @text-color-placeholder);
+@search-disabled-text-color: var(--td-search-disabled-text-color, @text-color-disabled); // 输入框禁用态文本颜色
 @search-icon-font-size: var(--td-search-icon-font-size, 48rpx);
 @search-square-radius: var(--td-search-square-radius, @radius-default);
 @search-round-radius: calc(@search-height / 2);
@@ -62,6 +63,13 @@
       line-height: 48rpx;
     }
 
+    .@{prefix}-input--disabled {
+      color: @search-disabled-text-color;
+      cursor: not-allowed;
+      opacity: 1;
+      -webkit-text-fill-color: currentColor; // fix disabled color in iOS
+    }
+
     .@{prefix}-icon {
       color: @search-icon-color;
       font-size: @search-icon-font-size;

src/search/search.wxml

@@ -20,7 +20,7 @@
       name="input"
       maxlength="{{maxlength}}"
       disabled="{{disabled || readonly}}"
-      class="{{prefix}}-input__keyword {{prefix}}-class-input"
+      class="{{prefix}}-input__keyword {{prefix}}-class-input {{ disabled ? prefix + '-input--disabled' : ''}}"
       focus="{{focus}}"
       value="{{value}}"
       confirm-type="{{confirmType}}"