bi-element-ui 1.1.2 → 1.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bi-element-ui",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "private": false,
   "description": "基于element-ui编写的ui组件库",
   "main": "lib/bi-element-ui.common.js",

package/src/views/Home.vue

@@ -7,6 +7,44 @@
       :button="moreButton"
     ></BiMoreButton>
 
+    <el-button
+      @click="drawer = true"
+      type="primary"
+      style="margin-left: 16px;"
+    >
+      点我打开
+    </el-button>
+    <el-drawer
+      title="我是标题"
+      :visible.sync="drawer"
+      :with-header="false"
+      width="80%"
+    >
+      <bi-table
+        :loading="tableLoading"
+        :headerPopperType="$options.name"
+        border
+        stripe
+        :data="data"
+        pagination
+        :sticky-top="0"
+        :column="basicColumn"
+        :total="100"
+        show-summary
+        :auto-scroll="false"
+        :page.sync="listQuery.page"
+        :limit.sync="listQuery.limit"
+      >
+        <template v-slot:province="{ row }">
+          {{ row.province }}
+        </template>
+        <template v-slot:city_header>
+          <span>市区</span>
+        </template>
+
+      </bi-table>
+    </el-drawer>
+
     <div class="example-table-box">
       <p>基础表格</p>
       <BiCustomColumn
@@ -14,7 +52,7 @@
         :table-column="basicColumn"
         :default-list="defaultColumnList"
         :default-column="{
-          left:['date'],
+          left:['date','selection'],
           center:['name'],
           right:['other']
         }"
@@ -35,6 +73,30 @@
         :auto-scroll="false"
         :page.sync="listQuery.page"
         :limit.sync="listQuery.limit"
+        @selection-change="handleSelectionChange"
+      >
+        <template v-slot:province="{ row }">
+          {{ row.province }}
+        </template>
+        <template v-slot:city_header>
+          <span>市区</span>
+        </template>
+
+      </bi-table>
+
+      <bi-table
+        :loading="tableLoading"
+        border
+        stripe
+        :data="data"
+        pagination
+        :sticky-top="0"
+        :column="basicColumn"
+        :total="100"
+        show-summary
+        :auto-scroll="false"
+        :page.sync="listQuery.page"
+        :limit.sync="listQuery.limit"
       >
         <template v-slot:province="{ row }">
           {{ row.province }}
@@ -287,15 +349,28 @@ export default {
     return {
       loadingData: [],
       basicColumn: [
+        { prop: 'selection', type: 'selection' },
         { label: '日期', prop: 'date', sortable: true, fixed: true },
         {
           label: '姓名',
           prop: 'name',
           renderHeader: (h) => {
-            return <span>姓名(12)</span>
+            return (
+              <div>
+                <el-input />
+                1234
+              </div>
+            )
+          }
+        },
+        {
+          label: '省份2',
+          prop: 'province',
+          slotScope: true,
+          renderHeader: (h) => {
+            return <div>省份2222 1234</div>
           }
         },
-        { label: '省份2', prop: 'province', slotScope: true },
         {
           label: '市区',
           prop: 'city',
@@ -339,13 +414,17 @@ export default {
         limit: 20
       },
       editForm: {},
-      dialogVisible: false
+      dialogVisible: false,
+      drawer: false
     }
   },
   mounted() {
     console.log(this.$options.name)
   },
   methods: {
+    handleSelectionChange(val) {
+      console.log('🚀 ~ handleSelectionChange ~ val:', val)
+    },
     selectionChange(rows) {
       console.log('selected', rows)
     },