ivue-material-plus

Version:
A high quality UI components Library with Vue.js
58 lines (53 loc) • 1.42 kB
JavaScript
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var helpers = require('../helpers.js');

const colorable = ({ textColor = "#ffffff" }) => {
  const setBackgroundColor = (color, data = {}) => {
    if (Array.isArray(color)) {
      data.style = {
        background: `linear-gradient(135deg,${color[0]} 0%, ${color[1]} 100%)`,
        color: textColor
      };
    } else if (helpers.isCssColor(color)) {
      data.style = {
        ...data.style,
        "background-color": `${color}`,
        "border-color": `${color}`,
        color: textColor
      };
    } else if (color) {
      data.class = {
        ...data.class,
        [color]: true
      };
    }
    return data;
  };
  const setTextColor = (color, data = {}) => {
    if (Array.isArray(color)) {
      data.style = {
        ...data.style,
        background: `linear-gradient(135deg,${color[0]} 0%, ${color[1]} 100%)`,
        color: `${color[0]}`
      };
    } else if (helpers.isCssColor(color)) {
      data.style = {
        ...data.style,
        color: `${color}`
      };
    } else if (color) {
      const [colorName] = color.toString().trim().split(" ", 2);
      data.class = {
        ...data.class,
        [colorName + "--text"]: true
      };
    }
    return data;
  };
  return {
    setBackgroundColor,
    setTextColor
  };
};

exports.colorable = colorable;
//# sourceMappingURL=colorable.js.map