n20-common-lib 1.3.46 → 1.3.49

package/src/components/Statis/statisItem.vue

@@ -1,65 +1,65 @@
-<template>
-  <div class="n20-statis">
-    <span v-if="title" class="p-r text-r stati-item-cell">{{ title }}</span
-    ><span class="stati-type stati-item-cell">{{ type }}</span
-    ><span class="n20-statis-division p-l-s p-r-s stati-item-cell">|</span
-    ><span v-for="(item, i) in list" :key="i" class="p-r stati-item-cell"
-      >{{ item.label }}:<span
-        v-if="countLabel.includes(item.label)"
-        class="n20-primary"
-        >{{ item.value }}</span
-      ><span v-else class="n20-primary">{{
-        item | numerify('0,0.00', showW, showU)
-      }}</span></span
-    >
-  </div>
-</template>
-
-<script>
-import numerify from 'numerify'
-const n = 10000
-
-export default {
-  name: 'StatisItem',
-  filters: {
-    numerify({ label, value }, f, w, unit = '') {
-      unit = unit ? (unit === true ? '元' : unit) : ''
-      if (!w) {
-        return numerify(value, f) + unit
-      } else {
-        if (value > n) {
-          return numerify(value / n, f) + '万' + unit
-        } else {
-          return numerify(value, f) + unit
-        }
-      }
-    }
-  },
-  props: {
-    title: {
-      type: String,
-      default: undefined
-    },
-    type: {
-      type: String,
-      default: undefined
-    },
-    list: {
-      type: Array,
-      default: () => []
-    },
-    showW: {
-      type: Boolean,
-      default: false
-    },
-    showU: {
-      type: [Boolean, String],
-      default: false
-    },
-    countLabel: {
-      type: Array,
-      default: () => ['笔数']
-    }
-  }
-}
-</script>
+<template>
+  <div class="n20-statis">
+    <span v-if="title" class="p-r text-r stati-item-cell">{{ title }}</span
+    ><span class="stati-type stati-item-cell">{{ type }}</span
+    ><span class="n20-statis-division p-l-s p-r-s stati-item-cell">|</span
+    ><span v-for="(item, i) in list" :key="i" class="p-r stati-item-cell"
+      >{{ item.label }}:<span
+        v-if="countLabel.includes(item.label)"
+        class="n20-primary"
+        >{{ item.value }}</span
+      ><span v-else class="n20-primary">{{
+        item | numerify('0,0.00', showW, showU)
+      }}</span></span
+    >
+  </div>
+</template>
+
+<script>
+import numerify from 'numerify'
+const n = 10000
+
+export default {
+  name: 'StatisItem',
+  filters: {
+    numerify({ label, value }, f, w, unit = '') {
+      unit = unit ? (unit === true ? '元' : unit) : ''
+      if (!w) {
+        return numerify(value, f) + unit
+      } else {
+        if (value > n) {
+          return numerify(value / n, f) + '万' + unit
+        } else {
+          return numerify(value, f) + unit
+        }
+      }
+    }
+  },
+  props: {
+    title: {
+      type: String,
+      default: undefined
+    },
+    type: {
+      type: String,
+      default: undefined
+    },
+    list: {
+      type: Array,
+      default: () => []
+    },
+    showW: {
+      type: Boolean,
+      default: false
+    },
+    showU: {
+      type: [Boolean, String],
+      default: false
+    },
+    countLabel: {
+      type: Array,
+      default: () => ['笔数']
+    }
+  }
+}
+</script>

package/src/components/Statis/statisPopover.vue

@@ -1,63 +1,63 @@
-<template>
-  <div v-if="lists.length == 1" class="flex-box p-t-s p-b-s">
-    <statisItem
-      v-for="(item, i) in lists[0]['statis']"
-      :key="i"
-      :title="i === 0 ? lists[0].title : undefined"
-      :type="item.type"
-      :list="item.list"
-      :count-label="countLabel"
-    />
-  </div>
-
-  <el-popover
-    v-else-if="lists.length > 1"
-    trigger="hover"
-    placement="bottom-start"
-    :visible-arrow="false"
-    popper-class="n20-statis-pop"
-  >
-    <div slot="reference" class="flex-box p-t-s p-b-s">
-      <statisItem
-        v-for="(item, i) in lists[0]['statis']"
-        :key="i"
-        :title="i === 0 ? lists[0].title : undefined"
-        :type="item.type"
-        :list="item.list"
-        :count-label="countLabel"
-      />
-      <i class="rotating-icon n20-icon-nianfenqiehuan-youce"></i>
-    </div>
-
-    <div>
-      <div v-for="(group, j) in lists" :key="j" class="n20-statis-group">
-        <statisItem
-          v-for="(item, i) in group['statis']"
-          :key="i"
-          :title="i === 0 ? group.title : undefined"
-          :type="item.type"
-          :list="item.list"
-          :count-label="countLabel"
-        />
-      </div>
-    </div>
-  </el-popover>
-</template>
-
-<script>
-import statisItem from './statisItem.vue'
-export default {
-  name: 'StatisPopover',
-  components: { statisItem },
-  props: {
-    lists: {
-      type: Array,
-      default: () => []
-    },
-    countLabel: {
-      type: Array,
-      default: undefined
-    }
-  }
-}
-</script>
+<template>
+  <div v-if="lists.length == 1" class="flex-box p-t-s p-b-s">
+    <statisItem
+      v-for="(item, i) in lists[0]['statis']"
+      :key="i"
+      :title="i === 0 ? lists[0].title : undefined"
+      :type="item.type"
+      :list="item.list"
+      :count-label="countLabel"
+    />
+  </div>
+
+  <el-popover
+    v-else-if="lists.length > 1"
+    trigger="hover"
+    placement="bottom-start"
+    :visible-arrow="false"
+    popper-class="n20-statis-pop"
+  >
+    <div slot="reference" class="flex-box p-t-s p-b-s">
+      <statisItem
+        v-for="(item, i) in lists[0]['statis']"
+        :key="i"
+        :title="i === 0 ? lists[0].title : undefined"
+        :type="item.type"
+        :list="item.list"
+        :count-label="countLabel"
+      />
+      <i class="rotating-icon n20-icon-nianfenqiehuan-youce"></i>
+    </div>
+
+    <div>
+      <div v-for="(group, j) in lists" :key="j" class="n20-statis-group">
+        <statisItem
+          v-for="(item, i) in group['statis']"
+          :key="i"
+          :title="i === 0 ? group.title : undefined"
+          :type="item.type"
+          :list="item.list"
+          :count-label="countLabel"
+        />
+      </div>
+    </div>
+  </el-popover>
+</template>
+
+<script>
+import statisItem from './statisItem.vue'
+export default {
+  name: 'StatisPopover',
+  components: { statisItem },
+  props: {
+    lists: {
+      type: Array,
+      default: () => []
+    },
+    countLabel: {
+      type: Array,
+      default: undefined
+    }
+  }
+}
+</script>

package/src/components/Step/index.vue

@@ -1,37 +1,37 @@
-<template>
-  <el-steps
-    :direction="direction"
-    :align-center="direction === 'horizontal' ? true : undefined"
-    :active="active"
-    v-bind="$attrs"
-  >
-    <el-step
-      v-for="(item, i) of dataSource"
-      :key="i"
-      :icon="item.icon"
-      :title="item.title"
-      :description="item.description"
-      @click.native="$emit('click', i)"
-    />
-  </el-steps>
-</template>
-
-<script>
-export default {
-  name: 'Step',
-  props: {
-    direction: {
-      type: String,
-      default: 'horizontal'
-    },
-    active: {
-      type: Number,
-      default: 1
-    },
-    dataSource: {
-      type: Array,
-      default: () => []
-    }
-  }
-}
-</script>
+<template>
+  <el-steps
+    :direction="direction"
+    :align-center="direction === 'horizontal' ? true : undefined"
+    :active="active"
+    v-bind="$attrs"
+  >
+    <el-step
+      v-for="(item, i) of dataSource"
+      :key="i"
+      :icon="item.icon"
+      :title="item.title"
+      :description="item.description"
+      @click.native="$emit('click', i)"
+    />
+  </el-steps>
+</template>
+
+<script>
+export default {
+  name: 'Step',
+  props: {
+    direction: {
+      type: String,
+      default: 'horizontal'
+    },
+    active: {
+      type: Number,
+      default: 1
+    },
+    dataSource: {
+      type: Array,
+      default: () => []
+    }
+  }
+}
+</script>

package/src/components/Suspend/index.vue

@@ -1,72 +1,72 @@
-<template>
-  <div v-move="moveFn" class="n20-suspend" :style="{ top: topAs }">
-    <el-tooltip
-      effect="dark"
-      :content="text"
-      placement="top-end"
-      offset="20"
-      :disabled="!text"
-    >
-      <div>
-        <i
-          class="n20-icon-liucheng m-r-ss color-primary"
-          @click="(ev) => $emit('click', ev)"
-        ></i>
-        <span class="n20-suspend-text" @click="(ev) => $emit('click', ev)">
-          <slot></slot>
-        </span>
-      </div>
-    </el-tooltip>
-  </div>
-</template>
-<script>
-export default {
-  name: 'Suspend',
-  props: {
-    text: {
-      type: String,
-      default: ''
-    },
-    top: {
-      type: Number,
-      default: 15
-    },
-    icon: {
-      type: String,
-      default: undefined
-    }
-  },
-  data() {
-    return {
-      winH: 1080,
-      moveY: 0
-    }
-  },
-  computed: {
-    topAs() {
-      let top = this.top * this.winH * 0.01 + this.moveY
-      if (top <= 0) {
-        return 0
-      } else if (top >= document.documentElement.clientHeight - 46) {
-        return document.documentElement.clientHeight - 46 + 'px'
-      }
-      return top + 'px'
-    }
-  },
-  mounted() {
-    this.resizeFn()
-    window.addEventListener('resize', this.resizeFn)
-  },
-  beforeDestroy() {
-    window.removeEventListener('resize', this.resizeFn)
-  },
-  methods: {
-    resizeFn() {
-      this.winH = document.documentElement.clientHeight
-    },
-    moveFn(ev) {
-      this.moveY = this.moveY + ev.pageYc
-    }
-  }
-}
-</script>
+<template>
+  <div v-move="moveFn" class="n20-suspend" :style="{ top: topAs }">
+    <el-tooltip
+      effect="dark"
+      :content="text"
+      placement="top-end"
+      offset="20"
+      :disabled="!text"
+    >
+      <div>
+        <i
+          class="n20-icon-liucheng m-r-ss color-primary"
+          @click="(ev) => $emit('click', ev)"
+        ></i>
+        <span class="n20-suspend-text" @click="(ev) => $emit('click', ev)">
+          <slot></slot>
+        </span>
+      </div>
+    </el-tooltip>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Suspend',
+  props: {
+    text: {
+      type: String,
+      default: ''
+    },
+    top: {
+      type: Number,
+      default: 15
+    },
+    icon: {
+      type: String,
+      default: undefined
+    }
+  },
+  data() {
+    return {
+      winH: 1080,
+      moveY: 0
+    }
+  },
+  computed: {
+    topAs() {
+      let top = this.top * this.winH * 0.01 + this.moveY
+      if (top <= 0) {
+        return 0
+      } else if (top >= document.documentElement.clientHeight - 46) {
+        return document.documentElement.clientHeight - 46 + 'px'
+      }
+      return top + 'px'
+    }
+  },
+  mounted() {
+    this.resizeFn()
+    window.addEventListener('resize', this.resizeFn)
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.resizeFn)
+  },
+  methods: {
+    resizeFn() {
+      this.winH = document.documentElement.clientHeight
+    },
+    moveFn(ev) {
+      this.moveY = this.moveY + ev.pageYc
+    }
+  }
+}
+</script>

package/src/components/Table/filters.js

@@ -1,60 +1,60 @@
-import numerify from 'numerify'
-import dayjs from 'dayjs'
-
-function tplFn(row, sc, mck, map = {}) {
-  let str = ''
-  sc.forEach((s, i) => {
-    str += s
-    let kA = mck[i]
-    if (kA && kA.length) {
-      let key = kA[0]
-      if (kA.length === 1) {
-        str += row[key]
-      } else {
-        let type = kA[1]
-        switch (type) {
-          case 'money':
-            str += numerify(row[key], '0,0.00')
-            break
-          case 'rate':
-            str += numerify(row[key], '0.000000')
-            break
-          case 'map':
-            str += map[row[key]]
-            break
-          case 'date':
-            str += dayjs(row[key]).format('YYYY-MM-DD')
-            break
-          case 'datetime':
-            str += dayjs(row[key]).format('YYYY-MM-DD HH:mm:ss')
-            break
-          case 'time':
-            str += dayjs(row[key]).format('HH:mm:ss')
-            break
-          default:
-            str += row[key]
-            break
-        }
-      }
-    }
-  })
-  return str
-}
-
-export function colfF(colf, map) {
-  if (typeof colf !== 'string') return colf
-  let sc = colf.split(/{.+?}/g) || []
-  let mc = colf.match(/{.+?}/g) || []
-  let mck = []
-  mc.forEach((t) => {
-    t = t.replace(/^{|\s+|}$/g, '').split('|')
-    mck.push(t)
-  })
-
-  return (row) => tplFn(row, sc, mck, map)
-}
-
-export function colftF(colft, fMap) {
-  if (typeof colft !== 'string') return colft
-  return fMap[colft]
-}
+import numerify from 'numerify'
+import dayjs from 'dayjs'
+
+function tplFn(row, sc, mck, map = {}) {
+  let str = ''
+  sc.forEach((s, i) => {
+    str += s
+    let kA = mck[i]
+    if (kA && kA.length) {
+      let key = kA[0]
+      if (kA.length === 1) {
+        str += row[key]
+      } else {
+        let type = kA[1]
+        switch (type) {
+          case 'money':
+            str += numerify(row[key], '0,0.00')
+            break
+          case 'rate':
+            str += numerify(row[key], '0.000000')
+            break
+          case 'map':
+            str += map[row[key]]
+            break
+          case 'date':
+            str += dayjs(row[key]).format('YYYY-MM-DD')
+            break
+          case 'datetime':
+            str += dayjs(row[key]).format('YYYY-MM-DD HH:mm:ss')
+            break
+          case 'time':
+            str += dayjs(row[key]).format('HH:mm:ss')
+            break
+          default:
+            str += row[key]
+            break
+        }
+      }
+    }
+  })
+  return str
+}
+
+export function colfF(colf, map) {
+  if (typeof colf !== 'string') return colf
+  let sc = colf.split(/{.+?}/g) || []
+  let mc = colf.match(/{.+?}/g) || []
+  let mck = []
+  mc.forEach((t) => {
+    t = t.replace(/^{|\s+|}$/g, '').split('|')
+    mck.push(t)
+  })
+
+  return (row) => tplFn(row, sc, mck, map)
+}
+
+export function colftF(colft, fMap) {
+  if (typeof colft !== 'string') return colft
+  return fMap[colft]
+}