From ba8e03c69958d527519fd2eba4641a5d799ecde8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Mon, 25 Jun 2018 20:27:03 +0800
Subject: [PATCH] update Select check style

---
 examples/routers/table.vue        | 293 ++++++++++++++++++++++++------
 src/styles/components/select.less |   2 +-
 2 files changed, 243 insertions(+), 52 deletions(-)

diff --git a/examples/routers/table.vue b/examples/routers/table.vue
index 3bc47279..d3e7bbef 100644
--- a/examples/routers/table.vue
+++ b/examples/routers/table.vue
@@ -1,89 +1,280 @@
 <template>
-    <Table border :columns="columns6" :data="data5"></Table>
+    <div>
+        <Table :columns="columns8" :data="data7" size="small" ref="table"></Table>
+        <br>
+        <Button type="primary" size="large" @click="exportData(1)"><Icon type="ios-download-outline"></Icon> Export source data</Button>
+        <Button type="primary" size="large" @click="exportData(2)"><Icon type="ios-download-outline"></Icon> Export sorting and filtered data</Button>
+        <Button type="primary" size="large" @click="exportData(3)"><Icon type="ios-download-outline"></Icon> Export custom data</Button>
+    </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                columns6: [
+                columns8: [
                     {
-                        title: 'Date',
-                        key: 'date'
+                        "title": "Name",
+                        "key": "name",
+                        "fixed": "left",
+                        "width": 200
                     },
                     {
-                        title: 'Name',
-                        key: 'name'
-                    },
-                    {
-                        title: '年龄',
-                        key: 'age',
+                        "title": "Show",
+                        "key": "show",
+                        "width": 150,
+                        "sortable": true,
                         filters: [
                             {
-                                label: 'Greater than 25',
+                                label: 'Greater than 4000',
                                 value: 1
                             },
                             {
-                                label: 'Less than 25',
+                                label: 'Less than 4000',
                                 value: 2
                             }
                         ],
                         filterMultiple: false,
                         filterMethod (value, row) {
                             if (value === 1) {
-                                return row.age > 25;
+                                return row.show > 4000;
                             } else if (value === 2) {
-                                return row.age < 25;
+                                return row.show < 4000;
                             }
                         }
                     },
                     {
-                        title: 'Address',
-                        key: 'address',
-                        filters: [
-                            {
-                                label: 'New York',
-                                value: 'New York'
-                            },
-                            {
-                                label: 'London',
-                                value: 'London'
-                            },
-                            {
-                                label: 'Sydney',
-                                value: 'Sydney'
-                            }
-                        ],
-                        filterMethod (value, row) {
-                            return row.address.indexOf(value) > -1;
-                        }
+                        "title": "Weak",
+                        "key": "weak",
+                        "width": 150,
+                        "sortable": true
+                    },
+                    {
+                        "title": "Signin",
+                        "key": "signin",
+                        "width": 150,
+                        "sortable": true
+                    },
+                    {
+                        "title": "Click",
+                        "key": "click",
+                        "width": 150,
+                        "sortable": true
+                    },
+                    {
+                        "title": "Active",
+                        "key": "active",
+                        "width": 150,
+                        "sortable": true
+                    },
+                    {
+                        "title": "7, retained",
+                        "key": "day7",
+                        "width": 150,
+                        "sortable": true
+                    },
+                    {
+                        "title": "30, retained",
+                        "key": "day30",
+                        "width": 150,
+                        "sortable": true
+                    },
+                    {
+                        "title": "The next day left",
+                        "key": "tomorrow",
+                        "width": 150,
+                        "sortable": true
+                    },
+                    {
+                        "title": "Day Active",
+                        "key": "day",
+                        "width": 150,
+                        "sortable": true
+                    },
+                    {
+                        "title": "Week Active",
+                        "key": "week",
+                        "width": 150,
+                        "sortable": true
+                    },
+                    {
+                        "title": "Month Active",
+                        "key": "month",
+                        "width": 150,
+                        "sortable": true
                     }
                 ],
-                data5: [
+                data7: [
                     {
-                        name: 'John Brown',
-                        age: 18,
-                        address: 'New York No. 1 Lake Park',
-                        date: '2016-10-03'
+                        "name": "Name1",
+                        "fav": 0,
+                        "show": 7302,
+                        "weak": 5627,
+                        "signin": 1563,
+                        "click": 4254,
+                        "active": 1438,
+                        "day7": 274,
+                        "day30": 285,
+                        "tomorrow": 1727,
+                        "day": 558,
+                        "week": 4440,
+                        "month": 5610
                     },
                     {
-                        name: 'Jim Green',
-                        age: 24,
-                        address: 'London No. 1 Lake Park',
-                        date: '2016-10-01'
+                        "name": "Name2",
+                        "fav": 0,
+                        "show": 4720,
+                        "weak": 4086,
+                        "signin": 3792,
+                        "click": 8690,
+                        "active": 8470,
+                        "day7": 8172,
+                        "day30": 5197,
+                        "tomorrow": 1684,
+                        "day": 2593,
+                        "week": 2507,
+                        "month": 1537
                     },
                     {
-                        name: 'Joe Black',
-                        age: 30,
-                        address: 'Sydney No. 1 Lake Park',
-                        date: '2016-10-02'
+                        "name": "Name3",
+                        "fav": 0,
+                        "show": 7181,
+                        "weak": 8007,
+                        "signin": 8477,
+                        "click": 1879,
+                        "active": 16,
+                        "day7": 2249,
+                        "day30": 3450,
+                        "tomorrow": 377,
+                        "day": 1561,
+                        "week": 3219,
+                        "month": 1588
                     },
                     {
-                        name: 'Jon Snow',
-                        age: 26,
-                        address: 'Ottawa No. 2 Lake Park',
-                        date: '2016-10-04'
+                        "name": "Name4",
+                        "fav": 0,
+                        "show": 9911,
+                        "weak": 8976,
+                        "signin": 8807,
+                        "click": 8050,
+                        "active": 7668,
+                        "day7": 1547,
+                        "day30": 2357,
+                        "tomorrow": 7278,
+                        "day": 5309,
+                        "week": 1655,
+                        "month": 9043
+                    },
+                    {
+                        "name": "Name5",
+                        "fav": 0,
+                        "show": 934,
+                        "weak": 1394,
+                        "signin": 6463,
+                        "click": 5278,
+                        "active": 9256,
+                        "day7": 209,
+                        "day30": 3563,
+                        "tomorrow": 8285,
+                        "day": 1230,
+                        "week": 4840,
+                        "month": 9908
+                    },
+                    {
+                        "name": "Name6",
+                        "fav": 0,
+                        "show": 6856,
+                        "weak": 1608,
+                        "signin": 457,
+                        "click": 4949,
+                        "active": 2909,
+                        "day7": 4525,
+                        "day30": 6171,
+                        "tomorrow": 1920,
+                        "day": 1966,
+                        "week": 904,
+                        "month": 6851
+                    },
+                    {
+                        "name": "Name7",
+                        "fav": 0,
+                        "show": 5107,
+                        "weak": 6407,
+                        "signin": 4166,
+                        "click": 7970,
+                        "active": 1002,
+                        "day7": 8701,
+                        "day30": 9040,
+                        "tomorrow": 7632,
+                        "day": 4061,
+                        "week": 4359,
+                        "month": 3676
+                    },
+                    {
+                        "name": "Name8",
+                        "fav": 0,
+                        "show": 862,
+                        "weak": 6520,
+                        "signin": 6696,
+                        "click": 3209,
+                        "active": 6801,
+                        "day7": 6364,
+                        "day30": 6850,
+                        "tomorrow": 9408,
+                        "day": 2481,
+                        "week": 1479,
+                        "month": 2346
+                    },
+                    {
+                        "name": "Name9",
+                        "fav": 0,
+                        "show": 567,
+                        "weak": 5859,
+                        "signin": 128,
+                        "click": 6593,
+                        "active": 1971,
+                        "day7": 7596,
+                        "day30": 3546,
+                        "tomorrow": 6641,
+                        "day": 1611,
+                        "week": 5534,
+                        "month": 3190
+                    },
+                    {
+                        "name": "Name10",
+                        "fav": 0,
+                        "show": 3651,
+                        "weak": 1819,
+                        "signin": 4595,
+                        "click": 7499,
+                        "active": 7405,
+                        "day7": 8710,
+                        "day30": 5518,
+                        "tomorrow": 428,
+                        "day": 9768,
+                        "week": 2864,
+                        "month": 5811
                     }
-                ],
+                ]
+            }
+        },
+        methods: {
+            exportData (type) {
+                if (type === 1) {
+                    this.$refs.table.exportCsv({
+                        filename: 'The original data'
+                    });
+                } else if (type === 2) {
+                    this.$refs.table.exportCsv({
+                        filename: 'Sorting and filtering data',
+                        original: false
+                    });
+                } else if (type === 3) {
+                    this.$refs.table.exportCsv({
+                        filename: 'Custom data',
+                        columns: this.columns8.filter((col, index) => index < 4),
+                        data: this.data7.filter((data, index) => index < 4)
+                    });
+                }
             }
         }
     }
diff --git a/src/styles/components/select.less b/src/styles/components/select.less
index 01b2361e..9272a321 100644
--- a/src/styles/components/select.less
+++ b/src/styles/components/select.less
@@ -253,7 +253,7 @@
         color: @selected-color;
         position: absolute;
         top: 2px;
-        right: 16px;
+        right: 8px;
     }
 }