bi-element-ui 0.1.70 → 0.1.72

package/src/views/Home.vue

@@ -13,41 +13,19 @@
         }"
         @handleTableColumn="setTableColumn"
       /> -->
-      <bi-table
-        :loading="tableLoading"
-        border
-        stripe
-        :data="data"
-        pagination
-        :column="basicColumn"
-        :total="100"
-        :auto-scroll="false"
-        :page.sync="listQuery.page"
-        :limit.sync="listQuery.limit"
-      ></bi-table>
+      <bi-table :loading="tableLoading" border stripe :data="data" pagination :column="basicColumn" :total="100" :auto-scroll="false" :page.sync="listQuery.page" :limit.sync="listQuery.limit"></bi-table>
     </div>
 
     <div class="example-table-box">
       <p>支持render渲染</p>
-      <bi-table
-        border
-        :data="data"
-        :column="renderColumn"
-      ></bi-table>
+      <bi-table border :data="data" :column="renderColumn"></bi-table>
     </div>
 
     <div class="example-table-box">
       <p>支持slot插槽</p>
-      <bi-table
-        border
-        :data="data"
-        :column="slotColumn"
-      >
+      <bi-table border :data="data" :column="slotColumn">
         <template v-slot:zip="{ row }">
-          <el-tag
-            class="el-icon-message-solid"
-            type="success"
-          >
+          <el-tag class="el-icon-message-solid" type="success">
             {{ row.zip }}
           </el-tag>
         </template>
@@ -56,79 +34,32 @@
 
     <div class="example-table-box">
       <p>支持组件引入</p>
-      <bi-table
-        border
-        :data="data"
-        :column="componentColumn"
-      ></bi-table>
+      <bi-table border :data="data" :column="componentColumn"></bi-table>
     </div>
 
     <div class="example-table-box">
       <p>支持树形数据</p>
-      <bi-table
-        border
-        :data="data"
-        :column="componentColumn"
-        default-expand-all
-        row-key="id"
-        :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-      ></bi-table>
+      <bi-table border :data="data" :column="componentColumn" default-expand-all row-key="id" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"></bi-table>
     </div>
 
     <div class="example-table-box">
       <p>支持selection/index/expand</p>
-      <bi-table
-        border
-        :data="data"
-        :column="typesColumn"
-      ></bi-table>
+      <bi-table border :data="data" :column="typesColumn"></bi-table>
     </div>
 
     <div class="example-table-box">
       <p>带分页功能</p>
-      <bi-table
-        border
-        :data="data"
-        :column="complexColumn"
-        :columns-props="columnsProps"
-        pagination
-        :auto-scroll="false"
-        :total="100"
-        :page.sync="listQuery.page"
-        :limit.sync="listQuery.limit"
-        @selection-change="selectionChange"
-        @pagination="getList"
-      >
-      </bi-table>
+      <bi-table border :data="data" :column="complexColumn" :columns-props="columnsProps" pagination :auto-scroll="false" :total="100" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @selection-change="selectionChange" @pagination="getList"> </bi-table>
 
-      <el-dialog
-        title="收货地址"
-        :visible.sync="dialogVisible"
-      >
-        <el-form
-          :model="editForm"
-          label-width="100px"
-        >
+      <el-dialog title="收货地址" :visible.sync="dialogVisible">
+        <el-form :model="editForm" label-width="100px">
           <el-form-item label="名称">
-            <el-input
-              v-model="editForm.name"
-              autocomplete="off"
-            ></el-input>
+            <el-input v-model="editForm.name" autocomplete="off"></el-input>
           </el-form-item>
           <el-form-item label="区域">
-            <el-select
-              v-model="editForm.province"
-              placeholder="请选择区域"
-              style="width: 100%"
-            >
-              <el-option
-                label="上海"
-                value="shanghai"
-              ></el-option>
-              <el-option
-                label="北京"
-                value="beijing"
-              ></el-option>
+            <el-select v-model="editForm.province" placeholder="请选择区域" style="width: 100%">
+              <el-option label="上海" value="shanghai"></el-option>
+              <el-option label="北京" value="beijing"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="市区">
@@ -138,94 +69,46 @@
             <el-input v-model="editForm.address"></el-input>
           </el-form-item>
         </el-form>
-        <div
-          slot="footer"
-          class="dialog-footer"
-        >
+        <div slot="footer" class="dialog-footer">
           <el-button @click="dialogVisible = false">取 消</el-button>
-          <el-button
-            type="primary"
-            @click="dialogVisible = false"
-          >确 定</el-button>
+          <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
         </div>
       </el-dialog>
     </div>
 
     <div class="example-table-box">
       <p>sticky表格</p>
-      <bi-table
-        border
-        stripe
-        fixed="sticky"
-        :data="data"
-        :column="fullscreenColumn"
-      ></bi-table>
+      <bi-table border stripe fixed="sticky" :data="data" :column="fullscreenColumn"></bi-table>
     </div>
 
     <div class="example-table-box">
       <p>普通固定表头</p>
-      <bi-table
-        border
-        stripe
-        fixed="fullscreen"
-        :data="data"
-        :column="fullscreenColumn"
-        max-height="200px"
-        fixed-offset="60"
-        pagination
-        :auto-scroll="false"
-        :total="100"
-        :page.sync="listQuery.page"
-        :limit.sync="listQuery.limit"
-        @selection-change="selectionChange"
-        @pagination="getList"
-      ></bi-table>
+      <bi-table border stripe fixed="fullscreen" :data="data" :column="fullscreenColumn" max-height="200px" fixed-offset="60" pagination :auto-scroll="false" :total="100" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @selection-change="selectionChange" @pagination="getList"></bi-table>
     </div>
 
     <div class="example-table-box">
       <p>sticky-tabs表格</p>
       <el-tabs>
         <el-tab-pane label="tabs">
-          <div style="height:300px;background:#eee"></div>
-          <bi-table
-            border
-            stripe
-            fixed="sticky"
-            :data="data"
-            :column="fullscreenColumn"
-            :summary-method="getSummaries"
-            show-summary
-          ></bi-table>
+          <div style="height: 300px; background: #eee"></div>
+          <bi-table border stripe fixed="sticky" :data="data" :column="fullscreenColumn" :summary-method="getSummaries" show-summary></bi-table>
         </el-tab-pane>
       </el-tabs>
     </div>
     <div class="example-table-box">
       <p>tooltipIcon在表格内的组件使用</p>
-      <bi-table
-        border
-        stripe
-        fixed="sticky"
-        :data="minData"
-        :column="renderColumn"
-      >
-        <template v-slot:province="{row}">
-          <BiTooltipIcon
-            :label="row.province"
-            content="这是props继承的写法,<br/>可根据不同需求配置属性"
-            placement="right"
-            icon="el-icon-warning-outline"
-            effect="light"
-          ></BiTooltipIcon>
+      <bi-table border stripe fixed="sticky" :data="minData" :column="renderColumn">
+        <template v-slot:province="{ row }">
+          <BiTooltipIcon :label="row.province" content="这是props继承的写法,<br/>可根据不同需求配置属性" placement="right" icon="el-icon-warning-outline" effect="light"></BiTooltipIcon>
         </template>
-        <template v-slot:city="{row}">
+        <template v-slot:city="{ row }">
           <BiTooltipIcon placement="right">
-            <template slot="tip-label"><span>{{ row.city }}</span></template>
+            <template slot="tip-label"
+              ><span>{{ row.city }}</span></template
+            >
             <template slot="tip-content"><span>这是slot默认替换的写法,可用自定义的内容配合tooltip使用</span></template>
             <template slot="tip-icon">
-              <i
-                class="el-icon-chat-dot-round"
-                style="color:#ff6700"
-              ></i>
+              <i class="el-icon-chat-dot-round" style="color: #ff6700"></i>
             </template>
           </BiTooltipIcon>
         </template>

package/src/views/Scene.vue

@@ -2,49 +2,20 @@
   <div class="free-table-container">
     <free-button @search="search"></free-button>
 
-    <free-table
-      v-loading="loading"
-      style="min-height: 50vh"
-      border
-      pagination
-      :data="data"
-      :column="column"
-      :total="total"
-      :page.sync="params.page"
-      :limit.sync="params.limit"
-      @pagination="getList"
-    ></free-table>
+    <free-table v-loading="loading" style="min-height: 50vh" border pagination :data="data" :column="column" :total="total" :page.sync="params.page" :limit.sync="params.limit" @pagination="getList"></free-table>
 
-    <el-dialog
-      title="收货地址"
-      :visible.sync="dialogVisible"
-    >
-      <el-form
-        :model="editForm"
-        label-width="100px"
-      >
+    <el-dialog title="收货地址" :visible.sync="dialogVisible">
+      <el-form :model="editForm" label-width="100px">
         <el-form-item label="名称">
-          <el-input
-            v-model="editForm.title"
-            autocomplete="off"
-          ></el-input>
+          <el-input v-model="editForm.title" autocomplete="off"></el-input>
         </el-form-item>
-        <el-form-item
-          v-if="editForm.author"
-          label="作者"
-        >
+        <el-form-item v-if="editForm.author" label="作者">
           <el-input v-model="editForm.author.loginname"></el-input>
         </el-form-item>
       </el-form>
-      <div
-        slot="footer"
-        class="dialog-footer"
-      >
+      <div slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button
-          type="primary"
-          @click="dialogVisible = false"
-        >确 定</el-button>
+        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
       </div>
     </el-dialog>
   </div>

package/src/views/Table.vue

@@ -1,24 +1,9 @@
 <template>
   <div>
-    <el-button
-      type=""
-      @click="search"
-    >搜索</el-button>
-    <div
-      class="example-table-box"
-      style="padding-top:20px"
-    >
+    <el-button type="" @click="search">搜索</el-button>
+    <div class="example-table-box" style="padding-top: 20px">
       <p>sticky表格</p>
-      <bi-table
-        ref="table"
-        border
-        stripe
-        fixed="sticky"
-        :data="data"
-        :column="basicColumn"
-        show-summary
-        :summary-method="getSummaries"
-      ></bi-table>
+      <bi-table ref="table" border stripe fixed="sticky" :data="data" :column="basicColumn" show-summary :summary-method="getSummaries"></bi-table>
     </div>
 
     <!-- <div style="padding-bottom:600px"></div>

package/src/views/showData.vue

@@ -11,11 +11,11 @@
         </div>
         <div class="data">
           <div class="data_search">
-            <el-input placeholder="输入标题/关键字" v-model="searchData.combination" size="small" style="width:14vw;">
-              <el-button icon="el-icon-search" slot="append" style="width:3vw;height:32px;" @click="clickSearch"></el-button>
+            <el-input v-model="searchData.combination" placeholder="输入标题/关键字" size="small" style="width: 14vw">
+              <el-button slot="append" icon="el-icon-search" style="width: 3vw; height: 32px" @click="clickSearch"></el-button>
             </el-input>
             <div>
-              <el-button v-for="(item, index) in options.buttonList" :key="index" size="small" style="width:84px;height:32px;" @click="buttonClick(item.value)">{{ item.label }}</el-button>
+              <el-button v-for="(item, index) in options.buttonList" :key="index" size="small" style="width: 84px; height: 32px" @click="buttonClick(item.value)">{{ item.label }}</el-button>
             </div>
           </div>
           <div class="data_content">
@@ -171,7 +171,7 @@ export default {
       }
     },
     returnCategory(id) {
-      const list = this.options.buttonList.filter(data => {
+      const list = this.options.buttonList.filter((data) => {
         return data.value === id
       })
       if (list.length) {