support search box placeholder

Author: njleonzhang

README.md

@@ -182,7 +182,7 @@
     <td>-</td>
   </tr>
   <tr>
-    <td rowspan="5"></td>
+    <td rowspan="6"></td>
     <td>show</td>
     <td></td>
     <td>show or hide search box</td>
@@ -217,6 +217,13 @@
     <td>Function</td>
     <td>-</td>
   </tr>
+  <tr>
+    <td>placeholder</td>
+    <td></td>
+    <td>searchbox placeholder</td>
+    <td>String</td>
+    <td>""</td>
+  </tr>
   <tr>
     <td>row-action-def</td>
     <td></td>

example/docs/cn.vue

@@ -244,6 +244,7 @@ export default {
     getSearchDef() {
       return {
         offset: 12,
+        placeholder: 'please input searchkey',
         props: ['state', 'flow_type'] // can be string or Array
       }
     },

example/docs/en.vue

@@ -251,6 +251,7 @@ export default {
     getSearchDef() {
       return {
         offset: 12,
+        placeholder: 'please input searchkey',
         props: ['state', 'flow_type'] // can be string or Array
       }
     },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-data-tables",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "vue2.0 DataTables, based on element-ui, el-table + el-pagination + custom filter and sort",
   "author": "njleonzhang <[email protected]>",
   "main": "dist/data-tables.js",
@@ -36,7 +36,7 @@
     "chalk": "^1.1.3",
     "connect-history-api-fallback": "^1.1.0",
     "css-loader": "^0.25.0",
-    "element-ui": "^1.1.5",
+    "element-ui": "^1.2.3",
     "eslint": "^3.7.1",
     "eslint-config-standard": "^6.1.0",
     "eslint-friendly-formatter": "^2.0.5",

readme_table_backup.pug

@@ -114,7 +114,7 @@ table
     td -
 
   tr
-    td(rowspan='5')
+    td(rowspan='6')
     td show
     td
     td show or hide search box
@@ -149,6 +149,13 @@ table
     td Function
     td -
 
+  tr
+    td placeholder
+    td
+    td searchbox placeholder
+    td String
+    td ""
+
   tr
     td row-action-def
     td
@@ -209,36 +216,37 @@ table
     td
     td define pagination.
     td Object
-    td
+    td -
 
   tr
     td(rowspan='4')
     td layout
     td
-    td
+    td refer to 
+      a(href='http://element.eleme.io/#/zh-CN/component/pagination') Elmeme Doc
     td String
     td [prev, pager, next, jumper, sizes, total]
 
   tr
     td pageSize
     td
-    td refer to
+    td refer to 
       a(href='http://element.eleme.io/#/zh-CN/component/pagination') Elmeme Doc
     td Number
     td 20
 
   tr
     td pageSizes
     td
-    td refer to
+    td refer to 
       a(href='http://element.eleme.io/#/zh-CN/component/pagination') Elmeme Doc
     td Array
     td [20, 50, 100]
 
   tr
     td currentPage
     td
-    td refer to
+    td refer to 
       a(href='http://element.eleme.io/#/zh-CN/component/pagination') Elmeme Doc
     td Number
     td 1

src/components/DataTables.vue

@@ -43,7 +43,10 @@
         :span='innerSearchDef.width',
         :offset='innerSearchDef.offset',
         v-if='searchShow')
-        el-input(v-model='searchKey', icon='search')
+        el-input(
+          v-model='searchKey',
+          :placeholder='innerSearchDef.placeholder',
+          icon='search')
 
     el-table(
       :data='curTableData',
@@ -175,6 +178,7 @@ export default {
         props: undefined,
         filterFunction: undefined,
         width: 5,
+        placeholder: '',
         offset: 0
       }, this.searchDef)
     },