Merge pull request #3175 from huanghong1125/input-number-empty

update dropdown

Merge pull request #3175 from huanghong1125/input-number-empty
update dropdown
Aresn · GitHub
2 parents c1a197ab 944c0dac
Showing 3 changed files with 76 additions and 0 deletions Show diff stats
examples/routers/page.vue
examples/routers/table.vue
src/components/select/dropdown.vue
@@ -5,6 +5,25 @@
         <Button type="primary" @click="subject">- 1</Button>
         <Button type="primary" @click="change">Change</Button>
         <Page :current="2" :total="50" simple></Page>
+
+        <div style="margin:10px 0px">
+            <Page :total="1000"  show-sizer show-elevator show-total transfer :current="12"></Page>
+        </div>
+        <div style="margin:10px 0px">
+            <Page :total="1000" show-sizer show-elevator show-total transfer :current="12"></Page>
+        </div>
+        <div style="margin:100px 0px">
+            <Page :total="500" show-sizer show-elevator show-total transfer ></Page>
+        </div>
+        <div style="margin:100px 0px">
+            <Page :total="500" show-sizer show-elevator transfer ></Page>
+        </div>
+        <div style="margin:100px 0px">
+            <Page :total="500" show-sizer show-elevator  transfer ></Page>
+        </div>
+        <div style="margin:10px 0px">
+            <Page :total="500" show-sizer transfer ></Page>
+        </div>
     </div>
 </template>
 <script>
@@ -5,6 +5,14 @@
         <Button @click="handleClearData">Clear Data</Button>
         <Button @click="handleSelectAll(true)">Set all selected</Button>
         <Button @click="handleSelectAll(false)">Cancel all selected</Button>
+        <div style="margin:20px 0px;">
+            <Table :data="tableData1" :columns="tableColumns1"  style="width: 100%;" stripe></Table>
+            <div style="margin: 10px;overflow: hidden">
+                <div style="float: right;">
+                    <Page :total="100" show-sizer :current="1" @on-change="changePage"></Page>
+                </div>
+            </div>
+        </div>
     </div>
 </template>
 <script>
@@ -32,9 +40,40 @@
                 ],
                 data1: [
+                ],
+                
+                tableData1: [],
+                tableColumns1: [
+                    {
+                        title: 'Data1',
+                        key: 'data1'
+                    },
+                    {
+                        title: 'Data2',
+                        key: 'data2'
+                    },
+                    {
+                        title: 'Data3',
+                        key: 'data3'
+                    },
+                    {
+                        title: 'Data4',
+                        key: 'data4'
+                    },
+                    {
+                        title: 'Data5',
+                        key: 'data5'
+                    },
+                    {
+                        title: 'Data6',
+                        key: 'data6'
+                    },
                 ]
             }
         },
+        mounted(){
+            this.refreshData();
+        },
         methods: {
             handleSelectAll (status) {
                 this.$refs.selection.selectAll(status);
@@ -69,6 +108,23 @@
             },
             handleClearData () {
                 this.data1 = [];
+            },
+            refreshData(){
+                let data = [];
+                for (let i = 0; i < 10; i++) {
+                    data.push({
+                        data1: Math.floor(Math.random () * 10000),
+                        data2: Math.floor(Math.random () * 1000000),
+                        data3: Math.floor(Math.random () * 100000000),
+                        data4: Math.floor(Math.random () * Math.random () * 10000),
+                        data5: Math.floor(Math.random () * Math.random () * 1000000),
+                        data6: Math.floor(Math.random () * Math.random () * 100000000),
+                    });
+                }
+                this.tableData1 = data;
+            },
+            changePage(){
+                this.refreshData();
             }
         }
     }
@@ -49,6 +49,7 @@
                             },
                             onCreate:()=>{
                                 this.resetTransformOrigin();
+                                this.$nextTick(this.popper.update());
                             },
                             onUpdate:()=>{
                                 this.resetTransformOrigin();