n20-common-lib 1.2.5 → 1.2.8

package/src/assets/iconFont/iconfont.json

@@ -0,0 +1,443 @@
+{
+  "id": "2782772",
+  "name": "N20PC组件库",
+  "font_family": "core-lib-iconfont",
+  "css_prefix_text": "n20-icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "29079842",
+      "name": "倒序",
+      "font_class": "daoxu",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    },
+    {
+      "icon_id": "29079843",
+      "name": "顺序",
+      "font_class": "shunxu",
+      "unicode": "e61d",
+      "unicode_decimal": 58909
+    },
+    {
+      "icon_id": "29012251",
+      "name": "菜单收起",
+      "font_class": "caidanshouqi",
+      "unicode": "e61b",
+      "unicode_decimal": 58907
+    },
+    {
+      "icon_id": "28927755",
+      "name": "流程",
+      "font_class": "liucheng",
+      "unicode": "e661",
+      "unicode_decimal": 58977
+    },
+    {
+      "icon_id": "28885219",
+      "name": "成功",
+      "font_class": "chenggong",
+      "unicode": "e640",
+      "unicode_decimal": 58944
+    },
+    {
+      "icon_id": "28885221",
+      "name": "4.down",
+      "font_class": "a-4down",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    },
+    {
+      "icon_id": "28885222",
+      "name": "编 辑",
+      "font_class": "a-bianji",
+      "unicode": "e643",
+      "unicode_decimal": 58947
+    },
+    {
+      "icon_id": "28885223",
+      "name": "单选框-未选中",
+      "font_class": "danxuankuang-weixuanzhong",
+      "unicode": "e644",
+      "unicode_decimal": 58948
+    },
+    {
+      "icon_id": "28885224",
+      "name": "错误",
+      "font_class": "cuowu",
+      "unicode": "e645",
+      "unicode_decimal": 58949
+    },
+    {
+      "icon_id": "28885227",
+      "name": "单选框-已选中",
+      "font_class": "danxuankuang-yixuanzhong",
+      "unicode": "e648",
+      "unicode_decimal": 58952
+    },
+    {
+      "icon_id": "28885229",
+      "name": "多选框-未选悬停",
+      "font_class": "duoxuankuang-weixuanxuanting",
+      "unicode": "e64a",
+      "unicode_decimal": 58954
+    },
+    {
+      "icon_id": "28885238",
+      "name": "反馈-成功空心",
+      "font_class": "fankui-chenggongkongxin",
+      "unicode": "e655",
+      "unicode_decimal": 58965
+    },
+    {
+      "icon_id": "28885240",
+      "name": "年份切换-右侧",
+      "font_class": "nianfenqiehuan-youce",
+      "unicode": "e657",
+      "unicode_decimal": 58967
+    },
+    {
+      "icon_id": "28885241",
+      "name": "反馈-信息空心",
+      "font_class": "fankui-xinxikongxin",
+      "unicode": "e658",
+      "unicode_decimal": 58968
+    },
+    {
+      "icon_id": "28885242",
+      "name": "关闭-默认",
+      "font_class": "guanbi-moren",
+      "unicode": "e659",
+      "unicode_decimal": 58969
+    },
+    {
+      "icon_id": "28885246",
+      "name": "减号",
+      "font_class": "jianhao",
+      "unicode": "e65d",
+      "unicode_decimal": 58973
+    },
+    {
+      "icon_id": "28885251",
+      "name": "可关闭错误",
+      "font_class": "keguanbicuowu",
+      "unicode": "e663",
+      "unicode_decimal": 58979
+    },
+    {
+      "icon_id": "28885252",
+      "name": "年份切换-左侧",
+      "font_class": "nianfenqiehuan-zuoce",
+      "unicode": "e664",
+      "unicode_decimal": 58980
+    },
+    {
+      "icon_id": "28885253",
+      "name": "默认",
+      "font_class": "moren",
+      "unicode": "e665",
+      "unicode_decimal": 58981
+    },
+    {
+      "icon_id": "28885256",
+      "name": "搜索框-搜索弹窗",
+      "font_class": "sousuokuang-sousuodanchuang",
+      "unicode": "e668",
+      "unicode_decimal": 58984
+    },
+    {
+      "icon_id": "28885258",
+      "name": "提示",
+      "font_class": "tishi",
+      "unicode": "e66a",
+      "unicode_decimal": 58986
+    },
+    {
+      "icon_id": "28885260",
+      "name": "下拉-默认",
+      "font_class": "xiala-moren",
+      "unicode": "e66c",
+      "unicode_decimal": 58988
+    },
+    {
+      "icon_id": "28885261",
+      "name": "日期选择-日历",
+      "font_class": "riqixuanze-rili",
+      "unicode": "e66d",
+      "unicode_decimal": 58989
+    },
+    {
+      "icon_id": "28885262",
+      "name": "卡片（选中）",
+      "font_class": "a-kapianxuanzhong1",
+      "unicode": "e66e",
+      "unicode_decimal": 58990
+    },
+    {
+      "icon_id": "28885263",
+      "name": "新增",
+      "font_class": "xinzeng",
+      "unicode": "e66f",
+      "unicode_decimal": 58991
+    },
+    {
+      "icon_id": "28885265",
+      "name": "文件",
+      "font_class": "wenjian",
+      "unicode": "e671",
+      "unicode_decimal": 58993
+    },
+    {
+      "icon_id": "28885268",
+      "name": "信息",
+      "font_class": "xinxi",
+      "unicode": "e674",
+      "unicode_decimal": 58996
+    },
+    {
+      "icon_id": "28885269",
+      "name": "图标和文本提示",
+      "font_class": "tubiaohewenbentishi",
+      "unicode": "e675",
+      "unicode_decimal": 58997
+    },
+    {
+      "icon_id": "28885270",
+      "name": "下载-默认",
+      "font_class": "xiazai-moren",
+      "unicode": "e676",
+      "unicode_decimal": 58998
+    },
+    {
+      "icon_id": "28885271",
+      "name": "文件上传",
+      "font_class": "wenjianshangchuan",
+      "unicode": "e677",
+      "unicode_decimal": 58999
+    },
+    {
+      "icon_id": "28885273",
+      "name": "信息提示",
+      "font_class": "xinxitishi",
+      "unicode": "e679",
+      "unicode_decimal": 59001
+    },
+    {
+      "icon_id": "28885274",
+      "name": "选择框-下拉展开",
+      "font_class": "xuanzekuang-xialazhankai",
+      "unicode": "e67a",
+      "unicode_decimal": 59002
+    },
+    {
+      "icon_id": "28885275",
+      "name": "选择框-下拉",
+      "font_class": "xuanzekuang-xiala",
+      "unicode": "e67b",
+      "unicode_decimal": 59003
+    },
+    {
+      "icon_id": "28885277",
+      "name": "月份切换-右侧",
+      "font_class": "yuefenqiehuan-youce",
+      "unicode": "e67d",
+      "unicode_decimal": 59005
+    },
+    {
+      "icon_id": "28885279",
+      "name": "预览-默认",
+      "font_class": "yulan-moren",
+      "unicode": "e67f",
+      "unicode_decimal": 59007
+    },
+    {
+      "icon_id": "28885280",
+      "name": "月份切换-左侧",
+      "font_class": "yuefenqiehuan-zuoce",
+      "unicode": "e680",
+      "unicode_decimal": 59008
+    },
+    {
+      "icon_id": "28885284",
+      "name": "搜索框-搜索",
+      "font_class": "sousuokuang-sousuo",
+      "unicode": "e684",
+      "unicode_decimal": 59012
+    },
+    {
+      "icon_id": "28882629",
+      "name": "刷新",
+      "font_class": "shuaxin",
+      "unicode": "e634",
+      "unicode_decimal": 58932
+    },
+    {
+      "icon_id": "672036",
+      "name": "下拉",
+      "font_class": "xiala",
+      "unicode": "e6b9",
+      "unicode_decimal": 59065
+    },
+    {
+      "icon_id": "27964179",
+      "name": "编辑选中",
+      "font_class": "bianjixuanzhong",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "27964193",
+      "name": "表格（选中）",
+      "font_class": "a-biaogexuanzhong",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "27964199",
+      "name": "卡片（选中）",
+      "font_class": "a-kapianxuanzhong",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "27964207",
+      "name": "全节点（选中）",
+      "font_class": "a-quanjiedianxuanzhong",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
+    },
+    {
+      "icon_id": "27964212",
+      "name": "删除（选中）",
+      "font_class": "a-shanchuxuanzhong",
+      "unicode": "e60b",
+      "unicode_decimal": 58891
+    },
+    {
+      "icon_id": "27964230",
+      "name": "自身办理节点",
+      "font_class": "zishenbanlijiedian",
+      "unicode": "e60e",
+      "unicode_decimal": 58894
+    },
+    {
+      "icon_id": "27964102",
+      "name": "票面（选中）",
+      "font_class": "a-piaomianxuanzhong",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
+    {
+      "icon_id": "11372694",
+      "name": "设置",
+      "font_class": "shezhi",
+      "unicode": "e8b7",
+      "unicode_decimal": 59575
+    },
+    {
+      "icon_id": "26396703",
+      "name": "总金额",
+      "font_class": "zongjine",
+      "unicode": "e64e",
+      "unicode_decimal": 58958
+    },
+    {
+      "icon_id": "577398",
+      "name": "向下1",
+      "font_class": "xiangxia1",
+      "unicode": "e771",
+      "unicode_decimal": 59249
+    },
+    {
+      "icon_id": "4765723",
+      "name": "Dollar",
+      "font_class": "Dollar",
+      "unicode": "e77d",
+      "unicode_decimal": 59261
+    },
+    {
+      "icon_id": "6301055",
+      "name": "禁止",
+      "font_class": "jinzhi",
+      "unicode": "e654",
+      "unicode_decimal": 58964
+    },
+    {
+      "icon_id": "6829304",
+      "name": "ic_bank",
+      "font_class": "ic_bank",
+      "unicode": "e6b3",
+      "unicode_decimal": 59059
+    },
+    {
+      "icon_id": "12003265",
+      "name": "Bill A",
+      "font_class": "BillA",
+      "unicode": "ea71",
+      "unicode_decimal": 60017
+    },
+    {
+      "icon_id": "1986988",
+      "name": "删除",
+      "font_class": "n-shanchu",
+      "unicode": "e625",
+      "unicode_decimal": 58917
+    },
+    {
+      "icon_id": "6446147",
+      "name": "消息",
+      "font_class": "tianchongxing",
+      "unicode": "e633",
+      "unicode_decimal": 58931
+    },
+    {
+      "icon_id": "552270",
+      "name": "shaixuan",
+      "font_class": "iconfontshaixuan",
+      "unicode": "e60d",
+      "unicode_decimal": 58893
+    },
+    {
+      "icon_id": "8361853",
+      "name": "眼睛1",
+      "font_class": "yanjing",
+      "unicode": "e6cf",
+      "unicode_decimal": 59087
+    },
+    {
+      "icon_id": "1301374",
+      "name": "上传",
+      "font_class": "shangchuan",
+      "unicode": "e660",
+      "unicode_decimal": 58976
+    },
+    {
+      "icon_id": "7404517",
+      "name": "删除",
+      "font_class": "shanchu",
+      "unicode": "e785",
+      "unicode_decimal": 59269
+    },
+    {
+      "icon_id": "4880417",
+      "name": "拖动",
+      "font_class": "tuodong",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "24101213",
+      "name": "user",
+      "font_class": "user",
+      "unicode": "e603",
+      "unicode_decimal": 58883
+    },
+    {
+      "icon_id": "24027681",
+      "name": "date",
+      "font_class": "date",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    }
+  ]
+}

package/src/components/FileExportAsync/index.vue

@@ -0,0 +1,174 @@
+<template>
+  <div style="display: none">
+    <el-dialog
+      v-drag
+      :visible.sync="pgsV"
+      title="文件导出"
+      width="432px"
+      top="calc(50vh - 92px)"
+      append-to-body
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :before-close="exportCancel"
+    >
+      <div class="flex-box m-b">
+        <span class="m-r">导出文件</span>
+        <span class="flex-item">{{ fileName }}</span>
+      </div>
+      <div class="flex-box m-b">
+        <span class="m-r">导出进度</span>
+        <el-progress
+          class="flex-item"
+          :percentage="pgsVal"
+          :status="pgsStatus"
+          style="margin-right: -10px"
+        />
+      </div>
+      <span slot="footer">
+        <el-button plain @click="exportCancel">取消</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import downloadBlob from '../../utils/downloadBlob'
+export default {
+  name: 'FileExportAsync',
+  props: {
+    fileName: {
+      type: String,
+      default: undefined
+    },
+    stepTime: {
+      type: Number,
+      default: 1000
+    },
+    waitTime: {
+      type: Number,
+      default: 10000
+    }
+  },
+  data() {
+    return {
+      pgsV: false,
+      pgsVal: 0,
+      status: undefined, //init progress success error
+      timer: undefined,
+      elapsedTimeout: 0,
+      waitPopV: false
+    }
+  },
+  computed: {
+    pgsStatus() {
+      if (this.status === 'error') {
+        return 'exception'
+      } else {
+        return undefined
+      }
+    }
+  },
+  methods: {
+    export() {
+      this.pgsVal = 0
+      this.status = 'init'
+      clearTimeout(this.timer)
+      this.elapsedTimeout = 0
+      this.waitPopV = false
+
+      this.pgsV = true
+      this.exportReq()
+    },
+    // 导出请求
+    exportReq() {
+      this.status = 'progress'
+
+      this.$emit('export-req', this.exportPgs)
+    },
+    // 导出进度
+    exportPgs() {
+      if (this.status !== 'progress') return
+
+      this.$emit('export-pgs', (pgs, error) => {
+        if (error) {
+          this.status = 'error'
+          console.error('导出失败')
+          return
+        }
+
+        if (pgs < 100) {
+          this.pgsVal = parseInt(pgs)
+          this.status = 'progress'
+
+          clearTimeout(this.timer)
+          this.timer = setTimeout(() => {
+            this.elapsedTimeout = this.elapsedTimeout + this.stepTime
+            this.exportPgs()
+          }, this.stepTime)
+        } else {
+          this.pgsVal = parseInt(pgs)
+          this.status = 'success'
+
+          this.exportRes()
+        }
+        this.waitPop()
+      })
+    },
+    // 导出响应
+    exportRes() {
+      this.$emit('export-res', (data, error) => {
+        if (error) {
+          this.status = 'error'
+          console.error('导出失败')
+          return
+        }
+
+        this.status = 'success'
+        this.pgsVal = 100
+
+        downloadBlob(data, this.fileName)
+        this.pgsV = false
+      })
+    },
+    // 导出取消
+    exportCancel() {
+      if (this.status === 'error') {
+        this.pgsV = false
+        return
+      }
+
+      this.$msgboxPor({
+        title: '确定取消',
+        message: '取消后，数据导出将中断，是否确定取消导出？',
+        type: 'warning',
+        customClass: 'question',
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+      }).then(() => {
+        clearTimeout(this.timer)
+        this.pgsV = false
+        this.$emit('export-cancel')
+      })
+    },
+    // 时间太长提示
+    waitPop() {
+      if (!this.waitPopV && this.elapsedTimeout > this.waitTime) {
+        this.waitPopV = true
+
+        this.$msgboxPor({
+          title: '提示',
+          message: '您的数据导出时间可能会比较长，是否继续导出？',
+          type: 'warning',
+          customClass: 'question',
+          confirmButtonText: '继续导出',
+          cancelButtonText: '取消'
+        }).catch(() => {
+          clearTimeout(this.timer)
+          this.pgsV = false
+          this.$emit('export-cancel')
+        })
+      }
+    }
+  }
+}
+</script>

package/src/components/Filters/index.vue

@@ -357,6 +357,12 @@ export default {
       if (elPoppers.length <= 1) {
         this.showPop = false
       }
+    },
+    setOptions(key, opts) {
+      let item = this.filterList.find((f) => f.value === key)
+      if (item) {
+        item.options = opts || []
+      }
     }
   }
 }