shineout/es/utils/expose.js

Shein 前端组件库

import _objectSpread from "@babel/runtime/helpers/objectSpread";
import { isObject } from './is';
import { exposeClass } from '../styles/expose';
import cssAccessors, { cleanCache } from './css-accessors';
import { capitalize } from './strings';
import { entries } from './objects';
import { injectTag, cleanStyleObj, setThemeConfig } from './vars-inject';
var types = ['primary', 'warning', 'danger', 'success', 'secondary'];
var attrs = ['background', 'color', 'border'];

function validateFormat(data) {
  if (!isObject(data)) {
    console.error(new Error('Should enter a json data with attrs(key) and types(types)'));
    return false;
  } // attributes


  if (Object.keys(data).filter(function (v) {
    return attrs.indexOf(v) === -1;
  }).length > 0) {
    console.error(new Error("The attribute your entered does not exist need[" + attrs.join('/') + "]"));
    return false;
  } // types


  if (Object.values(data).filter(function (v) {
    return types.indexOf(v) === -1;
  }).length > 0) {
    console.error(new Error("The type your entered does not exist need[" + types.join('/') + "]"));
    return false;
  }

  return true;
}

function getClassname(data) {
  if (!validateFormat(data)) return '';
  return Object.keys(data).map(function (attr) {
    return exposeClass(data[attr] + "-" + attr);
  }).join(' ');
}

function resetTheme() {
  Object.keys(cssAccessors).forEach(function (module) {
    var setterName = "set" + capitalize(module);
    var setter = cssAccessors[module][setterName];
    setter(Object.keys(cssAccessors[module]).reduce(function (obj, key) {
      obj[key] = undefined;
      return obj;
    }, {}));
  });
}

var defaultInjectType;

function getInjectType() {
  return defaultInjectType;
}

function setInjectType(type) {
  defaultInjectType = type;
}

function setStyle(options, custom, config) {
  if (config === void 0) {
    config = {
      target: 'body'
    };
  }

  var injectType = config.injectType || getInjectType() || 'body';
  setThemeConfig(_objectSpread({}, config, {
    injectType: injectType
  }));
  cleanStyleObj();

  if (!options) {
    resetTheme();
  } else {
    for (var _iterator = entries(options), _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
      var _ref;

      if (_isArray) {
        if (_i >= _iterator.length) break;
        _ref = _iterator[_i++];
      } else {
        _i = _iterator.next();
        if (_i.done) break;
        _ref = _i.value;
      }

      var _ref2 = _ref,
          key = _ref2[0],
          values = _ref2[1];
      var setterName = "set" + capitalize(key);
      var module = cssAccessors[key];
      if (module && module[setterName]) module[setterName](values);
    }
  }

  if (injectType === 'tag') {
    var id = injectTag(custom);
    return function () {
      var target = document.getElementById(id);
      if (target) target.remove();
    };
  }

  return function () {};
}

var style = {
  getClassname: getClassname,
  setStyle: setStyle,
  cleanCache: cleanCache,
  setInjectType: setInjectType,
  getInjectType: getInjectType
};
var color = cssAccessors.color;
export { color, style, types };