fix: transfer handleClear not work

vueComponent · May 18, 2018 · 4582da3 · 4582da3
1 parent d148108
commit 4582da3
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
@@ -72,7 +72,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
         </div>
         <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
           <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>
           </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 class="ant-transfer-list-body ant-transfer-list-body-with-search">
           <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>
           </div>
           <div class="ant-transfer-list-content-warp"></div>

diff --git a/components/transfer/__tests__/__snapshots__/demo.test.js.snap b/components/transfer/__tests__/__snapshots__/demo.test.js.snap
@@ -9,7 +9,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
     </div>
     <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
       <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>
       </div>
       <div class="ant-transfer-list-content-warp"></div>
@@ -34,7 +34,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
     </div>
     <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
       <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>
       </div>
       <div class="ant-transfer-list-content-warp"></div>
@@ -183,7 +183,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
     </div>
     <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
       <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>
       </div>
       <div class="ant-transfer-list-content-warp"></div>
@@ -205,7 +205,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
     </div>
     <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
       <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>
       </div>
       <div class="ant-transfer-list-content-warp"></div>

diff --git a/components/transfer/search.jsx b/components/transfer/search.jsx
@@ -7,6 +7,7 @@ export const TransferSearchProps = {
   prefixCls: PropTypes.string,
   placeholder: PropTypes.string,
   value: PropTypes.any,
+  handleClear: PropTypes.func,
 }
 
 export default {
@@ -18,15 +19,17 @@ export default {
     handleChange (e) {
       this.$emit('change', e)
     },
-    handleClear (e) {
+    handleClear2 (e) {
       e.preventDefault()
-      this.$emit('handleClear', e)
+      if (this.handleClear) {
+        this.handleClear(e)
+      }
     },
   },
   render () {
     const { placeholder, value, prefixCls } = getOptionProps(this)
     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' />
       </a>
     ) : (