@beisen-phoenix/style-token/lib/index.js

import "core-js/modules/es6.regexp.constructor";
import "core-js/modules/es6.regexp.replace";
export var skinBgS1 = 'skin-bg-s1';
export var skinBgS2 = 'skin-bg-s2';
export var skinBgS3 = 'skin-bg-s3';
export var skinBgS4 = 'skin-bg-s4';
export var skinBgS5 = 'skin-bg-s5';
export var skinBgS6 = 'skin-bg-s6';
export var skinFntM1 = 'skin-fnt-m1';
export var skinFntM2 = 'skin-fnt-m2';
export var skinFntM3 = 'skin-fnt-m3';
export var skinFntM4 = 'skin-fnt-m4';
export var skinFntM5 = 'skin-fnt-m5';
export var skinFntM6 = 'skin-fnt-m6';
export var skinFntM7 = 'skin-fnt-m7';
export var skinFntM8 = 'skin-fnt-m8';
export var skinFntM9 = 'skin-fnt-m9';
export var skinFntM10 = 'skin-fnt-m10';
export var $FsN1 = 12;
export var $FsN2 = 14;
export var $FsN3 = 16;
export var $FsN4 = 18;
export var $FsN5 = 20;
export var $FsN6 = 24;
export var $FsN7 = 28;
export var $FsN8 = 32;
export var $Fs1 = "font-size:12px;line-height:20px;";
export var $Fs2 = "font-size:14px;line-height:22px;";
export var $Fs3 = "font-size:16px;line-height:24px;";
export var $Fs4 = "font-size:18px;line-height:26px;";
export var $Fs5 = "font-size:20px;line-height:28px;";
export var $Fs6 = "font-size:24px;line-height:32px;";
export var $Fs7 = "font-size:28px;line-height:36px;";
export var $Fs8 = "font-size:32px;line-height:42px;";
export var $Sh1 = '0px  0px  8px  0px rgba(0, 0, 0, 0.03);';
export var $Sh2 = '0px  2px  8px  0px rgba(0, 0, 0, 0.08);';
export var $Sh3 = '0px  0px  12px  0px rgba(0, 0, 0, 0.10);';
export var $Sh4 = '-4px  0px  20px  0px rgba(0, 0, 0, 0.10);';
export var $Sh5 = '0px  2px  20px  0px rgba(0, 0, 0, 0.30);';
export var $S1 = 'rgb(0,79,158)';
export var $S2 = 'rgb(16,110,204)';
export var $S3 = 'rgb(29,134,240)';
export var $S4 = 'rgb(92,173,255)';
export var $S5 = 'rgb(133,194,255)';
export var $S6 = 'rgb(194,224,255)';
export var $M1 = 'rgb(14,17,20)';
export var $M2 = 'rgb(51,56,61)';
export var $M3 = 'rgb(86,94,102)';
export var $M4 = 'rgb(131,137,143)';
export var $M5 = 'rgb(191,195,199)';
export var $M6 = 'rgb(230,232,235)';
export var $M7 = 'rgb(240,242,245)';
export var $M8 = 'rgb(250,251,252)';
export var $M9 = 'rgb(255,255,255)';
export var $M10 = 'rgb(0,0,0)';
export var $blue = '#29B8ff';
export var $green = '#46CF84';
export var $yellow = '#FFA42E';
export var $red = '#FF475A'; // 辅助色

export var $D1 = '#FAC105';
export var $D2 = '#FFAB24';
export var $D3 = '#FF6952';
export var $D4 = '#FF3C73';
export var $D5 = '#EE62D5';
export var $D6 = '#8475FF';
export var $D7 = '#4F73FF';
export var $D8 = '#2E9CFF';
export var $D9 = '#0CC0C9';
export var $D10 = '#0CC991';
export var $D11 = '#83D615';
export var $D1n1 = '#FEF8E5';
export var $D2n1 = '#FFF6E9';
export var $D3n1 = '#FFF0ED';
export var $D4n1 = '#FFEBF1';
export var $D5n1 = '#FDEFFA';
export var $D6n1 = '#F2F1FF';
export var $D7n1 = '#EDF1FF';
export var $D8n1 = '#EAF5FF';
export var $D9n1 = '#E6F8F9';
export var $D10n1 = '#E9F9F3';
export var $D11n1 = '#F2FAE7'; // 间距

export var $Sp1 = '2px';
export var $Sp2 = '4px';
export var $Sp3 = '8px';
export var $Sp4 = '10px';
export var $Sp5 = '12px';
export var $Sp6 = '16px';
export var $Sp7 = '20px';
export var $Sp8 = '24px';
export var $Sp9 = '30px';
export var $Sp10 = '32px';
export var $Sp11 = '40px'; // 圆角

export var $Ra1 = '2px';
export var $Ra2 = '3px';
export var $Ra3 = '6px';
export var $Ra4 = '10px';
export var $Ra5 = '100px';
export var $modalZindex = 1100;
export var $unmodelZindex = 1200;
export var $popoverZindex = 1300;
export var $popconfirmZindex = 1300;
export var $messageZindex = 1400;
export var $tooltipZindex = 1500;
export var $regular = 'normal';
export var $medium = 600;
export var $family = "\"PingFang SC\", \"Hiragino Sans GB\",STHeitiSC,Helvetica,\"Helvetica Neue\",\"Microsoft YaHei\",Tahoma";
export var $smoothing = '-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;';
export var $alpha = function $alpha(token, opacity) {
  return token.replace(/rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)/, "rgba($1, $2, $3, ".concat(opacity, ")"));
};
export var $scrollBar = "\n        &::-webkit-scrollbar {\n            width: 10px;\n            height: 10px;\n            &-track {\n                border-radius: ".concat($Ra5, ";\n                background-color: transparent;\n            }\n            &-thumb {\n                border: 2px solid transparent;\n                border-radius: ").concat($Ra5, ";\n                background-color: ").concat($alpha($M1, '0.1'), ";\n                background-clip: content-box;\n                &:hover {\n                    background-color: ").concat($alpha($M1, '0.3'), ";\n                }\n            }\n        }\n    ");
export var $hexToRgb = function $hexToRgb(token) {
  var sColor = token.toLowerCase();
  var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;

  if (sColor && reg.test(sColor)) {
    if (sColor.length === 4) {
      var sColorNew = "#";

      for (var i = 1; i < 4; i += 1) {
        sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1));
      }

      sColor = sColorNew;
    }

    var sColorChange = [];

    for (var i = 1; i < 7; i += 2) {
      sColorChange.push(parseInt("0x" + sColor.slice(i, i + 2)));
    }

    return "rgb(" + sColorChange.join(",") + ")";
  }

  return sColor;
};
export var $convertStyleTokenToNumber = function $convertStyleTokenToNumber(styleToken) {
  var exp = /\d+/;
  var result = exp.exec(styleToken);

  if (result && result[0]) {
    return parseInt(result[0]);
  } else {
    return 0;
  }
};
export var $getRGB = function $getRGB(styleToken) {
  var rgb = [0, 0, 0];

  if (/#(..)(..)(..)/g.test(styleToken)) {
    rgb = [parseInt(RegExp.$1, 16), parseInt(RegExp.$2, 16), parseInt(RegExp.$3, 16)];
  }

  ;
  return "rgb(" + rgb.join(",") + ")";
}; // 生成指定位数的随机字符串(a-z A-Z),经常用于生成随机的className

export var $randomClass = function $randomClass() {
  var length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
  var text = '';
  var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";

  for (var i = 0; i < length; i++) {
    text += possible.charAt(Math.floor(Math.random() * possible.length));
  }

  return text;
};
export var $LhFn = function $LhFn(fontSize) {
  return fontSize + 8;
}; //根据字号计算行高

export var $FsFn = function $FsFn(fontSize) {
  return "font-size:".concat(fontSize, "px;line-height:").concat($LhFn(fontSize), "px;");
}; //根据字号计算字体样式