shineout/css/utils/expose.js

Shein 前端组件库

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.types = exports.style = exports.color = void 0;

var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));

var _is = require("./is");

var _expose = require("../styles/expose");

var _cssAccessors = _interopRequireWildcard(require("./css-accessors"));

var _strings = require("./strings");

var _objects = require("./objects");

var _varsInject = require("./vars-inject");

var types = ['primary', 'warning', 'danger', 'success', 'secondary'];
exports.types = types;
var attrs = ['background', 'color', 'border'];

function validateFormat(data) {
  if (!(0, _is.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 (0, _expose.exposeClass)(data[attr] + "-" + attr);
  }).join(' ');
}

function resetTheme() {
  Object.keys(_cssAccessors.default).forEach(function (module) {
    var setterName = "set" + (0, _strings.capitalize)(module);
    var setter = _cssAccessors.default[module][setterName];
    setter(Object.keys(_cssAccessors.default[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';
  (0, _varsInject.setThemeConfig)((0, _objectSpread2.default)({}, config, {
    injectType: injectType
  }));
  (0, _varsInject.cleanStyleObj)();

  if (!options) {
    resetTheme();
  } else {
    for (var _iterator = (0, _objects.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" + (0, _strings.capitalize)(key);
      var module = _cssAccessors.default[key];
      if (module && module[setterName]) module[setterName](values);
    }
  }

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

  return function () {};
}

var style = {
  getClassname: getClassname,
  setStyle: setStyle,
  cleanCache: _cssAccessors.cleanCache,
  setInjectType: setInjectType,
  getInjectType: getInjectType
};
exports.style = style;
var color = _cssAccessors.default.color;
exports.color = color;