n20-common-lib 1.2.41 → 1.2.42

package/src/components/Statis/index.vue

@@ -1,97 +1,97 @@
-<template>
-  <div>
-    <div v-if="size !== 'mini'" class="flex-box p-t-s p-b-s">
-      <statisItem type="当页合计" :list="pageList" :show-w="showW" />
-      <statisItem type="全部合计" :list="totalList" :show-w="showW" />
-    </div>
-    <div v-else class="n20-statis p-t-s p-b-s">
-      <span class="m-r">
-        当页:<span class="n20-primary">{{ pageSum }}</span
-        >条
-      </span>
-      <span class="m-r">
-        全部:<span class="n20-primary">{{ totalSun }}</span
-        >条
-      </span>
-    </div>
-  </div>
-</template>
-
-<script>
-import statisItem from './statisItem.vue'
-export default {
-  name: 'Statis',
-  components: {
-    statisItem
-  },
-  props: {
-    pageSum: {
-      type: Number,
-      default: 0
-    },
-    pageAmount: {
-      type: Number,
-      default: undefined
-    },
-    totalSun: {
-      type: Number,
-      default: 0
-    },
-    totalAmount: {
-      type: Number,
-      default: undefined
-    },
-    showW: {
-      type: Boolean,
-      default: false
-    },
-    showU: {
-      type: [Boolean, String],
-      default: false
-    },
-    size: {
-      type: String,
-      default: undefined
-    }
-  },
-  computed: {
-    unitAs() {
-      if (!this.showU) {
-        return undefined
-      } else if (this.showU === true) {
-        return '元'
-      } else {
-        return this.showU
-      }
-    },
-    pageList() {
-      if (this.pageAmount !== undefined) {
-        return [
-          { label: '笔数', value: this.pageSum },
-          {
-            label: '金额',
-            value: this.pageAmount,
-            unit: this.unitAs
-          }
-        ]
-      } else {
-        return [{ label: '笔数', value: this.pageSum }]
-      }
-    },
-    totalList() {
-      if (this.totalAmount !== undefined) {
-        return [
-          { label: '笔数', value: this.totalSun },
-          {
-            label: '金额',
-            value: this.totalAmount,
-            unit: this.unitAs
-          }
-        ]
-      } else {
-        return [{ label: '笔数', value: this.totalSun }]
-      }
-    }
-  }
-}
-</script>
+<template>
+  <div>
+    <div v-if="size !== 'mini'" class="flex-box p-t-s p-b-s">
+      <statisItem type="当页合计" :list="pageList" :show-w="showW" />
+      <statisItem type="全部合计" :list="totalList" :show-w="showW" />
+    </div>
+    <div v-else class="n20-statis p-t-s p-b-s">
+      <span class="m-r">
+        当页:<span class="n20-primary">{{ pageSum }}</span
+        >条
+      </span>
+      <span class="m-r">
+        全部:<span class="n20-primary">{{ totalSun }}</span
+        >条
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+import statisItem from './statisItem.vue'
+export default {
+  name: 'Statis',
+  components: {
+    statisItem
+  },
+  props: {
+    pageSum: {
+      type: Number,
+      default: 0
+    },
+    pageAmount: {
+      type: Number,
+      default: undefined
+    },
+    totalSun: {
+      type: Number,
+      default: 0
+    },
+    totalAmount: {
+      type: Number,
+      default: undefined
+    },
+    showW: {
+      type: Boolean,
+      default: false
+    },
+    showU: {
+      type: [Boolean, String],
+      default: false
+    },
+    size: {
+      type: String,
+      default: undefined
+    }
+  },
+  computed: {
+    unitAs() {
+      if (!this.showU) {
+        return undefined
+      } else if (this.showU === true) {
+        return '元'
+      } else {
+        return this.showU
+      }
+    },
+    pageList() {
+      if (this.pageAmount !== undefined) {
+        return [
+          { label: '笔数', value: this.pageSum },
+          {
+            label: '金额',
+            value: this.pageAmount,
+            unit: this.unitAs
+          }
+        ]
+      } else {
+        return [{ label: '笔数', value: this.pageSum }]
+      }
+    },
+    totalList() {
+      if (this.totalAmount !== undefined) {
+        return [
+          { label: '笔数', value: this.totalSun },
+          {
+            label: '金额',
+            value: this.totalAmount,
+            unit: this.unitAs
+          }
+        ]
+      } else {
+        return [{ label: '笔数', value: this.totalSun }]
+      }
+    }
+  }
+}
+</script>

package/src/components/Statis/statisItem.vue

@@ -1,54 +1,54 @@
-<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 class="n20-primary">{{
-        item | numerify('0,0.00', showW)
-      }}</span></span
-    >
-  </div>
-</template>
-
-<script>
-import numerify from 'numerify'
-const n = 10000
-
-export default {
-  name: 'StatisItem',
-  filters: {
-    numerify({ label, value, unit = '' }, f, w) {
-      if (label === '笔数') {
-        return value
-      } else 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
-    }
-  }
-}
-</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 class="n20-primary">{{
+        item | numerify('0,0.00', showW)
+      }}</span></span
+    >
+  </div>
+</template>
+
+<script>
+import numerify from 'numerify'
+const n = 10000
+
+export default {
+  name: 'StatisItem',
+  filters: {
+    numerify({ label, value, unit = '' }, f, w) {
+      if (label === '笔数') {
+        return value
+      } else 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
+    }
+  }
+}
+</script>

package/src/components/Statis/statisPopover.vue

@@ -1,55 +1,55 @@
-<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"
-    />
-  </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"
-      />
-    </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"
-        />
-      </div>
-    </div>
-  </el-popover>
-</template>
-
-<script>
-import statisItem from './statisItem.vue'
-export default {
-  name: 'StatisPopover',
-  components: { statisItem },
-  props: {
-    lists: {
-      type: Array,
-      default: () => []
-    }
-  }
-}
-</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"
+    />
+  </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"
+      />
+    </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"
+        />
+      </div>
+    </div>
+  </el-popover>
+</template>
+
+<script>
+import statisItem from './statisItem.vue'
+export default {
+  name: 'StatisPopover',
+  components: { statisItem },
+  props: {
+    lists: {
+      type: Array,
+      default: () => []
+    }
+  }
+}
+</script>

package/src/components/Step/index.vue

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