[improvement] Search: support form-field (#480)

dist/search/index.js

@@ -1,4 +1,6 @@
 Component({
+  behaviors: ['wx://form-field'],
+
   externalClasses: ['custom-class', 'cancel-class'],
 
   options: {
@@ -12,12 +14,6 @@ Component({
     showAction: Boolean,
     useActionSlot: Boolean,
     placeholder: String,
-    value: {
-      type: String,
-      observer(currentValue) {
-        this.setData({ currentValue });
-      }
-    },
     background: {
       type: String,
       value: '#f2f2f2'
@@ -28,23 +24,19 @@ Component({
     }
   },
 
-  attached() {
-    this.setData({ currentValue: this.data.value });
-  },
-
   methods: {
     onChange(event) {
       this.triggerEvent('change', event.detail);
     },
 
     onCancel() {
-      this.setData({ currentValue: '' });
+      this.setData({ value: '' });
       this.triggerEvent('cancel');
       this.triggerEvent('change', '');
     },
 
     onSearch() {
-      this.triggerEvent('search', this.data.currentValue);
+      this.triggerEvent('search', this.data.value);
     },
 
     onFocus() {

dist/search/index.wxml

@@ -9,7 +9,7 @@
       left-icon="search"
       border="{{ false }}"
       confirm-type="search"
-      value="{{ currentValue }}"
+      value="{{ value }}"
       disabled="{{ disabled }}"
       readonly="{{ readony }}"
       maxlength="{{ maxlength }}"

packages/search/README.md

@@ -47,6 +47,7 @@ Search 支持自定义右侧取消按钮，使用名字为 action 的 slot 即
 
 | 参数 | 说明 | 类型 | 默认值 |
 |-----------|-----------|-----------|-------------|
+| name | 在表单内提交时的标识符 | `String` | - |
 | value | 当前输入的值 | `String | Number` | - |
 | background | 搜索框背景色 | `String` | `#f2f2f2` |
 | show-action | 是否在搜索框右侧显示取消按钮 | `Boolean` | `false` |

packages/search/index.js

@@ -1,4 +1,6 @@
 Component({
+  behaviors: ['wx://form-field'],
+
   externalClasses: ['custom-class', 'cancel-class'],
 
   options: {
@@ -12,12 +14,6 @@ Component({
     showAction: Boolean,
     useActionSlot: Boolean,
     placeholder: String,
-    value: {
-      type: String,
-      observer(currentValue) {
-        this.setData({ currentValue });
-      }
-    },
     background: {
       type: String,
       value: '#f2f2f2'
@@ -28,23 +24,19 @@ Component({
     }
   },
 
-  attached() {
-    this.setData({ currentValue: this.data.value });
-  },
-
   methods: {
     onChange(event) {
       this.triggerEvent('change', event.detail);
     },
 
     onCancel() {
-      this.setData({ currentValue: '' });
+      this.setData({ value: '' });
       this.triggerEvent('cancel');
       this.triggerEvent('change', '');
     },
 
     onSearch() {
-      this.triggerEvent('search', this.data.currentValue);
+      this.triggerEvent('search', this.data.value);
     },
 
     onFocus() {

packages/search/index.wxml

@@ -9,7 +9,7 @@
       left-icon="search"
       border="{{ false }}"
       confirm-type="search"
-      value="{{ currentValue }}"
+      value="{{ value }}"
       disabled="{{ disabled }}"
       readonly="{{ readony }}"
       maxlength="{{ maxlength }}"