vue2-client 1.3.0 → 1.3.3

package/src/components/index.js

@@ -1,36 +1,36 @@
-// chart
-import Bar from '@vue2-client/components/Charts/Bar'
-import ChartCard from '@vue2-client/components/Charts/ChartCard'
-import Liquid from '@vue2-client/components/Charts/Liquid'
-import MiniArea from '@vue2-client/components/Charts/MiniArea'
-import MiniSmoothArea from '@vue2-client/components/Charts/MiniSmoothArea'
-import MiniBar from '@vue2-client/components/Charts/MiniBar'
-import MiniProgress from '@vue2-client/components/Charts/MiniProgress'
-import Radar from '@vue2-client/components/Charts/Radar'
-import RankList from '@vue2-client/components/Charts/RankList'
-import TransferBar from '@vue2-client/components/Charts/TransferBar'
-import TagCloud from '@vue2-client/components/Charts/TagCloud'
-
-// pro components
-import Ellipsis from '@vue2-client/components/Ellipsis'
-import NumberInfo from '@vue2-client/components/NumberInfo'
-import STable from '@vue2-client/components/STable'
-import Trend from '@vue2-client/components/Trend'
-
-export {
-  Bar,
-  ChartCard,
-  Liquid,
-  MiniArea,
-  MiniSmoothArea,
-  MiniBar,
-  MiniProgress,
-  Radar,
-  TagCloud,
-  RankList,
-  TransferBar,
-  Ellipsis,
-  NumberInfo,
-  STable,
-  Trend
-}
+// chart
+import Bar from '@vue2-client/components/Charts/Bar'
+import ChartCard from '@vue2-client/components/Charts/ChartCard'
+import Liquid from '@vue2-client/components/Charts/Liquid'
+import MiniArea from '@vue2-client/components/Charts/MiniArea'
+import MiniSmoothArea from '@vue2-client/components/Charts/MiniSmoothArea'
+import MiniBar from '@vue2-client/components/Charts/MiniBar'
+import MiniProgress from '@vue2-client/components/Charts/MiniProgress'
+import Radar from '@vue2-client/components/Charts/Radar'
+import RankList from '@vue2-client/components/Charts/RankList'
+import TagCloud from '@vue2-client/components/Charts/TagCloud'
+import TransferBar from '@vue2-client/components/Charts/TransferBar'
+import Trend from '@vue2-client/components/Trend'
+
+// pro components
+import Ellipsis from '@vue2-client/components/Ellipsis'
+import NumberInfo from '@vue2-client/components/NumberInfo'
+import STable from '@vue2-client/components/STable'
+
+export {
+  Bar,
+  ChartCard,
+  Liquid,
+  MiniArea,
+  MiniSmoothArea,
+  MiniBar,
+  MiniProgress,
+  Radar,
+  TagCloud,
+  RankList,
+  TransferBar,
+  Ellipsis,
+  NumberInfo,
+  STable,
+  Trend
+}

package/src/components/table/StandardTable.vue

@@ -1,142 +1,141 @@
-<template>
-  <div class="standard-table">
-    <div class="alert">
-      <a-alert type="info" :show-icon="true" v-if="selectedRows">
-        <div class="message" slot="message">
-          已选择&nbsp;<a>{{ selectedRows.length }}</a>&nbsp;项 <a class="clear" @click="onClear">清空</a>
-          <template v-for="(item, index) in needTotalList" >
-            <div v-if="item.needTotal" :key="index">
-              {{ item.title }}总计&nbsp;
-              <a>{{ item.customRender ? item.customRender(item.total) : item.total }}</a>
-            </div>
-          </template>
-        </div>
-      </a-alert>
-    </div>
-    <a-table
-      :bordered="bordered"
-      :loading="loading"
-      :columns="columns"
-      :dataSource="dataSource"
-      :rowKey="rowKey"
-      :pagination="pagination"
-      :expandedRowKeys="expandedRowKeys"
-      :expandedRowRender="expandedRowRender"
-      @change="onChange"
-      :rowSelection="selectedRows ? {selectedRowKeys: selectedRowKeys, onChange: updateSelect} : undefined"
-    >
-      <template slot-scope="text, record, index" :slot="slot" v-for="slot in Object.keys($scopedSlots).filter(key => key !== 'expandedRowRender') ">
-        <slot :name="slot" v-bind="{text, record, index}"></slot>
-      </template>
-      <template :slot="slot" v-for="slot in Object.keys($slots)">
-        <slot :name="slot"></slot>
-      </template>
-      <template slot-scope="record, index, indent, expanded" :slot="$scopedSlots.expandedRowRender ? 'expandedRowRender' : ''">
-        <slot v-bind="{record, index, indent, expanded}" :name="$scopedSlots.expandedRowRender ? 'expandedRowRender' : ''"></slot>
-      </template>
-    </a-table>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'StandardTable',
-  props: {
-    bordered: Boolean,
-    // eslint-disable-next-line vue/require-default-prop
-    loading: [Boolean, Object],
-    // eslint-disable-next-line vue/require-default-prop
-    columns: Array,
-    // eslint-disable-next-line vue/require-default-prop
-    dataSource: Array,
-    rowKey: {
-      type: [String, Function],
-      default: 'key'
-    },
-    pagination: {
-      type: [Object, Boolean],
-      default: true
-    },
-    // eslint-disable-next-line vue/require-default-prop
-    selectedRows: Array,
-    // eslint-disable-next-line vue/require-default-prop
-    expandedRowKeys: Array,
-    // eslint-disable-next-line vue/require-default-prop
-    expandedRowRender: Function
-  },
-  data () {
-    return {
-      needTotalList: []
-    }
-  },
-  methods: {
-    updateSelect (selectedRowKeys, selectedRows) {
-      this.$emit('update:selectedRows', selectedRows)
-      this.$emit('selectedRowChange', selectedRowKeys, selectedRows)
-    },
-    initTotalList (columns) {
-      const totalList = columns.filter(item => item.needTotal)
-        .map(item => {
-          return {
-            ...item,
-            total: 0
-          }
-        })
-      return totalList
-    },
-    onClear () {
-      this.updateSelect([], [])
-      this.$emit('clear')
-    },
-    onChange (pagination, filters, sorter, { currentDataSource }) {
-      this.$emit('change', pagination, filters, sorter, { currentDataSource })
-    }
-  },
-  created () {
-    this.needTotalList = this.initTotalList(this.columns)
-  },
-  watch: {
-    selectedRows (selectedRows) {
-      this.needTotalList = this.needTotalList.map(item => {
-        return {
-          ...item,
-          total: selectedRows.reduce((sum, val) => {
-            let v
-            try {
-              // eslint-disable-next-line no-eval
-              v = val[item.dataIndex] ? val[item.dataIndex] : eval(`val.${item.dataIndex}`)
-            } catch (_) {
-              v = val[item.dataIndex]
-            }
-            v = !isNaN(parseFloat(v)) ? parseFloat(v) : 0
-            return sum + v
-          }, 0)
-        }
-      })
-    }
-  },
-  computed: {
-    selectedRowKeys () {
-      return this.selectedRows.map(record => {
-        return (typeof this.rowKey === 'function') ? this.rowKey(record) : record[this.rowKey]
-      })
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-.standard-table{
-  .alert{
-    margin-bottom: 16px;
-    .message{
-      a{
-        font-weight: 600;
-      }
-    }
-    .clear{
-      float: right;
-    }
-  }
-}
-</style>
+<template>
+  <div class="standard-table">
+    <div class="alert">
+      <a-alert v-if="selectedRows" :show-icon="true" type="info">
+        <div slot="message" class="message">
+          已选择&nbsp;<a>{{ selectedRows.length }}</a>&nbsp;项 <a class="clear" @click="onClear">清空</a>
+          <template v-for="(item, index) in needTotalList" >
+            <div v-if="item.needTotal" :key="index">
+              {{ item.title }}总计&nbsp;
+              <a>{{ item.customRender ? item.customRender(item.total) : item.total }}</a>
+            </div>
+          </template>
+        </div>
+      </a-alert>
+    </div>
+    <a-table
+      :bordered="bordered"
+      :columns="columns"
+      :dataSource="dataSource"
+      :expandedRowKeys="expandedRowKeys"
+      :expandedRowRender="expandedRowRender"
+      :loading="loading"
+      :pagination="pagination"
+      :rowKey="rowKey"
+      :rowSelection="selectedRows ? {selectedRowKeys: selectedRowKeys, onChange: updateSelect} : undefined"
+      @change="onChange"
+    >
+      <template v-for="slot in Object.keys($scopedSlots).filter(key => key !== 'expandedRowRender') " :slot="slot" slot-scope="text, record, index">
+        <slot :name="slot" v-bind="{text, record, index}"></slot>
+      </template>
+      <template v-for="slot in Object.keys($slots)" :slot="slot">
+        <slot :name="slot"></slot>
+      </template>
+      <template :slot="$scopedSlots.expandedRowRender ? 'expandedRowRender' : ''" slot-scope="record, index, indent, expanded">
+        <slot :name="$scopedSlots.expandedRowRender ? 'expandedRowRender' : ''" v-bind="{record, index, indent, expanded}"></slot>
+      </template>
+    </a-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'StandardTable',
+  props: {
+    bordered: Boolean,
+    // eslint-disable-next-line vue/require-default-prop
+    loading: [Boolean, Object],
+    // eslint-disable-next-line vue/require-default-prop
+    columns: Array,
+    // eslint-disable-next-line vue/require-default-prop
+    dataSource: Array,
+    rowKey: {
+      type: [String, Function],
+      default: 'key'
+    },
+    pagination: {
+      type: [Object, Boolean],
+      default: true
+    },
+    // eslint-disable-next-line vue/require-default-prop
+    selectedRows: Array,
+    // eslint-disable-next-line vue/require-default-prop
+    expandedRowKeys: Array,
+    // eslint-disable-next-line vue/require-default-prop
+    expandedRowRender: Function
+  },
+  data () {
+    return {
+      needTotalList: []
+    }
+  },
+  methods: {
+    updateSelect (selectedRowKeys, selectedRows) {
+      this.$emit('update:selectedRows', selectedRows)
+      this.$emit('selectedRowChange', selectedRowKeys, selectedRows)
+    },
+    initTotalList (columns) {
+      return columns.filter(item => item.needTotal)
+        .map(item => {
+          return {
+            ...item,
+            total: 0
+          }
+        })
+    },
+    onClear () {
+      this.updateSelect([], [])
+      this.$emit('clear')
+    },
+    onChange (pagination, filters, sorter, { currentDataSource }) {
+      this.$emit('change', pagination, filters, sorter, { currentDataSource })
+    }
+  },
+  created () {
+    this.needTotalList = this.initTotalList(this.columns)
+  },
+  watch: {
+    selectedRows (selectedRows) {
+      this.needTotalList = this.needTotalList.map(item => {
+        return {
+          ...item,
+          total: selectedRows.reduce((sum, val) => {
+            let v
+            try {
+              // eslint-disable-next-line no-eval
+              v = val[item.dataIndex] ? val[item.dataIndex] : eval(`val.${item.dataIndex}`)
+            } catch (_) {
+              v = val[item.dataIndex]
+            }
+            v = !isNaN(parseFloat(v)) ? parseFloat(v) : 0
+            return sum + v
+          }, 0)
+        }
+      })
+    }
+  },
+  computed: {
+    selectedRowKeys () {
+      return this.selectedRows.map(record => {
+        return (typeof this.rowKey === 'function') ? this.rowKey(record) : record[this.rowKey]
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.standard-table{
+  .alert{
+    margin-bottom: 16px;
+    .message{
+      a{
+        font-weight: 600;
+      }
+    }
+    .clear{
+      float: right;
+    }
+  }
+}
+</style>

package/src/components/tool/TagSelect.vue

@@ -1,83 +1,83 @@
-<template>
-  <div class="tag-select">
-    <tag-select-option @click="toggleCheck">全部</tag-select-option>
-    <slot></slot>
-    <a @click="toggle" v-show="showTrigger" ref="trigger" class="trigger">展开<a-icon style="margin-left: 5px" :type="collapsed ? 'down' : 'up'"/></a>
-  </div>
-</template>
-
-<script>
-import TagSelectOption from './TagSelectOption'
-export default {
-  name: 'TagSelect',
-  Option: TagSelectOption,
-  components: { TagSelectOption },
-  data () {
-    return {
-      showTrigger: false,
-      collapsed: true,
-      screenWidth: document.body.clientWidth,
-      checkAll: false
-    }
-  },
-  watch: {
-    screenWidth: function () {
-      this.showTrigger = this.needTrigger()
-    },
-    collapsed: function (val) {
-      this.$el.style.maxHeight = val ? '39px' : '78px'
-    }
-  },
-  mounted () {
-    const _this = this
-    // 此处延迟执行，是为解决mouted未完全完成情况下引发的trigger显示bug
-    setTimeout(() => {
-      _this.showTrigger = _this.needTrigger()
-      _this.$refs.trigger.style.display = _this.showTrigger ? 'inline' : 'none'
-    }, 1)
-    window.onresize = () => {
-      return (() => {
-        window.screenWidth = document.body.clientWidth
-        _this.screenWidth = window.screenWidth
-      })()
-    }
-  },
-  methods: {
-    needTrigger () {
-      return this.$el.clientHeight < this.$el.scrollHeight || this.$el.scrollHeight > 39
-    },
-    toggle () {
-      this.collapsed = !this.collapsed
-    },
-    getAllTags () {
-      const tagList = this.$children.filter((item) => {
-        return item.isTagSelectOption
-      })
-      return tagList
-    },
-    toggleCheck () {
-      this.checkAll = !this.checkAll
-      const tagList = this.getAllTags()
-      tagList.forEach((item) => {
-        item.checked = this.checkAll
-      })
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-  .tag-select{
-    user-select: none;
-    position: relative;
-    overflow: hidden;
-    max-height: 39px;
-    padding-right: 50px;
-    display: inline-block;
-  }
-  .trigger{
-    position: absolute;
-    top: 0;
-    right: 0;
-  }
-</style>
+<template>
+  <div class="tag-select">
+    <tag-select-option @click="toggleCheck">全部</tag-select-option>
+    <slot></slot>
+    <a v-show="showTrigger" ref="trigger" class="trigger" @click="toggle">展开<a-icon :type="collapsed ? 'down' : 'up'" style="margin-left: 5px"/></a>
+  </div>
+</template>
+
+<script>
+import TagSelectOption from './TagSelectOption'
+
+export default {
+  name: 'TagSelect',
+  Option: TagSelectOption,
+  components: { TagSelectOption },
+  data () {
+    return {
+      showTrigger: false,
+      collapsed: true,
+      screenWidth: document.body.clientWidth,
+      checkAll: false
+    }
+  },
+  watch: {
+    screenWidth: function () {
+      this.showTrigger = this.needTrigger()
+    },
+    collapsed: function (val) {
+      this.$el.style.maxHeight = val ? '39px' : '78px'
+    }
+  },
+  mounted () {
+    const _this = this
+    // 此处延迟执行，是为解决mouted未完全完成情况下引发的trigger显示bug
+    setTimeout(() => {
+      _this.showTrigger = _this.needTrigger()
+      _this.$refs.trigger.style.display = _this.showTrigger ? 'inline' : 'none'
+    }, 1)
+    window.onresize = () => {
+      return (() => {
+        window.screenWidth = document.body.clientWidth
+        _this.screenWidth = window.screenWidth
+      })()
+    }
+  },
+  methods: {
+    needTrigger () {
+      return this.$el.clientHeight < this.$el.scrollHeight || this.$el.scrollHeight > 39
+    },
+    toggle () {
+      this.collapsed = !this.collapsed
+    },
+    getAllTags () {
+      return this.$children.filter((item) => {
+        return item.isTagSelectOption
+      })
+    },
+    toggleCheck () {
+      this.checkAll = !this.checkAll
+      const tagList = this.getAllTags()
+      tagList.forEach((item) => {
+        item.checked = this.checkAll
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  .tag-select{
+    user-select: none;
+    position: relative;
+    overflow: hidden;
+    max-height: 39px;
+    padding-right: 50px;
+    display: inline-block;
+  }
+  .trigger{
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+</style>