diff --git a/dist/search/index.js b/dist/search/index.js index 4c68acc8..e92094c3 100644 --- a/dist/search/index.js +++ b/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() { diff --git a/dist/search/index.wxml b/dist/search/index.wxml index ea062c3b..04b18d49 100644 --- a/dist/search/index.wxml +++ b/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 }}" diff --git a/packages/search/README.md b/packages/search/README.md index d2c3a3c2..d8761f6e 100644 --- a/packages/search/README.md +++ b/packages/search/README.md @@ -47,6 +47,7 @@ Search 支持自定义右侧取消按钮,使用名字为 action 的 slot 即 | 参数 | 说明 | 类型 | 默认值 | |-----------|-----------|-----------|-------------| +| name | 在表单内提交时的标识符 | `String` | - | | value | 当前输入的值 | `String | Number` | - | | background | 搜索框背景色 | `String` | `#f2f2f2` | | show-action | 是否在搜索框右侧显示取消按钮 | `Boolean` | `false` | diff --git a/packages/search/index.js b/packages/search/index.js index 4c68acc8..e92094c3 100644 --- a/packages/search/index.js +++ b/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() { diff --git a/packages/search/index.wxml b/packages/search/index.wxml index ea062c3b..04b18d49 100644 --- a/packages/search/index.wxml +++ b/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 }}"