bi-element-ui 0.1.58 → 0.1.59

package/src/components/BiDatePicker/index.vue

@@ -1,74 +1,74 @@
-<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,104 +1,104 @@
-<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>

package/src/components/BiTable/forced.js

@@ -1,76 +1,76 @@
-// 这些选项不应该被覆盖
-export default {
-  selection: {
-    renderHeader: function(h, { store }) {
-      return (
-        <el-checkbox
-          disabled={store.states.data && store.states.data.length === 0}
-          indeterminate={
-            store.states.selection.length > 0 && !this.isAllSelected
-          }
-          nativeOn-click={this.toggleAllSelection}
-          value={this.isAllSelected}
-        />
-      )
-    },
-    renderCell: function(h, { row, column, store, $index }) {
-      return (
-        <el-checkbox
-          nativeOn-click={event => event.stopPropagation()}
-          value={store.isSelected(row)}
-          disabled={
-            column.selectable
-              ? !column.selectable.call(null, row, $index)
-              : false
-          }
-          on-input={() => {
-            store.commit('rowSelectedChanged', row)
-          }}
-        />
-      )
-    },
-    sortable: false,
-    resizable: false
-  },
-  index: {
-    renderHeader: function(h, { column }) {
-      return column.label || '#'
-    },
-    renderCell: function(h, { $index, column }) {
-      let i = $index + 1
-      const index = column.index
-
-      if (typeof index === 'number') {
-        i = $index + index
-      } else if (typeof index === 'function') {
-        i = index($index)
-      }
-
-      return <div>{i}</div>
-    },
-    sortable: false
-  },
-  expand: {
-    renderHeader: function(h, { column }) {
-      return column.label || ''
-    },
-    renderCell: function(h, { row, store }) {
-      const classes = ['el-table__expand-icon']
-      if (store.states.expandRows.indexOf(row) > -1) {
-        classes.push('el-table__expand-icon--expanded')
-      }
-      const callback = function(e) {
-        e.stopPropagation()
-        store.toggleRowExpansion(row)
-      }
-      return (
-        <div class={classes} on-click={callback}>
-          <i class="el-icon el-icon-arrow-right"></i>
-        </div>
-      )
-    },
-    sortable: false,
-    resizable: false,
-    className: 'el-table__expand-column'
-  }
-}
+// 这些选项不应该被覆盖
+export default {
+  selection: {
+    renderHeader: function(h, { store }) {
+      return (
+        <el-checkbox
+          disabled={store.states.data && store.states.data.length === 0}
+          indeterminate={
+            store.states.selection.length > 0 && !this.isAllSelected
+          }
+          nativeOn-click={this.toggleAllSelection}
+          value={this.isAllSelected}
+        />
+      )
+    },
+    renderCell: function(h, { row, column, store, $index }) {
+      return (
+        <el-checkbox
+          nativeOn-click={event => event.stopPropagation()}
+          value={store.isSelected(row)}
+          disabled={
+            column.selectable
+              ? !column.selectable.call(null, row, $index)
+              : false
+          }
+          on-input={() => {
+            store.commit('rowSelectedChanged', row)
+          }}
+        />
+      )
+    },
+    sortable: false,
+    resizable: false
+  },
+  index: {
+    renderHeader: function(h, { column }) {
+      return column.label || '#'
+    },
+    renderCell: function(h, { $index, column }) {
+      let i = $index + 1
+      const index = column.index
+
+      if (typeof index === 'number') {
+        i = $index + index
+      } else if (typeof index === 'function') {
+        i = index($index)
+      }
+
+      return <div>{i}</div>
+    },
+    sortable: false
+  },
+  expand: {
+    renderHeader: function(h, { column }) {
+      return column.label || ''
+    },
+    renderCell: function(h, { row, store }) {
+      const classes = ['el-table__expand-icon']
+      if (store.states.expandRows.indexOf(row) > -1) {
+        classes.push('el-table__expand-icon--expanded')
+      }
+      const callback = function(e) {
+        e.stopPropagation()
+        store.toggleRowExpansion(row)
+      }
+      return (
+        <div class={classes} on-click={callback}>
+          <i class="el-icon el-icon-arrow-right"></i>
+        </div>
+      )
+    },
+    sortable: false,
+    resizable: false,
+    className: 'el-table__expand-column'
+  }
+}

package/src/components/BiTable/index.js

@@ -1,6 +1,6 @@
-import BiTable from './table.vue'
-
-BiTable.install = function(Vue) {
-  Vue.component(BiTable.name, BiTable)
-}
-export default BiTable
+import BiTable from './table.vue'
+
+BiTable.install = function(Vue) {
+  Vue.component(BiTable.name, BiTable)
+}
+export default BiTable

package/src/components/BiTable/render.vue

@@ -1,13 +1,13 @@
-<script>
-export default {
-  name: 'BiRender',
-  functional: true,
-  props: {
-    scope: Object,
-    render: Function
-  },
-  render: (h, ctx) => {
-    return ctx.props.render ? ctx.props.render(h, ctx.props.scope) : ''
-  }
-}
-</script>
+<script>
+export default {
+  name: 'BiRender',
+  functional: true,
+  props: {
+    scope: Object,
+    render: Function
+  },
+  render: (h, ctx) => {
+    return ctx.props.render ? ctx.props.render(h, ctx.props.scope) : ''
+  }
+}
+</script>