xianniu-ui 0.1.1

package/src/utils/format.js

@@ -0,0 +1,122 @@
+/**
+ * 格式化金额
+ * @param {Number} number 要格式化的数字
+ * @param {Number} decimals 保留几位小数
+ * @param {String} dec_point 小数点符号
+ * @param {String} thousands_sep 千分位符号
+ * @returns
+ */
+ const priceToText = (number, decimals = 2, dec_point = '.', thousands_sep = ',', symbol = '￥') => {
+    number = (number + '').replace(/[^0-9+-Ee.]/g, '')
+    var n = !isFinite(+number) ? 0 : +number
+    var prec = !isFinite(+decimals) ? 0 : Math.abs(decimals)
+    var sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep
+    var dec = (typeof dec_point === 'undefined') ? '.' : dec_point
+    var s = ''
+    var toFixedFix = function(n, prec) {
+      var k = Math.pow(10, prec)
+      return '' + Math.round(n * k) / k
+    }
+    s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.')
+    var re = /(-?\d+)(\d{3})/
+    while (re.test(s[0])) {
+      s[0] = s[0].replace(re, '$1' + sep + '$2')
+    }
+  
+    if ((s[1] || '').length < prec) {
+      s[1] = s[1] || ''
+      s[1] += new Array(prec - s[1].length + 1).join('0')
+    }
+    return `${symbol}${s.join(dec)}`
+  }
+  /**
+   * 金额转大写
+   * @param {Number} money
+   * @returns
+   */
+const priceToUpperCase = function(money) {
+    if (!money) { return '' }
+    // 数字的汉字数组
+    const numberCNList = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']
+    // 数字的基础单位汉字数组
+    const numberBaseUnit = ['', '拾', '佰', '仟']
+    // 数字的高级单位汉字数组
+    const numberHighUnit = ['', '万', '亿', '兆']// 一兆等于一万亿
+    // 小数部分单位汉字数组
+    const floatUnit = ['角', '分', '毫', '厘']
+    // 整数金额时后面跟的字符
+    const integerLastCN = '整'
+    // 整数后的单位汉字
+    const integerLastUnit = '元'
+    // 最大处理的数字
+    const maxNum = 999999999999999.9999
+    // 以小数点拆分金额产生的数组
+    let decimalPointSplitList
+    // 金额整数部分
+    let integerNum
+    // 金额小数部分
+    let decimalNum
+    // 返回的大写金额
+    let moneyCNString = ''
+    money = parseFloat(money)// 转为数字
+    if (typeof money !== 'number' || isNaN(money)) { this.$message('检测到非数字字符'); return '' }
+    // 超出最大处理数字
+    if (money >= maxNum) { this.$message('超出最大处理数字'); return '' }
+    // 等于0时 返回零元整
+    if (money === 0) {
+      moneyCNString = numberCNList[0] + integerLastUnit + integerLastCN
+      return moneyCNString
+    }
+    // 转换为字符串
+    money = money.toString()
+    /** ****金额数字的处理，转为字符串，判断有没有小数位，获取整数部分和小数部分*******/
+    if (money.indexOf('.') === -1) { // 如果没有小数点
+      integerNum = money// money就都等于整数部分，小数部分为空
+      decimalNum = ''
+    } else { // 有小数点
+      decimalPointSplitList = money.split('.')// 以小数点拆分数组
+      if (decimalPointSplitList[1].length > 4) this.$message('金额精确仅支持到厘')
+      integerNum = decimalPointSplitList[0]// 整数部分
+      decimalNum = decimalPointSplitList[1].substr(0, 4)// 小数部分只支持4位
+    }
+    /** ****整数部分处理*******/
+    if (parseInt(integerNum, 10) > 0) { // 以十进制转为int类型 大于零
+      let zeroCount = 0// 记录零的个数
+      for (let i = 0; i < integerNum.length; i++) {
+        const p = integerNum.length - 1 - i// 当前数字的位数, 比如10000 ，1的位数是4 ， 10001000，第一个1的位数是7，第二个1的位数是3
+        //   console.log(p, integerNum[i])
+        const q = p / 4// 当前数字位数 除以 4 商0余1，则值为0，控制其高级单位
+        const m = p % 4// 取余,比如1%4 商0余1 ，则值为1， 控制其基础单位
+        // 如果当前数字等于零 则++
+        if (integerNum[i] === '0') { zeroCount++ } else {
+          // 否则当前数字不等于零时
+          // 如果记录的零的个数大于0 返回结果中加一个汉字零
+          if (zeroCount > 0) { moneyCNString += numberCNList[0] }
+          // 把零的个数归零，重新计算零的个数
+          zeroCount = 0
+          // 然后把返回结果 加上 当前数字的汉字以及其基础单位
+          moneyCNString += numberCNList[parseInt(integerNum[i])] + numberBaseUnit[m]
+        }
+        // 如果当前数字所在位数取余4等于0时，那么除以4一定是整数，并且记录的零的个数小于4个,则拼接当前位数对应的高级单位
+        if (m === 0 && zeroCount < 4) { moneyCNString += numberHighUnit[q] }
+      }
+      moneyCNString += integerLastUnit// 整数部分结束后 拼接上整数部分单位 元
+    }
+    /** ****小数部分处理 --- 小数部分只考虑是否有值，以及当前值所在单位，没有零的概念，所以只需拼接当前值对应的汉字，以及当前值的单位即可*******/
+    if (decimalNum !== '') {
+      for (let i = 0; i < decimalNum.length; i++) {
+        if (decimalNum[i] !== '0') { // 如果当前数字不等于零 则加上当前数字的汉字 以及 其小数单位
+          moneyCNString += numberCNList[Number(decimalNum[i])] + floatUnit[i]
+        }
+      }
+    } else { // 如果没有小数部分则加上汉字 整
+      moneyCNString += integerLastCN
+    }
+    return moneyCNString
+  }
+
+
+  export default {
+      toText:priceToText,
+      toCN:priceToUpperCase
+  }

package/src/utils/index.js

@@ -0,0 +1,21 @@
+
+import reg from './reg'
+import format from './format'
+import dayjs from './dayjs'
+import storage from './storage'
+import lodash from './lodash'
+import utils from './utils'
+
+const version = () => {
+    return `xianniu-tools@${require('./package.json').version}`
+}
+
+export default {
+    version,
+    $reg: reg,
+    $format: format,
+    $dayjs: dayjs,
+    $storage: storage,
+    $lodash: lodash,
+    $utils: utils
+}

package/src/utils/lodash.js

@@ -0,0 +1,2 @@
+import lodash from 'lodash'
+export default lodash

package/src/utils/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "xn-tools",
+  "version": "0.1.0",
+  "description": "一些工具",
+  "main": "index.js",
+  "author": "liuzengwei",
+  "license": "MIT"
+}

package/src/utils/reg.js

@@ -0,0 +1,8 @@
+
+const Reg = {
+    checkPhone: /^1(3|4|5|6|7|8|9)\d{9}$/, // 校验手机号
+    checkPwd: /^[0-9A-Za-z]{8,20}$/, // 8-20位的字母和数字
+    checkNumber: /^[+-]?(0|([1-9]\d*))(?:\.\d{1,2})?$/g // 校验数字类型
+}
+
+export default Reg

package/src/utils/scroll-to.js

@@ -0,0 +1,59 @@
+Math.easeInOutQuad = function(t, b, c, d) {
+    t /= d / 2
+    if (t < 1) {
+      return c / 2 * t * t + b
+    }
+    t--
+    return -c / 2 * (t * (t - 2) - 1) + b
+  }
+  
+  // requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
+  var requestAnimFrame = (function() {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60) }
+  })()
+  
+  /**
+   * Because it's so fucking difficult to detect the scrolling element, just move them all
+   * @param {number} amount
+   */
+  function move(amount) {
+    document.documentElement.scrollTop = amount
+    document.body.parentNode.scrollTop = amount
+    document.body.scrollTop = amount
+  }
+  
+  function position() {
+    return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop
+  }
+  
+  /**
+   * @param {number} to
+   * @param {number} duration
+   * @param {Function} callback
+   */
+  export function scrollTo(to, duration, callback) {
+    const start = position()
+    const change = to - start
+    const increment = 20
+    let currentTime = 0
+    duration = (typeof (duration) === 'undefined') ? 500 : duration
+    var animateScroll = function() {
+      // increment the time
+      currentTime += increment
+      // find the value with the quadratic in-out easing function
+      var val = Math.easeInOutQuad(currentTime, start, change, duration)
+      // move the document.body
+      move(val)
+      // do the animation unless its over
+      if (currentTime < duration) {
+        requestAnimFrame(animateScroll)
+      } else {
+        if (callback && typeof (callback) === 'function') {
+          // the animation is done so lets callback
+          callback()
+        }
+      }
+    }
+    animateScroll()
+  }
+  

package/src/utils/storage.js

@@ -0,0 +1,2 @@
+import storage from 'good-storage'
+export default storage

package/src/utils/utils.js

@@ -0,0 +1,20 @@
+/**
+ * 判断各种值是否为空
+ * @param {*} val 
+ * @returns Boolean
+ */
+const isEmpty = function (val) {
+    if (val) {
+        if (val instanceof Array) {
+            return val.length == 0;
+        }
+        if (val instanceof Object) {
+            return Object.keys(val).length == 0;
+        }
+        return false;
+    }
+    return true
+}
+export default {
+    isEmpty
+}