bi-element-ui 0.1.70 → 0.1.72

package/src/components/BiTableColumn/index.vue

@@ -1,124 +1,63 @@
 <template>
-
-  <el-button
-    type="primary"
-    @click="visible = true"
-  >
+  <el-button type="primary" @click="visible = true">
     自定义列
-    <el-dialog
-      custom-class="bi-column-dialog"
-      title="自定义列"
-      :visible.sync="visible"
-      width="800px"
-      top="8vh"
-      append-to-body
-      @open="handleOpen"
-      @close="close"
-    >
-      <div
-        class="dialog-body"
-        style="min-height: 160px"
-      >
+    <el-dialog custom-class="bi-column-dialog" title="自定义列" :visible.sync="visible" width="800px" top="8vh" append-to-body @open="handleOpen" @close="close">
+      <div class="dialog-body" style="min-height: 160px">
         <div class="bi-column-container">
           <div class="checkbox-container">
             <el-card class="box-card">
-              <div
-                slot="header"
-                class="clearfix"
-              >
+              <div slot="header" class="clearfix">
                 <span>可操作性的列</span>
-
               </div>
-              <div
-                v-for="(item, index) in colList"
-                :key="index"
-                class="checkbox-group"
-              >
+              <div v-for="(item, index) in colList" :key="index" class="checkbox-group">
                 <p class="checkbox-title">
                   <el-checkbox
                     v-model="item.status"
                     @change="
                       (val) => {
-                        return handleCheckGroupAllChange(val, item);
+                        return handleCheckGroupAllChange(val, item)
                       }
                     "
-                  >{{ item.content }}</el-checkbox>
+                    >{{ item.content }}</el-checkbox
+                  >
                 </p>
                 <p>
-                  <el-checkbox-group
-                    v-model="checkList"
-                    :true-label="1"
-                    :false-label="0"
-                    @change="handleCheckGroupAll(item)"
-                  >
-                    <el-checkbox
-                      v-for="(city, cityIndex) in item.children"
-                      :key="cityIndex"
-                      :label="city.name"
-                      style="width:120px;margin:0 15px 15px 0;"
-                    >
+                  <el-checkbox-group v-model="checkList" :true-label="1" :false-label="0" @change="handleCheckGroupAll(item)">
+                    <el-checkbox v-for="(city, cityIndex) in item.children" :key="cityIndex" :label="city.name" style="width: 120px; margin: 0 15px 15px 0">
                       {{ city.content }}
                     </el-checkbox>
                   </el-checkbox-group>
                 </p>
               </div>
             </el-card>
-
           </div>
           <div class="column-container">
             <el-card class="box-card">
-              <div
-                slot="header"
-                class="column-title"
-              >
+              <div slot="header" class="column-title">
                 <span>已选{{ columnLength }}列</span>
-                <el-button
-                  type="text"
-                  @click="clearAll"
-                >清空全部</el-button>
+                <el-button type="text" @click="clearAll">清空全部</el-button>
               </div>
               <p class="column-group-title">左侧固定列</p>
               <div class="column-configurable">
-                <draggable
-                  v-model="leftColumnList"
-                  group="column"
-                >
+                <draggable v-model="leftColumnList" group="column">
                   <!-- <transition-group> -->
-                  <div
-                    v-for="column in leftColumnList"
-                    :key="column.prop"
-                    class="selected-column-item"
-                  >
+                  <div v-for="column in leftColumnList" :key="column.prop" class="selected-column-item">
                     <i class="el-icon-menu"></i>
-                    <div class="column-name">{{ column.content||column.label }}</div>
-                    <i
-                      class="el-icon-close column-close"
-                      @click="closeColumn(column.prop)"
-                    ></i>
+                    <div class="column-name">{{ column.content || column.label }}</div>
+                    <i class="el-icon-close column-close" @click="closeColumn(column.prop)"></i>
                   </div>
                   <!-- </transition-group> -->
                 </draggable>
-
               </div>
 
               <p class="column-group-title">中间不固定列</p>
               <div class="column-configurable">
-                <draggable
-                  v-model="columnList"
-                  group="column"
-                >
+                <draggable v-model="columnList" group="column">
                   <!-- <transition-group> -->
-                  <div
-                    v-for="column in columnList"
-                    :key="column.prop"
-                    class="selected-column-item"
-                  >
+                  <div v-for="column in columnList" :key="column.prop" class="selected-column-item">
                     <i class="el-icon-menu"></i>
-                    <div class="column-name">{{ column.content||column.label }}</div>
-                    <i
-                      class="el-icon-close column-close"
-                      @click="closeColumn(column.prop)"
-                    ></i>
+                    <div class="column-name">{{ column.content || column.label }}</div>
+                    <i class="el-icon-close column-close" @click="closeColumn(column.prop)"></i>
                   </div>
                   <!-- </transition-group> -->
                 </draggable>
@@ -126,57 +65,31 @@
 
               <p class="column-group-title">右侧固定列</p>
               <div class="column-configurable">
-                <draggable
-                  v-model="rightColumnList"
-                  group="column"
-                >
+                <draggable v-model="rightColumnList" group="column">
                   <!-- <transition-group> -->
-                  <div
-                    v-for="column in rightColumnList"
-                    :key="column.prop"
-                    class="selected-column-item"
-                  >
+                  <div v-for="column in rightColumnList" :key="column.prop" class="selected-column-item">
                     <i class="el-icon-menu"></i>
-                    <div class="column-name">{{ column.content||column.label }}</div>
-                    <i
-                      class="el-icon-close column-close"
-                      @click="closeColumn(column.prop)"
-                    ></i>
+                    <div class="column-name">{{ column.content || column.label }}</div>
+                    <i class="el-icon-close column-close" @click="closeColumn(column.prop)"></i>
                   </div>
                   <!-- </transition-group> -->
                 </draggable>
-
               </div>
-
             </el-card>
           </div>
         </div>
       </div>
-      <span
-        slot="footer"
-        class="dialog-footer"
-        style="display: flex; justify-content: space-between"
-      >
+      <span slot="footer" class="dialog-footer" style="display: flex; justify-content: space-between">
         <span style="display: inline-block; line-height: 32px">
-          <el-checkbox
-            v-model="checkAllData"
-            label="全选"
-            @change="checkAll"
-          >
-            全选
-          </el-checkbox>
+          <el-checkbox v-model="checkAllData" label="全选" @change="checkAll"> 全选 </el-checkbox>
         </span>
         <div>
           <el-button @click="close">关闭</el-button>
-          <el-button
-            type="primary"
-            @click="ok"
-          >生效</el-button>
+          <el-button type="primary" @click="ok">生效</el-button>
         </div>
       </span>
     </el-dialog>
   </el-button>
-
 </template>
 
 <script>
@@ -612,4 +525,4 @@ export default {
     overflow-y: auto;
   }
 }
-</style>
+</style>

package/src/components/BiTooltipIcon/index.vue

@@ -12,12 +12,7 @@
     <slot name="tip-label">
       <span>{{ label }}</span>
     </slot>
-    <el-tooltip
-      class="tooltip-icon"
-      :effect="effect"
-      :placement="placement"
-      v-bind="$attrs"
-    >
+    <el-tooltip class="tooltip-icon" :effect="effect" :placement="placement" v-bind="$attrs">
       <template slot="content">
         <slot name="tip-content">
           <div v-html="content"></div>
@@ -25,14 +20,13 @@
       </template>
 
       <slot name="tip-icon">
-        <span style="margin-left:5px">
+        <span style="margin-left: 5px">
           <!-- 这里默认采用的是el-icon的图标 -->
           <i :class="icon"></i>
         </span>
       </slot>
     </el-tooltip>
   </span>
-
 </template>
 
 <script>
@@ -66,6 +60,4 @@ export default {
 }
 </script>
 
-<style>
-</style>
-
+<style></style>

package/src/components/FreeButton/index.vue

@@ -1,31 +1,12 @@
 <template>
   <div class="free-button">
     <slot></slot>
-    <el-button
-      type="primary"
-      icon="el-icon-search"
-      @click="search"
-    >查询</el-button>
-    <el-button
-      type="primary"
-      icon="el-icon-edit"
-    >编辑</el-button>
-    <el-button
-      type="success"
-      icon="el-icon-plus"
-    >新增</el-button>
-    <el-button
-      type="info"
-      icon="el-icon-download"
-    >导出</el-button>
-    <el-button
-      type="warning"
-      icon="el-icon-upload2"
-    >导入</el-button>
-    <el-button
-      type="danger"
-      icon="el-icon-delete"
-    >删除</el-button>
+    <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+    <el-button type="primary" icon="el-icon-edit">编辑</el-button>
+    <el-button type="success" icon="el-icon-plus">新增</el-button>
+    <el-button type="info" icon="el-icon-download">导出</el-button>
+    <el-button type="warning" icon="el-icon-upload2">导入</el-button>
+    <el-button type="danger" icon="el-icon-delete">删除</el-button>
   </div>
 </template>
 

package/src/components/Pagination/index.vue

@@ -1,19 +1,6 @@
 <template>
-  <div
-    :class="{ hidden: hidden }"
-    class="pagination-container"
-  >
-    <el-pagination
-      :background="background"
-      :current-page.sync="currentPage"
-      :page-size.sync="pageSize"
-      :layout="layout"
-      :page-sizes="pageSizes"
-      :total="total"
-      v-bind="$attrs"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-    />
+  <div :class="{ hidden: hidden }" class="pagination-container">
+    <el-pagination :background="background" :current-page.sync="currentPage" :page-size.sync="pageSize" :layout="layout" :page-sizes="pageSizes" :total="total" v-bind="$attrs" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
   </div>
 </template>
 

package/src/components/Pagination/scrollTo.js

@@ -1,4 +1,4 @@
-Math.easeInOutQuad = function(t, b, c, d) {
+Math.easeInOutQuad = function (t, b, c, d) {
   t /= d / 2
   if (t < 1) {
     return (c / 2) * t * t + b
@@ -8,12 +8,12 @@ Math.easeInOutQuad = function(t, b, c, d) {
 }
 
 // requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
-var requestAnimFrame = (function() {
+var requestAnimFrame = (function () {
   return (
     window.requestAnimationFrame ||
     window.webkitRequestAnimationFrame ||
     window.mozRequestAnimationFrame ||
-    function(callback) {
+    function (callback) {
       window.setTimeout(callback, 1000 / 60)
     }
   )
@@ -30,11 +30,7 @@ function move(amount) {
 }
 
 function position() {
-  return (
-    document.documentElement.scrollTop ||
-    document.body.parentNode.scrollTop ||
-    document.body.scrollTop
-  )
+  return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop
 }
 
 /**
@@ -48,7 +44,7 @@ export function scrollTo(to, duration, callback) {
   const increment = 20
   let currentTime = 0
   duration = typeof duration === 'undefined' ? 500 : duration
-  var animateScroll = function() {
+  var animateScroll = function () {
     // increment the time
     currentTime += increment
     // find the value with the quadratic in-out easing function

package/src/main.js

@@ -14,5 +14,5 @@ Vue.config.productionTip = false
 new Vue({
   router,
   store,
-  render: h => h(App)
+  render: (h) => h(App)
 }).$mount('#app')

package/src/views/Date.vue

@@ -2,65 +2,29 @@
   <div class="free-table">
     <div class="example-table-box">
       <p>基础日期-{{ date }}</p>
-      <BiDatePicker
-        v-model="date"
-        type="date"
-        placeholder="选择日期"
-      ></BiDatePicker>
+      <BiDatePicker v-model="date" type="date" placeholder="选择日期"></BiDatePicker>
     </div>
     <div class="example-table-box">
       <p>基础周-{{ date1 }}</p>
-      <BiDatePicker
-        v-model="date1"
-        type="week"
-        placeholder="选择周"
-      ></BiDatePicker>
+      <BiDatePicker v-model="date1" type="week" placeholder="选择周"></BiDatePicker>
     </div>
     <div class="example-table-box">
       <p>基础月-{{ date2 }}</p>
-      <BiDatePicker
-        v-model="date2"
-        type="month"
-        placeholder="选择周"
-      ></BiDatePicker>
+      <BiDatePicker v-model="date2" type="month" placeholder="选择周"></BiDatePicker>
     </div>
     <div class="example-table-box">
       <p>范围日期-{{ date3 }}</p>
-      <BiDatePicker
-        v-model="date3"
-        type="daterange"
-        placeholder="选择日期1"
-        :picker-option="pickerOptions1"
-      ></BiDatePicker>
+      <BiDatePicker v-model="date3" type="daterange" placeholder="选择日期1" :picker-option="pickerOptions1"></BiDatePicker>
       <p>范围日期-{{ date7 }}</p>
-      <BiDatePicker
-        v-model="date7"
-        type="daterange"
-        placeholder="选择日期2"
-        :picker-option="pickerOptions2"
-      ></BiDatePicker>
+      <BiDatePicker v-model="date7" type="daterange" placeholder="选择日期2" :picker-option="pickerOptions2"></BiDatePicker>
     </div>
     <div class="example-table-box">
       <p>范围月-{{ date5 }}</p>
-      <BiDatePicker
-        v-model="date5"
-        type="monthrange"
-        placeholder="选择日期"
-        format="yyyy-MM"
-      ></BiDatePicker>
+      <BiDatePicker v-model="date5" type="monthrange" placeholder="选择日期" format="yyyy-MM"></BiDatePicker>
     </div>
     <div class="example-table-box">
       <p>范围日期时间-{{ date6 }}</p>
-      <BiDatePicker
-        v-model="date6"
-        type="datetimerange"
-        format="yyyy-MM-dd HH:mm:ss"
-        value-format="yyyy-MM-dd HH:mm:ss"
-        :default-time="['00:00:00','23:59:59']"
-        range-separator="至"
-        start-placeholder="开始日期"
-        end-placeholder="结束日期"
-      ></BiDatePicker>
+      <BiDatePicker v-model="date6" type="datetimerange" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00', '23:59:59']" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></BiDatePicker>
     </div>
   </div>
 </template>