@mdsfe/mds-ui 0.2.0

package/dist/_util/dom.js

@@ -0,0 +1,240 @@
+'use strict';
+
+exports.__esModule = true;
+exports.isInContainer = exports.getScrollContainer = exports.isScroll = exports.getStyle = exports.once = exports.off = exports.on = undefined;
+
+var _typeof2 = require('babel-runtime/helpers/typeof');
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+exports.hasClass = hasClass;
+exports.addClass = addClass;
+exports.removeClass = removeClass;
+exports.setStyle = setStyle;
+
+var _vue = require('vue');
+
+var _vue2 = _interopRequireDefault(_vue);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var isServer = _vue2.default.prototype.$isServer;
+
+/* eslint no-useless-escape: 0 */
+/* istanbul ignore next */
+
+var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
+var MOZ_HACK_REGEXP = /^moz([A-Z])/;
+var ieVersion = isServer ? 0 : Number(document.documentMode);
+
+/* istanbul ignore next */
+var trim = function trim(string) {
+  return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
+};
+/* istanbul ignore next */
+var camelCase = function camelCase(name) {
+  return name.replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
+    return offset ? letter.toUpperCase() : letter;
+  }).replace(MOZ_HACK_REGEXP, 'Moz$1');
+};
+
+/* istanbul ignore next */
+var on = exports.on = function () {
+  if (!isServer && document.addEventListener) {
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.addEventListener(event, handler, false);
+      }
+    };
+  } else {
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.attachEvent('on' + event, handler);
+      }
+    };
+  }
+}();
+
+/* istanbul ignore next */
+var off = exports.off = function () {
+  if (!isServer && document.removeEventListener) {
+    return function (element, event, handler) {
+      if (element && event) {
+        element.removeEventListener(event, handler, false);
+      }
+    };
+  } else {
+    return function (element, event, handler) {
+      if (element && event) {
+        element.detachEvent('on' + event, handler);
+      }
+    };
+  }
+}();
+
+/* istanbul ignore next */
+var once = exports.once = function once(el, event, fn) {
+  var listener = function listener() {
+    if (fn) {
+      fn.apply(this, arguments);
+    }
+    off(el, event, listener);
+  };
+  on(el, event, listener);
+};
+
+/* istanbul ignore next */
+function hasClass(el, cls) {
+  if (!el || !cls) return false;
+  if (cls.indexOf(' ') !== -1) throw new Error('className should not contain space.');
+  if (el.classList) {
+    return el.classList.contains(cls);
+  } else {
+    return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1;
+  }
+}
+
+/* istanbul ignore next */
+function addClass(el, cls) {
+  if (!el) return;
+  var curClass = el.className;
+  var classes = (cls || '').split(' ');
+
+  for (var i = 0, j = classes.length; i < j; i++) {
+    var clsName = classes[i];
+    if (!clsName) continue;
+
+    if (el.classList) {
+      el.classList.add(clsName);
+    } else if (!hasClass(el, clsName)) {
+      curClass += ' ' + clsName;
+    }
+  }
+  if (!el.classList) {
+    el.className = curClass;
+  }
+}
+
+/* istanbul ignore next */
+function removeClass(el, cls) {
+  if (!el || !cls) return;
+  var classes = cls.split(' ');
+  var curClass = ' ' + el.className + ' ';
+
+  for (var i = 0, j = classes.length; i < j; i++) {
+    var clsName = classes[i];
+    if (!clsName) continue;
+
+    if (el.classList) {
+      el.classList.remove(clsName);
+    } else if (hasClass(el, clsName)) {
+      curClass = curClass.replace(' ' + clsName + ' ', ' ');
+    }
+  }
+  if (!el.classList) {
+    el.className = trim(curClass);
+  }
+}
+
+/* istanbul ignore next */
+var getStyle = exports.getStyle = ieVersion < 9 ? function (element, styleName) {
+  if (isServer) return;
+  if (!element || !styleName) return null;
+  styleName = camelCase(styleName);
+  if (styleName === 'float') {
+    styleName = 'styleFloat';
+  }
+  try {
+    switch (styleName) {
+      case 'opacity':
+        try {
+          return element.filters.item('alpha').opacity / 100;
+        } catch (e) {
+          return 1.0;
+        }
+      default:
+        return element.style[styleName] || element.currentStyle ? element.currentStyle[styleName] : null;
+    }
+  } catch (e) {
+    return element.style[styleName];
+  }
+} : function (element, styleName) {
+  if (isServer) return;
+  if (!element || !styleName) return null;
+  styleName = camelCase(styleName);
+  if (styleName === 'float') {
+    styleName = 'cssFloat';
+  }
+  try {
+    var computed = document.defaultView.getComputedStyle(element, '');
+    return element.style[styleName] || computed ? computed[styleName] : null;
+  } catch (e) {
+    return element.style[styleName];
+  }
+};
+
+/* istanbul ignore next */
+function setStyle(element, styleName, value) {
+  if (!element || !styleName) return;
+
+  if ((typeof styleName === 'undefined' ? 'undefined' : (0, _typeof3.default)(styleName)) === 'object') {
+    for (var prop in styleName) {
+      if (styleName.hasOwnProperty(prop)) {
+        setStyle(element, prop, styleName[prop]);
+      }
+    }
+  } else {
+    styleName = camelCase(styleName);
+    if (styleName === 'opacity' && ieVersion < 9) {
+      element.style.filter = isNaN(value) ? '' : 'alpha(opacity=' + value * 100 + ')';
+    } else {
+      element.style[styleName] = value;
+    }
+  }
+}
+
+var isScroll = exports.isScroll = function isScroll(el, vertical) {
+  if (isServer) return;
+
+  var determinedDirection = vertical !== null || vertical !== undefined;
+  var overflow = determinedDirection ? vertical ? getStyle(el, 'overflow-y') : getStyle(el, 'overflow-x') : getStyle(el, 'overflow');
+
+  return overflow.match(/(scroll|auto)/);
+};
+
+var getScrollContainer = exports.getScrollContainer = function getScrollContainer(el, vertical) {
+  if (isServer) return;
+
+  var parent = el;
+  while (parent) {
+    if ([window, document, document.documentElement].includes(parent)) {
+      return window;
+    }
+    if (isScroll(parent, vertical)) {
+      return parent;
+    }
+    parent = parent.parentNode;
+  }
+
+  return parent;
+};
+
+var isInContainer = exports.isInContainer = function isInContainer(el, container) {
+  if (isServer || !el || !container) return false;
+
+  var elRect = el.getBoundingClientRect();
+  var containerRect = void 0;
+
+  if ([window, document, document.documentElement, null, undefined].includes(container)) {
+    containerRect = {
+      top: 0,
+      right: window.innerWidth,
+      bottom: window.innerHeight,
+      left: 0
+    };
+  } else {
+    containerRect = container.getBoundingClientRect();
+  }
+
+  return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
+};

package/dist/_util/getRequestAnimationFrame.js

@@ -0,0 +1,50 @@
+'use strict';
+
+exports.__esModule = true;
+exports.default = getRequestAnimationFrame;
+exports.cancelRequestAnimationFrame = cancelRequestAnimationFrame;
+var availablePrefixs = ['moz', 'ms', 'webkit'];
+
+function requestAnimationFramePolyfill() {
+  var lastTime = 0;
+  return function (callback) {
+    var currTime = new Date().getTime();
+    var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+    var id = window.setTimeout(function () {
+      var rs = currTime + timeToCall;
+      callback(rs);
+    }, timeToCall);
+    lastTime = currTime + timeToCall;
+    return id;
+  };
+}
+
+function getRequestAnimationFrame() {
+  if (typeof window === 'undefined') {
+    return function () {};
+  }
+  if (window.requestAnimationFrame) {
+    // https://github.com/vuejs/vue/issues/4465
+    return window.requestAnimationFrame.bind(window);
+  }
+
+  var prefix = availablePrefixs.filter(function (key) {
+    return key + 'RequestAnimationFrame' in window;
+  })[0];
+
+  return prefix ? window[prefix + 'RequestAnimationFrame'] : requestAnimationFramePolyfill();
+}
+
+function cancelRequestAnimationFrame(id) {
+  if (typeof window === 'undefined') {
+    return null;
+  }
+  if (window.cancelAnimationFrame) {
+    return window.cancelAnimationFrame(id);
+  }
+  var prefix = availablePrefixs.filter(function (key) {
+    return key + 'CancelAnimationFrame' in window || key + 'CancelRequestAnimationFrame' in window;
+  })[0];
+
+  return prefix ? (window[prefix + 'CancelAnimationFrame'] || window[prefix + 'CancelRequestAnimationFrame']).call(this, id) : clearTimeout(id);
+}

package/dist/_util/getScroll.js

@@ -0,0 +1,21 @@
+'use strict';
+
+exports.__esModule = true;
+exports.default = getScroll;
+function getScroll(target, top) {
+  if (typeof window === 'undefined') {
+    return 0;
+  }
+
+  var prop = top ? 'pageYOffset' : 'pageXOffset';
+  var method = top ? 'scrollTop' : 'scrollLeft';
+  var isWindow = target === window;
+
+  var ret = isWindow ? target[prop] : target[method];
+  // ie6,7,8 standard mode
+  if (isWindow && typeof ret !== 'number') {
+    ret = window.document.documentElement[method];
+  }
+
+  return ret;
+}

package/dist/_util/loaders/loaders.css.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var divs = {
+  'ball-pulse': 3,
+  'ball-grid-pulse': 9,
+  'ball-clip-rotate': 1,
+  'ball-clip-rotate-pulse': 2,
+  'square-spin': 1,
+  'ball-clip-rotate-multiple': 2,
+  'ball-pulse-rise': 5,
+  'ball-rotate': 1,
+  'cube-transition': 2,
+  'ball-zig-zag': 2,
+  'ball-zig-zag-deflect': 2,
+  'ball-triangle-path': 3,
+  'ball-scale': 1,
+  'line-scale': 5,
+  'line-scale-party': 4,
+  'ball-scale-multiple': 3,
+  'ball-pulse-sync': 3,
+  'ball-beat': 3,
+  'line-scale-pulse-out': 5,
+  'line-scale-pulse-out-rapid': 5,
+  'ball-scale-ripple': 1,
+  'ball-scale-ripple-multiple': 3,
+  'ball-spin-fade-loader': 8,
+  'line-spin-fade-loader': 8,
+  'triangle-skew-spin': 1,
+  'pacman': 5,
+  'ball-grid-beat': 9,
+  'semi-circle-spin': 1,
+  'ball-scale-random': 3
+};
+
+var addDivs = function addDivs(n) {
+  var arr = [];
+  for (var i = 1; i <= n; i++) {
+    arr.push('<div></div>');
+  }
+  return arr;
+};
+
+window.loadersFn = function (wrapperClass) {
+  if (!wrapperClass) return;
+  var elems = document.querySelectorAll('.' + wrapperClass);
+  for (var i = 0; i < elems.length; i++) {
+    if (!elems[i].innerHTML) {
+      var childLength = divs[wrapperClass] || 0;
+      elems[i].innerHTML = addDivs(childLength).join('');
+    }
+  }
+};

package/dist/_util/loaders/loading.js

@@ -0,0 +1,53 @@
+'use strict';
+
+exports.__esModule = true;
+exports.default = setLoading;
+var divs = {
+  'ball-pulse': 3,
+  'ball-grid-pulse': 9,
+  'ball-clip-rotate': 1,
+  'ball-clip-rotate-pulse': 2,
+  'square-spin': 1,
+  'ball-clip-rotate-multiple': 2,
+  'ball-pulse-rise': 5,
+  'ball-rotate': 1,
+  'cube-transition': 2,
+  'ball-zig-zag': 2,
+  'ball-zig-zag-deflect': 2,
+  'ball-triangle-path': 3,
+  'ball-scale': 1,
+  'line-scale': 5,
+  'line-scale-party': 4,
+  'ball-scale-multiple': 3,
+  'ball-pulse-sync': 3,
+  'ball-beat': 3,
+  'line-scale-pulse-out': 5,
+  'line-scale-pulse-out-rapid': 5,
+  'ball-scale-ripple': 1,
+  'ball-scale-ripple-multiple': 3,
+  'ball-spin-fade-loader': 8,
+  'line-spin-fade-loader': 8,
+  'triangle-skew-spin': 1,
+  'pacman': 5,
+  'ball-grid-beat': 9,
+  'semi-circle-spin': 1,
+  'ball-scale-random': 3
+};
+
+function addDivs(num) {
+  var res = '';
+  for (var i = 0; i < num; i++) {
+    res += '<div></div>';
+  }
+  return res;
+}
+
+function setLoading(key) {
+  if (divs[key]) {
+    var dom = document.querySelector('.' + key);
+    console.log(dom, '----');
+    if (dom && !dom.innerHTML) {
+      dom.innerHTML = addDivs(divs[key]);
+    }
+  }
+}

package/dist/_util/merge.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+
+exports.default = function (target) {
+  for (var i = 1, j = arguments.length; i < j; i++) {
+    var source = arguments[i] || {};
+    for (var prop in source) {
+      if (source.hasOwnProperty(prop)) {
+        var value = source[prop];
+        if (value !== undefined) {
+          target[prop] = value;
+        }
+      }
+    }
+  }
+  return target;
+};