@mdsfe/mds-ui/dist/_util/loaders/loading.js

A set of enterprise-class Vue UI components.

'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]);
    }
  }
}