xianniu-ui 0.3.11 → 0.3.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xianniu-ui",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "private": false,
   "main": "lib/xianniu-ui.umd.min.js",
   "scripts": {
@@ -24,6 +24,7 @@
     "axios": "^0.26.0",
     "core-js": "^3.6.5",
     "dayjs": "^1.10.7",
+    "decimal.js": "^10.4.2",
     "good-storage": "^1.1.1",
     "lodash": "^4.17.21",
     "vue": "2.6.11",

package/packages/download/index.js

@@ -0,0 +1,7 @@
+import XnDownload from './main.vue'
+
+XnDownload.install = function (Vue) {
+  Vue.component(XnDownload.name, XnDownload)
+}
+
+export default XnDownload

package/packages/download/main.vue

@@ -0,0 +1,47 @@
+<template>
+  <el-link type="primary" icon="el-icon-download" @click="onDownload">{{
+    name
+  }}</el-link>
+</template>
+
+<script>
+export default {
+  name: "XnDownload",
+  props: {
+    url: {
+      type: String,
+      //   default: "https://xianniu-file.oss-cn-beijing.aliyuncs.com/2022/10/28/a8b0cdfb63ce4a60981f4f5693f136a2.pdf",
+      default:
+        "https://xianniu-file.oss-cn-beijing.aliyuncs.com/2022/10/19/b2fc8900eac145a48d6f0b93ef1665fa.jpg",
+    },
+    name: {
+      type: String,
+      default: "下载文件1",
+    },
+  },
+  created() {
+    const arr = [{ num: 0.1 }, { num: 0.2 }];
+    console.log("aaaaa", this.$math.sub(arr, "num"));
+    console.log("aaaaa", this.$math.add(1, 2, 3, 4, 5, 345, 2, 23, 324, 5));
+  },
+  methods: {
+    onDownload() {
+      return new Promise((res, rej) => {
+        try {
+          const config = {
+            url: this.url,
+            name: this.name,
+          };
+          this.$utils.download(config);
+          res();
+        } catch (error) {
+          rej();
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style>
+</style>

package/src/index.js

@@ -12,6 +12,7 @@ import XnTree from '../packages/tree/index'
 import XnImport from '../packages/import/index'
 import XnExport from '../packages/export/index'
 import XnFooter from '../packages/footer/index'
+import XnDownload from '../packages/download/index'
 
 import Utils from 'xn-ui/src/utils/index'
 const doc = 'http://lzwr.gitee.io/xn-ui/#/'
@@ -28,7 +29,8 @@ const components = [
     XnTree,
     XnImport,
     XnExport,
-    XnFooter
+    XnFooter,
+    XnDownload
 ]
 const version = require('../package.json').version
 if (process.env.NODE_ENV && process.env.NODE_ENV === 'development') {
@@ -51,6 +53,7 @@ const install = function (Vue) {
     Vue.prototype.$dayjs = Utils.$dayjs
     Vue.prototype.$storage = Utils.$storage
     Vue.prototype.$lodash = Utils.$lodash
+    Vue.prototype.$math = Utils.$math
 
 }
 if (typeof window !== 'undefined' && window.Vue) {

package/src/utils/format.js

@@ -4,6 +4,7 @@
  * @param {Number} decimals 保留几位小数
  * @param {String} dec_point 小数点符号
  * @param {String} thousands_sep 千分位符号
+ * @param {String} symbol 货币符号
  * @returns
  */
 const priceToText = (number, decimals = 2, dec_point = '.', thousands_sep = ',', symbol = '￥') => {

package/src/utils/index.js

@@ -5,6 +5,8 @@ import dayjs from './dayjs'
 import storage from './storage'
 import utils from './utils'
 import lodash from 'lodash'
+import math from './math'
+console.log('math: ', math);
 const version = () => {
     return `xianniu-tools@${require('./package.json').version}`
 }
@@ -16,5 +18,6 @@ export default {
     $dayjs: dayjs,
     $lodash: lodash,
     $storage: storage,
-    $utils: utils
+    $utils: utils,
+    $math: math
 }

package/src/utils/math.js

@@ -0,0 +1,55 @@
+import { Decimal } from "decimal.js";
+/*
+方式一
+    @params 0 array 要计算的数组
+    @params 1 string 需要计算的key
+    return number 最终结果
+方式二
+    @params number/string 需要计算的数值
+    return number 最终结果
+*/
+class Math {
+    constructor(type) {
+        this.type = type
+    }
+    result(...args) {
+        if (!args) {
+            throw new Error('error arguments')
+        }
+        if (Array.isArray(args[0]) && args[1]) {
+            if (!args[0].length) return 0
+            const list = args[0]
+            const fieldKey = args[1]
+            return list.map(item => item[fieldKey]).reduce((pre, cur) => {
+                let val = new Decimal(pre)
+                return val[this.type](new Decimal(cur)).toNumber()
+            })
+        } else {
+            return args.reduce((pre, cur) => new Decimal(pre)[this.type](new Decimal(cur)).toNumber())
+        }
+    }
+}
+
+// 加法  (1,2,3) = 6
+const add = function (...args) {
+    return new Math('add').result(...args)
+}
+// 减法 
+const sub = function (...args) {
+    return new Math('sub').result(...args)
+}
+
+const mul = function (...args) {
+    return new Math('mul').result(...args)
+}
+const div = function (...args) {
+    return new Math('div').result(...args)
+}
+
+export default {
+    add,
+    sub,
+    mul,
+    div,
+    D: Decimal
+}

package/src/utils/utils.js

@@ -69,11 +69,19 @@ const download = (params = { name: '', url: '' }) => {
   var x = new XMLHttpRequest()
   x.open('GET', url, true)
   // x.responseType = 'blob'
+  // x.responseType = 'blob'
+  x.onprogress = function(){
+  }
   x.onload = function () {
-    // 会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。
-    var url = window.URL.createObjectURL(x.response)
+    var _url = ''
+    try {
+      _url = window.URL.createObjectURL(x.response)
+    } catch (error) {
+      _url = url
+    }
     var a = document.createElement('a')
-    a.href = url
+    a.href = _url
+    a.target = '_blank'
     a.download = name
     a.click()
   }