md-iview 1.0.12

package/src/utils/color.js

@@ -0,0 +1,46 @@
+import { consoleWarn } from './console';
+
+// export type RGB = number
+// export type XYZ = [number, number, number]
+// export type LAB = [number, number, number]
+
+export function colorToInt(color) {
+  let rgb
+
+  if (typeof color === 'number') {
+    rgb = color
+  } else if (typeof color === 'string') {
+    let c = color[0] === '#' ? color.substring(1) : color
+    if (c.length === 3) {
+      c = c.split('').map(char => char + char).join('')
+    }
+    if (c.length !== 6) {
+      consoleWarn(`'${color}' is not a valid rgb color`)
+    }
+    rgb = parseInt(c, 16)
+  } else {
+    throw new TypeError(`Colors can only be numbers or strings, recieved ${color == null ? color : color.constructor.name} instead`)
+  }
+
+  if (rgb < 0) {
+    consoleWarn(`Colors cannot be negative: '${color}'`)
+    rgb = 0
+  } else if (rgb > 0xffffff || isNaN(rgb)) {
+    consoleWarn(`'${color}' is not a valid rgb color`)
+    rgb = 0xffffff
+  }
+
+  return rgb
+}
+
+export function intToHex(color) {
+  let hexColor = color.toString(16)
+  if (hexColor.length < 6) hexColor = '0'.repeat(6 - hexColor.length) + hexColor
+
+  return '#' + hexColor
+}
+
+
+export function colorToHex(color) {
+  return intToHex(colorToInt(color))
+}

package/src/utils/console.js

@@ -0,0 +1,105 @@
+function createMessage(message, vm, parent) {
+    if (parent) {
+        vm = {
+            _isVue: true,
+            $parent: parent,
+            $options: vm,
+        }
+    }
+
+    if (vm) {
+        vm.$_alreadyWarned = vm.$_alreadyWarned || [];
+        if (vm.$_alreadyWarned.includes(message)) return;
+        vm.$_alreadyWarned.push(message)
+    }
+
+    return `[MdView] ${message}` + (
+        vm ? generateComponentTrace(vm) : ''
+    )
+}
+
+
+export function consoleInfo(message, vm, parent) {
+    const newMessage = createMessage(message, vm, parent)
+    newMessage != null && console.info(newMessage)
+}
+
+
+export function consoleError(message, vm, parent) {
+    const newMessage = createMessage(message, vm, parent)
+    newMessage != null && console.warn(newMessage)
+}
+
+export function consoleWarn(message, vm, parent) {
+    const newMessage = createMessage(message, vm, parent)
+    newMessage != null && console.error(newMessage)
+}
+
+
+export function deprecate(original, replacement, vm, parent) {
+    consoleWarn(`'${original}' is deprecated, use '${replacement}' instead`, vm, parent)
+}
+
+/**
+ * Shamelessly stolen from vuejs/vue/blob/dev/src/core/util/debug.js
+ */
+
+const classifyRE = /(?:^|[-_])(\w)/g
+const classify = (str) => str
+    .replace(classifyRE, c => c.toUpperCase())
+    .replace(/[-_]/g, '')
+
+function formatComponentName(vm, includeFile) {
+    if (vm.$root === vm) {
+        return '<Root>'
+    }
+    const options = typeof vm === 'function' && vm.cid != null ?
+        vm.options :
+        vm._isVue ?
+        vm.$options || vm.constructor.options :
+        vm || {}
+    let name = options.name || options._componentTag
+    const file = options.__file
+    if (!name && file) {
+        const match = file.match(/([^/\\]+)\.vue$/)
+        name = match && match[1]
+    }
+
+    return (
+        (name ? `<${classify(name)}>` : `<Anonymous>`) +
+        (file && includeFile !== false ? ` at ${file}` : '')
+    )
+}
+
+function generateComponentTrace(vm) {
+    if (vm._isVue && vm.$parent) {
+        const tree = []
+        let currentRecursiveSequence = 0
+        while (vm) {
+            if (tree.length > 0) {
+                const last = tree[tree.length - 1]
+                if (last.constructor === vm.constructor) {
+                    currentRecursiveSequence++
+                    vm = vm.$parent
+                    continue
+                } else if (currentRecursiveSequence > 0) {
+                    tree[tree.length - 1] = [last, currentRecursiveSequence]
+                    currentRecursiveSequence = 0
+                }
+            }
+            tree.push(vm)
+            vm = vm.$parent
+        }
+        return '\n\nfound in\n\n' + tree
+            .map((vm, i) => `${
+        i === 0 ? '---> ' : ' '.repeat(5 + i * 2)
+      }${
+        Array.isArray(vm)
+          ? `${formatComponentName(vm[0])}... (${vm[1]} recursive calls)`
+          : formatComponentName(vm)
+      }`)
+      .join('\n')
+  } else {
+    return `\n\n(found in ${formatComponentName(vm)})`
+  }
+}

package/src/utils/load.js

@@ -0,0 +1,79 @@
+var loadCssJS = (function(dom) {
+  var cache = {}, /*缓存加载过的css或者js*/
+    funct;
+  /**
+   * HTML动态加载css或者js
+   * @path {String} src 或 link 地址必须带有后缀名.js或者.css
+   * @callback {Function} 加载成功的回掉函数
+   * */
+  funct = function(path, callback) {
+    if(!path) { /*检查路径是否为空*/
+      throw new Error("请输入path路径!");
+    };
+    var fn=Object.prototype.toString.call(callback)=="[object Function]"?callback:function(){};
+    if(".js" == path.substr(-3)) { /*检查路径后缀名是否为.js*/
+      addJs(path, fn);
+    } else if(".css" == path.substr(-4)) { /*检查路径后缀名是否为.css*/
+      addCss(path, fn);
+    } else {
+      throw new Error('请输入正确的path路径!');
+    }
+  };
+  /**
+   * HTML 动态添加 CSS
+   * @path {String}  link 地址必须带有后缀名.css
+   * @callback {Function} 加载成功的回掉函数
+   * */
+  function addCss(path, callback) {
+    if(!checkcache(path)) { /*检查是否加载过*/
+      var head = dom.getElementsByTagName('head')[0];
+      var link = dom.createElement('link');
+      link.href = path;
+      link.rel = 'stylesheet';
+      link.type = 'text/css';
+      head.appendChild(link); /*添加到HTML中*/
+      link.onload = link.onreadystatechange = function() { /*判断是否加载成功*/
+        if(!this.readyState || this.readyState === "loaded" || this.readyState === "complete") {
+          link.onload = link.onreadystatechange = null;
+          callback();
+        }
+      };
+      cache[path] = 1; /*存储加载过的css路径,值设为1*/
+    }
+  };
+  /**
+   * HTML动态加载js
+   * @path {String} src 地址必须带有后缀名.js
+   * @callback {Function} 加载成功的回掉函数
+   * */
+  function addJs(path, callback) {
+    if(!checkcache(path)) { /*检查是否加载过*/
+      var head = dom.getElementsByTagName('head')[0];
+      var script = dom.createElement('script');
+      script.src = path;
+      script.type = 'text/javascript';
+      head.appendChild(script); /*添加到HTML中*/
+      script.onload = script.onreadystatechange = function() { /*判断是否加载成功*/
+        if(!this.readyState || this.readyState === "loaded" || this.readyState === "complete") {
+          script.onload = script.onreadystatechange = null;
+          callback();
+        }
+      };
+      cache[path] = 1; /*存储加载过的js路径,值设为1*/
+    }
+  };
+  /**
+   * 检查是否加载
+   * @path {String} 路径
+   * */
+  function checkcache(path) {
+    if(cache[path]) { /*判断是否加载过的js路径*/
+      return true;
+    } else {
+      return false;
+    }
+  };
+  return funct;
+}(document));
+
+export default loadCssJS;

package/src/utils/mask.js

@@ -0,0 +1,139 @@
+/**
+ * Default delimiter RegExp
+ *
+ * @type {RegExp}
+ */
+export const defaultDelimiters = /[-!$%^&*()_+|~=`{}[\]:";'<>?,./\\ ]/
+
+/**
+ *
+ * @param {String} char
+ *
+ * @return {Boolean}
+ */
+export const isMaskDelimiter = char => char && defaultDelimiters.test(char)
+
+/**
+ * Mask keys
+ *
+ * @type {Object}
+ */
+const allowedMasks = {
+  '#': {
+    test: char => char.match(/[0-9]/)
+  },
+  'A': {
+    test: char => char.match(/[A-Z]/i),
+    convert: char => char.toUpperCase()
+  },
+  'a': {
+    test: char => char.match(/[a-z]/i),
+    convert: char => char.toLowerCase()
+  },
+  'N': {
+    test: char => char.match(/[0-9A-Z]/i),
+    convert: char => char.toUpperCase()
+  },
+  'n': {
+    test: char => char.match(/[0-9a-z]/i),
+    convert: char => char.toLowerCase()
+  },
+  'X': {
+    test: isMaskDelimiter
+  }
+}
+
+/**
+ * Is Character mask
+ *
+ * @param  {String} char
+ *
+ * @return {Boolean}
+ */
+const isMask = char => allowedMasks.hasOwnProperty(char)
+
+/**
+ * Automatically convert char case
+ *
+ * @param  {String} mask
+ * @param  {String} char
+ *
+ * @return {String}
+ */
+const convert = (mask, char) => {
+  return allowedMasks[mask].convert ? allowedMasks[mask].convert(char) : char
+}
+
+/**
+ * Mask Validation
+ *
+ * @param  {String} mask
+ * @param  {String} char
+ *
+ * @return {Boolean}
+ */
+const maskValidates = (mask, char) => {
+  if (char == null || !isMask(mask)) return false
+  return allowedMasks[mask].test(char)
+}
+
+/**
+ * Mask Text
+ *
+ * Takes a string or an array of characters
+ * and returns a masked string
+ *
+ * @param {*} text
+ * @param {Array|String} masked
+ * @param {Boolean} [dontFillMaskBlanks]
+ *
+ * @return {String}
+ */
+export const maskText = (text, masked, dontFillMaskBlanks) => {
+  if (text == null) return ''
+  text = String(text)
+  if (!masked.length || !text.length) return text
+  if (!Array.isArray(masked)) masked = masked.split('')
+
+  let textIndex = 0
+  let maskIndex = 0
+  let newText = ''
+
+  while (maskIndex < masked.length) {
+    const mask = masked[maskIndex]
+
+    // Assign the next character
+    const char = text[textIndex]
+
+    // Check if mask is delimiter
+    // and current char matches
+    if (!isMask(mask) && char === mask) {
+      newText += mask
+      textIndex++
+    // Check if not mask
+    } else if (!isMask(mask) && !dontFillMaskBlanks) {
+      newText += mask
+    // Check if is mask and validates
+    } else if (maskValidates(mask, char)) {
+      newText += convert(mask, char)
+      textIndex++
+    } else {
+      return newText
+    }
+
+    maskIndex++
+  }
+
+  return newText
+}
+
+/**
+ * Unmask Text
+ *
+ * @param {String} text
+ *
+ * @return {String}
+ */
+export const unmaskText = text => {
+  return text ? String(text).replace(new RegExp(defaultDelimiters, 'g'), '') : text
+}

package/src/utils/mixins.js

@@ -0,0 +1,5 @@
+import Vue from 'vue';
+
+export default function mixins(...args) {
+    return Vue.extend({ mixins: args })
+}

package/src/utils/validate.js

@@ -0,0 +1,271 @@
+/**
+ * 是否是闰年
+ * @param {*} val
+ */
+export function isLeapYear(year) {
+    return ((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0)
+}
+
+/**
+ * 邮箱地址校验
+ * @param {*} val
+ */
+export function isEmail(val) {
+    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+    return re.test(val)
+}
+
+/**
+ * 是否是布尔值校验
+ * @param {*} val
+ */
+export function isBoolean(val) {
+    return (
+        val === true ||
+        val === false ||
+        val === 0 ||
+        val === 1 ||
+        val === '0' ||
+        val === '1' ||
+        val === 'true' ||
+        val === 'false' ||
+        val === '是' ||
+        val === '否' ||
+        val.toLowerCase() === 'yes' ||
+        val.toLowerCase() === 'no' ||
+        val.toLowerCase() === 'on' ||
+        val.toLowerCase() === 'off'
+    )
+}
+
+/**
+ * 是否是数字校验
+ * @param {*} val
+ */
+export function isNumber(val) {
+    var num
+
+    num = Number(val)
+
+    if (typeof num === 'number' && !isNaN(num) && typeof val !== 'boolean') {
+        return true
+    } else {
+        return false
+    }
+}
+
+/**
+ * 是否是数组校验
+ * @param {*} val
+ */
+export function isArray(val) {
+    return Object.prototype.toString.call(val) === '[object Array]'
+}
+
+/**
+ * 是否是字符串校验
+ * @param {*} val
+ */
+export function isString(val) {
+    return Object.prototype.toString.call(val) === '[object String]'
+}
+
+/**
+ * 是否是对象校验
+ * @param {*} val
+ */
+export function isObject(val) {
+    return Object.prototype.toString.call(val) === '[object Object]'
+}
+
+/**
+ * 是否是函数校验
+ * @param {*} val
+ */
+export function isFunction(val) {
+    return Object.prototype.toString.call(val) === '[object Function]'
+}
+
+/**
+ * 是否是URL校验
+ * @param {*} val
+ */
+export function isUrl(url) {
+    return (/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/i).test(url)
+}
+
+/**
+ * 校验val值是true还是false
+ * @param {*} val 'on'|'off', 'yes'|'no', '1'|'0', 1|0, true|false, 'true'|'false','是'|'否'
+ */
+export function accepted(val) {
+    if (val.toLowerCase() === 'on' || val.toLowerCase() === 'yes' || val === 1 || val === '1' || val === true || val === 'true' || val === '是') {
+        return true
+    }
+
+    return false
+}
+
+/**
+ *  字母校验
+ * @param {*} val
+ */
+export function alpha(val) {
+    return (/^[a-zA-Z]+$/).test(val)
+}
+
+/**
+ *  字母+数字校验
+ * @param {*} val
+ */
+export function alpha_dash(val) {
+    return (/^[a-zA-Z0-9_\-]+$/).test(val)
+}
+
+/**
+ *  数字校验
+ * @param {*} val
+ */
+export function alpha_num(val) {
+    return (/^[a-zA-Z0-9]+$/).test(val)
+}
+/**
+ *  十六进制校验
+ * @param {*} val
+ */
+export function hex(val) {
+    return (/^[0-9a-f]+$/i).test(val)
+}
+
+/**
+ * 电话号码格式校验
+ * @param {*} val
+ */
+export function isPhone(val) {
+    return (/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/).test(val)
+}
+
+/**
+ * 手机号码格式校验
+ * @param {*} val
+ */
+export function isMobile(val) {
+    return (/^1(3|4|5|7|8)\d{9}$/).test(val)
+}
+
+/**
+ * 身份证号码校验(15位，18位，17位加字母X)
+ * @param {*} val
+ */
+export function isIdCard(val) {
+    return (/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/).test(val)
+}
+
+/**
+ * 中文英文校验
+ * @param {*} val
+ */
+
+export function isChinese(val) {
+    return (/^[\Α-\￥]+$/).test(val)
+}
+
+/**
+ * 英文校验
+ * @param {*} val
+ */
+
+export function isEnglish(val) {
+    return (/^[A-Za-z]+$/).test(val)
+}
+
+/**
+ * QQ号码校验
+ * @param {*} val
+ */
+
+export function isQQ(val) {
+    return (/^[1-9]\d{4,8}$/).test(val)
+}
+
+/**
+ * Zip邮政编码校验
+ * @param {*} val
+ */
+
+export function isZip(val) {
+    return (/^[1-9]\d{4,8}$/).test(val)
+}
+
+/**
+ * ip地址校验
+ * @param {*} val
+ */
+export function isIp(val) {
+    let rex = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g
+    if (rex.test(val)) {
+        if (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256) return true
+    }
+    return false
+}
+
+/**
+ * 安卓校验
+ * @param {*} val
+ */
+export function isAndroid() {
+    let u = navigator.userAgent
+    let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; // android终端
+    return isAndroid
+}
+
+/**
+ * iOS校验
+ * @param {*} val
+ */
+export function isIos() {
+    let u = navigator.userAgent
+    let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // ios终端
+    return isiOS
+}
+
+/**
+ * 日期校验
+ * @param {*} val
+ */
+/*export function date(val, format) {
+  return isValidDate(val);
+}*/
+export function isValidDate(inDate) {
+  var valid = true;
+
+
+  if (!inDate) {
+    return false;
+  }
+  // reformat if supplied as mm.dd.yyyy (period delimiter)
+  if (typeof inDate === 'string') {
+    var pos = inDate.indexOf('.');
+    if ((pos > 0 && pos <= 6)) {
+      inDate = inDate.replace(/\./g, '-');
+    }
+  }
+
+  var testDate = new Date(inDate);
+  if (!testDate) {
+    return false;
+  }
+  var yr = testDate.getFullYear();
+  var mo = testDate.getMonth();
+  var day = testDate.getDate();
+
+  var daysInMonth = [31, (isLeapYear(yr) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+
+  if (yr < 1000) { return false; }
+  if (isNaN(mo)) { return false; }
+  if (mo + 1 > 12) { return false; }
+  if (isNaN(day)) { return false; }
+  if (day > daysInMonth[mo]) { return false; }
+
+  return valid;
+}