github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: transfer handleClear not work

pull/165/head
tjz 2018-05-18 21:21:31 +08:00
parent 9c70e45e8c
commit f5471cc977
3 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -72,7 +72,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div> </div>
<div class="ant-transfer-list-body ant-transfer-list-body-with-search"> <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
<div class="ant-transfer-list-body-search-wrapper"> <div class="ant-transfer-list-body-search-wrapper">
<div handleClear="function () { [native code] }"> <div>
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div> <input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
</div> </div>
<div class="ant-transfer-list-content-warp"></div> <div class="ant-transfer-list-content-warp"></div>
@ -94,7 +94,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div> </div>
<div class="ant-transfer-list-body ant-transfer-list-body-with-search"> <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
<div class="ant-transfer-list-body-search-wrapper"> <div class="ant-transfer-list-body-search-wrapper">
<div handleClear="function () { [native code] }"> <div>
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div> <input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
</div> </div>
<div class="ant-transfer-list-content-warp"></div> <div class="ant-transfer-list-content-warp"></div>

8
components/transfer/__tests__/__snapshots__/demo.test.js.snap
View File

@ -9,7 +9,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
</div> </div>
<div class="ant-transfer-list-body ant-transfer-list-body-with-search"> <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
<div class="ant-transfer-list-body-search-wrapper"> <div class="ant-transfer-list-body-search-wrapper">
<div handleClear="function () { [native code] }"> <div>
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div> <input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
</div> </div>
<div class="ant-transfer-list-content-warp"></div> <div class="ant-transfer-list-content-warp"></div>
@ -34,7 +34,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
</div> </div>
<div class="ant-transfer-list-body ant-transfer-list-body-with-search"> <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
<div class="ant-transfer-list-body-search-wrapper"> <div class="ant-transfer-list-body-search-wrapper">
<div handleClear="function () { [native code] }"> <div>
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div> <input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
</div> </div>
<div class="ant-transfer-list-content-warp"></div> <div class="ant-transfer-list-content-warp"></div>
@ -183,7 +183,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
</div> </div>
<div class="ant-transfer-list-body ant-transfer-list-body-with-search"> <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
<div class="ant-transfer-list-body-search-wrapper"> <div class="ant-transfer-list-body-search-wrapper">
<div handleClear="function () { [native code] }"> <div>
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div> <input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
</div> </div>
<div class="ant-transfer-list-content-warp"></div> <div class="ant-transfer-list-content-warp"></div>
@ -205,7 +205,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
</div> </div>
<div class="ant-transfer-list-body ant-transfer-list-body-with-search"> <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
<div class="ant-transfer-list-body-search-wrapper"> <div class="ant-transfer-list-body-search-wrapper">
<div handleClear="function () { [native code] }"> <div>
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div> <input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
</div> </div>
<div class="ant-transfer-list-content-warp"></div> <div class="ant-transfer-list-content-warp"></div>

9
components/transfer/search.jsx
View File

@ -7,6 +7,7 @@ export const TransferSearchProps = {
prefixCls: PropTypes.string, prefixCls: PropTypes.string,
placeholder: PropTypes.string, placeholder: PropTypes.string,
value: PropTypes.any, value: PropTypes.any,
handleClear: PropTypes.func,
} }
export default { export default {
@ -18,15 +19,17 @@ export default {
handleChange (e) { handleChange (e) {
this.$emit('change', e) this.$emit('change', e)
}, },
handleClear (e) { handleClear2 (e) {
e.preventDefault() e.preventDefault()
this.$emit('handleClear', e) if (this.handleClear) {
this.handleClear(e)
}
}, },
}, },
render () { render () {
const { placeholder, value, prefixCls } = getOptionProps(this) const { placeholder, value, prefixCls } = getOptionProps(this)
const icon = (value && value.length > 0) ? ( const icon = (value && value.length > 0) ? (
<a href='#' class={`${prefixCls}-action`} onClick={this.handleClear}> <a href='#' class={`${prefixCls}-action`} onClick={this.handleClear2}>
<Icon type='cross-circle' /> <Icon type='cross-circle' />
</a> </a>
) : ( ) : (