bi-element-ui 1.1.97 → 1.1.98

package/src/App.vue

@@ -9,12 +9,14 @@
           <router-link to="/table">Table</router-link>
           <router-link to="/showData">Data</router-link>
           <router-link to="/layout">布局</router-link>
+          <router-link to="/log">日志</router-link>
         </div>
       </el-aside>
       <el-main>
         <router-view />
       </el-main>
     </el-container>
+    <BiLogDialog />
   </div>
 </template>
 

package/src/components/BiDatePicker/datePickerOption.js

@@ -1,163 +1,163 @@
-import moment from 'moment'
-const pickerOptions = {
-  daterange: {
-    shortcuts: [
-      {
-        text: '今天',
-        onClick(picker) {
-          const end = moment().format('YYYY-MM-DD 23:59:59')
-          const start = moment().format('YYYY-MM-DD 00:00:00')
-          // const end = new Date()
-          // const start = new Date()
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '昨天',
-        onClick(picker) {
-          const end = moment().subtract(1, 'days').format('YYYY-MM-DD 23:59:59')
-          const start = moment().subtract(1, 'days').format('YYYY-MM-DD 00:00:00')
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '近一周',
-        onClick(picker) {
-          const end = moment().format('YYYY-MM-DD 23:59:59')
-          const start = moment().subtract(7, 'days').format('YYYY-MM-DD 00:00:00')
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '近一月',
-        onClick(picker) {
-          const end = moment().format('YYYY-MM-DD 23:59:59')
-          const start = moment().subtract(30, 'days').format('YYYY-MM-DD 00:00:00')
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '上个月',
-        onClick(picker) {
-          const start = moment().startOf('month').subtract(1, 'month').format('YYYY-MM-DD 00:00:00')
-          const end = moment().endOf('month').subtract(1, 'month').format('YYYY-MM-DD 23:59:59')
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '本月',
-        onClick(picker) {
-          const start = moment().startOf('month').format('YYYY-MM-DD 00:00:00')
-          const end = moment().endOf('month').format('YYYY-MM-DD 23:59:59')
-          picker.$emit('pick', [start, end])
-        }
-      }
-    ]
-  },
-  monthrange: {
-    shortcuts: [
-      {
-        text: '本月',
-        onClick(picker) {
-          const start = moment().startOf('month').format('YYYY-MM-DD')
-          const end = moment().endOf('month').format('YYYY-MM-DD')
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '最近三个月',
-        onClick(picker) {
-          const start = moment().subtract(2, 'month').startOf('month').format('YYYY-MM-DD')
-          const end = moment().endOf('month').format('YYYY-MM-DD')
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '最近六个月',
-        onClick(picker) {
-          const start = moment().subtract(5, 'month').startOf('month').format('YYYY-MM-DD')
-          const end = moment().endOf('month').format('YYYY-MM-DD')
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '最近一年',
-        onClick(picker) {
-          const start = moment().subtract(11, 'month').startOf('month').format('YYYY-MM-DD')
-          const end = moment().endOf('month').format('YYYY-MM-DD')
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '今年',
-        onClick(picker) {
-          const start = moment().startOf('year').startOf('month').format('YYYY-MM-DD')
-          const end = moment().endOf('month').format('YYYY-MM-DD')
-          picker.$emit('pick', [start, end])
-        }
-      }
-    ]
-  },
-  datetimerange: {
-    shortcuts: [
-      {
-        text: '今天',
-        onClick(picker) {
-          const end = moment().format('YYYY-MM-DD 23:59:59')
-          const start = moment().format('YYYY-MM-DD 00:00:00')
-          // const end = new Date()
-          // const start = new Date()
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '昨天',
-        onClick(picker) {
-          const end = moment().subtract(1, 'days').format('YYYY-MM-DD 23:59:59')
-          const start = moment().subtract(1, 'days').format('YYYY-MM-DD 00:00:00')
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '近一周',
-        onClick(picker) {
-          const end = moment().format('YYYY-MM-DD 23:59:59')
-          const start = moment().subtract(7, 'days').format('YYYY-MM-DD 00:00:00')
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '近一月',
-        onClick(picker) {
-          const end = moment().format('YYYY-MM-DD 23:59:59')
-          const start = moment().subtract(30, 'days').format('YYYY-MM-DD 00:00:00')
-          picker.$emit('pick', [start, end])
-        }
-      },
-      {
-        text: '上个月',
-        onClick(picker) {
-          if (picker.value !== null) {
-            const end = moment(picker.value[1]).subtract(1, 'months').endOf('month').format('YYYY-MM-DD 23:59:59')
-            const start = moment(picker.value[0]).subtract(1, 'months').startOf('month').format('YYYY-MM-DD 00:00:00')
-            picker.$emit('pick', [start, end])
-          } else {
-            const end = moment().subtract(1, 'months').endOf('month').format('YYYY-MM-DD 23:59:59')
-            const start = moment().subtract(1, 'months').startOf('month').format('YYYY-MM-DD 00:00:00')
-            picker.$emit('pick', [start, end])
-          }
-        }
-      },
-      {
-        text: '本月',
-        onClick(picker) {
-          const end = moment().endOf('month').format('YYYY-MM-DD 23:59:59')
-          const start = moment().startOf('month').format('YYYY-MM-DD 00:00:00')
-          picker.$emit('pick', [start, end])
-        }
-      }
-    ]
-  }
-}
-
-export default pickerOptions
+import moment from 'moment'
+const pickerOptions = {
+  daterange: {
+    shortcuts: [
+      {
+        text: '今天',
+        onClick(picker) {
+          const end = moment().format('YYYY-MM-DD 23:59:59')
+          const start = moment().format('YYYY-MM-DD 00:00:00')
+          // const end = new Date()
+          // const start = new Date()
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '昨天',
+        onClick(picker) {
+          const end = moment().subtract(1, 'days').format('YYYY-MM-DD 23:59:59')
+          const start = moment().subtract(1, 'days').format('YYYY-MM-DD 00:00:00')
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '近一周',
+        onClick(picker) {
+          const end = moment().format('YYYY-MM-DD 23:59:59')
+          const start = moment().subtract(7, 'days').format('YYYY-MM-DD 00:00:00')
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '近一月',
+        onClick(picker) {
+          const end = moment().format('YYYY-MM-DD 23:59:59')
+          const start = moment().subtract(30, 'days').format('YYYY-MM-DD 00:00:00')
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '上个月',
+        onClick(picker) {
+          const start = moment().startOf('month').subtract(1, 'month').format('YYYY-MM-DD 00:00:00')
+          const end = moment().endOf('month').subtract(1, 'month').format('YYYY-MM-DD 23:59:59')
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '本月',
+        onClick(picker) {
+          const start = moment().startOf('month').format('YYYY-MM-DD 00:00:00')
+          const end = moment().endOf('month').format('YYYY-MM-DD 23:59:59')
+          picker.$emit('pick', [start, end])
+        }
+      }
+    ]
+  },
+  monthrange: {
+    shortcuts: [
+      {
+        text: '本月',
+        onClick(picker) {
+          const start = moment().startOf('month').format('YYYY-MM-DD')
+          const end = moment().endOf('month').format('YYYY-MM-DD')
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '最近三个月',
+        onClick(picker) {
+          const start = moment().subtract(2, 'month').startOf('month').format('YYYY-MM-DD')
+          const end = moment().endOf('month').format('YYYY-MM-DD')
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '最近六个月',
+        onClick(picker) {
+          const start = moment().subtract(5, 'month').startOf('month').format('YYYY-MM-DD')
+          const end = moment().endOf('month').format('YYYY-MM-DD')
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '最近一年',
+        onClick(picker) {
+          const start = moment().subtract(11, 'month').startOf('month').format('YYYY-MM-DD')
+          const end = moment().endOf('month').format('YYYY-MM-DD')
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '今年',
+        onClick(picker) {
+          const start = moment().startOf('year').startOf('month').format('YYYY-MM-DD')
+          const end = moment().endOf('month').format('YYYY-MM-DD')
+          picker.$emit('pick', [start, end])
+        }
+      }
+    ]
+  },
+  datetimerange: {
+    shortcuts: [
+      {
+        text: '今天',
+        onClick(picker) {
+          const end = moment().format('YYYY-MM-DD 23:59:59')
+          const start = moment().format('YYYY-MM-DD 00:00:00')
+          // const end = new Date()
+          // const start = new Date()
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '昨天',
+        onClick(picker) {
+          const end = moment().subtract(1, 'days').format('YYYY-MM-DD 23:59:59')
+          const start = moment().subtract(1, 'days').format('YYYY-MM-DD 00:00:00')
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '近一周',
+        onClick(picker) {
+          const end = moment().format('YYYY-MM-DD 23:59:59')
+          const start = moment().subtract(7, 'days').format('YYYY-MM-DD 00:00:00')
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '近一月',
+        onClick(picker) {
+          const end = moment().format('YYYY-MM-DD 23:59:59')
+          const start = moment().subtract(30, 'days').format('YYYY-MM-DD 00:00:00')
+          picker.$emit('pick', [start, end])
+        }
+      },
+      {
+        text: '上个月',
+        onClick(picker) {
+          if (picker.value !== null) {
+            const end = moment(picker.value[1]).subtract(1, 'months').endOf('month').format('YYYY-MM-DD 23:59:59')
+            const start = moment(picker.value[0]).subtract(1, 'months').startOf('month').format('YYYY-MM-DD 00:00:00')
+            picker.$emit('pick', [start, end])
+          } else {
+            const end = moment().subtract(1, 'months').endOf('month').format('YYYY-MM-DD 23:59:59')
+            const start = moment().subtract(1, 'months').startOf('month').format('YYYY-MM-DD 00:00:00')
+            picker.$emit('pick', [start, end])
+          }
+        }
+      },
+      {
+        text: '本月',
+        onClick(picker) {
+          const end = moment().endOf('month').format('YYYY-MM-DD 23:59:59')
+          const start = moment().startOf('month').format('YYYY-MM-DD 00:00:00')
+          picker.$emit('pick', [start, end])
+        }
+      }
+    ]
+  }
+}
+
+export default pickerOptions

package/src/components/BiDatePicker/index.vue

@@ -1,59 +1,59 @@
-<template>
-  <el-date-picker v-if="true" v-model="date" :picker-options="componentPickerOptions" :format="format" :value-format="valueFormat" v-bind="$attrs" v-on="$listeners"> </el-date-picker>
-  <el-date-picker v-else v-model="date" type="date" placeholder="选择日期"> </el-date-picker>
-</template>
-
-<script>
-import datePickerOption from './datePickerOption'
-export default {
-  name: 'BiDatepicker',
-  props: {
-    pickerOption: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    format: {
-      type: String,
-      default: 'yyyy-MM-dd'
-    },
-    valueFormat: {
-      type: String,
-      default: 'yyyy-MM-dd'
-    },
-    value: {
-      type: String || Array,
-      default: ''
-    }
-  },
-  computed: {
-    date: {
-      get() {
-        return this.value
-      },
-      set(val) {
-        this.$emit('input', val)
-      }
-    },
-    componentPickerOptions() {
-      const type = this.$attrs.type
-      if (type === 'daterange') {
-        return Object.assign(datePickerOption.daterange, this.pickerOption)
-      } else if (type === 'monthrange') {
-        return Object.assign(datePickerOption.monthrange, this.pickerOption)
-      } else if (type === 'datetimerange') {
-        return Object.assign(datePickerOption.datetimerange, this.pickerOption)
-      } else {
-        return this.pickerOption
-      }
-    }
-  },
-  methods: {}
-}
-</script>
-<style>
-.free-button {
-  margin: 10px 0;
-}
-</style>
+<template>
+  <el-date-picker v-if="true" v-model="date" :picker-options="componentPickerOptions" :format="format" :value-format="valueFormat" v-bind="$attrs" v-on="$listeners"> </el-date-picker>
+  <el-date-picker v-else v-model="date" type="date" placeholder="选择日期"> </el-date-picker>
+</template>
+
+<script>
+import datePickerOption from './datePickerOption'
+export default {
+  name: 'BiDatepicker',
+  props: {
+    pickerOption: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    format: {
+      type: String,
+      default: 'yyyy-MM-dd'
+    },
+    valueFormat: {
+      type: String,
+      default: 'yyyy-MM-dd'
+    },
+    value: {
+      type: String || Array,
+      default: ''
+    }
+  },
+  computed: {
+    date: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    },
+    componentPickerOptions() {
+      const type = this.$attrs.type
+      if (type === 'daterange') {
+        return Object.assign(datePickerOption.daterange, this.pickerOption)
+      } else if (type === 'monthrange') {
+        return Object.assign(datePickerOption.monthrange, this.pickerOption)
+      } else if (type === 'datetimerange') {
+        return Object.assign(datePickerOption.datetimerange, this.pickerOption)
+      } else {
+        return this.pickerOption
+      }
+    }
+  },
+  methods: {}
+}
+</script>
+<style>
+.free-button {
+  margin: 10px 0;
+}
+</style>

package/src/components/BiTable/columu.vue

@@ -1,81 +1,81 @@
-<template>
-  <el-table-column v-bind="column" v-on="$listeners">
-    <template slot="header" slot-scope="scope">
-      <bi-render v-if="column.renderHeader" :scope="scope" :render="column.renderHeader" />
-      <span v-else>{{ scope.column.label }}</span>
-    </template>
-
-    <template slot-scope="scope">
-      <component :is="column.component" v-if="column.component" v-bind="getCptBind(scope, column)" v-on="column.listeners" />
-
-      <!-- 嵌套表格 -->
-      <template v-else-if="column.children">
-        <free-column v-for="col in column.children" :key="col.prop" :column="col" />
-      </template>
-
-      <bi-render v-else :scope="scope" :render="column.render" />
-    </template>
-  </el-table-column>
-</template>
-
-<script>
-import BiRender from './render'
-import CellForced from './forced'
-
-export default {
-  name: 'BiColumn',
-  components: {
-    BiRender
-  },
-  props: {
-    column: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  watch: {
-    column: {
-      handler: 'renderColumn',
-      immediate: true
-    }
-  },
-  methods: {
-    renderColumn() {
-      const { column } = this
-      // 多选：selection / 索引：index / 展开的按钮：expand
-      if (column.type) {
-        column.renderHeader = CellForced[column.type].renderHeader
-        column.render = column.render || CellForced[column.type].renderCell
-      }
-      // 格式化内容
-      if (column.formatter) {
-        column.render = (h, scope) => {
-          return <span>{scope.column.formatter(scope.row, scope.column, scope.row[scope.column.property], scope.$index)}</span>
-        }
-      }
-      // 渲染成text
-      if (!column.render) {
-        column.render = (h, scope) => {
-          return <span>{scope.row[scope.column.property]}</span>
-        }
-      }
-
-      return column
-    },
-
-    getColBind(col) {
-      const bind = Object.assign({}, this.$attrs, col)
-      delete bind.component
-      delete bind.listeners
-      delete bind.propsHandler
-      return bind
-    },
-
-    getCptBind({ row, column }, col) {
-      const props = { row, col, column }
-      const handler = col.propsHandler
-      return (handler && handler(props)) || props
-    }
-  }
-}
-</script>
+<template>
+  <el-table-column v-bind="column" v-on="$listeners">
+    <template slot="header" slot-scope="scope">
+      <bi-render v-if="column.renderHeader" :scope="scope" :render="column.renderHeader" />
+      <span v-else>{{ scope.column.label }}</span>
+    </template>
+
+    <template slot-scope="scope">
+      <component :is="column.component" v-if="column.component" v-bind="getCptBind(scope, column)" v-on="column.listeners" />
+
+      <!-- 嵌套表格 -->
+      <template v-else-if="column.children">
+        <free-column v-for="col in column.children" :key="col.prop" :column="col" />
+      </template>
+
+      <bi-render v-else :scope="scope" :render="column.render" />
+    </template>
+  </el-table-column>
+</template>
+
+<script>
+import BiRender from './render'
+import CellForced from './forced'
+
+export default {
+  name: 'BiColumn',
+  components: {
+    BiRender
+  },
+  props: {
+    column: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  watch: {
+    column: {
+      handler: 'renderColumn',
+      immediate: true
+    }
+  },
+  methods: {
+    renderColumn() {
+      const { column } = this
+      // 多选：selection / 索引：index / 展开的按钮：expand
+      if (column.type) {
+        column.renderHeader = CellForced[column.type].renderHeader
+        column.render = column.render || CellForced[column.type].renderCell
+      }
+      // 格式化内容
+      if (column.formatter) {
+        column.render = (h, scope) => {
+          return <span>{scope.column.formatter(scope.row, scope.column, scope.row[scope.column.property], scope.$index)}</span>
+        }
+      }
+      // 渲染成text
+      if (!column.render) {
+        column.render = (h, scope) => {
+          return <span>{scope.row[scope.column.property]}</span>
+        }
+      }
+
+      return column
+    },
+
+    getColBind(col) {
+      const bind = Object.assign({}, this.$attrs, col)
+      delete bind.component
+      delete bind.listeners
+      delete bind.propsHandler
+      return bind
+    },
+
+    getCptBind({ row, column }, col) {
+      const props = { row, col, column }
+      const handler = col.propsHandler
+      return (handler && handler(props)) || props
+    }
+  }
+}
+</script>