yunser-ui-vue/src/utils/classList.js

material design ui for vue2

/**
 * Adapted from dominus v6.0.1
 * https://github.com/bevacqua/dominus/blob/master/src/classes.js
 */

var trim = /^\s+|\s+$/g
var whitespace = /\s+/g

function interpret (input) {
  return typeof input === 'string' ? input.replace(trim, '').split(whitespace) : input
}

function classes (el) {
  if (isElement(el)) {
    return el.className.replace(trim, '').split(whitespace)
  }

  return []
}

function set (el, input) {
  if (isElement(el)) {
    el.className = interpret(input).join(' ')
  }
}

function add (el, input) {
  var current = remove(el, input)
  var values = interpret(input)

  current.push.apply(current, values)
  set(el, current)

  return current
}

function remove (el, input) {
  var current = classes(el)
  var values = interpret(input)

  values.forEach(function (value) {
    var i = current.indexOf(value)
    if (i !== -1) {
      current.splice(i, 1)
    }
  })

  set(el, current)

  return current
}

function contains (el, input) {
  var current = classes(el)
  var values = interpret(input)

  return values.every(function (value) {
    return current.indexOf(value) !== -1
  })
}

function isElement (o) {
  var elementObjects = typeof window.HTMLElement === 'object'

  return elementObjects ? o instanceof window.HTMLElement : isElementObject(o)
}

function isElementObject (o) {
  return o &&
    typeof o === 'object' &&
    typeof o.nodeName === 'string' &&
    o.nodeType === 1
}

export default {
  add,
  remove,
  contains,
  has: contains,
  set,
  get: classes
}