t20-common-lib 0.9.14 → 0.10.1

package/packages/multi-currency-statistics/src/main.vue

@@ -1,229 +1,229 @@
-<template>
-  <div class="footer-static flex-box">
-    <N20-statis-popover v-if="!onlyAll" class="m-r-s" :lists="selectStatistics" :countLabel="[$l('笔数')]" :total="selectTotal"/>
-    <N20-statis-popover :lists="allStatistics" :countLabel="[$l('笔数')]" :total="multipleTotal"/>
-  </div>
-</template>
-<script>
-export default {
-  name: 'MultiCurrencyStatistics',
-  props: {
-    views: {
-      type: Array,
-      default: () => []
-    },
-    config: {
-      type: Array,
-      default: () => []
-    },
-    // 选中的数据
-    selected: {
-      type: Array,
-      default: () => []
-    },
-    // 数据是否是在币种列表中
-    isMultiple: {
-      type: Boolean,
-      default: false
-    },
-    multipleKey: {
-      type: String,
-      default: 'curreyNoList'
-    },
-    onlyAll: {
-      type: Boolean,
-      default: false
-    },
-    multipleTotal: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      allStatistics: [],
-      selectStatistics: [],
-      selectStatisticsTpl: [],
-      selectTotal: 0
-    }
-  },
-  watch: {
-    selected: {
-      deep: true,
-      immediate: true,
-      handler() {
-        this.calculationSelected()
-      }
-    },
-    views: {
-      deep: true,
-      immediate: true,
-      handler() {
-        this.generateStatistics()
-      }
-    }
-  },
-  methods: {
-    /**
-     * 计算已选数据
-     */
-    calculationSelected() {
-      this.selectTotal = 0
-      if (!this.selected.length) {
-        this.selectStatistics = [this.selectStatisticsTpl[0]]
-        return
-      }
-      let selectedList = []
-      this.selectStatistics = []
-      this.selectTotal = this.selected.length
-      if (this.isMultiple) {
-        const arr = []
-        this.selected.forEach(item => {
-          if (item[this.multipleKey] && !arr.includes(item.accountNo)) {
-            item[this.multipleKey].forEach(currency => {
-              selectedList.push({...item, ...currency, [this.multipleKey]: undefined})
-            })
-          }
-          if (!arr.includes(item.accountNo)) {
-            arr.push(item.accountNo)
-          }
-        })
-        this.selectTotal = arr.length
-      } else {
-        selectedList = this.selected
-      }
-      
-      this.selectStatisticsTpl.forEach((statistic) => {
-        const coins = selectedList.filter(item => {
-          return item.currencyName === statistic.title
-        })
-
-        if (coins.length) {
-          const statis = [
-            {
-              type: this.$l('已选合计'), //已选合计
-              list: this.config.map(c => ({
-                label: c.label,
-                value: (() => {
-                  if (c.label === this.$l('笔数')) {
-                    //笔|条 数
-                    return coins.length
-                  }
-                  return coins.reduce((amount, item) => amount + item[c.key], 0)
-                })()
-              }))
-            }
-          ]
-          this.selectStatistics.push({...statistic, statis})
-        }
-      })
-    },
-    uniqueByAccountNo(arr) {
-      return arr.reduce((acc, current) => {
-        const exists = acc.some(item => item.accountNo === current.accountNo);
-        if (!exists) {
-          acc.push(current);
-        }
-        return acc;
-      }, []);
-    },
-    /**
-     * 构造底部统计数据
-     */
-    generateStatistics() {
-      this.selectTotal = 0
-      if (!this.views.length) {
-        this.allStatistics = [{
-          title: this.$l('人民币'),
-          statis: [
-            {
-              type: this.$l('全部合计'),
-              list: this.config.map(c => ({label: c.label, value: 0}))
-            }
-          ]
-        }]
-        this.selectStatistics = [{
-          title: this.$l('人民币'), 
-          statis: [
-            {
-              type: this.$l('已选合计'),
-              list: this.config.map(c => ({label: c.label, value: 0}))
-            }
-          ]
-        }]
-        this.selectStatisticsTpl =  [{
-          title: this.$l('人民币'),
-          statis: [
-            {
-              type: this.$l('已选合计'), 
-              list: this.config.map(c => ({label: c.label, value: 0}))
-            }
-          ]
-        }]
-        return
-      }
-      const allStatistics = []
-      const selectedStatistics = []
-      this.views.forEach(item => {
-        allStatistics.push({
-          title: item.currencyName,
-          currencyNo: item.currencyNo,
-          statis: [
-            {
-              type: this.$l('全部合计'), //全部合计
-              list: this.config.map(c => ({label: c.label, value: item[c.code] || '0'}))
-            }
-          ]
-        })
-        selectedStatistics.push({
-          title: item.currencyName,
-          currencyNo: item.currencyNo,
-          statis: [
-            {
-              type: this.$l('已选合计'), //已选合计
-              list: this.config.map(c => ({label: c.label, value: 0}))
-            }
-          ]
-        })
-      })
-      this.allStatistics = this.sortCurrencyToFront(allStatistics)
-      this.selectStatisticsTpl = this.sortCurrencyToFront(selectedStatistics)
-      this.selectStatistics = [this.sortCurrencyToFront(selectedStatistics)[0]]
-      // 回调一次计算已选合计的过程，处理一个接口导致的全部合计再次刷新的问题
-      this.$nextTick(()=>{
-        this.calculationSelected()
-      })
-    },
-    sortCurrencyToFront(data) {
-      let currencyNo = 'CNY'
-      if (this.$store && this.$store.state && this.$store.state.user && this.$store.state.user.defaultCurrencyNo) {
-        currencyNo = this.$store.state.user.defaultCurrencyNo
-      }
-      // 创建一个新数组以避免修改原数组
-      const newArray = [...data];
-      
-      // 查找匹配的货币索引
-      const index = newArray.findIndex(item => 
-        item.currencyNo && item.currencyNo.trim().toUpperCase() === currencyNo.trim().toUpperCase()
-      );
-      
-      // 如果找到匹配项
-      if (index > -1) {
-          // 从数组中移除匹配项
-          const [matchedItem] = newArray.splice(index, 1);
-          // 将匹配项添加到数组开头
-          newArray.unshift(matchedItem);
-      }
-      
-      return newArray;
-  }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.footer-static{
-  flex: 1;
-  flex-wrap: wrap;
-}
-</style>
+<template>
+  <div class="footer-static flex-box">
+    <N20-statis-popover v-if="!onlyAll" class="m-r-s" :lists="selectStatistics" :countLabel="[$l('笔数')]" :total="selectTotal"/>
+    <N20-statis-popover :lists="allStatistics" :countLabel="[$l('笔数')]" :total="multipleTotal"/>
+  </div>
+</template>
+<script>
+export default {
+  name: 'MultiCurrencyStatistics',
+  props: {
+    views: {
+      type: Array,
+      default: () => []
+    },
+    config: {
+      type: Array,
+      default: () => []
+    },
+    // 选中的数据
+    selected: {
+      type: Array,
+      default: () => []
+    },
+    // 数据是否是在币种列表中
+    isMultiple: {
+      type: Boolean,
+      default: false
+    },
+    multipleKey: {
+      type: String,
+      default: 'curreyNoList'
+    },
+    onlyAll: {
+      type: Boolean,
+      default: false
+    },
+    multipleTotal: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      allStatistics: [],
+      selectStatistics: [],
+      selectStatisticsTpl: [],
+      selectTotal: 0
+    }
+  },
+  watch: {
+    selected: {
+      deep: true,
+      immediate: true,
+      handler() {
+        this.calculationSelected()
+      }
+    },
+    views: {
+      deep: true,
+      immediate: true,
+      handler() {
+        this.generateStatistics()
+      }
+    }
+  },
+  methods: {
+    /**
+     * 计算已选数据
+     */
+    calculationSelected() {
+      this.selectTotal = 0
+      if (!this.selected.length) {
+        this.selectStatistics = [this.selectStatisticsTpl[0]]
+        return
+      }
+      let selectedList = []
+      this.selectStatistics = []
+      this.selectTotal = this.selected.length
+      if (this.isMultiple) {
+        const arr = []
+        this.selected.forEach(item => {
+          if (item[this.multipleKey] && !arr.includes(item.accountNo)) {
+            item[this.multipleKey].forEach(currency => {
+              selectedList.push({...item, ...currency, [this.multipleKey]: undefined})
+            })
+          }
+          if (!arr.includes(item.accountNo)) {
+            arr.push(item.accountNo)
+          }
+        })
+        this.selectTotal = arr.length
+      } else {
+        selectedList = this.selected
+      }
+      
+      this.selectStatisticsTpl.forEach((statistic) => {
+        const coins = selectedList.filter(item => {
+          return item.currencyName === statistic.title
+        })
+
+        if (coins.length) {
+          const statis = [
+            {
+              type: this.$l('已选合计'), //已选合计
+              list: this.config.map(c => ({
+                label: c.label,
+                value: (() => {
+                  if (c.label === this.$l('笔数')) {
+                    //笔|条 数
+                    return coins.length
+                  }
+                  return coins.reduce((amount, item) => amount + item[c.key], 0)
+                })()
+              }))
+            }
+          ]
+          this.selectStatistics.push({...statistic, statis})
+        }
+      })
+    },
+    uniqueByAccountNo(arr) {
+      return arr.reduce((acc, current) => {
+        const exists = acc.some(item => item.accountNo === current.accountNo);
+        if (!exists) {
+          acc.push(current);
+        }
+        return acc;
+      }, []);
+    },
+    /**
+     * 构造底部统计数据
+     */
+    generateStatistics() {
+      this.selectTotal = 0
+      if (!this.views.length) {
+        this.allStatistics = [{
+          title: this.$l('人民币'),
+          statis: [
+            {
+              type: this.$l('全部合计'),
+              list: this.config.map(c => ({label: c.label, value: 0}))
+            }
+          ]
+        }]
+        this.selectStatistics = [{
+          title: this.$l('人民币'), 
+          statis: [
+            {
+              type: this.$l('已选合计'),
+              list: this.config.map(c => ({label: c.label, value: 0}))
+            }
+          ]
+        }]
+        this.selectStatisticsTpl =  [{
+          title: this.$l('人民币'),
+          statis: [
+            {
+              type: this.$l('已选合计'), 
+              list: this.config.map(c => ({label: c.label, value: 0}))
+            }
+          ]
+        }]
+        return
+      }
+      const allStatistics = []
+      const selectedStatistics = []
+      this.views.forEach(item => {
+        allStatistics.push({
+          title: item.currencyName,
+          currencyNo: item.currencyNo,
+          statis: [
+            {
+              type: this.$l('全部合计'), //全部合计
+              list: this.config.map(c => ({label: c.label, value: item[c.code] || '0'}))
+            }
+          ]
+        })
+        selectedStatistics.push({
+          title: item.currencyName,
+          currencyNo: item.currencyNo,
+          statis: [
+            {
+              type: this.$l('已选合计'), //已选合计
+              list: this.config.map(c => ({label: c.label, value: 0}))
+            }
+          ]
+        })
+      })
+      this.allStatistics = this.sortCurrencyToFront(allStatistics)
+      this.selectStatisticsTpl = this.sortCurrencyToFront(selectedStatistics)
+      this.selectStatistics = [this.sortCurrencyToFront(selectedStatistics)[0]]
+      // 回调一次计算已选合计的过程，处理一个接口导致的全部合计再次刷新的问题
+      this.$nextTick(()=>{
+        this.calculationSelected()
+      })
+    },
+    sortCurrencyToFront(data) {
+      let currencyNo = 'CNY'
+      if (this.$store && this.$store.state && this.$store.state.user && this.$store.state.user.defaultCurrencyNo) {
+        currencyNo = this.$store.state.user.defaultCurrencyNo
+      }
+      // 创建一个新数组以避免修改原数组
+      const newArray = [...data];
+      
+      // 查找匹配的货币索引
+      const index = newArray.findIndex(item => 
+        item.currencyNo && item.currencyNo.trim().toUpperCase() === currencyNo.trim().toUpperCase()
+      );
+      
+      // 如果找到匹配项
+      if (index > -1) {
+          // 从数组中移除匹配项
+          const [matchedItem] = newArray.splice(index, 1);
+          // 将匹配项添加到数组开头
+          newArray.unshift(matchedItem);
+      }
+      
+      return newArray;
+  }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.footer-static{
+  flex: 1;
+  flex-wrap: wrap;
+}
+</style>

package/packages/page-header/index.js

@@ -1,8 +1,8 @@
-import PageHeader from './src/main';
-
-/* istanbul ignore next */
-PageHeader.install = function(Vue) {
-  Vue.component(PageHeader.name, PageHeader);
-};
-
-export default PageHeader;
+import PageHeader from './src/main';
+
+/* istanbul ignore next */
+PageHeader.install = function(Vue) {
+  Vue.component(PageHeader.name, PageHeader);
+};
+
+export default PageHeader;

package/packages/page-header/src/main.vue

@@ -1,96 +1,96 @@
-<template>
-  <div class="t20-page-header">
-    <div v-if="!disable" class="page-header__left" @click="$emit('back')">
-      <i :class="icon"></i>
-      <div class="page-header__title">
-        <slot name="title">{{ title }}</slot>
-      </div>
-    </div>
-    <div class="page-header__content">
-      <slot name="content">{{ content }}</slot>
-    </div>
-    <div class="header-btn">
-      <slot name="headerButtons"></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-import { $lc } from '../../../src/utils/i18n/index'
-
-export default {
-  name: 'PageHeader',
-  props: {
-    title: {
-      type: String,
-      default() {
-        return $lc('返回')
-      }
-    },
-    content: {
-      type: String,
-      default: ''
-    },
-    disable: {
-      type: Boolean,
-      default: false
-    },
-    icon: {
-      type: String,
-      default: 'n20-icon-yuefenqiehuan-zuoce'
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.t20-page-header {
-  display: flex;
-  line-height: 20px;
-  padding-bottom: 2px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-
-  .page-header__left {
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    margin-right: 16px;
-    position: relative;
-  }
-
-  .page-header__left:hover {
-    color: var(--color-primary);
-
-    .page-header__title {
-      color: var(--color-primary);
-    }
-  }
-
-  .page-header__left:after {
-    content: '';
-    position: absolute;
-    width: 1px;
-    height: 16px;
-    right: -8px;
-    top: 50%;
-    transform: translateY(-50%);
-    background-color: #dcdfe6;
-  }
-
-  .page-header__title {
-    font-size: 14px;
-    line-height: 20px;
-    color: #3d4a57;
-  }
-
-  .page-header__content {
-    font-size: 14px;
-    line-height: 26px;
-    color: #3d4a57;
-  }
-
-  .header-btn {
-    margin-left: auto;
-  }
-}
+<template>
+  <div class="t20-page-header">
+    <div v-if="!disable" class="page-header__left" @click="$emit('back')">
+      <i :class="icon"></i>
+      <div class="page-header__title">
+        <slot name="title">{{ title }}</slot>
+      </div>
+    </div>
+    <div class="page-header__content">
+      <slot name="content">{{ content }}</slot>
+    </div>
+    <div class="header-btn">
+      <slot name="headerButtons"></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+import { $lc } from '../../../src/utils/i18n/index'
+
+export default {
+  name: 'PageHeader',
+  props: {
+    title: {
+      type: String,
+      default() {
+        return $lc('返回')
+      }
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+    disable: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: 'n20-icon-yuefenqiehuan-zuoce'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.t20-page-header {
+  display: flex;
+  line-height: 20px;
+  padding-bottom: 2px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+
+  .page-header__left {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    margin-right: 16px;
+    position: relative;
+  }
+
+  .page-header__left:hover {
+    color: var(--color-primary);
+
+    .page-header__title {
+      color: var(--color-primary);
+    }
+  }
+
+  .page-header__left:after {
+    content: '';
+    position: absolute;
+    width: 1px;
+    height: 16px;
+    right: -8px;
+    top: 50%;
+    transform: translateY(-50%);
+    background-color: #dcdfe6;
+  }
+
+  .page-header__title {
+    font-size: 14px;
+    line-height: 20px;
+    color: #3d4a57;
+  }
+
+  .page-header__content {
+    font-size: 14px;
+    line-height: 26px;
+    color: #3d4a57;
+  }
+
+  .header-btn {
+    margin-left: auto;
+  }
+}
 </style>

package/packages/statis-card/index.js

@@ -1,8 +1,8 @@
-import StatisCard from './src/main';
-
-/* istanbul ignore next */
-StatisCard.install = function(Vue) {
-  Vue.component(StatisCard.name, StatisCard);
-};
-
-export default StatisCard;
+import StatisCard from './src/main';
+
+/* istanbul ignore next */
+StatisCard.install = function(Vue) {
+  Vue.component(StatisCard.name, StatisCard);
+};
+
+export default StatisCard;