@lingxiteam/assets 1.0.11 → 1.0.12

package/lib/theme/bin/default/theme.scss

@@ -0,0 +1,272 @@
+$blue-base: #3295fa;
+$blue-1: #f0faff;
+$blue-2: #d6f0ff;
+$blue-3: #addeff;
+$blue-4: #85caff;
+$blue-5: #5cb3ff;
+$blue-6: #3296fa;
+$blue-7: #2074d4;
+$blue-8: #1155ad;
+$blue-9: #073a87;
+$blue-10: #042661;
+$cyan-base: #0dd1a9;
+$cyan-1: #e6fff6;
+$cyan-2: #b3ffe5;
+$cyan-3: #86f7d5;
+$cyan-4: #59ebc4;
+$cyan-5: #31deb5;
+$cyan-6: #0dd1aa;
+$cyan-7: #02ab8f;
+$cyan-8: #008573;
+$cyan-9: #005e55;
+$cyan-10: #003834;
+$green-base: #02b342;
+$green-1: #daf2df;
+$green-2: #95e6a8;
+$green-3: #6ad988;
+$green-4: #43cc6c;
+$green-5: #21bf55;
+$green-6: #02b343;
+$green-7: #008c38;
+$green-8: #00662c;
+$green-9: #00401e;
+$green-10: #001a0d;
+$gold-base: #faaf0c;
+$gold-1: #fffbe6;
+$gold-2: #fff1b0;
+$gold-3: #ffe587;
+$gold-4: #ffd75e;
+$gold-5: #ffc636;
+$gold-6: #faaf0c;
+$gold-7: #d48a00;
+$gold-8: #ad6b00;
+$gold-9: #874f00;
+$gold-10: #613500;
+$volcano-base: #fa6432;
+$volcano-1: #fff6f0;
+$volcano-2: #ffe6d6;
+$volcano-3: #ffcaad;
+$volcano-4: #ffab85;
+$volcano-5: #ff8a5c;
+$volcano-6: #fa6432;
+$volcano-7: #d44720;
+$volcano-8: #ad2e11;
+$volcano-9: #871a07;
+$volcano-10: #610f04;
+$red-base: #f23030;
+$red-1: #fff2f0;
+$red-2: #ffdcd6;
+$red-3: #ffb6ad;
+$red-4: #ff8d85;
+$red-5: #ff615c;
+$red-6: #f23030;
+$red-7: #cc1f24;
+$red-8: #a6111b;
+$red-9: #800612;
+$red-10: #59040f;
+$purple-base: #6732e6;
+$purple-1: #f7f0ff;
+$purple-2: #ebdbff;
+$purple-3: #d1b3ff;
+$purple-4: #b58aff;
+$purple-5: #8e5cf2;
+$purple-6: #6832e6;
+$purple-7: #4b21bf;
+$purple-8: #321299;
+$purple-9: #1d0873;
+$purple-10: #11054d;
+$geekblue-base: #3366ee;
+$geekblue-1: #f0f6ff;
+$geekblue-2: #d9e8ff;
+$geekblue-3: #b0cdff;
+$geekblue-4: #87afff;
+$geekblue-5: #5c8cfa;
+$geekblue-6: #3264ed;
+$geekblue-7: #2047c7;
+$geekblue-8: #122ea1;
+$geekblue-9: #071b7a;
+$geekblue-10: #040f54;
+$pink-base: #eb2f96;
+$pink-1: #fff0f6;
+$pink-2: #ffd6e7;
+$pink-3: #ffadd2;
+$pink-4: #ff85c0;
+$pink-5: #f759ab;
+$pink-6: #eb2f96;
+$pink-7: #c41d7f;
+$pink-8: #9e1068;
+$pink-9: #780650;
+$pink-10: #520339;
+$orange-base: #fa8c16;
+$orange-1: #fff7e6;
+$orange-2: #ffe7ba;
+$orange-3: #ffd591;
+$orange-4: #ffc069;
+$orange-5: #ffa940;
+$orange-6: #fa8c16;
+$orange-7: #d46b08;
+$orange-8: #ad4e00;
+$orange-9: #873800;
+$orange-10: #612500;
+$yellow-base: #fadb14;
+$yellow-1: #feffe6;
+$yellow-2: #ffffb8;
+$yellow-3: #fffb8f;
+$yellow-4: #fff566;
+$yellow-5: #ffec3d;
+$yellow-6: #fadb14;
+$yellow-7: #d4b106;
+$yellow-8: #ad8b00;
+$yellow-9: #876800;
+$yellow-10: #614700;
+$lime-base: #a0d911;
+$lime-1: #fcffe6;
+$lime-2: #f4ffb8;
+$lime-3: #eaff8f;
+$lime-4: #d3f261;
+$lime-5: #bae637;
+$lime-6: #a0d911;
+$lime-7: #7cb305;
+$lime-8: #5b8c00;
+$lime-9: #3f6600;
+$lime-10: #254000;
+$primary-color: #4477ee;
+$primary-1: #f0f7ff;
+$primary-2: #edf5ff;
+$primary-3: #c4dcff;
+$primary-4: #9cc0ff;
+$primary-5: #709efa;
+$primary-6: #4577ed;
+$primary-7: #3058c7;
+$primary-8: #1f3da1;
+$primary-9: #11267a;
+$primary-10: #0b1754;
+$info-color: #4477ee;
+$info-1: #f0f7ff;
+$info-2: #edf5ff;
+$info-3: #c4dcff;
+$info-4: #9cc0ff;
+$info-5: #709efa;
+$info-6: #4577ed;
+$info-7: #3058c7;
+$info-8: #1f3da1;
+$info-9: #11267a;
+$info-10: #0b1754;
+$success-color: #36bf36;
+$success-1: #f2fff0;
+$success-2: #e1f2df;
+$success-3: #b4e6ae;
+$success-4: #88d982;
+$success-5: #5ecc5a;
+$success-6: #36bf36;
+$success-7: #239927;
+$success-8: #15731b;
+$success-9: #0a4d11;
+$success-10: #052609;
+$warning-color: #faad14;
+$warning-1: #fffbe6;
+$warning-2: #fff1b8;
+$warning-3: #ffe58f;
+$warning-4: #ffd666;
+$warning-5: #ffc53d;
+$warning-6: #faad14;
+$warning-7: #d48806;
+$warning-8: #ad6800;
+$warning-9: #874d00;
+$warning-10: #613400;
+$error-color: #f52230;
+$error-1: #fff1f0;
+$error-2: #ffcbc7;
+$error-3: #ffa19e;
+$error-4: #ff7575;
+$error-5: #ff4d52;
+$error-6: #f52230;
+$error-7: #cf1325;
+$error-8: #a8071c;
+$error-9: #820016;
+$error-10: #5c0012;
+$highlight-color: #fa6432;
+$highlight-1: #fff6f0;
+$highlight-2: #ffe6d6;
+$highlight-3: #ffcaad;
+$highlight-4: #ffab85;
+$highlight-5: #ff8a5c;
+$highlight-6: #fa6432;
+$highlight-7: #d44720;
+$highlight-8: #ad2e11;
+$highlight-9: #871a07;
+$highlight-10: #610f04;
+$black-1: rgba(28, 36, 46, 0.15);
+$black-2: rgba(28, 36, 46, 0.25);
+$black-3: rgba(28, 36, 46, 0.35);
+$black-4: rgba(28, 36, 46, 0.45);
+$black-5: rgba(28, 36, 46, 0.55);
+$black-6: rgba(28, 36, 46, 0.65);
+$black-7: rgba(28, 36, 46, 0.75);
+$black-8: rgba(28, 36, 46, 0.85);
+$black-9: rgba(28, 36, 46, 0.95);
+$black-10: rgba(28, 36, 46, 1);
+$white: #fff;
+$black: rgba(28, 36, 46, 1);
+$link-color: #2299ff;
+$body-background: #fff;
+$background-color-base: #edf0f5;
+$border-color-base: #e5e5e5;
+$dividing-color: #e5e5e5;
+$border-color-split: #f0f0f0;
+$component-background: #fff;
+$background-color-light: hsv(0, 0, 98%);
+$disabled-bg: #f5f5f5;
+$modal-mask-bg: rgba(28, 36, 46, 0.45);
+$item-hover-bg: #f5f5f5;
+$heading-color: rgba(28, 36, 46, 1);
+$text-color: rgba(28, 36, 46, 0.85);
+$text-color-paragraph: rgba(28, 36, 46, 0.65);
+$text-color-secondary: rgba(28, 36, 46, 0.45);
+$disabled-color: rgba(28, 36, 46, 0.25);
+$text-color-inverse: #fff;
+$line-height-base: 1.5715;
+$icon-color: inherit;
+$icon-color-hover: rgba(28, 36, 46, 0.75);
+$icon-color-secondary: rgba(28, 36, 46, 0.45);
+$icon-color-heading: rgba(28, 36, 46, 1);
+$font-size-base: 14px;
+$font-size-lg: 16px;
+$font-size-md: 15px;
+$font-size-sm: 12px;
+$font-weight: 500;
+$heading-1-size: 38px;
+$heading-2-size: 30px;
+$heading-3-size: 24px;
+$heading-4-size: 20px;
+$heading-5-size: 16px;
+$heading-6-size: 14px;
+$border-radius-base: 2px;
+$border-radius-md: 4px;
+$border-radius-lg: 8px;
+$border-radius-round: 50%;
+$padding-lg: 20px;
+$padding-md: 16px;
+$padding-sm: 12px;
+$padding-xs: 8px;
+$padding-xxs: 4px;
+$padding-xxxs: 2px;
+$size-xs: 16px;
+$size-sm: 24px;
+$size-md: 28px;
+$size-base: 32px;
+$size-lg: 40px;
+$size-xl: 56px;
+$btn-height-base: 32px;
+$btn-height-lg: 40px;
+$btn-height-sm: 24px;
+$radio-size: 16px;
+$checkbox-size: 16px;
+$input-height-base: 32px;
+$input-height-lg: 40px;
+$input-height-sm: 24px;
+$menu-inline-toplevel-item-height: 40px;
+$menu-item-height: 40px;
+$tabs-card-height: 40px;
+$tree-title-height: 24px;
+$transfer-header-height: 40px;

package/lib/theme/build.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var fs = require('fs');
+var path = require('path');
+var srcPath = path.resolve(__dirname, './src');
+// 遍历目录
+fs.readdir(srcPath, function (err, files) {
+  if (err) throw err;
+  // 遍历文件
+  files.forEach(function (file) {
+    var filePath = path.join(srcPath, file);
+    var moduleIdx = path.join(filePath, 'index.js');
+    if (fs.existsSync(moduleIdx)) {
+      // eslint-disable-next-line
+      var modules = require(moduleIdx);
+      if (modules && Object.keys(modules).length > 0) {
+        var binDir = path.resolve(__dirname, "bin/".concat(file));
+        if (!fs.existsSync(binDir)) {
+          fs.mkdirSync(binDir, {
+            recursive: true
+          });
+        }
+        var jsonStr = 'const theme = {\n';
+        var lessStr = '';
+        var sassStr = '';
+        Object.keys(modules).forEach(function (item) {
+          lessStr += "@".concat(item, ": ").concat(modules[item], ";\n");
+          sassStr += "$".concat(item, ": ").concat(modules[item], ";\n");
+          jsonStr += "  ".concat(item.indexOf('-') > -1 ? "'".concat(item, "'") : item, ": '").concat(modules[item], "',\n");
+        });
+        jsonStr += '};\n\nmodule.exports = theme;\n';
+        fs.writeFileSync(path.resolve(__dirname, "".concat(binDir, "/theme.less")), lessStr, {
+          encoding: 'utf-8'
+        });
+        fs.writeFileSync(path.resolve(__dirname, "".concat(binDir, "/theme.scss")), sassStr, {
+          encoding: 'utf-8'
+        });
+        fs.writeFileSync(path.resolve(__dirname, "".concat(binDir, "/theme.js")), jsonStr, {
+          encoding: 'utf-8'
+        });
+      }
+    }
+  });
+});

package/lib/theme/src/cucc/index.js

@@ -0,0 +1,133 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var renderColors = require('../../utils/renderColors');
+var px2Num = require('../../utils/px2Num');
+var colors = {
+  blue: '#3295fa',
+  cyan: '#0dd1a9',
+  green: '#02b342',
+  gold: '#faaf0c',
+  volcano: '#fa6432',
+  red: '#f23030',
+  purple: '#6732e6',
+  geekblue: '#3366ee',
+  pink: '#eb2f96',
+  orange: '#fa8c16',
+  yellow: '#fadb14',
+  lime: '#a0d911'
+};
+var sceneColors = {
+  primary: '#445566',
+  info: '#4477ee',
+  success: '#36bf36',
+  warning: '#faad14',
+  error: '#f52230',
+  highlight: '#fa6432'
+};
+var colorPlate = renderColors(colors, 'base');
+var sceneColorPlate = renderColors(sceneColors);
+
+// 黑色色阶
+var blackPlate = {
+  'black-1': 'rgba(28, 36, 46, 0.15)',
+  'black-2': 'rgba(28, 36, 46, 0.25)',
+  'black-3': 'rgba(28, 36, 46, 0.35)',
+  'black-4': 'rgba(28, 36, 46, 0.45)',
+  'black-5': 'rgba(28, 36, 46, 0.55)',
+  'black-6': 'rgba(28, 36, 46, 0.65)',
+  'black-7': 'rgba(28, 36, 46, 0.75)',
+  'black-8': 'rgba(28, 36, 46, 0.85)',
+  'black-9': 'rgba(28, 36, 46, 0.95)',
+  'black-10': 'rgba(28, 36, 46, 1)'
+};
+
+// 文字尺寸
+var fontSizes = {
+  'font-size-base': '14px',
+  'font-size-lg': '16px',
+  'font-size-md': '15px',
+  'font-size-sm': '12px',
+  'font-weight': '500'
+};
+
+// 圆角
+var radius = {
+  'border-radius-base': '2px',
+  'border-radius-md': '4px',
+  'border-radius-lg': '8px',
+  'border-radius-round': '50%'
+};
+
+// 间距
+var paddings = {
+  'padding-lg': '20px',
+  'padding-md': '16px',
+  'padding-sm': '12px',
+  'padding-xs': '8px',
+  'padding-xxs': '4px',
+  'padding-xxxs': '2px'
+};
+
+// 尺寸
+var sizes = {
+  'size-xs': '16px',
+  'size-sm': '24px',
+  'size-md': '28px',
+  'size-base': '32px',
+  'size-lg': '40px',
+  'size-xl': '56px'
+};
+var variable = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorPlate), sceneColorPlate), blackPlate), {}, {
+  white: '#fff',
+  black: 'rgba(28, 36, 46, 1)',
+  'link-color': '#2299ff',
+  'body-background': '#fff',
+  'background-color-base': '#edf0f5',
+  'border-color-base': '#e5e5e5',
+  'dividing-color': '#e5e5e5',
+  'border-color-split': '#f0f0f0',
+  'component-background': '#fff',
+  'background-color-light': 'hsv(0, 0, 98%)',
+  'disabled-bg': '#f5f5f5',
+  'modal-mask-bg': blackPlate['black-4'],
+  'item-hover-bg': '#f5f5f5',
+  'heading-color': blackPlate['black-10'],
+  'text-color': blackPlate['black-8'],
+  'text-color-paragraph': blackPlate['black-6'],
+  'text-color-secondary': blackPlate['black-4'],
+  'disabled-color': blackPlate['black-2'],
+  'text-color-inverse': '#fff',
+  'line-height-base': '1.5715',
+  'icon-color': 'inherit',
+  'icon-color-hover': blackPlate['black-7'],
+  'icon-color-secondary': blackPlate['black-4'],
+  'icon-color-heading': blackPlate['black-10']
+}, fontSizes), {}, {
+  'heading-1-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 2.71), "px"),
+  'heading-2-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 2.14), "px"),
+  'heading-3-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 1.71), "px"),
+  'heading-4-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 1.42), "px"),
+  'heading-5-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 1.14), "px"),
+  'heading-6-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 1), "px")
+}, radius), paddings), sizes), {}, {
+  'btn-height-base': sizes['size-base'],
+  'btn-height-lg': sizes['size-lg'],
+  'btn-height-sm': sizes['size-sm'],
+  'radio-size': sizes['size-xs'],
+  'checkbox-size': sizes['size-xs'],
+  'input-height-base': sizes['size-base'],
+  'input-height-lg': sizes['size-lg'],
+  'input-height-sm': sizes['size-sm'],
+  'menu-inline-toplevel-item-height': sizes['size-lg'],
+  'menu-item-height': sizes['size-lg'],
+  'tabs-card-height': sizes['size-lg'],
+  'tree-title-height': sizes['size-sm'],
+  'transfer-header-height': sizes['size-lg']
+});
+module.exports = variable;

package/lib/theme/src/default/index.js

@@ -0,0 +1,133 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var renderColors = require('../../utils/renderColors');
+var px2Num = require('../../utils/px2Num');
+var colors = {
+  blue: '#3295fa',
+  cyan: '#0dd1a9',
+  green: '#02b342',
+  gold: '#faaf0c',
+  volcano: '#fa6432',
+  red: '#f23030',
+  purple: '#6732e6',
+  geekblue: '#3366ee',
+  pink: '#eb2f96',
+  orange: '#fa8c16',
+  yellow: '#fadb14',
+  lime: '#a0d911'
+};
+var sceneColors = {
+  primary: '#4477ee',
+  info: '#4477ee',
+  success: '#36bf36',
+  warning: '#faad14',
+  error: '#f52230',
+  highlight: '#fa6432'
+};
+var colorPlate = renderColors(colors, 'base');
+var sceneColorPlate = renderColors(sceneColors);
+
+// 黑色色阶
+var blackPlate = {
+  'black-1': 'rgba(28, 36, 46, 0.15)',
+  'black-2': 'rgba(28, 36, 46, 0.25)',
+  'black-3': 'rgba(28, 36, 46, 0.35)',
+  'black-4': 'rgba(28, 36, 46, 0.45)',
+  'black-5': 'rgba(28, 36, 46, 0.55)',
+  'black-6': 'rgba(28, 36, 46, 0.65)',
+  'black-7': 'rgba(28, 36, 46, 0.75)',
+  'black-8': 'rgba(28, 36, 46, 0.85)',
+  'black-9': 'rgba(28, 36, 46, 0.95)',
+  'black-10': 'rgba(28, 36, 46, 1)'
+};
+
+// 文字尺寸
+var fontSizes = {
+  'font-size-base': '14px',
+  'font-size-lg': '16px',
+  'font-size-md': '15px',
+  'font-size-sm': '12px',
+  'font-weight': '500'
+};
+
+// 圆角
+var radius = {
+  'border-radius-base': '2px',
+  'border-radius-md': '4px',
+  'border-radius-lg': '8px',
+  'border-radius-round': '50%'
+};
+
+// 间距
+var paddings = {
+  'padding-lg': '20px',
+  'padding-md': '16px',
+  'padding-sm': '12px',
+  'padding-xs': '8px',
+  'padding-xxs': '4px',
+  'padding-xxxs': '2px'
+};
+
+// 尺寸
+var sizes = {
+  'size-xs': '16px',
+  'size-sm': '24px',
+  'size-md': '28px',
+  'size-base': '32px',
+  'size-lg': '40px',
+  'size-xl': '56px'
+};
+var variable = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorPlate), sceneColorPlate), blackPlate), {}, {
+  white: '#fff',
+  black: 'rgba(28, 36, 46, 1)',
+  'link-color': '#2299ff',
+  'body-background': '#fff',
+  'background-color-base': '#edf0f5',
+  'border-color-base': '#e5e5e5',
+  'dividing-color': '#e5e5e5',
+  'border-color-split': '#f0f0f0',
+  'component-background': '#fff',
+  'background-color-light': 'hsv(0, 0, 98%)',
+  'disabled-bg': '#f5f5f5',
+  'modal-mask-bg': blackPlate['black-4'],
+  'item-hover-bg': '#f5f5f5',
+  'heading-color': blackPlate['black-10'],
+  'text-color': blackPlate['black-8'],
+  'text-color-paragraph': blackPlate['black-6'],
+  'text-color-secondary': blackPlate['black-4'],
+  'disabled-color': blackPlate['black-2'],
+  'text-color-inverse': '#fff',
+  'line-height-base': '1.5715',
+  'icon-color': 'inherit',
+  'icon-color-hover': blackPlate['black-7'],
+  'icon-color-secondary': blackPlate['black-4'],
+  'icon-color-heading': blackPlate['black-10']
+}, fontSizes), {}, {
+  'heading-1-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 2.71), "px"),
+  'heading-2-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 2.14), "px"),
+  'heading-3-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 1.71), "px"),
+  'heading-4-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 1.42), "px"),
+  'heading-5-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 1.14), "px"),
+  'heading-6-size': "".concat(Math.ceil(px2Num(fontSizes['font-size-base']) * 1), "px")
+}, radius), paddings), sizes), {}, {
+  'btn-height-base': sizes['size-base'],
+  'btn-height-lg': sizes['size-lg'],
+  'btn-height-sm': sizes['size-sm'],
+  'radio-size': sizes['size-xs'],
+  'checkbox-size': sizes['size-xs'],
+  'input-height-base': sizes['size-base'],
+  'input-height-lg': sizes['size-lg'],
+  'input-height-sm': sizes['size-sm'],
+  'menu-inline-toplevel-item-height': sizes['size-lg'],
+  'menu-item-height': sizes['size-lg'],
+  'tabs-card-height': sizes['size-lg'],
+  'tree-title-height': sizes['size-sm'],
+  'transfer-header-height': sizes['size-lg']
+});
+module.exports = variable;

package/lib/theme/utils/colorPaletteMixin.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var tinycolor = require('tinycolor2');
+var hueStep = 2;
+var saturationStep = 16;
+var saturationStep2 = 5;
+var brightnessStep1 = 5;
+var brightnessStep2 = 15;
+var lightColorCount = 5;
+var darkColorCount = 4;
+function getHue(hsv, i, isLight) {
+  var hue;
+  if (hsv.h >= 60 && hsv.h <= 240) {
+    hue = isLight ? hsv.h - hueStep * i : hsv.h + hueStep * i;
+  } else {
+    hue = isLight ? hsv.h + hueStep * i : hsv.h - hueStep * i;
+  }
+  if (hue < 0) {
+    hue += 360;
+  } else if (hue >= 360) {
+    hue -= 360;
+  }
+  return Math.round(hue);
+}
+function getSaturation(hsv, i, isLight) {
+  var saturation;
+  if (isLight) {
+    saturation = Math.round(hsv.s * 100) - saturationStep * i;
+  } else if (i === darkColorCount) {
+    saturation = Math.round(hsv.s * 100) + saturationStep;
+  } else {
+    saturation = Math.round(hsv.s * 100) + saturationStep2 * i;
+  }
+  if (saturation > 100) {
+    saturation = 100;
+  }
+  if (isLight && i === lightColorCount && saturation > 10) {
+    saturation = 10;
+  }
+  if (saturation < 6) {
+    saturation = 6;
+  }
+  return Math.round(saturation);
+}
+function getValue(hsv, i, isLight) {
+  if (isLight) {
+    return Math.round(hsv.v * 100) + brightnessStep1 * i;
+  }
+  return Math.round(hsv.v * 100) - brightnessStep2 * i;
+}
+function colorPalette(color, index) {
+  var isLight = index <= 6;
+  var hsv = tinycolor(color).toHsv();
+  var i = isLight ? lightColorCount + 1 - index : index - lightColorCount - 1;
+  return tinycolor({
+    h: getHue(hsv, i, isLight),
+    s: getSaturation(hsv, i, isLight),
+    v: getValue(hsv, i, isLight)
+  }).toHexString();
+}
+module.exports = colorPalette;

package/lib/theme/utils/px2Num.js

@@ -0,0 +1,14 @@
+"use strict";
+
+function px2Num(val) {
+  var res = 0;
+  if (typeof val === 'string') {
+    var _val = val.replace(/[px|rem|em]/gi, '');
+    return Number(_val);
+  }
+  if (typeof val === 'number') {
+    res = val;
+  }
+  return res;
+}
+module.exports = px2Num;

package/lib/theme/utils/renderColors.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var colorPaletteMixin = require('./colorPaletteMixin');
+function renderColors(colors) {
+  var suffix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'color';
+  var res = {};
+  if (colors && Object.keys(colors).length > 0) {
+    Object.keys(colors).forEach(function (item) {
+      for (var i = 0; i <= 10; i += 1) {
+        var name = i === 0 ? "".concat(item, "-").concat(suffix) : "".concat(item, "-").concat(i);
+        var color = i === 0 ? colors[item] : colorPaletteMixin(colors[item], i);
+        res[name] = color;
+      }
+    });
+  }
+  return res;
+}
+module.exports = renderColors;

package/lib/utils/img.d.ts

@@ -0,0 +1 @@
+export declare const getSvgImageBase64: (text: string) => string;

package/lib/utils/img.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSvgImageBase64 = void 0;
+var getSvgImageBase64 = function getSvgImageBase64(text) {
+  return "data:image/svg+xml;charset=utf-8,".concat(encodeURIComponent(text));
+};
+exports.getSvgImageBase64 = getSvgImageBase64;