nuke-core
Advanced tools
Comparing version 0.2.3 to 0.3.0
# Changelog | ||
## 0.3.0 / 2017-09-05 | ||
* [[cd4c2e7](http://gitlab.alibaba-inc.com/nuke/core/commit/cd4c2e749e123bcec8700a23a3c92dcfc68a7fa7)] - `fix` bugfix | ||
* [[a06bc5b](http://gitlab.alibaba-inc.com/nuke/core/commit/a06bc5b1244fad33216e02bf3f8816ffe18e6349)] - `feat` 保持core 为扁平对象 | ||
* [[86bb984](http://gitlab.alibaba-inc.com/nuke/core/commit/86bb984e2c41876090eaf3a6c3ec64e85e540035)] - `feat` 第一版中台变量录入 | ||
## 0.2.3 / 2017-03-08 | ||
@@ -5,0 +11,0 @@ |
'use strict'; | ||
// Mixins & Functions | ||
// Variables; | ||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
// Variables; | ||
var _functions2 = require("./util/_functions"); | ||
var _functions3 = _interopRequireDefault(_functions2); | ||
var _mixins2 = require("./util/_mixins"); | ||
var _mixins3 = _interopRequireDefault(_mixins2); | ||
var _global2 = require("./variables/_global"); | ||
@@ -46,4 +35,18 @@ | ||
var _mixins2 = require("./util/_mixins"); | ||
var _mixins3 = _interopRequireDefault(_mixins2); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
module.exports = _extends({}, _functions3.default, _mixins3.default, _global3.default, _color3.default, _corner3.default, _font3.default, _line3.default, _shadow3.default, _icon3.default); | ||
var BaseVariables = _extends({}, _mixins3.default, _global3.default, _color3.default, _corner3.default, _font3.default, _line3.default, _shadow3.default, _icon3.default); | ||
// function init(variables){ | ||
// return Object.assign(BaseVariables,variables); | ||
// } | ||
// module.exports = { | ||
// init:init | ||
// } | ||
// | ||
module.exports = BaseVariables; |
@@ -5,383 +5,175 @@ 'use strict'; | ||
var _nukeVarLoader = require('nuke-var-loader'); | ||
var _varLoader = require('../util/var-loader'); | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
//// | ||
/// @group Variables 变量 | ||
/// @module color: 颜色 | ||
/// @type Color | ||
/// @category style | ||
//// | ||
/** | ||
* Brand Color 品牌色 | ||
*/ | ||
/** | ||
* @param {string} [color-brand1-1] [主品牌色-浅] | ||
*/ | ||
var colorBrand11 = (0, _varLoader.varLoader)('color-brand1-1', '#EEFAE6'); | ||
/// B1 | ||
/// 可用变量: `$color-b1-1 - $color-b1-10` | ||
/** | ||
* @param {string} [color-brand1-6] [主品牌色-常规] | ||
*/ | ||
var colorBrand16 = (0, _varLoader.varLoader)('color-brand1-6', '#46BC02'); | ||
/// B1-1 | ||
/// @export | ||
var colorB11 = (0, _nukeVarLoader.varLoader)('color-b1-1', '#e4f0fd'); | ||
/// B1-2 | ||
var colorB12 = (0, _nukeVarLoader.varLoader)('color-b1-2', '#ffe3d1'); | ||
/// B1-3 | ||
var colorB13 = (0, _nukeVarLoader.varLoader)('color-b1-3', '#ffc8a3'); | ||
/// B1-4 | ||
var colorB14 = (0, _nukeVarLoader.varLoader)('color-b1-4', '#ffac75'); | ||
/// B1-5 | ||
var colorB15 = (0, _nukeVarLoader.varLoader)('color-b1-5', '#ff8b3d'); | ||
/// B1-6 | ||
/// @export | ||
var colorB16 = (0, _nukeVarLoader.varLoader)('color-b1-6', '#3089dc'); | ||
/// B1-7 | ||
var colorB17 = (0, _nukeVarLoader.varLoader)('color-b1-7', '#f75f00'); | ||
/// B1-8 | ||
var colorB18 = (0, _nukeVarLoader.varLoader)('color-b1-8', '#f05800'); | ||
/// B1-9 | ||
/// @export | ||
var colorB19 = (0, _nukeVarLoader.varLoader)('color-b1-9', '#1170bc'); | ||
/// B1-10 | ||
var colorB110 = (0, _nukeVarLoader.varLoader)('color-b1-10', '#d64f00'); | ||
/** | ||
* @param {string} [color-brand1-9] [主品牌色-深] | ||
*/ | ||
var colorBrand19 = (0, _varLoader.varLoader)('color-brand1-9', '#2F990F'); | ||
/// B2 | ||
/// 可用变量: `$color-b2-1 - $color-b2-10` | ||
/** | ||
* Neutural Color 中立色 | ||
*/ | ||
/// B2-1 | ||
/// @export | ||
var colorB21 = (0, _nukeVarLoader.varLoader)('color-b2-1', '#e8f6ff'); | ||
/// B2-2 | ||
/// @export | ||
var colorB22 = (0, _nukeVarLoader.varLoader)('color-b2-2', '#d3e9f7'); | ||
/// B2-3 | ||
/// @export | ||
var colorB23 = (0, _nukeVarLoader.varLoader)('color-b2-3', '#a6d3f0'); | ||
/// B2-4 | ||
var colorB24 = (0, _nukeVarLoader.varLoader)('color-b2-4', '#7abee8'); | ||
/// B2-5 | ||
var colorB25 = (0, _nukeVarLoader.varLoader)('color-b2-5', '#4da8e1'); | ||
/// B2-6 | ||
/// @export | ||
var colorB26 = (0, _nukeVarLoader.varLoader)('color-b2-6', '#2192d9'); | ||
/// B2-7 | ||
var colorB27 = (0, _nukeVarLoader.varLoader)('color-b2-7', '#1587d1'); | ||
/// B2-8 | ||
var colorB28 = (0, _nukeVarLoader.varLoader)('color-b2-8', '#0a7ec9'); | ||
/// B2-9 | ||
var colorB29 = (0, _nukeVarLoader.varLoader)('color-b2-9', '#0073bd'); | ||
/// B2-10 | ||
var colorB210 = (0, _nukeVarLoader.varLoader)('color-b2-10', '#006ab0'); | ||
/** | ||
* @param {string} [color-line1-1] [线条-浅] | ||
*/ | ||
var colorLine11 = (0, _varLoader.varLoader)('color-line1-1', '#E6E7EB'); | ||
/** | ||
* @param {string} [color-line1-2] [线条-常规] | ||
*/ | ||
var colorLine12 = (0, _varLoader.varLoader)('color-line1-2', '#DCDEE3'); | ||
/** | ||
* @param {string} [color-line1-3] [线条-深] | ||
*/ | ||
var colorLine13 = (0, _varLoader.varLoader)('color-line1-3', '#C4C6CF'); | ||
/** | ||
* @param {string} [color-line1-4] [线条-重] | ||
*/ | ||
var colorLine14 = (0, _varLoader.varLoader)('color-line1-4', '#A0A2AD'); | ||
/// B3 | ||
/// 可用变量: `$color-b3-1 - $color-b3-10` | ||
/** | ||
* @param {string} [color-fill1-1] [填充-浅] | ||
*/ | ||
var colorFill11 = (0, _varLoader.varLoader)('color-fill1-1', '#F7F8FA'); | ||
/** | ||
* @param {string} [color-fill1-2] [填充-常规] | ||
*/ | ||
var colorFill12 = (0, _varLoader.varLoader)('color-fill1-2', '#F2F3F7'); | ||
/** | ||
* @param {string} [color-fill1-3] [填充-深] | ||
*/ | ||
var colorFill13 = (0, _varLoader.varLoader)('color-fill1-3', '#EBECF0'); | ||
/// B3-1 | ||
var colorB31 = (0, _nukeVarLoader.varLoader)('color-b3-1', '#ffe2db'); | ||
/// B3-2 | ||
var colorB32 = (0, _nukeVarLoader.varLoader)('color-b3-2', '#ffc8bf'); | ||
/// B3-3 | ||
var colorB33 = (0, _nukeVarLoader.varLoader)('color-b3-3', '#f7a394'); | ||
/// B3-4 | ||
var colorB34 = (0, _nukeVarLoader.varLoader)('color-b3-4', '#ed8472'); | ||
/// B3-5 | ||
var colorB35 = (0, _nukeVarLoader.varLoader)('color-b3-5', '#e3715d'); | ||
/// B3-6 | ||
var colorB36 = (0, _nukeVarLoader.varLoader)('color-b3-6', '#d9624e'); | ||
/// B3-7 | ||
var colorB37 = (0, _nukeVarLoader.varLoader)('color-b3-7', '#d15241'); | ||
/// B3-8 | ||
var colorB38 = (0, _nukeVarLoader.varLoader)('color-b3-8', '#c43f31'); | ||
/// B3-9 | ||
var colorB39 = (0, _nukeVarLoader.varLoader)('color-b3-9', '#bd3224'); | ||
/// B3-10 | ||
var colorB310 = (0, _nukeVarLoader.varLoader)('color-b3-10', '#b32018'); | ||
/** | ||
* @param {string} [color-text1-1] [文字-轻] | ||
*/ | ||
var colorText11 = (0, _varLoader.varLoader)('color-text1-1', '#CCCCCC'); | ||
/** | ||
* @param {string} [color-text1-2] [文字-浅] | ||
*/ | ||
var colorText12 = (0, _varLoader.varLoader)('color-text1-2', '#999999'); | ||
/** | ||
* @param {string} [color-text1-3] [文字-常规] | ||
*/ | ||
var colorText13 = (0, _varLoader.varLoader)('color-text1-3', '#666666'); | ||
/** | ||
* @param {string} [color-text1-4] [文字-深] | ||
*/ | ||
var colorText14 = (0, _varLoader.varLoader)('color-text1-4', '#333333'); | ||
/** | ||
* @param {string} [color-text1-5] [文字-重] | ||
*/ | ||
var colorText15 = (0, _varLoader.varLoader)('color-text1-5', '#222222'); | ||
/** | ||
* @param {string} [white] [纯白] | ||
*/ | ||
var colorWhite = (0, _varLoader.varLoader)('color-white', '#FFFFFF'); | ||
/** | ||
* @param {string} [black] [纯黑] | ||
*/ | ||
var colorBlack = (0, _varLoader.varLoader)('color-black', '#000000'); | ||
/// B4 | ||
/// 可用变量: `$color-b4-1 - $color-b4-10` | ||
/** | ||
* Function Color 功能色 | ||
*/ | ||
/// B4-1 | ||
var colorB41 = (0, _nukeVarLoader.varLoader)('color-b4-1', '#e7f5e5'); | ||
/// B4-2 | ||
var colorB42 = (0, _nukeVarLoader.varLoader)('color-b4-2', '#cdebc8'); | ||
/// B4-3 | ||
var colorB43 = (0, _nukeVarLoader.varLoader)('color-b4-3', '#b0dea9'); | ||
/// B4-4 | ||
var colorB44 = (0, _nukeVarLoader.varLoader)('color-b4-4', '#92cc86'); | ||
/// B4-5 | ||
var colorB45 = (0, _nukeVarLoader.varLoader)('color-b4-5', '#70b564'); | ||
/// B4-6 | ||
var colorB46 = (0, _nukeVarLoader.varLoader)('color-b4-6', '#55a344'); | ||
/// B4-7 | ||
var colorB47 = (0, _nukeVarLoader.varLoader)('color-b4-7', '#479635'); | ||
/// B4-8 | ||
var colorB48 = (0, _nukeVarLoader.varLoader)('color-b4-8', '#3b8f28'); | ||
/// B4-9 | ||
var colorB49 = (0, _nukeVarLoader.varLoader)('color-b4-9', '#358723'); | ||
/// B4-10 | ||
var colorB410 = (0, _nukeVarLoader.varLoader)('color-b4-10', '#257d12'); | ||
/** | ||
* @param {string} [color-warning-1] [警示/重要-浅] | ||
*/ | ||
var colorWarning1 = (0, _varLoader.varLoader)('color-warning-1', '#FFF3E0'); | ||
/** | ||
* @param {string} [color-warning-2] [警示/重要-常规] | ||
*/ | ||
var colorWarning2 = (0, _varLoader.varLoader)('color-warning-2', '#FF9800'); | ||
/** | ||
* @param {string} [color-warning-3] [警示/重要-深] | ||
*/ | ||
var colorWarning3 = (0, _varLoader.varLoader)('color-warning-3', '#ED6F00'); | ||
/// B5 | ||
/// 可用变量: `$color-b5-1 - $color-b5-10` | ||
/** | ||
* @param {string} [color-error-1] [报错-浅] | ||
*/ | ||
var colorError1 = (0, _varLoader.varLoader)('color-error-1', '#FFEBEE'); | ||
/** | ||
* @param {string} [color-error-2] [报错-常规] | ||
*/ | ||
var colorError2 = (0, _varLoader.varLoader)('color-error-2', '#F44336'); | ||
/** | ||
* @param {string} [color-error-3] [报错-深] | ||
*/ | ||
var colorError3 = (0, _varLoader.varLoader)('color-error-3', '#DB2F23'); | ||
/// B5-1 | ||
var colorB51 = (0, _nukeVarLoader.varLoader)('color-b5-1', '#fef7da'); | ||
/// B5-2 | ||
var colorB52 = (0, _nukeVarLoader.varLoader)('color-b5-2', '#fff2c2'); | ||
/// B5-3 | ||
var colorB53 = (0, _nukeVarLoader.varLoader)('color-b5-3', '#fde89d'); | ||
/// B5-4 | ||
var colorB54 = (0, _nukeVarLoader.varLoader)('color-b5-4', '#ffe27d'); | ||
/// B5-5 | ||
var colorB55 = (0, _nukeVarLoader.varLoader)('color-b5-5', '#fbd653'); | ||
/// B5-6 | ||
var colorB56 = (0, _nukeVarLoader.varLoader)('color-b5-6', '#face32'); | ||
/// B5-7 | ||
var colorB57 = (0, _nukeVarLoader.varLoader)('color-b5-7', '#f7bf25'); | ||
/// B5-8 | ||
var colorB58 = (0, _nukeVarLoader.varLoader)('color-b5-8', '#f2b211'); | ||
/// B5-9 | ||
var colorB59 = (0, _nukeVarLoader.varLoader)('color-b5-9', '#eda807'); | ||
/// B5-10 | ||
var colorB510 = (0, _nukeVarLoader.varLoader)('color-b5-10', '#e89a00'); | ||
/** | ||
* @param {string} [color-success-1] [成功-浅] | ||
*/ | ||
var colorSuccess1 = (0, _varLoader.varLoader)('color-success-1', '#F1F8E9'); | ||
/** | ||
* @param {string} [color-success-2] [成功-常规] | ||
*/ | ||
var colorSuccess2 = (0, _varLoader.varLoader)('color-success-2', '#8BC34A'); | ||
/** | ||
* @param {string} [color-success-3] [成功-深] | ||
*/ | ||
var colorSuccess3 = (0, _varLoader.varLoader)('color-success-3', '#70A82F'); | ||
/// B6 | ||
/// 可用变量: `$color-b6-1 - $color-b6-10` | ||
/** | ||
* @param {string} [color-notice-1] [提示-浅] | ||
*/ | ||
var colorNotice1 = (0, _varLoader.varLoader)('color-notice-1', '#E3F2FD'); | ||
/** | ||
* @param {string} [color-notice-2] [提示-常规] | ||
*/ | ||
var colorNotice2 = (0, _varLoader.varLoader)('color-notice-2', '#2196F3'); | ||
/** | ||
* @param {string} [color-notice-3] [提示-深] | ||
*/ | ||
var colorNotice3 = (0, _varLoader.varLoader)('color-notice-3', '#1681D9'); | ||
/// B6-1 | ||
var colorB61 = (0, _nukeVarLoader.varLoader)('color-b6-1', '#e9e6fa'); | ||
/// B6-2 | ||
var colorB62 = (0, _nukeVarLoader.varLoader)('color-b6-2', '#d5cff7'); | ||
/// B6-3 | ||
var colorB63 = (0, _nukeVarLoader.varLoader)('color-b6-3', '#b8afed'); | ||
/// B6-4 | ||
var colorB64 = (0, _nukeVarLoader.varLoader)('color-b6-4', '#9f94e8'); | ||
/// B6-5 | ||
var colorB65 = (0, _nukeVarLoader.varLoader)('color-b6-5', '#887be3'); | ||
/// B6-6 | ||
var colorB66 = (0, _nukeVarLoader.varLoader)('color-b6-6', '#6d5cdb'); | ||
/// B6-7 | ||
var colorB67 = (0, _nukeVarLoader.varLoader)('color-b6-7', '#5f4dd1'); | ||
/// B6-8 | ||
var colorB68 = (0, _nukeVarLoader.varLoader)('color-b6-8', '#5240c7'); | ||
/// B6-9 | ||
var colorB69 = (0, _nukeVarLoader.varLoader)('color-b6-9', '#4634bf'); | ||
/// B6-10 | ||
var colorB610 = (0, _nukeVarLoader.varLoader)('color-b6-10', '#3a27b5'); | ||
/** | ||
* @param {string} [color-help-1] [帮助-浅] | ||
*/ | ||
var colorHelp1 = (0, _varLoader.varLoader)('color-help-1', '#FDF5FF'); | ||
/** | ||
* @param {string} [color-help-2] [帮助-常规] | ||
*/ | ||
var colorHelp2 = (0, _varLoader.varLoader)('color-help-2', '#B921F3'); | ||
/** | ||
* @param {string} [color-help-3] [帮助-深] | ||
*/ | ||
var colorHelp3 = (0, _varLoader.varLoader)('color-help-3', '#A116D9'); | ||
/// B7 | ||
/// 可用变量: `$color-b7-1 - $color-b7-10` | ||
/** | ||
* @param {string} [color-link-1] [链接-常规] | ||
*/ | ||
var colorLink1 = (0, _varLoader.varLoader)('color-link-1', '#FDF5FF'); | ||
/** | ||
* @param {string} [color-link-2] [链接-深] | ||
*/ | ||
var colorLink2 = (0, _varLoader.varLoader)('color-link-2', '#2196F3'); | ||
/** | ||
* @param {string} [color-link-3] [链接-重] | ||
*/ | ||
var colorLink3 = (0, _varLoader.varLoader)('color-link-3', '#A116D9'); | ||
/// B7-1 | ||
var colorB71 = (0, _nukeVarLoader.varLoader)('color-b7-1', '#e3eaf7'); | ||
/// B7-2 | ||
var colorB72 = (0, _nukeVarLoader.varLoader)('color-b7-2', '#ccd9f0'); | ||
/// B7-3 | ||
var colorB73 = (0, _nukeVarLoader.varLoader)('color-b7-3', '#aabee0'); | ||
/// B7-4 | ||
var colorB74 = (0, _nukeVarLoader.varLoader)('color-b7-4', '#84a1d1'); | ||
/// B7-5 | ||
var colorB75 = (0, _nukeVarLoader.varLoader)('color-b7-5', '#6d8cc2'); | ||
/// B7-6 | ||
/// @export | ||
var colorB76 = (0, _nukeVarLoader.varLoader)('color-b7-6', '#4f74b3'); | ||
/// B7-7 | ||
var colorB77 = (0, _nukeVarLoader.varLoader)('color-b7-7', '#4369ab'); | ||
/// B7-8 | ||
var colorB78 = (0, _nukeVarLoader.varLoader)('color-b7-8', '#375ea3'); | ||
/// B7-9 | ||
/// @export | ||
var colorB79 = (0, _nukeVarLoader.varLoader)('color-b7-9', '#2d559c'); | ||
/// B7-10 | ||
var colorB710 = (0, _nukeVarLoader.varLoader)('color-b7-10', '#224b94'); | ||
/** | ||
* @param {string} [color-other-1] [其他-常规] | ||
*/ | ||
var colorOther1 = (0, _varLoader.varLoader)('color-other-1', '#FDF5FF'); | ||
/// B8 | ||
/// 可用变量: `$color-b8-1 - $color-b8-10` | ||
/// B8-1 | ||
var colorB81 = (0, _nukeVarLoader.varLoader)('color-b8-1', '#ffebee'); | ||
/// B8-2 | ||
var colorB82 = (0, _nukeVarLoader.varLoader)('color-b8-2', '#ffd9e0'); | ||
/// B8-3 | ||
var colorB83 = (0, _nukeVarLoader.varLoader)('color-b8-3', '#ffc2ce'); | ||
/// B8-4 | ||
var colorB84 = (0, _nukeVarLoader.varLoader)('color-b8-4', '#ffa3b6'); | ||
/// B8-5 | ||
var colorB85 = (0, _nukeVarLoader.varLoader)('color-b8-5', '#ff89a1'); | ||
/// B8-6 | ||
var colorB86 = (0, _nukeVarLoader.varLoader)('color-b8-6', '#f96985'); | ||
/// B8-7 | ||
var colorB87 = (0, _nukeVarLoader.varLoader)('color-b8-7', '#f54e70'); | ||
/// B8-8 | ||
var colorB88 = (0, _nukeVarLoader.varLoader)('color-b8-8', '#ed395d'); | ||
/// B8-9 | ||
var colorB89 = (0, _nukeVarLoader.varLoader)('color-b8-9', '#de284c'); | ||
/// B8-10 | ||
var colorB810 = (0, _nukeVarLoader.varLoader)('color-b8-10', '#d1173f'); | ||
/// 界面色 | ||
/// 可用变量: `$color-n1-1 - $color-n1-9` | ||
/// N1-1 | ||
/// @export | ||
var colorN11 = (0, _nukeVarLoader.varLoader)('color-n1-1', '#ffffff'); | ||
/// N1-2 | ||
/// @export | ||
var colorN12 = (0, _nukeVarLoader.varLoader)('color-n1-2', '#f7f8fa'); | ||
/// N1-3 | ||
/// @export | ||
var colorN13 = (0, _nukeVarLoader.varLoader)('color-n1-3', '#f2f3f7'); | ||
/// N1-4 | ||
/// @export | ||
var colorN14 = (0, _nukeVarLoader.varLoader)('color-n1-4', '#ebecf0'); | ||
/// N1-5 | ||
/// @export | ||
var colorN15 = (0, _nukeVarLoader.varLoader)('color-n1-5', '#e6e7eb'); | ||
/// N1-6 | ||
/// @export | ||
var colorN16 = (0, _nukeVarLoader.varLoader)('color-n1-6', '#dcdee3'); | ||
/// N1-7 | ||
/// @export | ||
var colorN17 = (0, _nukeVarLoader.varLoader)('color-n1-7', '#c4c6cf'); | ||
/// N1-8 | ||
/// @export | ||
var colorN18 = (0, _nukeVarLoader.varLoader)('color-n1-8', '#a0a2ad'); | ||
/// N1-9 | ||
/// @export | ||
var colorN19 = (0, _nukeVarLoader.varLoader)('color-n1-9', '#000000'); | ||
/// N1-10 | ||
var colorN110 = (0, _nukeVarLoader.varLoader)('color-n1-10', 'transparent'); | ||
/// 文字色 | ||
/// 可用变量: `$color-n2-1 - $color-n2-4` | ||
/// N2-1 | ||
/// @export | ||
var colorN21 = (0, _nukeVarLoader.varLoader)('color-n2-1', '#cccccc'); | ||
/// N2-2 | ||
/// @export | ||
var colorN22 = (0, _nukeVarLoader.varLoader)('color-n2-2', '#999999'); | ||
/// N2-3 | ||
/// @export | ||
var colorN23 = (0, _nukeVarLoader.varLoader)('color-n2-3', '#5f646e'); | ||
/// N2-4 | ||
/// @export | ||
var colorN24 = (0, _nukeVarLoader.varLoader)('color-n2-4', '#3d4145'); | ||
/// N2-5 | ||
var colorN25 = (0, _nukeVarLoader.varLoader)('color-n2-5', 'transparent'); | ||
/// N2-6 | ||
var colorN26 = (0, _nukeVarLoader.varLoader)('color-n2-6', 'transparent'); | ||
/// N2-7 | ||
var colorN27 = (0, _nukeVarLoader.varLoader)('color-n2-7', 'transparent'); | ||
/// N2-8 | ||
var colorN28 = (0, _nukeVarLoader.varLoader)('color-n2-8', 'transparent'); | ||
/// N2-9 | ||
var colorN29 = (0, _nukeVarLoader.varLoader)('color-n2-9', 'transparent'); | ||
/// N2-10 | ||
var colorN210 = (0, _nukeVarLoader.varLoader)('color-n2-10', 'transparent'); | ||
/// 强调, 着重说明 | ||
/// 可用变量: `$color-f1-1, $color-f1-2` | ||
/// F1-1 | ||
/// @export | ||
var colorF11 = (0, _nukeVarLoader.varLoader)('color-f1-1', '#ffa033'); | ||
/// F1-2 | ||
/// @export | ||
var colorF12 = (0, _nukeVarLoader.varLoader)('color-f1-2', '#fff1e8'); | ||
/// F1-3 | ||
/// @export | ||
var colorF13 = (0, _nukeVarLoader.varLoader)('color-f1-3', '#eb7e10'); | ||
/// F1-4 | ||
var colorF14 = (0, _nukeVarLoader.varLoader)('color-f1-4', 'transparent'); | ||
/// F1-5 | ||
var colorF15 = (0, _nukeVarLoader.varLoader)('color-f1-5', 'transparent'); | ||
/// F1-6 | ||
var colorF16 = (0, _nukeVarLoader.varLoader)('color-f1-6', 'transparent'); | ||
/// F1-7 | ||
var colorF17 = (0, _nukeVarLoader.varLoader)('color-f1-7', 'transparent'); | ||
/// F1-8 | ||
var colorF18 = (0, _nukeVarLoader.varLoader)('color-f1-8', 'transparent'); | ||
/// F1-9 | ||
var colorF19 = (0, _nukeVarLoader.varLoader)('color-f1-9', 'transparent'); | ||
/// F1-10 | ||
var colorF110 = (0, _nukeVarLoader.varLoader)('color-f1-10', 'transparent'); | ||
/// 错误, 警告 | ||
/// 可用变量: `$color-f2-1, $color-f2-2` | ||
/// F2-1 | ||
/// @export | ||
var colorF21 = (0, _nukeVarLoader.varLoader)('color-f2-1', '#ff3333'); | ||
/// F2-2 | ||
/// @export | ||
var colorF22 = (0, _nukeVarLoader.varLoader)('color-f2-2', '#fae7e7'); | ||
/// F2-3 | ||
/// @export | ||
var colorF23 = (0, _nukeVarLoader.varLoader)('color-f2-3', '#e61c1c'); | ||
/// F2-4 | ||
var colorF24 = (0, _nukeVarLoader.varLoader)('color-f2-4', 'transparent'); | ||
/// F2-5 | ||
var colorF25 = (0, _nukeVarLoader.varLoader)('color-f2-5', 'transparent'); | ||
/// F2-6 | ||
var colorF26 = (0, _nukeVarLoader.varLoader)('color-f2-6', 'transparent'); | ||
/// F2-7 | ||
var colorF27 = (0, _nukeVarLoader.varLoader)('color-f2-7', 'transparent'); | ||
/// F2-8 | ||
var colorF28 = (0, _nukeVarLoader.varLoader)('color-f2-8', 'transparent'); | ||
/// F2-9 | ||
var colorF29 = (0, _nukeVarLoader.varLoader)('color-f2-9', 'transparent'); | ||
/// F2-10 | ||
var colorF210 = (0, _nukeVarLoader.varLoader)('color-f2-10', 'transparent'); | ||
/// 成功, 正向积极 | ||
/// 可用变量: `$color-f3-1, $color-f3-2` | ||
/// F3-1 | ||
/// @export | ||
var colorF31 = (0, _nukeVarLoader.varLoader)('color-f3-1', '#1dc11d'); | ||
/// F3-2 | ||
/// @export | ||
var colorF32 = (0, _nukeVarLoader.varLoader)('color-f3-2', '#e8f9e8'); | ||
/// F3-3 | ||
/// @export | ||
var colorF33 = (0, _nukeVarLoader.varLoader)('color-f3-3', '#0da80d'); | ||
/// F3-4 | ||
var colorF34 = (0, _nukeVarLoader.varLoader)('color-f3-4', 'transparent'); | ||
/// F3-5 | ||
var colorF35 = (0, _nukeVarLoader.varLoader)('color-f3-5', 'transparent'); | ||
/// F3-6 | ||
var colorF36 = (0, _nukeVarLoader.varLoader)('color-f3-6', 'transparent'); | ||
/// F3-7 | ||
var colorF37 = (0, _nukeVarLoader.varLoader)('color-f3-7', 'transparent'); | ||
/// F3-8 | ||
var colorF38 = (0, _nukeVarLoader.varLoader)('color-f3-8', 'transparent'); | ||
/// F3-9 | ||
var colorF39 = (0, _nukeVarLoader.varLoader)('color-f3-9', 'transparent'); | ||
/// F3-10 | ||
var colorF310 = (0, _nukeVarLoader.varLoader)('color-f3-10', 'transparent'); | ||
/// link 链接专用色 | ||
/// 可用变量: `$color-f4-1 - $color-f4-3` | ||
/// F4-1 | ||
/// @export | ||
var colorF41 = (0, _nukeVarLoader.varLoader)('color-f4-1', '#3089dc'); | ||
/// F4-2 | ||
var colorF42 = (0, _nukeVarLoader.varLoader)('color-f4-2', '#9a65a6'); | ||
/// F4-3 | ||
/// @export | ||
var colorF43 = (0, _nukeVarLoader.varLoader)('color-f4-3', '#1170bc'); | ||
/// F4-4 | ||
var colorF44 = (0, _nukeVarLoader.varLoader)('color-f4-4', 'transparent'); | ||
/// F4-5 | ||
var colorF45 = (0, _nukeVarLoader.varLoader)('color-f4-5', 'transparent'); | ||
/// F4-6 | ||
var colorF46 = (0, _nukeVarLoader.varLoader)('color-f4-6', 'transparent'); | ||
/// F4-7 | ||
var colorF47 = (0, _nukeVarLoader.varLoader)('color-f4-7', 'transparent'); | ||
/// F4-8 | ||
var colorF48 = (0, _nukeVarLoader.varLoader)('color-f4-8', 'transparent'); | ||
/// F4-9 | ||
var colorF49 = (0, _nukeVarLoader.varLoader)('color-f4-9', 'transparent'); | ||
/// F4-10 | ||
var colorF410 = (0, _nukeVarLoader.varLoader)('color-f4-10', 'transparent'); | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 'color-b1-1', colorB11), _defineProperty(_module$exports, 'color-b1-2', colorB12), _defineProperty(_module$exports, 'color-b1-3', colorB13), _defineProperty(_module$exports, 'color-b1-4', colorB14), _defineProperty(_module$exports, 'color-b1-5', colorB15), _defineProperty(_module$exports, 'color-b1-6', colorB16), _defineProperty(_module$exports, 'color-b1-7', colorB17), _defineProperty(_module$exports, 'color-b1-8', colorB18), _defineProperty(_module$exports, 'color-b1-9', colorB19), _defineProperty(_module$exports, 'color-b1-10', colorB110), _defineProperty(_module$exports, 'color-b2-1', colorB21), _defineProperty(_module$exports, 'color-b2-2', colorB22), _defineProperty(_module$exports, 'color-b2-3', colorB23), _defineProperty(_module$exports, 'color-b2-4', colorB24), _defineProperty(_module$exports, 'color-b2-5', colorB25), _defineProperty(_module$exports, 'color-b2-6', colorB26), _defineProperty(_module$exports, 'color-b2-7', colorB27), _defineProperty(_module$exports, 'color-b2-8', colorB28), _defineProperty(_module$exports, 'color-b2-9', colorB29), _defineProperty(_module$exports, 'color-b2-10', colorB210), _defineProperty(_module$exports, 'color-b3-1', colorB31), _defineProperty(_module$exports, 'color-b3-2', colorB32), _defineProperty(_module$exports, 'color-b3-3', colorB33), _defineProperty(_module$exports, 'color-b3-4', colorB34), _defineProperty(_module$exports, 'color-b3-5', colorB35), _defineProperty(_module$exports, 'color-b3-6', colorB36), _defineProperty(_module$exports, 'color-b3-7', colorB37), _defineProperty(_module$exports, 'color-b3-8', colorB38), _defineProperty(_module$exports, 'color-b3-9', colorB39), _defineProperty(_module$exports, 'color-b3-10', colorB310), _defineProperty(_module$exports, 'color-b4-1', colorB41), _defineProperty(_module$exports, 'color-b4-2', colorB42), _defineProperty(_module$exports, 'color-b4-3', colorB43), _defineProperty(_module$exports, 'color-b4-4', colorB44), _defineProperty(_module$exports, 'color-b4-5', colorB45), _defineProperty(_module$exports, 'color-b4-6', colorB46), _defineProperty(_module$exports, 'color-b4-7', colorB47), _defineProperty(_module$exports, 'color-b4-8', colorB48), _defineProperty(_module$exports, 'color-b4-9', colorB49), _defineProperty(_module$exports, 'color-b4-10', colorB410), _defineProperty(_module$exports, 'color-b5-1', colorB51), _defineProperty(_module$exports, 'color-b5-2', colorB52), _defineProperty(_module$exports, 'color-b5-3', colorB53), _defineProperty(_module$exports, 'color-b5-4', colorB54), _defineProperty(_module$exports, 'color-b5-5', colorB55), _defineProperty(_module$exports, 'color-b5-6', colorB56), _defineProperty(_module$exports, 'color-b5-7', colorB57), _defineProperty(_module$exports, 'color-b5-8', colorB58), _defineProperty(_module$exports, 'color-b5-9', colorB59), _defineProperty(_module$exports, 'color-b5-10', colorB510), _defineProperty(_module$exports, 'color-b6-1', colorB61), _defineProperty(_module$exports, 'color-b6-2', colorB62), _defineProperty(_module$exports, 'color-b6-3', colorB63), _defineProperty(_module$exports, 'color-b6-4', colorB64), _defineProperty(_module$exports, 'color-b6-5', colorB65), _defineProperty(_module$exports, 'color-b6-6', colorB66), _defineProperty(_module$exports, 'color-b6-7', colorB67), _defineProperty(_module$exports, 'color-b6-8', colorB68), _defineProperty(_module$exports, 'color-b6-9', colorB69), _defineProperty(_module$exports, 'color-b6-10', colorB610), _defineProperty(_module$exports, 'color-b7-1', colorB71), _defineProperty(_module$exports, 'color-b7-2', colorB72), _defineProperty(_module$exports, 'color-b7-3', colorB73), _defineProperty(_module$exports, 'color-b7-4', colorB74), _defineProperty(_module$exports, 'color-b7-5', colorB75), _defineProperty(_module$exports, 'color-b7-6', colorB76), _defineProperty(_module$exports, 'color-b7-7', colorB77), _defineProperty(_module$exports, 'color-b7-8', colorB78), _defineProperty(_module$exports, 'color-b7-9', colorB79), _defineProperty(_module$exports, 'color-b7-10', colorB710), _defineProperty(_module$exports, 'color-b8-1', colorB81), _defineProperty(_module$exports, 'color-b8-2', colorB82), _defineProperty(_module$exports, 'color-b8-3', colorB83), _defineProperty(_module$exports, 'color-b8-4', colorB84), _defineProperty(_module$exports, 'color-b8-5', colorB85), _defineProperty(_module$exports, 'color-b8-6', colorB86), _defineProperty(_module$exports, 'color-b8-7', colorB87), _defineProperty(_module$exports, 'color-b8-8', colorB88), _defineProperty(_module$exports, 'color-b8-9', colorB89), _defineProperty(_module$exports, 'color-b8-10', colorB810), _defineProperty(_module$exports, 'color-n1-1', colorN11), _defineProperty(_module$exports, 'color-n1-2', colorN12), _defineProperty(_module$exports, 'color-n1-3', colorN13), _defineProperty(_module$exports, 'color-n1-4', colorN14), _defineProperty(_module$exports, 'color-n1-5', colorN15), _defineProperty(_module$exports, 'color-n1-6', colorN16), _defineProperty(_module$exports, 'color-n1-7', colorN17), _defineProperty(_module$exports, 'color-n1-8', colorN18), _defineProperty(_module$exports, 'color-n1-9', colorN19), _defineProperty(_module$exports, 'color-n1-10', colorN110), _defineProperty(_module$exports, 'color-n2-1', colorN21), _defineProperty(_module$exports, 'color-n2-2', colorN22), _defineProperty(_module$exports, 'color-n2-3', colorN23), _defineProperty(_module$exports, 'color-n2-4', colorN24), _defineProperty(_module$exports, 'color-n2-5', colorN25), _defineProperty(_module$exports, 'color-n2-6', colorN26), _defineProperty(_module$exports, 'color-n2-7', colorN27), _defineProperty(_module$exports, 'color-n2-8', colorN28), _defineProperty(_module$exports, 'color-n2-9', colorN29), _defineProperty(_module$exports, 'color-n2-10', colorN210), _defineProperty(_module$exports, 'color-f1-1', colorF11), _defineProperty(_module$exports, 'color-f1-2', colorF12), _defineProperty(_module$exports, 'color-f1-3', colorF13), _defineProperty(_module$exports, 'color-f1-4', colorF14), _defineProperty(_module$exports, 'color-f1-5', colorF15), _defineProperty(_module$exports, 'color-f1-6', colorF16), _defineProperty(_module$exports, 'color-f1-7', colorF17), _defineProperty(_module$exports, 'color-f1-8', colorF18), _defineProperty(_module$exports, 'color-f1-9', colorF19), _defineProperty(_module$exports, 'color-f1-10', colorF110), _defineProperty(_module$exports, 'color-f2-1', colorF21), _defineProperty(_module$exports, 'color-f2-2', colorF22), _defineProperty(_module$exports, 'color-f2-3', colorF23), _defineProperty(_module$exports, 'color-f2-4', colorF24), _defineProperty(_module$exports, 'color-f2-5', colorF25), _defineProperty(_module$exports, 'color-f2-6', colorF26), _defineProperty(_module$exports, 'color-f2-7', colorF27), _defineProperty(_module$exports, 'color-f2-8', colorF28), _defineProperty(_module$exports, 'color-f2-9', colorF29), _defineProperty(_module$exports, 'color-f2-10', colorF210), _defineProperty(_module$exports, 'color-f3-1', colorF31), _defineProperty(_module$exports, 'color-f3-2', colorF32), _defineProperty(_module$exports, 'color-f3-3', colorF33), _defineProperty(_module$exports, 'color-f3-4', colorF34), _defineProperty(_module$exports, 'color-f3-5', colorF35), _defineProperty(_module$exports, 'color-f3-6', colorF36), _defineProperty(_module$exports, 'color-f3-7', colorF37), _defineProperty(_module$exports, 'color-f3-8', colorF38), _defineProperty(_module$exports, 'color-f3-9', colorF39), _defineProperty(_module$exports, 'color-f3-10', colorF310), _defineProperty(_module$exports, 'color-f4-1', colorF41), _defineProperty(_module$exports, 'color-f4-2', colorF42), _defineProperty(_module$exports, 'color-f4-3', colorF43), _defineProperty(_module$exports, 'color-f4-4', colorF44), _defineProperty(_module$exports, 'color-f4-5', colorF45), _defineProperty(_module$exports, 'color-f4-6', colorF46), _defineProperty(_module$exports, 'color-f4-7', colorF47), _defineProperty(_module$exports, 'color-f4-8', colorF48), _defineProperty(_module$exports, 'color-f4-9', colorF49), _defineProperty(_module$exports, 'color-f4-10', colorF410), _module$exports); | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 'color-brand1-1', colorBrand11), _defineProperty(_module$exports, 'color-brand1-6', colorBrand16), _defineProperty(_module$exports, 'color-brand1-8', colorBrand19), _defineProperty(_module$exports, 'color-line1-1', colorLine11), _defineProperty(_module$exports, 'color-line1-2', colorLine12), _defineProperty(_module$exports, 'color-line1-3', colorLine13), _defineProperty(_module$exports, 'color-line1-4', colorLine14), _defineProperty(_module$exports, 'color-fill1-1', colorFill11), _defineProperty(_module$exports, 'color-fill1-2', colorFill12), _defineProperty(_module$exports, 'color-fill1-3', colorFill13), _defineProperty(_module$exports, 'color-text1-1', colorText11), _defineProperty(_module$exports, 'color-text1-2', colorText12), _defineProperty(_module$exports, 'color-text1-3', colorText13), _defineProperty(_module$exports, 'color-text1-4', colorText14), _defineProperty(_module$exports, 'color-text1-5', colorText15), _defineProperty(_module$exports, 'color-white', colorWhite), _defineProperty(_module$exports, 'color-black', colorBlack), _defineProperty(_module$exports, 'color-warning-1', colorWarning1), _defineProperty(_module$exports, 'color-warning-2', colorWarning2), _defineProperty(_module$exports, 'color-warning-3', colorWarning3), _defineProperty(_module$exports, 'color-error-1', colorError1), _defineProperty(_module$exports, 'color-error-2', colorError2), _defineProperty(_module$exports, 'color-error-3', colorError3), _defineProperty(_module$exports, 'color-success-1', colorSuccess1), _defineProperty(_module$exports, 'color-success-2', colorSuccess2), _defineProperty(_module$exports, 'color-success-3', colorSuccess3), _defineProperty(_module$exports, 'color-notice-1', colorNotice1), _defineProperty(_module$exports, 'color-notice-2', colorNotice2), _defineProperty(_module$exports, 'color-notice-3', colorNotice3), _defineProperty(_module$exports, 'color-help-1', colorHelp1), _defineProperty(_module$exports, 'color-help-2', colorHelp2), _defineProperty(_module$exports, 'color-help-3', colorHelp3), _defineProperty(_module$exports, 'color-link-1', colorLink1), _defineProperty(_module$exports, 'color-link-2', colorLink2), _defineProperty(_module$exports, 'color-link-3', colorLink3), _defineProperty(_module$exports, 'color-other-1', colorOther1), _module$exports); |
@@ -5,219 +5,27 @@ 'use strict'; | ||
var _nukeVarLoader = require('nuke-var-loader'); | ||
var _varLoader = require('../util/var-loader'); | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
//// | ||
/// @group Variables 变量 | ||
/// @module corner: 边角 | ||
/// @category style | ||
//// | ||
/** | ||
* Corner 圆角尺寸 | ||
*/ | ||
/** | ||
* @param {number} [corner-0] [直角] | ||
*/ | ||
var corner0 = (0, _varLoader.varLoader)('corner-0', 0); | ||
/** | ||
* @param {number} [corner-1] [常规圆角] | ||
*/ | ||
var corner1 = (0, _varLoader.varLoader)('corner-1', 6); | ||
/** | ||
* @param {number} [corner-2] [超大圆角] | ||
*/ | ||
var corner2 = (0, _varLoader.varLoader)('corner-2', 40); | ||
/** | ||
* @param {string} [corner-circle] [圆形] | ||
*/ | ||
var cornerCircle = (0, _varLoader.varLoader)('corner-circle', '50%'); | ||
var cornerRadiusBase = (0, _nukeVarLoader.varLoader)('corner-radius-base', '8'); | ||
/// Radius 0 | ||
/// @export | ||
/// @type String | ||
var cornerRadiusR0 = (0, _nukeVarLoader.varLoader)('corner-radius-r0', '0'); | ||
/// Radius 1 | ||
/// @export | ||
/// @type String | ||
var cornerRadiusR1 = (0, _nukeVarLoader.varLoader)('corner-radius-r1', '8'); | ||
/// Radius 2 | ||
/// @export | ||
/// @type String | ||
var cornerRadiusR2 = (0, _nukeVarLoader.varLoader)('corner-radius-r2', '4'); | ||
/// Radius Half | ||
/// @export | ||
var cornerRadiusHalf = (0, _nukeVarLoader.varLoader)('corner-radius-half', '50%'); | ||
/// Radius Circle | ||
/// @export | ||
var cornerRadiusCircle = (0, _nukeVarLoader.varLoader)('corner-radius-circle', '100%'); | ||
var cornerSidesBase = (0, _nukeVarLoader.varLoader)('corner-sides-base', "base"); | ||
var cornerSidesTop = (0, _nukeVarLoader.varLoader)('corner-sides-top', "top"); | ||
var cornerSidesRight = (0, _nukeVarLoader.varLoader)('corner-sides-right', "right"); | ||
var cornerSidesBottom = (0, _nukeVarLoader.varLoader)('corner-sides-bottom', "bottom"); | ||
var cornerSidesLeft = (0, _nukeVarLoader.varLoader)('corner-sides-left', "left"); | ||
var cornerSidesTl = (0, _nukeVarLoader.varLoader)('corner-sides-tl', "topLeft"); | ||
var cornerSidesTr = (0, _nukeVarLoader.varLoader)('corner-sides-tr', "topRight"); | ||
var cornerSidesBl = (0, _nukeVarLoader.varLoader)('corner-sides-bl', "bottomLeft"); | ||
var cornerSidesBr = (0, _nukeVarLoader.varLoader)('corner-sides-br', "bottomRight"); | ||
/// Corner R0 | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR0 = (0, _nukeVarLoader.varLoader)('corner-r0', cornerMaker(cornerRadiusBase, cornerRadiusR0)); | ||
/// Corner R0 (top) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR0Top = (0, _nukeVarLoader.varLoader)('corner-r0-top', cornerMaker(cornerSidesTop, cornerRadiusR0)); | ||
/// Corner R0 (right) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR0Right = (0, _nukeVarLoader.varLoader)('corner-r0-right', cornerMaker(cornerSidesRight, cornerRadiusR0)); | ||
/// Corner R0 (bottom) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR0Bottom = (0, _nukeVarLoader.varLoader)('corner-r0-bottom', cornerMaker(cornerSidesBottom, cornerRadiusR0)); | ||
/// Corner R0 (left) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR0Left = (0, _nukeVarLoader.varLoader)('corner-r0-left', cornerMaker(cornerSidesLeft, cornerRadiusR0)); | ||
/// Corner R1 | ||
/// @unconfigurable | ||
/// @access private | ||
var cornerR1 = (0, _nukeVarLoader.varLoader)('corner-r1', cornerMaker()); | ||
/// Corner R1 (top) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR1Top = (0, _nukeVarLoader.varLoader)('corner-r1-top', cornerMaker(cornerSidesTop)); | ||
/// Corner R1 (right) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR1Right = (0, _nukeVarLoader.varLoader)('corner-r1-right', cornerMaker(cornerSidesRight)); | ||
/// Corner R1 (bottom) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR1Bottom = (0, _nukeVarLoader.varLoader)('corner-r1-bottom', cornerMaker(cornerSidesBottom)); | ||
/// Corner R1 (left) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR1Left = (0, _nukeVarLoader.varLoader)('corner-r1-left', cornerMaker(cornerSidesLeft)); | ||
/// Corner R2 | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR2 = (0, _nukeVarLoader.varLoader)('corner-r2', cornerMaker(cornerRadiusBase, cornerRadiusR2)); | ||
/// Corner R2 (top) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR2Top = (0, _nukeVarLoader.varLoader)('corner-r2-top', cornerMaker(cornerSidesTop, cornerRadiusR2)); | ||
/// Corner R2 (right) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR2Right = (0, _nukeVarLoader.varLoader)('corner-r2-right', cornerMaker(cornerSidesRight, cornerRadiusR2)); | ||
/// Corner R2 (bottom) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR2Bottom = (0, _nukeVarLoader.varLoader)('corner-r2-bottom', cornerMaker(cornerSidesBottom, cornerRadiusR2)); | ||
/// Corner R2 (left) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerR2Left = (0, _nukeVarLoader.varLoader)('corner-r2-left', cornerMaker(cornerSidesLeft, cornerRadiusR2)); | ||
/// Corner Half | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerRHalf = (0, _nukeVarLoader.varLoader)('corner-r-half', cornerMaker(cornerRadiusBase, cornerRadiusHalf)); | ||
/// Corner Half (top) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerRHalfTop = (0, _nukeVarLoader.varLoader)('corner-r-half-top', cornerMaker(cornerSidesTop, cornerRadiusHalf)); | ||
/// Corner Half (right) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerRHalfRight = (0, _nukeVarLoader.varLoader)('corner-r-half-right', cornerMaker(cornerSidesRight, cornerRadiusHalf)); | ||
/// Corner Half (bottom) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerRHalfBottom = (0, _nukeVarLoader.varLoader)('corner-r-half-bottom', cornerMaker(cornerSidesBottom, cornerRadiusHalf)); | ||
/// Corner Half (left) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerRHalfLeft = (0, _nukeVarLoader.varLoader)('corner-r-half-left', cornerMaker(cornerSidesLeft, cornerRadiusHalf)); | ||
/// Corner Circle | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerRCircle = (0, _nukeVarLoader.varLoader)('corner-r-circle', cornerMaker(cornerRadiusBase, cornerRadiusCircle)); | ||
/// Corner Circle (top) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerRCircleTop = (0, _nukeVarLoader.varLoader)('corner-r-circle-top', cornerMaker(cornerSidesTop, cornerRadiusCircle)); | ||
/// Corner Circle (right) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerRCircleRight = (0, _nukeVarLoader.varLoader)('corner-r-circle-right', cornerMaker(cornerSidesRight, cornerRadiusCircle)); | ||
/// Corner Circle (bottom) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerRCircleBottom = (0, _nukeVarLoader.varLoader)('corner-r-circle-bottom', cornerMaker(cornerSidesBottom, cornerRadiusCircle)); | ||
/// Corner Circle (left) | ||
/// @access private | ||
/// @unconfigurable | ||
var cornerRCircleLeft = (0, _nukeVarLoader.varLoader)('corner-r-circle-left', cornerMaker(cornerSidesLeft, cornerRadiusCircle)); | ||
/// 圆角生成器 | ||
/// | ||
/// @access private | ||
/// | ||
/// @param {String} $side [$corner-sides-base] - 需要加圆角的面 | ||
/// @param {String} $radius [$corner-radius-base] - 圆角曲率 | ||
/// | ||
/// @example.rxscss -.rxscss 用法 | ||
/// .element { | ||
/// border-radius: corner-maker(); | ||
/// } | ||
/// | ||
/// @example css - CSS 输出 | ||
/// .element { | ||
/// border-radius: 3px 3px 3px 3px; | ||
/// } | ||
/// | ||
/// @return {List} | ||
function cornerMaker() { | ||
var side = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : cornerSidesBase; | ||
var radius = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : cornerRadiusBase; | ||
var tl = radius; | ||
var tr = radius; | ||
var bl = radius; | ||
var br = radius; | ||
if (side == 'top') { | ||
br = 0; | ||
bl = 0; | ||
} else if (side == 'right') { | ||
tl = 0; | ||
bl = 0; | ||
} else if (side == 'down') { | ||
tr = 0; | ||
tl = 0; | ||
} else if (side == 'left') { | ||
tr = 0; | ||
br = 0; | ||
} | ||
return tl + ' ' + tr + ' ' + br + ' ' + bl; | ||
} | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 'corner-radius-base', cornerRadiusBase), _defineProperty(_module$exports, 'corner-radius-r0', cornerRadiusR0), _defineProperty(_module$exports, 'corner-radius-r1', cornerRadiusR1), _defineProperty(_module$exports, 'corner-radius-r2', cornerRadiusR2), _defineProperty(_module$exports, 'corner-radius-half', cornerRadiusHalf), _defineProperty(_module$exports, 'corner-radius-circle', cornerRadiusCircle), _defineProperty(_module$exports, 'corner-sides-base', cornerSidesBase), _defineProperty(_module$exports, 'corner-sides-top', cornerSidesTop), _defineProperty(_module$exports, 'corner-sides-right', cornerSidesRight), _defineProperty(_module$exports, 'corner-sides-bottom', cornerSidesBottom), _defineProperty(_module$exports, 'corner-sides-left', cornerSidesLeft), _defineProperty(_module$exports, 'corner-sides-tl', cornerSidesTl), _defineProperty(_module$exports, 'corner-sides-tr', cornerSidesTr), _defineProperty(_module$exports, 'corner-sides-bl', cornerSidesBl), _defineProperty(_module$exports, 'corner-sides-br', cornerSidesBr), _defineProperty(_module$exports, 'corner-r0', cornerR0), _defineProperty(_module$exports, 'corner-r0-top', cornerR0Top), _defineProperty(_module$exports, 'corner-r0-right', cornerR0Right), _defineProperty(_module$exports, 'corner-r0-bottom', cornerR0Bottom), _defineProperty(_module$exports, 'corner-r0-left', cornerR0Left), _defineProperty(_module$exports, 'corner-r1', cornerR1), _defineProperty(_module$exports, 'corner-r1-top', cornerR1Top), _defineProperty(_module$exports, 'corner-r1-right', cornerR1Right), _defineProperty(_module$exports, 'corner-r1-bottom', cornerR1Bottom), _defineProperty(_module$exports, 'corner-r1-left', cornerR1Left), _defineProperty(_module$exports, 'corner-r2', cornerR2), _defineProperty(_module$exports, 'corner-r2-top', cornerR2Top), _defineProperty(_module$exports, 'corner-r2-right', cornerR2Right), _defineProperty(_module$exports, 'corner-r2-bottom', cornerR2Bottom), _defineProperty(_module$exports, 'corner-r2-left', cornerR2Left), _defineProperty(_module$exports, 'corner-r-half', cornerRHalf), _defineProperty(_module$exports, 'corner-r-half-top', cornerRHalfTop), _defineProperty(_module$exports, 'corner-r-half-right', cornerRHalfRight), _defineProperty(_module$exports, 'corner-r-half-bottom', cornerRHalfBottom), _defineProperty(_module$exports, 'corner-r-half-left', cornerRHalfLeft), _defineProperty(_module$exports, 'corner-r-circle', cornerRCircle), _defineProperty(_module$exports, 'corner-r-circle-top', cornerRCircleTop), _defineProperty(_module$exports, 'corner-r-circle-right', cornerRCircleRight), _defineProperty(_module$exports, 'corner-r-circle-bottom', cornerRCircleBottom), _defineProperty(_module$exports, 'corner-r-circle-left', cornerRCircleLeft), _defineProperty(_module$exports, 'cornerMaker', cornerMaker), _module$exports); | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 'corner-0', corner0), _defineProperty(_module$exports, 'corner-1', corner1), _defineProperty(_module$exports, 'corner-2', corner2), _defineProperty(_module$exports, 'corner-circle', cornerCircle), _module$exports); |
@@ -5,320 +5,85 @@ 'use strict'; | ||
var _nukeVarLoader = require('nuke-var-loader'); | ||
var _varLoader = require('../util/var-loader'); | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
var _platform = require('../util/platform'); | ||
//// | ||
/// @group Variables 变量 | ||
/// @module font: 字体 | ||
/// @type String | ||
/// @category style | ||
/// @export | ||
//// | ||
var _platform2 = _interopRequireDefault(_platform); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
/// Light | ||
/// @export weightcore | ||
/// @unconfigurable | ||
var fontWeightCoreLight = (0, _nukeVarLoader.varLoader)('font-weight-core-light', 'lighter'); | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
/// Thin | ||
/// @export weightcore | ||
/// @unconfigurable | ||
var fontWeightCoreThin = (0, _nukeVarLoader.varLoader)('font-weight-core-thin', '200'); | ||
/** | ||
* Font size 字体尺寸 | ||
*/ | ||
/// Regular | ||
/// @export weightcore | ||
/// @unconfigurable | ||
var fontWeightCoreRegular = (0, _nukeVarLoader.varLoader)('font-weight-core-regular', 'normal'); | ||
/** | ||
* @param {number} [font-size-display-3] [运营标题-大] | ||
*/ | ||
var fontSizeDisplay3 = (0, _varLoader.varLoader)('font-size-display-3', 112); | ||
/// Medium | ||
/// @export weightcore | ||
/// @unconfigurable | ||
var fontWeightCoreMedium = (0, _nukeVarLoader.varLoader)('font-weight-core-medium', '500'); | ||
/** | ||
* @param {number} [font-size-display-2] [运营标题-中] | ||
*/ | ||
var fontSizeDisplay2 = (0, _varLoader.varLoader)('font-size-display-2', 96); | ||
/// Bold | ||
/// @export weightcore | ||
/// @unconfigurable | ||
var fontWeightCoreBold = (0, _nukeVarLoader.varLoader)('font-weight-core-bold', 'bold'); | ||
/** | ||
* @param {number} [font-size-display-1] [运营标题-小] | ||
*/ | ||
var fontSizeDisplay1 = (0, _varLoader.varLoader)('font-size-display-1', 72); | ||
/// Bolder | ||
/// @export weightcore | ||
/// @unconfigurable | ||
var fontWeightCoreBolder = (0, _nukeVarLoader.varLoader)('font-weight-core-bolder', 'bolder'); | ||
/** | ||
* @param {number} [font-size-headline] [大字标题] | ||
*/ | ||
var fontSizeHeadline = (0, _varLoader.varLoader)('font-size-headline', _platform2.default.iOS ? 40 : 48); | ||
var fontFamilyBase = (0, _nukeVarLoader.varLoader)('font-family-base', 'roboto, "helvetica neue", helvetica, tahoma, arial, "microsoft yahei", "pingfang sc"'); | ||
var fontFamilyEn = (0, _nukeVarLoader.varLoader)('font-family-en', 'roboto, "helvetica neue", helvetica, tahoma, arial'); | ||
var fontFamilyZh = (0, _nukeVarLoader.varLoader)('font-family-zh', '"microsoft yahei", simsun, arial'); | ||
/** | ||
* @param {number} [font-size-title] [标题] | ||
*/ | ||
var fontSizeTitle = (0, _varLoader.varLoader)('font-size-title', _platform2.default.iOS ? 34 : 40); | ||
var fontCustomPath = (0, _nukeVarLoader.varLoader)('font-custom-path', "//i.alicdn.com/artascopeFont/20160419204543/font/"); | ||
var fontCustomName = (0, _nukeVarLoader.varLoader)('font-custom-name', 'roboto'); | ||
var fontNameThin = (0, _nukeVarLoader.varLoader)('font-name-thin', 'robotoThin'); | ||
var fontNameLight = (0, _nukeVarLoader.varLoader)('font-name-light', 'robotoLight'); | ||
var fontNameRegular = (0, _nukeVarLoader.varLoader)('font-name-regular', 'robotoRegular'); | ||
var fontNameMedium = (0, _nukeVarLoader.varLoader)('font-name-medium', 'robotoMedium'); | ||
var fontNameBold = (0, _nukeVarLoader.varLoader)('font-name-bold', 'robotoBold'); | ||
var fontNameBolder = (0, _nukeVarLoader.varLoader)('font-name-bolder', 'robotoBolder'); | ||
var fontLineheightBase = (0, _nukeVarLoader.varLoader)('font-lineheight-base', '1.2'); | ||
/** | ||
* @param {number} [font-size-subhead] [副标题] | ||
*/ | ||
var fontSizeSubhead = (0, _varLoader.varLoader)('font-size-subhead', 32); | ||
/// Display3 Size | ||
/// @export size | ||
var fontSizeBaseDisplay3 = (0, _nukeVarLoader.varLoader)('font-size-base-display3', '112'); | ||
/// Display2 Size | ||
/// @export size | ||
var fontSizeBaseDisplay2 = (0, _nukeVarLoader.varLoader)('font-size-base-display2', '96'); | ||
/// Display1 Size | ||
/// @export size | ||
var fontSizeBaseDisplay1 = (0, _nukeVarLoader.varLoader)('font-size-base-display1', '72'); | ||
/// Headline Size | ||
/// @export size | ||
var fontSizeBaseHeadline = (0, _nukeVarLoader.varLoader)('font-size-base-headline', '36'); | ||
var fontSizeBaseTitle = (0, _nukeVarLoader.varLoader)('font-size-base-title', '36'); | ||
/// Subhead Size | ||
/// @export size | ||
var fontSizeBaseSubhead = (0, _nukeVarLoader.varLoader)('font-size-base-subhead', '32'); | ||
/// Body2 Size | ||
/// @export size | ||
var fontSizeBaseBody2 = (0, _nukeVarLoader.varLoader)('font-size-base-body2', '28'); | ||
/// Body1 Size | ||
/// @export size | ||
var fontSizeBaseBody1 = (0, _nukeVarLoader.varLoader)('font-size-base-body1', '28'); | ||
/// Caption Size | ||
/// @export size | ||
var fontSizeBaseCaption = (0, _nukeVarLoader.varLoader)('font-size-base-caption', '24'); | ||
/// Footnote Size | ||
/// @export size | ||
var fontSizeBaseFootnote = (0, _nukeVarLoader.varLoader)('font-size-base-footnote', '20'); | ||
/** | ||
* @param {number} [font-size-body-3] [正文加粗] | ||
*/ | ||
var fontSizeBody3 = (0, _varLoader.varLoader)('font-size-body-3', _platform2.default.iOS ? 30 : 28); | ||
/// Display3 Weight | ||
/// @export weight | ||
var fontWeightBaseDisplay3 = (0, _nukeVarLoader.varLoader)('font-weight-base-display3', fontWeightCoreRegular); | ||
/// Display2 Weight | ||
/// @export weight | ||
var fontWeightBaseDisplay2 = (0, _nukeVarLoader.varLoader)('font-weight-base-display2', fontWeightCoreRegular); | ||
/// Display1 Weight | ||
/// @export weight | ||
var fontWeightBaseDisplay1 = (0, _nukeVarLoader.varLoader)('font-weight-base-display1', fontWeightCoreRegular); | ||
/// Headline Weight | ||
/// @export weight | ||
var fontWeightBaseHeadline = (0, _nukeVarLoader.varLoader)('font-weight-base-headline', fontWeightCoreMedium); | ||
var fontWeightBaseTitle = (0, _nukeVarLoader.varLoader)('font-weight-base-title', fontWeightCoreMedium); | ||
/// Subhead Weight | ||
/// @export weight | ||
var fontWeightBaseSubhead = (0, _nukeVarLoader.varLoader)('font-weight-base-subhead', fontWeightCoreRegular); | ||
/// Body2 Weight | ||
/// @export weight | ||
var fontWeightBaseBody2 = (0, _nukeVarLoader.varLoader)('font-weight-base-body2', fontWeightCoreMedium); | ||
/// Body1 Weight | ||
/// @export weight | ||
var fontWeightBaseBody1 = (0, _nukeVarLoader.varLoader)('font-weight-base-body1', fontWeightCoreRegular); | ||
/// Caption Weight | ||
/// @export weight | ||
var fontWeightBaseCaption = (0, _nukeVarLoader.varLoader)('font-weight-base-caption', fontWeightCoreRegular); | ||
/// Footnote Weight | ||
/// @export weight | ||
var fontWeightBaseFootnote = (0, _nukeVarLoader.varLoader)('font-weight-base-footnote', fontWeightCoreRegular); | ||
/** | ||
* @param {number} [font-size-body-2] [正文加粗] todo | ||
*/ | ||
var fontSizeBody2 = (0, _varLoader.varLoader)('font-size-body-2', _platform2.default.iOS ? 26 : 28); | ||
/// Display3 Line Height | ||
/// @export lineheight | ||
var fontLineheightBaseDisplay3 = (0, _nukeVarLoader.varLoader)('font-lineheight-base-display3', '124'); | ||
/// Display2 Line Height | ||
/// @export lineheight | ||
var fontLineheightBaseDisplay2 = (0, _nukeVarLoader.varLoader)('font-lineheight-base-display2', '102'); | ||
/// Display1 Line Height | ||
/// @export lineheight | ||
var fontLineheightBaseDisplay1 = (0, _nukeVarLoader.varLoader)('font-lineheight-base-display1', '78'); | ||
/// Headline Line Height | ||
/// @export lineheight | ||
var fontLineheightBaseHeadline = (0, _nukeVarLoader.varLoader)('font-lineheight-base-headline', '42'); | ||
var fontLineheightBaseTitle = (0, _nukeVarLoader.varLoader)('font-lineheight-base-title', '42'); | ||
/// Subhead Line Height | ||
/// @export lineheight | ||
var fontLineheightBaseSubhead = (0, _nukeVarLoader.varLoader)('font-lineheight-base-subhead', '38'); | ||
/// Body2 Line Height | ||
/// @export lineheight | ||
var fontLineheightBaseBody2 = (0, _nukeVarLoader.varLoader)('font-lineheight-base-body2', '34'); | ||
/// Body1 Line Height | ||
/// @export lineheight | ||
var fontLineheightBaseBody1 = (0, _nukeVarLoader.varLoader)('font-lineheight-base-body1', '34'); | ||
/// Caption Line Height | ||
/// @export lineheight | ||
var fontLineheightBaseCaption = (0, _nukeVarLoader.varLoader)('font-lineheight-base-caption', '30'); | ||
/// Footnote Line Height | ||
/// @export lineheight | ||
var fontLineheightBaseFootnote = (0, _nukeVarLoader.varLoader)('font-lineheight-base-footnote', '26'); | ||
/** | ||
* @param {number} [font-size-body-1] [正文常规] | ||
*/ | ||
var fontSizeBody1 = (0, _varLoader.varLoader)('font-size-body-1', _platform2.default.iOS ? 24 : 28); | ||
/** | ||
* @param {number} [font-size-caption] [水印文本] | ||
*/ | ||
var fontSizeCaption = (0, _varLoader.varLoader)('font-size-caption', _platform2.default.iOS ? 22 : 24); | ||
/// Display3 Size | ||
/// @export size | ||
var fontSizeEnDisplay3 = (0, _nukeVarLoader.varLoader)('font-size-en-display3', '112'); | ||
/// Display2 Size | ||
/// @export size | ||
var fontSizeEnDisplay2 = (0, _nukeVarLoader.varLoader)('font-size-en-display2', '96'); | ||
/// Display1 size | ||
/// @export size | ||
var fontSizeEnDisplay1 = (0, _nukeVarLoader.varLoader)('font-size-en-display1', '72'); | ||
/// Headline size | ||
/// @export size | ||
var fontSizeEnHeadline = (0, _nukeVarLoader.varLoader)('font-size-en-headline', '36'); | ||
var fontSizeEnTitle = (0, _nukeVarLoader.varLoader)('font-size-en-title', '36'); | ||
/// Subhead size | ||
/// @export size | ||
var fontSizeEnSubhead = (0, _nukeVarLoader.varLoader)('font-size-en-subhead', '32'); | ||
/// Body2 size | ||
/// @export size | ||
var fontSizeEnBody2 = (0, _nukeVarLoader.varLoader)('font-size-en-body2', '28'); | ||
/// Body1 size | ||
/// @export size | ||
var fontSizeEnBody1 = (0, _nukeVarLoader.varLoader)('font-size-en-body1', '28'); | ||
/// Caption size | ||
/// @export size | ||
var fontSizeEnCaption = (0, _nukeVarLoader.varLoader)('font-size-en-caption', '24'); | ||
/// Footnote size | ||
/// @export size | ||
var fontSizeEnFootnote = (0, _nukeVarLoader.varLoader)('font-size-en-footnote', '20'); | ||
/** | ||
* @param {number} [font-size-footnote] [水印文本] | ||
*/ | ||
var fontSizeFootnote = (0, _varLoader.varLoader)('font-size-footnote', _platform2.default.iOS ? 20 : 24); | ||
/// Display3 Weight | ||
/// @export weight | ||
var fontWeightEnDisplay3 = (0, _nukeVarLoader.varLoader)('font-weight-en-display3', fontWeightCoreRegular); | ||
/// Display2 Weight | ||
/// @export weight | ||
var fontWeightEnDisplay2 = (0, _nukeVarLoader.varLoader)('font-weight-en-display2', fontWeightCoreRegular); | ||
/// Display1 Weight | ||
/// @export weight | ||
var fontWeightEnDisplay1 = (0, _nukeVarLoader.varLoader)('font-weight-en-display1', fontWeightCoreRegular); | ||
/// Headline Weight | ||
/// @export weight | ||
var fontWeightEnHeadline = (0, _nukeVarLoader.varLoader)('font-weight-en-headline', fontWeightCoreMedium); | ||
var fontWeightEnTitle = (0, _nukeVarLoader.varLoader)('font-weight-en-title', fontWeightCoreMedium); | ||
/// Subhead Weight | ||
/// @export weight | ||
var fontWeightEnSubhead = (0, _nukeVarLoader.varLoader)('font-weight-en-subhead', fontWeightCoreRegular); | ||
/// Body2 Weight | ||
/// @export weight | ||
var fontWeightEnBody2 = (0, _nukeVarLoader.varLoader)('font-weight-en-body2', fontWeightCoreMedium); | ||
/// Body1 Weight | ||
/// @export weight | ||
var fontWeightEnBody1 = (0, _nukeVarLoader.varLoader)('font-weight-en-body1', fontWeightCoreRegular); | ||
/// Caption Weight | ||
/// @export weight | ||
var fontWeightEnCaption = (0, _nukeVarLoader.varLoader)('font-weight-en-caption', fontWeightCoreRegular); | ||
/// Footnote Weight | ||
/// @export weight | ||
var fontWeightEnFootnote = (0, _nukeVarLoader.varLoader)('font-weight-en-footnote', fontWeightCoreRegular); | ||
/** | ||
* @param {number} [font-weight-1] [细体] | ||
*/ | ||
var fontWeight1 = (0, _varLoader.varLoader)('font-weight-1', _platform2.default.iOS ? 400 : 300); | ||
/// Display3 Line Height | ||
/// @export lineheight | ||
var fontLineheightEnDisplay3 = (0, _nukeVarLoader.varLoader)('font-lineheight-en-display3', '120'); | ||
/// Display2 Line Height | ||
/// @export lineheight | ||
var fontLineheightEnDisplay2 = (0, _nukeVarLoader.varLoader)('font-lineheight-en-display2', '102'); | ||
/// Display1 Line Height | ||
/// @export lineheight | ||
var fontLineheightEnDisplay1 = (0, _nukeVarLoader.varLoader)('font-lineheight-en-display1', '78'); | ||
/// Headline Line Height | ||
/// @export lineheight | ||
var fontLineheightEnHeadline = (0, _nukeVarLoader.varLoader)('font-lineheight-en-headline', '42'); | ||
var fontLineheightEnTitle = (0, _nukeVarLoader.varLoader)('font-lineheight-en-title', '42'); | ||
/// Subhead Line Height | ||
/// @export lineheight | ||
var fontLineheightEnSubhead = (0, _nukeVarLoader.varLoader)('font-lineheight-en-subhead', '39'); | ||
/// Body2 Line Height | ||
/// @export lineheight | ||
var fontLineheightEnBody2 = (0, _nukeVarLoader.varLoader)('font-lineheight-en-body2', '34'); | ||
/// Body1 Line Height | ||
/// @export lineheight | ||
var fontLineheightEnBody1 = (0, _nukeVarLoader.varLoader)('font-lineheight-en-body1', '34'); | ||
/// Caption Line Height | ||
/// @export lineheight | ||
var fontLineheightEnCaption = (0, _nukeVarLoader.varLoader)('font-lineheight-en-caption', '30'); | ||
/// Footnote Line Height | ||
/// @export lineheight | ||
var fontLineheightEnFootnote = (0, _nukeVarLoader.varLoader)('font-lineheight-en-footnote', '20'); | ||
/** | ||
* @param {number} [font-weight-2] [常规] // todo weex 下,normal 等同于 400, bold 等同于 700; | ||
*/ | ||
var fontWeight2 = (0, _varLoader.varLoader)('font-weight-2', 400); | ||
/// Display3 Size | ||
/// @export size | ||
var fontSizeZhDisplay3 = (0, _nukeVarLoader.varLoader)('font-size-zh-display3', '112'); | ||
/// Display2 Size | ||
/// @export size | ||
var fontSizeZhDisplay2 = (0, _nukeVarLoader.varLoader)('font-size-zh-display2', '96'); | ||
/// Display1 size | ||
/// @export size | ||
var fontSizeZhDisplay1 = (0, _nukeVarLoader.varLoader)('font-size-zh-display1', '72'); | ||
/// Headline size | ||
/// @export size | ||
var fontSizeZhHeadline = (0, _nukeVarLoader.varLoader)('font-size-zh-headline', '36'); | ||
var fontSizeZhTitle = (0, _nukeVarLoader.varLoader)('font-size-zh-title', '36'); | ||
/// Subhead size | ||
/// @export size | ||
var fontSizeZhSubhead = (0, _nukeVarLoader.varLoader)('font-size-zh-subhead', '32'); | ||
/// Body2 size | ||
/// @export size | ||
var fontSizeZhBody2 = (0, _nukeVarLoader.varLoader)('font-size-zh-body2', '28'); | ||
/// Body1 size | ||
/// @export size | ||
var fontSizeZhBody1 = (0, _nukeVarLoader.varLoader)('font-size-zh-body1', '28'); | ||
/// Caption size | ||
/// @export size | ||
var fontSizeZhCaption = (0, _nukeVarLoader.varLoader)('font-size-zh-caption', '24'); | ||
/// Footnote size | ||
/// @export size | ||
var fontSizeZhFootnote = (0, _nukeVarLoader.varLoader)('font-size-zh-footnote', '20'); | ||
/** | ||
* @param {number} [font-weight-3] [粗体] | ||
*/ | ||
var fontWeight3 = (0, _varLoader.varLoader)('font-weight-3', 700); | ||
/// Display3 Weight | ||
/// @export weight | ||
var fontWeightZhDisplay3 = (0, _nukeVarLoader.varLoader)('font-weight-zh-display3', fontWeightCoreRegular); | ||
/// Display2 Weight | ||
/// @export weight | ||
var fontWeightZhDisplay2 = (0, _nukeVarLoader.varLoader)('font-weight-zh-display2', fontWeightCoreRegular); | ||
/// Display1 Weight | ||
/// @export weight | ||
var fontWeightZhDisplay1 = (0, _nukeVarLoader.varLoader)('font-weight-zh-display1', fontWeightCoreRegular); | ||
/// Headline Weight | ||
/// @export weight | ||
var fontWeightZhHeadline = (0, _nukeVarLoader.varLoader)('font-weight-zh-headline', fontWeightCoreMedium); | ||
var fontWeightZhTitle = (0, _nukeVarLoader.varLoader)('font-weight-zh-title', fontWeightCoreMedium); | ||
/// Subhead Weight | ||
/// @export weight | ||
var fontWeightZhSubhead = (0, _nukeVarLoader.varLoader)('font-weight-zh-subhead', fontWeightCoreRegular); | ||
/// Body2 Weight | ||
/// @export weight | ||
var fontWeightZhBody2 = (0, _nukeVarLoader.varLoader)('font-weight-zh-body2', fontWeightCoreMedium); | ||
/// Body1 Weight | ||
/// @export weight | ||
var fontWeightZhBody1 = (0, _nukeVarLoader.varLoader)('font-weight-zh-body1', fontWeightCoreRegular); | ||
/// Caption Weight | ||
/// @export weight | ||
var fontWeightZhCaption = (0, _nukeVarLoader.varLoader)('font-weight-zh-caption', fontWeightCoreRegular); | ||
/// Footnote Weight | ||
/// @export weight | ||
var fontWeightZhFootnote = (0, _nukeVarLoader.varLoader)('font-weight-zh-footnote', fontWeightCoreRegular); | ||
/// Display3 Line Height | ||
/// @export lineheight | ||
var fontLineheightZhDisplay3 = (0, _nukeVarLoader.varLoader)('font-lineheight-zh-display3', '124'); | ||
/// Display2 Line Height | ||
/// @export lineheight | ||
var fontLineheightZhDisplay2 = (0, _nukeVarLoader.varLoader)('font-lineheight-zh-display2', '102'); | ||
/// Display1 Line Height | ||
/// @export lineheight | ||
var fontLineheightZhDisplay1 = (0, _nukeVarLoader.varLoader)('font-lineheight-zh-display1', '78'); | ||
/// Headline Line Height | ||
/// @export lineheight | ||
var fontLineheightZhHeadline = (0, _nukeVarLoader.varLoader)('font-lineheight-zh-headline', '42'); | ||
var fontLineheightZhTitle = (0, _nukeVarLoader.varLoader)('font-lineheight-zh-title', '42'); | ||
/// Subhead Line Height | ||
/// @export lineheight | ||
var fontLineheightZhSubhead = (0, _nukeVarLoader.varLoader)('font-lineheight-zh-subhead', '39'); | ||
/// Body2 Line Height | ||
/// @export lineheight | ||
var fontLineheightZhBody2 = (0, _nukeVarLoader.varLoader)('font-lineheight-zh-body2', '34'); | ||
/// Body1 Line Height | ||
/// @export lineheight | ||
var fontLineheightZhBody1 = (0, _nukeVarLoader.varLoader)('font-lineheight-zh-body1', '34'); | ||
/// Caption Line Height | ||
/// @export lineheight | ||
var fontLineheightZhCaption = (0, _nukeVarLoader.varLoader)('font-lineheight-zh-caption', '30'); | ||
/// Footnote Line Height | ||
/// @export lineheight | ||
var fontLineheightZhFootnote = (0, _nukeVarLoader.varLoader)('font-lineheight-zh-footnote', '26'); | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 'font-weight-core-light', fontWeightCoreLight), _defineProperty(_module$exports, 'font-weight-core-thin', fontWeightCoreThin), _defineProperty(_module$exports, 'font-weight-core-regular', fontWeightCoreRegular), _defineProperty(_module$exports, 'font-weight-core-medium', fontWeightCoreMedium), _defineProperty(_module$exports, 'font-weight-core-bold', fontWeightCoreBold), _defineProperty(_module$exports, 'font-weight-core-bolder', fontWeightCoreBolder), _defineProperty(_module$exports, 'font-family-base', fontFamilyBase), _defineProperty(_module$exports, 'font-family-en', fontFamilyEn), _defineProperty(_module$exports, 'font-family-zh', fontFamilyZh), _defineProperty(_module$exports, 'font-custom-path', fontCustomPath), _defineProperty(_module$exports, 'font-custom-name', fontCustomName), _defineProperty(_module$exports, 'font-name-thin', fontNameThin), _defineProperty(_module$exports, 'font-name-light', fontNameLight), _defineProperty(_module$exports, 'font-name-regular', fontNameRegular), _defineProperty(_module$exports, 'font-name-medium', fontNameMedium), _defineProperty(_module$exports, 'font-name-bold', fontNameBold), _defineProperty(_module$exports, 'font-name-bolder', fontNameBolder), _defineProperty(_module$exports, 'font-lineheight-base', fontLineheightBase), _defineProperty(_module$exports, 'font-size-base-display3', fontSizeBaseDisplay3), _defineProperty(_module$exports, 'font-size-base-display2', fontSizeBaseDisplay2), _defineProperty(_module$exports, 'font-size-base-display1', fontSizeBaseDisplay1), _defineProperty(_module$exports, 'font-size-base-headline', fontSizeBaseHeadline), _defineProperty(_module$exports, 'font-size-base-title', fontSizeBaseTitle), _defineProperty(_module$exports, 'font-size-base-subhead', fontSizeBaseSubhead), _defineProperty(_module$exports, 'font-size-base-body2', fontSizeBaseBody2), _defineProperty(_module$exports, 'font-size-base-body1', fontSizeBaseBody1), _defineProperty(_module$exports, 'font-size-base-caption', fontSizeBaseCaption), _defineProperty(_module$exports, 'font-size-base-footnote', fontSizeBaseFootnote), _defineProperty(_module$exports, 'font-weight-base-display3', fontWeightBaseDisplay3), _defineProperty(_module$exports, 'font-weight-base-display2', fontWeightBaseDisplay2), _defineProperty(_module$exports, 'font-weight-base-display1', fontWeightBaseDisplay1), _defineProperty(_module$exports, 'font-weight-base-headline', fontWeightBaseHeadline), _defineProperty(_module$exports, 'font-weight-base-title', fontWeightBaseTitle), _defineProperty(_module$exports, 'font-weight-base-subhead', fontWeightBaseSubhead), _defineProperty(_module$exports, 'font-weight-base-body2', fontWeightBaseBody2), _defineProperty(_module$exports, 'font-weight-base-body1', fontWeightBaseBody1), _defineProperty(_module$exports, 'font-weight-base-caption', fontWeightBaseCaption), _defineProperty(_module$exports, 'font-weight-base-footnote', fontWeightBaseFootnote), _defineProperty(_module$exports, 'font-lineheight-base-display3', fontLineheightBaseDisplay3), _defineProperty(_module$exports, 'font-lineheight-base-display2', fontLineheightBaseDisplay2), _defineProperty(_module$exports, 'font-lineheight-base-display1', fontLineheightBaseDisplay1), _defineProperty(_module$exports, 'font-lineheight-base-headline', fontLineheightBaseHeadline), _defineProperty(_module$exports, 'font-lineheight-base-title', fontLineheightBaseTitle), _defineProperty(_module$exports, 'font-lineheight-base-subhead', fontLineheightBaseSubhead), _defineProperty(_module$exports, 'font-lineheight-base-body2', fontLineheightBaseBody2), _defineProperty(_module$exports, 'font-lineheight-base-body1', fontLineheightBaseBody1), _defineProperty(_module$exports, 'font-lineheight-base-caption', fontLineheightBaseCaption), _defineProperty(_module$exports, 'font-lineheight-base-footnote', fontLineheightBaseFootnote), _defineProperty(_module$exports, 'font-size-en-display3', fontSizeEnDisplay3), _defineProperty(_module$exports, 'font-size-en-display2', fontSizeEnDisplay2), _defineProperty(_module$exports, 'font-size-en-display1', fontSizeEnDisplay1), _defineProperty(_module$exports, 'font-size-en-headline', fontSizeEnHeadline), _defineProperty(_module$exports, 'font-size-en-title', fontSizeEnTitle), _defineProperty(_module$exports, 'font-size-en-subhead', fontSizeEnSubhead), _defineProperty(_module$exports, 'font-size-en-body2', fontSizeEnBody2), _defineProperty(_module$exports, 'font-size-en-body1', fontSizeEnBody1), _defineProperty(_module$exports, 'font-size-en-caption', fontSizeEnCaption), _defineProperty(_module$exports, 'font-size-en-footnote', fontSizeEnFootnote), _defineProperty(_module$exports, 'font-weight-en-display3', fontWeightEnDisplay3), _defineProperty(_module$exports, 'font-weight-en-display2', fontWeightEnDisplay2), _defineProperty(_module$exports, 'font-weight-en-display1', fontWeightEnDisplay1), _defineProperty(_module$exports, 'font-weight-en-headline', fontWeightEnHeadline), _defineProperty(_module$exports, 'font-weight-en-title', fontWeightEnTitle), _defineProperty(_module$exports, 'font-weight-en-subhead', fontWeightEnSubhead), _defineProperty(_module$exports, 'font-weight-en-body2', fontWeightEnBody2), _defineProperty(_module$exports, 'font-weight-en-body1', fontWeightEnBody1), _defineProperty(_module$exports, 'font-weight-en-caption', fontWeightEnCaption), _defineProperty(_module$exports, 'font-weight-en-footnote', fontWeightEnFootnote), _defineProperty(_module$exports, 'font-lineheight-en-display3', fontLineheightEnDisplay3), _defineProperty(_module$exports, 'font-lineheight-en-display2', fontLineheightEnDisplay2), _defineProperty(_module$exports, 'font-lineheight-en-display1', fontLineheightEnDisplay1), _defineProperty(_module$exports, 'font-lineheight-en-headline', fontLineheightEnHeadline), _defineProperty(_module$exports, 'font-lineheight-en-title', fontLineheightEnTitle), _defineProperty(_module$exports, 'font-lineheight-en-subhead', fontLineheightEnSubhead), _defineProperty(_module$exports, 'font-lineheight-en-body2', fontLineheightEnBody2), _defineProperty(_module$exports, 'font-lineheight-en-body1', fontLineheightEnBody1), _defineProperty(_module$exports, 'font-lineheight-en-caption', fontLineheightEnCaption), _defineProperty(_module$exports, 'font-lineheight-en-footnote', fontLineheightEnFootnote), _defineProperty(_module$exports, 'font-size-zh-display3', fontSizeZhDisplay3), _defineProperty(_module$exports, 'font-size-zh-display2', fontSizeZhDisplay2), _defineProperty(_module$exports, 'font-size-zh-display1', fontSizeZhDisplay1), _defineProperty(_module$exports, 'font-size-zh-headline', fontSizeZhHeadline), _defineProperty(_module$exports, 'font-size-zh-title', fontSizeZhTitle), _defineProperty(_module$exports, 'font-size-zh-subhead', fontSizeZhSubhead), _defineProperty(_module$exports, 'font-size-zh-body2', fontSizeZhBody2), _defineProperty(_module$exports, 'font-size-zh-body1', fontSizeZhBody1), _defineProperty(_module$exports, 'font-size-zh-caption', fontSizeZhCaption), _defineProperty(_module$exports, 'font-size-zh-footnote', fontSizeZhFootnote), _defineProperty(_module$exports, 'font-weight-zh-display3', fontWeightZhDisplay3), _defineProperty(_module$exports, 'font-weight-zh-display2', fontWeightZhDisplay2), _defineProperty(_module$exports, 'font-weight-zh-display1', fontWeightZhDisplay1), _defineProperty(_module$exports, 'font-weight-zh-headline', fontWeightZhHeadline), _defineProperty(_module$exports, 'font-weight-zh-title', fontWeightZhTitle), _defineProperty(_module$exports, 'font-weight-zh-subhead', fontWeightZhSubhead), _defineProperty(_module$exports, 'font-weight-zh-body2', fontWeightZhBody2), _defineProperty(_module$exports, 'font-weight-zh-body1', fontWeightZhBody1), _defineProperty(_module$exports, 'font-weight-zh-caption', fontWeightZhCaption), _defineProperty(_module$exports, 'font-weight-zh-footnote', fontWeightZhFootnote), _defineProperty(_module$exports, 'font-lineheight-zh-display3', fontLineheightZhDisplay3), _defineProperty(_module$exports, 'font-lineheight-zh-display2', fontLineheightZhDisplay2), _defineProperty(_module$exports, 'font-lineheight-zh-display1', fontLineheightZhDisplay1), _defineProperty(_module$exports, 'font-lineheight-zh-headline', fontLineheightZhHeadline), _defineProperty(_module$exports, 'font-lineheight-zh-title', fontLineheightZhTitle), _defineProperty(_module$exports, 'font-lineheight-zh-subhead', fontLineheightZhSubhead), _defineProperty(_module$exports, 'font-lineheight-zh-body2', fontLineheightZhBody2), _defineProperty(_module$exports, 'font-lineheight-zh-body1', fontLineheightZhBody1), _defineProperty(_module$exports, 'font-lineheight-zh-caption', fontLineheightZhCaption), _defineProperty(_module$exports, 'font-lineheight-zh-footnote', fontLineheightZhFootnote), _module$exports); | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 'font-size-display-3', fontSizeDisplay3), _defineProperty(_module$exports, 'font-size-display-2', fontSizeDisplay2), _defineProperty(_module$exports, 'font-size-display-1', fontSizeDisplay1), _defineProperty(_module$exports, 'font-size-headline', fontSizeHeadline), _defineProperty(_module$exports, 'font-size-title', fontSizeTitle), _defineProperty(_module$exports, 'font-size-subhead', fontSizeSubhead), _defineProperty(_module$exports, 'font-size-body-3', fontSizeBody3), _defineProperty(_module$exports, 'font-size-body-2', fontSizeBody2), _defineProperty(_module$exports, 'font-size-body-1', fontSizeBody1), _defineProperty(_module$exports, 'font-size-caption', fontSizeCaption), _defineProperty(_module$exports, 'font-size-footnote', fontSizeFootnote), _defineProperty(_module$exports, 'font-weight-1', fontWeight1), _defineProperty(_module$exports, 'font-weight-2', fontWeight2), _defineProperty(_module$exports, 'font-weight-3', fontWeight3), _module$exports); |
@@ -5,3 +5,3 @@ 'use strict'; | ||
var _nukeVarLoader = require('nuke-var-loader'); | ||
var _varLoader = require('../util/var-loader'); | ||
@@ -17,272 +17,74 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
/// S0 | ||
/// @export length | ||
/// @unconfigurable | ||
/// @type {String} | ||
var s0 = (0, _nukeVarLoader.varLoader)('s0', 0); | ||
/** | ||
* @param {number} [s0] [s0] | ||
*/ | ||
var s0 = (0, _varLoader.varLoader)('s0', 0); | ||
/// S1 | ||
/// @export length | ||
/// @type {String} | ||
var s1 = (0, _nukeVarLoader.varLoader)('s1', 8); | ||
/** | ||
* @param {number} [s1] [s1] | ||
*/ | ||
var s1 = (0, _varLoader.varLoader)('s1', 8); | ||
/** | ||
* @param {number} [s2] [s2] | ||
*/ | ||
var s2 = (0, _varLoader.varLoader)('s2', s1 * 2); | ||
/** | ||
* @param {number} [s3] [s3] | ||
*/ | ||
var s3 = (0, _varLoader.varLoader)('s3', s1 * 3); | ||
/** | ||
* @param {number} [s4] [s4] | ||
*/ | ||
var s4 = (0, _varLoader.varLoader)('s4', s1 * 4); | ||
/** | ||
* @param {number} [s5] [s5] | ||
*/ | ||
var s5 = (0, _varLoader.varLoader)('s5', s1 * 5); | ||
/** | ||
* @param {number} [s6] [s6] | ||
*/ | ||
var s6 = (0, _varLoader.varLoader)('s6', s1 * 6); | ||
/** | ||
* @param {number} [s7] [s7] | ||
*/ | ||
var s7 = (0, _varLoader.varLoader)('s7', s1 * 7); | ||
/** | ||
* @param {number} [s8] [s8] | ||
*/ | ||
var s8 = (0, _varLoader.varLoader)('s8', s1 * 8); | ||
/// S2 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s2 = (0, _nukeVarLoader.varLoader)('s2', s1 * 2); | ||
/** | ||
* @param {number} [s9] [s9] | ||
*/ | ||
var s9 = (0, _varLoader.varLoader)('s9', s1 * 9); | ||
/// S3 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s3 = (0, _nukeVarLoader.varLoader)('s3', s1 * 3); | ||
/** | ||
* @param {number} [s10] [s10] | ||
*/ | ||
var s10 = (0, _varLoader.varLoader)('s10', s1 * 10); | ||
/** | ||
* @param {number} [s11] [s11] | ||
*/ | ||
var s11 = (0, _varLoader.varLoader)('s11', s1 * 11); | ||
/** | ||
* @param {number} [s12] [s12] | ||
*/ | ||
var s12 = (0, _varLoader.varLoader)('s12', s1 * 12); | ||
/** | ||
* @param {number} [s13] [s13] | ||
*/ | ||
var s13 = (0, _varLoader.varLoader)('s13', s1 * 13); | ||
/** | ||
* @param {number} [s14] [s14] | ||
*/ | ||
var s14 = (0, _varLoader.varLoader)('s14', s1 * 14); | ||
/** | ||
* @param {number} [s15] [s15] | ||
*/ | ||
var s15 = (0, _varLoader.varLoader)('s15', s1 * 15); | ||
/** | ||
* @param {number} [s16] [s16] | ||
*/ | ||
var s16 = (0, _varLoader.varLoader)('s16', s1 * 16); | ||
/// S4 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s4 = (0, _nukeVarLoader.varLoader)('s4', s1 * 4); | ||
/// S5 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s5 = (0, _nukeVarLoader.varLoader)('s5', s1 * 5); | ||
/// S6 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s6 = (0, _nukeVarLoader.varLoader)('s6', s1 * 6); | ||
/// S7 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s7 = (0, _nukeVarLoader.varLoader)('s7', s1 * 7); | ||
/// S8 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s8 = (0, _nukeVarLoader.varLoader)('s8', s1 * 8); | ||
/// S9 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s9 = (0, _nukeVarLoader.varLoader)('s9', s1 * 9); | ||
/// S10 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s10 = (0, _nukeVarLoader.varLoader)('s10', s1 * 10); | ||
/// S11 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s11 = (0, _nukeVarLoader.varLoader)('s11', s1 * 11); | ||
/// S12 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s12 = (0, _nukeVarLoader.varLoader)('s12', s1 * 12); | ||
/// S13 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s13 = (0, _nukeVarLoader.varLoader)('s13', s1 * 13); | ||
/// S14 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s14 = (0, _nukeVarLoader.varLoader)('s14', s1 * 14); | ||
/// S15 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s15 = (0, _nukeVarLoader.varLoader)('s15', s1 * 15); | ||
/// S16 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s16 = (0, _nukeVarLoader.varLoader)('s16', s1 * 16); | ||
/// S17 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s17 = (0, _nukeVarLoader.varLoader)('s17', s1 * 17); | ||
/// S18 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s18 = (0, _nukeVarLoader.varLoader)('s18', s1 * 18); | ||
/// S19 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s19 = (0, _nukeVarLoader.varLoader)('s19', s1 * 19); | ||
/// S20 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s20 = (0, _nukeVarLoader.varLoader)('s20', s1 * 20); | ||
/// S21 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s21 = (0, _nukeVarLoader.varLoader)('s21', s1 * 21); | ||
/// S22 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s22 = (0, _nukeVarLoader.varLoader)('s22', s1 * 22); | ||
/// S23 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s23 = (0, _nukeVarLoader.varLoader)('s23', s1 * 23); | ||
/// S24 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s24 = (0, _nukeVarLoader.varLoader)('s24', s1 * 24); | ||
/// S25 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s25 = (0, _nukeVarLoader.varLoader)('s25', s1 * 25); | ||
/// S26 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s26 = (0, _nukeVarLoader.varLoader)('s26', s1 * 26); | ||
/// S27 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s27 = (0, _nukeVarLoader.varLoader)('s27', s1 * 27); | ||
/// S28 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s28 = (0, _nukeVarLoader.varLoader)('s28', s1 * 28); | ||
/// S29 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s29 = (0, _nukeVarLoader.varLoader)('s29', s1 * 29); | ||
/// S30 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s30 = (0, _nukeVarLoader.varLoader)('s30', s1 * 30); | ||
/// S31 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s31 = (0, _nukeVarLoader.varLoader)('s31', s1 * 31); | ||
/// S32 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s32 = (0, _nukeVarLoader.varLoader)('s32', s1 * 32); | ||
/// S33 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s33 = (0, _nukeVarLoader.varLoader)('s33', s1 * 33); | ||
/// S34 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s34 = (0, _nukeVarLoader.varLoader)('s34', s1 * 34); | ||
/// S35 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s35 = (0, _nukeVarLoader.varLoader)('s35', s1 * 35); | ||
/// S36 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s36 = (0, _nukeVarLoader.varLoader)('s36', s1 * 36); | ||
/// S37 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s37 = (0, _nukeVarLoader.varLoader)('s37', s1 * 37); | ||
/// S38 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s38 = (0, _nukeVarLoader.varLoader)('s38', s1 * 38); | ||
/// S39 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s39 = (0, _nukeVarLoader.varLoader)('s39', s1 * 39); | ||
/// S40 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s40 = (0, _nukeVarLoader.varLoader)('s40', s1 * 40); | ||
/// S41 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s41 = (0, _nukeVarLoader.varLoader)('s41', s1 * 41); | ||
/// S42 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
var s42 = (0, _nukeVarLoader.varLoader)('s42', s1 * 42); | ||
var typoMarginBottom = (0, _nukeVarLoader.varLoader)('typo-margin-bottom', '0.5'); | ||
var zBadge = (0, _nukeVarLoader.varLoader)('z-badge', '89'); | ||
var zMenu = (0, _nukeVarLoader.varLoader)('z-menu', '99'); | ||
var zSelect = (0, _nukeVarLoader.varLoader)('z-select', '109'); | ||
var zBalloon = (0, _nukeVarLoader.varLoader)('z-balloon', '199'); | ||
var zMask = (0, _nukeVarLoader.varLoader)('z-mask', '299'); | ||
var zSlip = (0, _nukeVarLoader.varLoader)('z-slip', '399'); | ||
var zDialog = (0, _nukeVarLoader.varLoader)('z-dialog', '499'); | ||
var zFeedback = (0, _nukeVarLoader.varLoader)('z-feedback', '599'); | ||
var prefixForWebkit = (0, _nukeVarLoader.varLoader)('prefix-for-webkit', 'true'); | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 's0', s0), _defineProperty(_module$exports, 's1', s1), _defineProperty(_module$exports, 's2', s2), _defineProperty(_module$exports, 's3', s3), _defineProperty(_module$exports, 's4', s4), _defineProperty(_module$exports, 's5', s5), _defineProperty(_module$exports, 's6', s6), _defineProperty(_module$exports, 's7', s7), _defineProperty(_module$exports, 's8', s8), _defineProperty(_module$exports, 's9', s9), _defineProperty(_module$exports, 's10', s10), _defineProperty(_module$exports, 's11', s11), _defineProperty(_module$exports, 's12', s12), _defineProperty(_module$exports, 's13', s13), _defineProperty(_module$exports, 's14', s14), _defineProperty(_module$exports, 's15', s15), _defineProperty(_module$exports, 's16', s16), _defineProperty(_module$exports, 's17', s17), _defineProperty(_module$exports, 's18', s18), _defineProperty(_module$exports, 's19', s19), _defineProperty(_module$exports, 's20', s20), _defineProperty(_module$exports, 's21', s21), _defineProperty(_module$exports, 's22', s22), _defineProperty(_module$exports, 's23', s23), _defineProperty(_module$exports, 's24', s24), _defineProperty(_module$exports, 's25', s25), _defineProperty(_module$exports, 's26', s26), _defineProperty(_module$exports, 's27', s27), _defineProperty(_module$exports, 's28', s28), _defineProperty(_module$exports, 's29', s29), _defineProperty(_module$exports, 's30', s30), _defineProperty(_module$exports, 's31', s31), _defineProperty(_module$exports, 's32', s32), _defineProperty(_module$exports, 's33', s33), _defineProperty(_module$exports, 's34', s34), _defineProperty(_module$exports, 's35', s35), _defineProperty(_module$exports, 's36', s36), _defineProperty(_module$exports, 's37', s37), _defineProperty(_module$exports, 's38', s38), _defineProperty(_module$exports, 's39', s39), _defineProperty(_module$exports, 's40', s40), _defineProperty(_module$exports, 's41', s41), _defineProperty(_module$exports, 's42', s42), _defineProperty(_module$exports, 'typo-margin-bottom', typoMarginBottom), _defineProperty(_module$exports, 'z-badge', zBadge), _defineProperty(_module$exports, 'z-menu', zMenu), _defineProperty(_module$exports, 'z-select', zSelect), _defineProperty(_module$exports, 'z-balloon', zBalloon), _defineProperty(_module$exports, 'z-mask', zMask), _defineProperty(_module$exports, 'z-slip', zSlip), _defineProperty(_module$exports, 'z-dialog', zDialog), _defineProperty(_module$exports, 'z-feedback', zFeedback), _defineProperty(_module$exports, 'prefix-for-webkit', prefixForWebkit), _module$exports); | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 's0', s0), _defineProperty(_module$exports, 's1', s1), _defineProperty(_module$exports, 's2', s2), _defineProperty(_module$exports, 's3', s3), _defineProperty(_module$exports, 's4', s4), _defineProperty(_module$exports, 's5', s5), _defineProperty(_module$exports, 's6', s6), _defineProperty(_module$exports, 's7', s7), _defineProperty(_module$exports, 's8', s8), _defineProperty(_module$exports, 's9', s9), _defineProperty(_module$exports, 's10', s10), _defineProperty(_module$exports, 's11', s11), _defineProperty(_module$exports, 's12', s12), _defineProperty(_module$exports, 's13', s13), _defineProperty(_module$exports, 's14', s14), _defineProperty(_module$exports, 's15', s15), _defineProperty(_module$exports, 's16', s16), _module$exports); |
@@ -5,3 +5,3 @@ 'use strict'; | ||
var _nukeVarLoader = require('nuke-var-loader'); | ||
var _varLoader = require('../util/var-loader'); | ||
@@ -12,150 +12,39 @@ var _global = require('./_global'); | ||
//// | ||
/// @group Variables 变量 | ||
/// @module icon: 图标 | ||
/// @type String | ||
/// @category style | ||
//// | ||
/** | ||
* Icon 图标尺寸 | ||
*/ | ||
/** | ||
* @param {number} [icon-xxs] [icon-xxs] | ||
*/ | ||
var iconXxs = (0, _varLoader.varLoader)('icon-xxs', _global.s2); | ||
/** | ||
* @param {number} [icon-xs] [icon-xs] | ||
*/ | ||
var iconXs = (0, _varLoader.varLoader)('line-xs', _global.s3); | ||
/** | ||
* @param {number} [icon-s] [icon-s] | ||
*/ | ||
var iconS = (0, _varLoader.varLoader)('icon-s', _global.s4); | ||
/** | ||
* @param {number} [icon-m] [icon-m] | ||
*/ | ||
var iconM = (0, _varLoader.varLoader)('icon-m', _global.s5); | ||
/** | ||
* @param {number} [icon-l] [icon-l] | ||
*/ | ||
var iconL = (0, _varLoader.varLoader)('icon-l', _global.s6); | ||
/** | ||
* @param {number} [icon-xl] [icon-xl] | ||
*/ | ||
var iconXl = (0, _varLoader.varLoader)('icon-xl', _global.s8); | ||
/** | ||
* @param {number} [icon-xxl] [icon-xxl] | ||
*/ | ||
var iconXxl = (0, _varLoader.varLoader)('icon-xxl', _global.s12); | ||
/** | ||
* @param {number} [icon-xxxl] [icon-xxxl] | ||
*/ | ||
var iconXxxl = (0, _varLoader.varLoader)('icon-xxxl', _global.s16); | ||
/// icon font path 字体路径 | ||
var iconFontPath = (0, _nukeVarLoader.varLoader)('icon-font-path', "//at.alicdn.com/t/font_1465717286_116059"); | ||
/// icon font name 自定义的icon font 名称 | ||
var iconFontName = (0, _nukeVarLoader.varLoader)('icon-font-name', "icon"); | ||
var iconFontFamily = (0, _nukeVarLoader.varLoader)('icon-font-family', 'mexticon'); | ||
/// Icon XXS | ||
/// @export | ||
var iconXxs = (0, _nukeVarLoader.varLoader)('icon-xxs', _global.s2); | ||
/// Icon XS | ||
/// @export | ||
var iconXs = (0, _nukeVarLoader.varLoader)('icon-xs', _global.s3); | ||
/// Icon S | ||
/// @export | ||
var iconS = (0, _nukeVarLoader.varLoader)('icon-s', _global.s4); | ||
/// Icon M | ||
/// @export | ||
var iconM = (0, _nukeVarLoader.varLoader)('icon-m', _global.s5); | ||
/// Icon L | ||
/// @export | ||
var iconL = (0, _nukeVarLoader.varLoader)('icon-l', _global.s6); | ||
/// Icon XL | ||
/// @export | ||
var iconXl = (0, _nukeVarLoader.varLoader)('icon-xl', _global.s8); | ||
/// Icon XXL | ||
/// @export | ||
var iconXxl = (0, _nukeVarLoader.varLoader)('icon-xxl', _global.s12); | ||
/// Icon XXXL | ||
/// @export | ||
var iconXxxl = (0, _nukeVarLoader.varLoader)('icon-xxxl', _global.s16); | ||
var iconContentAll = (0, _nukeVarLoader.varLoader)('icon-content-all', "\e600"); | ||
var iconContentCart = (0, _nukeVarLoader.varLoader)('icon-content-cart', "\e602"); | ||
var iconContentComments = (0, _nukeVarLoader.varLoader)('icon-content-comments', "\e605"); | ||
var iconContentCry = (0, _nukeVarLoader.varLoader)('icon-content-cry', "\e606"); | ||
var iconContentEmail = (0, _nukeVarLoader.varLoader)('icon-content-email', "\e609"); | ||
var iconContentFavorite = (0, _nukeVarLoader.varLoader)('icon-content-favorite', "\e60a"); | ||
var iconContentFolder = (0, _nukeVarLoader.varLoader)('icon-content-folder', "\e60b"); | ||
var iconContentForm = (0, _nukeVarLoader.varLoader)('icon-content-form', "\e60c"); | ||
var iconContentHelp = (0, _nukeVarLoader.varLoader)('icon-content-help', "\e60d"); | ||
var iconContentRefresh = (0, _nukeVarLoader.varLoader)('icon-content-refresh', "\e614"); | ||
var iconContentSet = (0, _nukeVarLoader.varLoader)('icon-content-set', "\e618"); | ||
var iconContentSurvey = (0, _nukeVarLoader.varLoader)('icon-content-survey', "\e61b"); | ||
var iconContentTraining = (0, _nukeVarLoader.varLoader)('icon-content-training', "\e61c"); | ||
var iconContentAccount = (0, _nukeVarLoader.varLoader)('icon-content-account', "\e621"); | ||
var iconContentAtm = (0, _nukeVarLoader.varLoader)('icon-content-atm', "\e623"); | ||
var iconContentClock = (0, _nukeVarLoader.varLoader)('icon-content-clock', "\e624"); | ||
var iconContentAttachment = (0, _nukeVarLoader.varLoader)('icon-content-attachment', "\e627"); | ||
var iconContent3column = (0, _nukeVarLoader.varLoader)('icon-content-3column', "\e628"); | ||
var iconContent4column = (0, _nukeVarLoader.varLoader)('icon-content-4column', "\e629"); | ||
var iconContentDiscount = (0, _nukeVarLoader.varLoader)('icon-content-discount', "\e62a"); | ||
var iconContentService = (0, _nukeVarLoader.varLoader)('icon-content-service', "\e62b"); | ||
var iconContentPrint = (0, _nukeVarLoader.varLoader)('icon-content-print', "\e62c"); | ||
var iconContentBox = (0, _nukeVarLoader.varLoader)('icon-content-box', "\e62d"); | ||
var iconContentProcess = (0, _nukeVarLoader.varLoader)('icon-content-process', "\e62e"); | ||
var iconContentBags = (0, _nukeVarLoader.varLoader)('icon-content-bags', "\e62f"); | ||
var iconContentElectronics = (0, _nukeVarLoader.varLoader)('icon-content-electronics', "\e633"); | ||
var iconContentGifts = (0, _nukeVarLoader.varLoader)('icon-content-gifts', "\e634"); | ||
var iconContentLights = (0, _nukeVarLoader.varLoader)('icon-content-lights', "\e636"); | ||
var iconContentAuto = (0, _nukeVarLoader.varLoader)('icon-content-auto', "\e639"); | ||
var iconContentBrowse = (0, _nukeVarLoader.varLoader)('icon-content-browse', "\e63c"); | ||
var iconContentAtmAway = (0, _nukeVarLoader.varLoader)('icon-content-atm-away', "\e63f"); | ||
var iconContentScanning = (0, _nukeVarLoader.varLoader)('icon-content-scanning', "\e641"); | ||
var iconContentCompare = (0, _nukeVarLoader.varLoader)('icon-content-compare', "\e642"); | ||
var iconContentFilter = (0, _nukeVarLoader.varLoader)('icon-content-filter', "\e643"); | ||
var iconContentPin = (0, _nukeVarLoader.varLoader)('icon-content-pin', "\e644"); | ||
var iconContentHistory = (0, _nukeVarLoader.varLoader)('icon-content-history', "\e645"); | ||
var iconContentSimilarProduct = (0, _nukeVarLoader.varLoader)('icon-content-similar-product', "\e648"); | ||
var iconContentLink = (0, _nukeVarLoader.varLoader)('icon-content-link', "\e649"); | ||
var iconContentCut = (0, _nukeVarLoader.varLoader)('icon-content-cut', "\e64a"); | ||
var iconContentTable = (0, _nukeVarLoader.varLoader)('icon-content-table', "\e64b"); | ||
var iconContentNavList = (0, _nukeVarLoader.varLoader)('icon-content-nav-list', "\e64c"); | ||
var iconContentImageText = (0, _nukeVarLoader.varLoader)('icon-content-image-text', "\e64d"); | ||
var iconContentText = (0, _nukeVarLoader.varLoader)('icon-content-text', "\e64e"); | ||
var iconContentMove = (0, _nukeVarLoader.varLoader)('icon-content-move', "\e64f"); | ||
var iconContentSubtract = (0, _nukeVarLoader.varLoader)('icon-content-subtract', "\e650"); | ||
var iconContentDollar = (0, _nukeVarLoader.varLoader)('icon-content-dollar', "\e651"); | ||
var iconContentOffice = (0, _nukeVarLoader.varLoader)('icon-content-office', "\e653"); | ||
var iconContentOperation = (0, _nukeVarLoader.varLoader)('icon-content-operation', "\e65a"); | ||
var iconContentDownload = (0, _nukeVarLoader.varLoader)('icon-content-download', "\e65c"); | ||
var iconContentMap = (0, _nukeVarLoader.varLoader)('icon-content-map', "\e65d"); | ||
var iconContentBad = (0, _nukeVarLoader.varLoader)('icon-content-bad', "\e65e"); | ||
var iconContentGood = (0, _nukeVarLoader.varLoader)('icon-content-good', "\e65f"); | ||
var iconContentSkip = (0, _nukeVarLoader.varLoader)('icon-content-skip', "\e660"); | ||
var iconContentPlay = (0, _nukeVarLoader.varLoader)('icon-content-play', "\e661"); | ||
var iconContentStop = (0, _nukeVarLoader.varLoader)('icon-content-stop', "\e662"); | ||
var iconContentCompass = (0, _nukeVarLoader.varLoader)('icon-content-compass', "\e663"); | ||
var iconContentSecurity = (0, _nukeVarLoader.varLoader)('icon-content-security', "\e664"); | ||
var iconContentShare = (0, _nukeVarLoader.varLoader)('icon-content-share', "\e665"); | ||
var iconContentStore = (0, _nukeVarLoader.varLoader)('icon-content-store', "\e666"); | ||
var iconContentPhone = (0, _nukeVarLoader.varLoader)('icon-content-phone', "\e669"); | ||
var iconContentEllipsis = (0, _nukeVarLoader.varLoader)('icon-content-ellipsis', "\e674"); | ||
var iconContentEmailFilling = (0, _nukeVarLoader.varLoader)('icon-content-email-filling', "\e66d"); | ||
var iconContentFavoritesFilling = (0, _nukeVarLoader.varLoader)('icon-content-favorites-filling', "\e66e"); | ||
var iconContentAccountFilling = (0, _nukeVarLoader.varLoader)('icon-content-account-filling', "\e66f"); | ||
var iconContentCreditLevel = (0, _nukeVarLoader.varLoader)('icon-content-credit-level', "\e671"); | ||
var iconContentCreditLevelFilling = (0, _nukeVarLoader.varLoader)('icon-content-credit-level-filling', "\e672"); | ||
var iconContentMobilePhone = (0, _nukeVarLoader.varLoader)('icon-content-mobile-phone', "\e675"); | ||
var iconContentSmile = (0, _nukeVarLoader.varLoader)('icon-content-smile', "\e61f"); | ||
var iconContentPersonalCenter = (0, _nukeVarLoader.varLoader)('icon-content-personal-center', "\e681"); | ||
var iconContentArrowUpFilling = (0, _nukeVarLoader.varLoader)('icon-content-arrow-up-filling', "\e601"); | ||
var iconContentArrowRight = (0, _nukeVarLoader.varLoader)('icon-content-arrow-right', "\e603"); | ||
var iconContentArrowLeft = (0, _nukeVarLoader.varLoader)('icon-content-arrow-left', "\e604"); | ||
var iconContentArrowDown = (0, _nukeVarLoader.varLoader)('icon-content-arrow-down', "\e607"); | ||
var iconContentArrowUp = (0, _nukeVarLoader.varLoader)('icon-content-arrow-up', "\e60e"); | ||
var iconContentAdd = (0, _nukeVarLoader.varLoader)('icon-content-add', "\e60f"); | ||
var iconContentMinus = (0, _nukeVarLoader.varLoader)('icon-content-minus', "\e610"); | ||
var iconContentDeleteFilling = (0, _nukeVarLoader.varLoader)('icon-content-delete-filling', "\e611"); | ||
var iconContentEdit = (0, _nukeVarLoader.varLoader)('icon-content-edit', "\e613"); | ||
var iconContentLoading = (0, _nukeVarLoader.varLoader)('icon-content-loading', "\e615"); | ||
var iconContentError = (0, _nukeVarLoader.varLoader)('icon-content-error', "\e619"); | ||
var iconContentSelect = (0, _nukeVarLoader.varLoader)('icon-content-select', "\e61d"); | ||
var iconContentAshbin = (0, _nukeVarLoader.varLoader)('icon-content-ashbin', "\e61e"); | ||
var iconContentCalendar = (0, _nukeVarLoader.varLoader)('icon-content-calendar', "\e620"); | ||
var iconContentTime = (0, _nukeVarLoader.varLoader)('icon-content-time', "\e622"); | ||
var iconContentSuccess = (0, _nukeVarLoader.varLoader)('icon-content-success', "\e617"); | ||
var iconContentWarning = (0, _nukeVarLoader.varLoader)('icon-content-warning', "\e63d"); | ||
var iconContentSearch = (0, _nukeVarLoader.varLoader)('icon-content-search', "\e656"); | ||
var iconContentDisplay = (0, _nukeVarLoader.varLoader)('icon-content-display', "\e657"); | ||
var iconContentCategory = (0, _nukeVarLoader.varLoader)('icon-content-category', "\e658"); | ||
var iconContentPrompt = (0, _nukeVarLoader.varLoader)('icon-content-prompt', "\e659"); | ||
var iconContentArrowDownFilling = (0, _nukeVarLoader.varLoader)('icon-content-arrow-down-filling', "\e65b"); | ||
var iconContentSorting = (0, _nukeVarLoader.varLoader)('icon-content-sorting', "\e676"); | ||
var iconContentAscending = (0, _nukeVarLoader.varLoader)('icon-content-ascending', "\e66a"); | ||
var iconContentDescending = (0, _nukeVarLoader.varLoader)('icon-content-descending', "\e66c"); | ||
var iconContentSuccessFilling = (0, _nukeVarLoader.varLoader)('icon-content-success-filling', "\e670"); | ||
var iconContentPicture = (0, _nukeVarLoader.varLoader)('icon-content-picture', "\e616"); | ||
var iconContentClose = (0, _nukeVarLoader.varLoader)('icon-content-close', "\e608"); | ||
var iconContentSemiSelect = (0, _nukeVarLoader.varLoader)('icon-content-semi-select', "\e612"); | ||
var iconContentTagSubscript = (0, _nukeVarLoader.varLoader)('icon-content-tag-subscript', "\e61a"); | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 'icon-font-path', iconFontPath), _defineProperty(_module$exports, 'icon-font-name', iconFontName), _defineProperty(_module$exports, 'icon-font-family', iconFontFamily), _defineProperty(_module$exports, 'icon-xxs', iconXxs), _defineProperty(_module$exports, 'icon-xs', iconXs), _defineProperty(_module$exports, 'icon-s', iconS), _defineProperty(_module$exports, 'icon-m', iconM), _defineProperty(_module$exports, 'icon-l', iconL), _defineProperty(_module$exports, 'icon-xl', iconXl), _defineProperty(_module$exports, 'icon-xxl', iconXxl), _defineProperty(_module$exports, 'icon-xxxl', iconXxxl), _defineProperty(_module$exports, 'icon-content-all', iconContentAll), _defineProperty(_module$exports, 'icon-content-cart', iconContentCart), _defineProperty(_module$exports, 'icon-content-comments', iconContentComments), _defineProperty(_module$exports, 'icon-content-cry', iconContentCry), _defineProperty(_module$exports, 'icon-content-email', iconContentEmail), _defineProperty(_module$exports, 'icon-content-favorite', iconContentFavorite), _defineProperty(_module$exports, 'icon-content-folder', iconContentFolder), _defineProperty(_module$exports, 'icon-content-form', iconContentForm), _defineProperty(_module$exports, 'icon-content-help', iconContentHelp), _defineProperty(_module$exports, 'icon-content-refresh', iconContentRefresh), _defineProperty(_module$exports, 'icon-content-set', iconContentSet), _defineProperty(_module$exports, 'icon-content-survey', iconContentSurvey), _defineProperty(_module$exports, 'icon-content-training', iconContentTraining), _defineProperty(_module$exports, 'icon-content-account', iconContentAccount), _defineProperty(_module$exports, 'icon-content-atm', iconContentAtm), _defineProperty(_module$exports, 'icon-content-clock', iconContentClock), _defineProperty(_module$exports, 'icon-content-attachment', iconContentAttachment), _defineProperty(_module$exports, 'icon-content-3column', iconContent3column), _defineProperty(_module$exports, 'icon-content-4column', iconContent4column), _defineProperty(_module$exports, 'icon-content-discount', iconContentDiscount), _defineProperty(_module$exports, 'icon-content-service', iconContentService), _defineProperty(_module$exports, 'icon-content-print', iconContentPrint), _defineProperty(_module$exports, 'icon-content-box', iconContentBox), _defineProperty(_module$exports, 'icon-content-process', iconContentProcess), _defineProperty(_module$exports, 'icon-content-bags', iconContentBags), _defineProperty(_module$exports, 'icon-content-electronics', iconContentElectronics), _defineProperty(_module$exports, 'icon-content-gifts', iconContentGifts), _defineProperty(_module$exports, 'icon-content-lights', iconContentLights), _defineProperty(_module$exports, 'icon-content-auto', iconContentAuto), _defineProperty(_module$exports, 'icon-content-browse', iconContentBrowse), _defineProperty(_module$exports, 'icon-content-atm-away', iconContentAtmAway), _defineProperty(_module$exports, 'icon-content-scanning', iconContentScanning), _defineProperty(_module$exports, 'icon-content-compare', iconContentCompare), _defineProperty(_module$exports, 'icon-content-filter', iconContentFilter), _defineProperty(_module$exports, 'icon-content-pin', iconContentPin), _defineProperty(_module$exports, 'icon-content-history', iconContentHistory), _defineProperty(_module$exports, 'icon-content-similar-product', iconContentSimilarProduct), _defineProperty(_module$exports, 'icon-content-link', iconContentLink), _defineProperty(_module$exports, 'icon-content-cut', iconContentCut), _defineProperty(_module$exports, 'icon-content-table', iconContentTable), _defineProperty(_module$exports, 'icon-content-nav-list', iconContentNavList), _defineProperty(_module$exports, 'icon-content-image-text', iconContentImageText), _defineProperty(_module$exports, 'icon-content-text', iconContentText), _defineProperty(_module$exports, 'icon-content-move', iconContentMove), _defineProperty(_module$exports, 'icon-content-subtract', iconContentSubtract), _defineProperty(_module$exports, 'icon-content-dollar', iconContentDollar), _defineProperty(_module$exports, 'icon-content-office', iconContentOffice), _defineProperty(_module$exports, 'icon-content-operation', iconContentOperation), _defineProperty(_module$exports, 'icon-content-download', iconContentDownload), _defineProperty(_module$exports, 'icon-content-map', iconContentMap), _defineProperty(_module$exports, 'icon-content-bad', iconContentBad), _defineProperty(_module$exports, 'icon-content-good', iconContentGood), _defineProperty(_module$exports, 'icon-content-skip', iconContentSkip), _defineProperty(_module$exports, 'icon-content-play', iconContentPlay), _defineProperty(_module$exports, 'icon-content-stop', iconContentStop), _defineProperty(_module$exports, 'icon-content-compass', iconContentCompass), _defineProperty(_module$exports, 'icon-content-security', iconContentSecurity), _defineProperty(_module$exports, 'icon-content-share', iconContentShare), _defineProperty(_module$exports, 'icon-content-store', iconContentStore), _defineProperty(_module$exports, 'icon-content-phone', iconContentPhone), _defineProperty(_module$exports, 'icon-content-ellipsis', iconContentEllipsis), _defineProperty(_module$exports, 'icon-content-email-filling', iconContentEmailFilling), _defineProperty(_module$exports, 'icon-content-favorites-filling', iconContentFavoritesFilling), _defineProperty(_module$exports, 'icon-content-account-filling', iconContentAccountFilling), _defineProperty(_module$exports, 'icon-content-credit-level', iconContentCreditLevel), _defineProperty(_module$exports, 'icon-content-credit-level-filling', iconContentCreditLevelFilling), _defineProperty(_module$exports, 'icon-content-mobile-phone', iconContentMobilePhone), _defineProperty(_module$exports, 'icon-content-smile', iconContentSmile), _defineProperty(_module$exports, 'icon-content-personal-center', iconContentPersonalCenter), _defineProperty(_module$exports, 'icon-content-arrow-up-filling', iconContentArrowUpFilling), _defineProperty(_module$exports, 'icon-content-arrow-right', iconContentArrowRight), _defineProperty(_module$exports, 'icon-content-arrow-left', iconContentArrowLeft), _defineProperty(_module$exports, 'icon-content-arrow-down', iconContentArrowDown), _defineProperty(_module$exports, 'icon-content-arrow-up', iconContentArrowUp), _defineProperty(_module$exports, 'icon-content-add', iconContentAdd), _defineProperty(_module$exports, 'icon-content-minus', iconContentMinus), _defineProperty(_module$exports, 'icon-content-delete-filling', iconContentDeleteFilling), _defineProperty(_module$exports, 'icon-content-edit', iconContentEdit), _defineProperty(_module$exports, 'icon-content-loading', iconContentLoading), _defineProperty(_module$exports, 'icon-content-error', iconContentError), _defineProperty(_module$exports, 'icon-content-select', iconContentSelect), _defineProperty(_module$exports, 'icon-content-ashbin', iconContentAshbin), _defineProperty(_module$exports, 'icon-content-calendar', iconContentCalendar), _defineProperty(_module$exports, 'icon-content-time', iconContentTime), _defineProperty(_module$exports, 'icon-content-success', iconContentSuccess), _defineProperty(_module$exports, 'icon-content-warning', iconContentWarning), _defineProperty(_module$exports, 'icon-content-search', iconContentSearch), _defineProperty(_module$exports, 'icon-content-display', iconContentDisplay), _defineProperty(_module$exports, 'icon-content-category', iconContentCategory), _defineProperty(_module$exports, 'icon-content-prompt', iconContentPrompt), _defineProperty(_module$exports, 'icon-content-arrow-down-filling', iconContentArrowDownFilling), _defineProperty(_module$exports, 'icon-content-sorting', iconContentSorting), _defineProperty(_module$exports, 'icon-content-ascending', iconContentAscending), _defineProperty(_module$exports, 'icon-content-descending', iconContentDescending), _defineProperty(_module$exports, 'icon-content-success-filling', iconContentSuccessFilling), _defineProperty(_module$exports, 'icon-content-picture', iconContentPicture), _defineProperty(_module$exports, 'icon-content-close', iconContentClose), _defineProperty(_module$exports, 'icon-content-semi-select', iconContentSemiSelect), _defineProperty(_module$exports, 'icon-content-tag-subscript', iconContentTagSubscript), _module$exports); | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 'icon-xxs', iconXxs), _defineProperty(_module$exports, 'icon-xs', iconXs), _defineProperty(_module$exports, 'icon-s', iconS), _defineProperty(_module$exports, 'icon-m', iconM), _defineProperty(_module$exports, 'icon-l', iconL), _defineProperty(_module$exports, 'icon-xl', iconXl), _defineProperty(_module$exports, 'icon-xxl', iconXxl), _defineProperty(_module$exports, 'icon-xxxl', iconXxxl), _module$exports); |
@@ -5,59 +5,28 @@ 'use strict'; | ||
var _nukeVarLoader = require('nuke-var-loader'); | ||
var _varLoader = require('../util/var-loader'); | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
//// | ||
/// @group Variables 变量 | ||
/// @module line: 线条 | ||
/// @type String | ||
/// @category style | ||
//// | ||
/** | ||
* Line & Border 线和边框粗细 | ||
*/ | ||
/** | ||
* @param {number} [line-1] [常规] | ||
*/ | ||
var line1 = (0, _varLoader.varLoader)('line-1', 1); | ||
/** | ||
* @param {number} [line-2] [强调] | ||
*/ | ||
var line2 = (0, _varLoader.varLoader)('line-2', 2); | ||
/** | ||
* @param {number} [line-3] [高亮] | ||
*/ | ||
var line3 = (0, _varLoader.varLoader)('line-3', 4); | ||
/// Line0 | ||
/// @export width | ||
var line0Width = (0, _nukeVarLoader.varLoader)('line-0-width', 0); | ||
/** | ||
* @param {string} [line-solid] [实线] | ||
*/ | ||
var lineSolid = (0, _varLoader.varLoader)('line-solid', 'solid'); | ||
/// Line1 | ||
/// @export width | ||
var line1Width = (0, _nukeVarLoader.varLoader)('line-1-width', 1); | ||
/// Line2 | ||
/// @export width | ||
var line2Width = (0, _nukeVarLoader.varLoader)('line-2-width', 2); | ||
/// Line3 | ||
/// @export width | ||
var line3Width = (0, _nukeVarLoader.varLoader)('line-3-width', 8); | ||
/// Solid | ||
/// @export style | ||
/// @unconfigurable | ||
var lineSolid = (0, _nukeVarLoader.varLoader)('line-solid', 'solid'); | ||
/// Dashed | ||
/// @export style | ||
/// @unconfigurable | ||
var lineDashed = (0, _nukeVarLoader.varLoader)('line-dashed', 'dashed'); | ||
/// Dotted | ||
/// @export style | ||
/// @unconfigurable | ||
var lineDotted = (0, _nukeVarLoader.varLoader)('line-dotted', 'dotted'); | ||
var line0 = (0, _nukeVarLoader.varLoader)('line0', line0Width + ' ' + lineSolid); | ||
var line0Dashed = (0, _nukeVarLoader.varLoader)('line0-dashed', line0Width + ' ' + lineDashed); | ||
var line0Dotted = (0, _nukeVarLoader.varLoader)('line0-dotted', line0Width + ' ' + lineDotted); | ||
var line1 = (0, _nukeVarLoader.varLoader)('line1', line1Width + ' ' + lineSolid); | ||
var line1Dashed = (0, _nukeVarLoader.varLoader)('line1-dashed', line1Width + ' ' + lineDashed); | ||
var line1Dotted = (0, _nukeVarLoader.varLoader)('line1-dotted', line1Width + ' ' + lineDotted); | ||
var line2 = (0, _nukeVarLoader.varLoader)('line2', line2Width + ' ' + lineSolid); | ||
var line2Dashed = (0, _nukeVarLoader.varLoader)('line2-dashed', line2Width + ' ' + lineDashed); | ||
var line2Dotted = (0, _nukeVarLoader.varLoader)('line2-dotted', line2Width + ' ' + lineDotted); | ||
var line3 = (0, _nukeVarLoader.varLoader)('line3', line3Width + ' ' + lineSolid); | ||
var line3Dashed = (0, _nukeVarLoader.varLoader)('line3-dashed', line3Width + ' ' + lineDashed); | ||
var line3Dotted = (0, _nukeVarLoader.varLoader)('line3-dotted', line3Width + ' ' + lineDotted); | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 'line-0-width', line0Width), _defineProperty(_module$exports, 'line-1-width', line1Width), _defineProperty(_module$exports, 'line-2-width', line2Width), _defineProperty(_module$exports, 'line-3-width', line3Width), _defineProperty(_module$exports, 'line-solid', lineSolid), _defineProperty(_module$exports, 'line-dashed', lineDashed), _defineProperty(_module$exports, 'line-dotted', lineDotted), _defineProperty(_module$exports, 'line0', line0), _defineProperty(_module$exports, 'line0-dashed', line0Dashed), _defineProperty(_module$exports, 'line0-dotted', line0Dotted), _defineProperty(_module$exports, 'line1', line1), _defineProperty(_module$exports, 'line1-dashed', line1Dashed), _defineProperty(_module$exports, 'line1-dotted', line1Dotted), _defineProperty(_module$exports, 'line2', line2), _defineProperty(_module$exports, 'line2-dashed', line2Dashed), _defineProperty(_module$exports, 'line2-dotted', line2Dotted), _defineProperty(_module$exports, 'line3', line3), _defineProperty(_module$exports, 'line3-dashed', line3Dashed), _defineProperty(_module$exports, 'line3-dotted', line3Dotted), _module$exports); | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 'line-3', line3), _defineProperty(_module$exports, 'line-2', line2), _defineProperty(_module$exports, 'line-1', line1), _defineProperty(_module$exports, 'line-solid', lineSolid), _module$exports); |
@@ -5,287 +5,51 @@ 'use strict'; | ||
var _nukeVarLoader = require('nuke-var-loader'); | ||
var _varLoader = require('../util/var-loader'); | ||
var _color = require('./_color'); | ||
var _color2 = _interopRequireDefault(_color); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
//// | ||
/// @group Variables 变量 | ||
/// @module shadow: 阴影 | ||
/// @category style | ||
//// | ||
/** | ||
* Shadow 阴影规格 | ||
*/ | ||
/** | ||
* @param {string} [shadow-1] [shadow-1] | ||
*/ | ||
var shadow1 = (0, _varLoader.varLoader)('shadow-1', ''); | ||
/** | ||
* @param {string} [shadow-2] [shadow-2] | ||
*/ | ||
var shadow2 = (0, _varLoader.varLoader)('shadow-2', ''); | ||
/** | ||
* @param {string} [shadow-3] [shadow-3] | ||
*/ | ||
var shadow3 = (0, _varLoader.varLoader)('shadow-3', ''); | ||
/** | ||
* @param {string} [shadow-4] [shadow-4] | ||
*/ | ||
var shadow4 = (0, _varLoader.varLoader)('shadow-4', ''); | ||
/** | ||
* @param {string} [shadow-5] [shadow-5] | ||
*/ | ||
var shadow5 = (0, _varLoader.varLoader)('shadow-5', ''); | ||
/** | ||
* @param {string} [shadow-6] [shadow-6] | ||
*/ | ||
var shadow6 = (0, _varLoader.varLoader)('shadow-6', ''); | ||
/** | ||
* @param {string} [shadow-7] [shadow-7] | ||
*/ | ||
var shadow7 = (0, _varLoader.varLoader)('shadow-7', ''); | ||
/** | ||
* @param {string} [shadow-8] [shadow-8] | ||
*/ | ||
var shadow8 = (0, _varLoader.varLoader)('shadow-8', ''); | ||
/** | ||
* @param {string} [shadow-9] [shadow-9] | ||
*/ | ||
var shadow9 = (0, _varLoader.varLoader)('shadow-9', ''); | ||
/** | ||
* @param {string} [shadow-10] [shadow-10] | ||
*/ | ||
var shadow10 = (0, _varLoader.varLoader)('shadow-10', ''); | ||
/// 阴影x方向常规值 | ||
/// @unconfigurable | ||
/// @access private | ||
/// @type {Number} | ||
var shadowX = (0, _nukeVarLoader.varLoader)('shadow-x', 1); | ||
/// 阴影y方向常规值 | ||
/// @unconfigurable | ||
/// @access private | ||
/// @type {Number} | ||
var shadowY = (0, _nukeVarLoader.varLoader)('shadow-y', shadowX); | ||
/// Distance 1 | ||
/// @type {Number} | ||
var shadowDistanceSd1 = (0, _nukeVarLoader.varLoader)('shadow-distance-sd1', '1'); | ||
/// Distance 2 | ||
/// @type {Number} | ||
var shadowDistanceSd2 = (0, _nukeVarLoader.varLoader)('shadow-distance-sd2', '2'); | ||
/// Distance 3 | ||
/// @type {Number} | ||
var shadowDistanceSd3 = (0, _nukeVarLoader.varLoader)('shadow-distance-sd3', '3'); | ||
/// Distance 4 | ||
/// @type {Number} | ||
var shadowDistanceSd4 = (0, _nukeVarLoader.varLoader)('shadow-distance-sd4', '4'); | ||
/// Distance 5 | ||
/// @type {Number} | ||
var shadowDistanceSd5 = (0, _nukeVarLoader.varLoader)('shadow-distance-sd5', '5'); | ||
/// Opacity 1 | ||
/// @type {Number} | ||
var shadowOpacitySd1 = (0, _nukeVarLoader.varLoader)('shadow-opacity-sd1', '0.32'); | ||
/// Opacity 2 | ||
/// @type {Number} | ||
var shadowOpacitySd2 = (0, _nukeVarLoader.varLoader)('shadow-opacity-sd2', '0.32'); | ||
/// Opacity 3 | ||
/// @type {Number} | ||
var shadowOpacitySd3 = (0, _nukeVarLoader.varLoader)('shadow-opacity-sd3', '0.32'); | ||
/// Opacity 4 | ||
/// @type {Number} | ||
var shadowOpacitySd4 = (0, _nukeVarLoader.varLoader)('shadow-opacity-sd4', '0.32'); | ||
/// Opacity 4 | ||
/// @type {Number} | ||
var shadowOpacitySd5 = (0, _nukeVarLoader.varLoader)('shadow-opacity-sd5', '0.32'); | ||
/// Color 1 | ||
/// @type {Color} | ||
var shadowColorSd1 = (0, _nukeVarLoader.varLoader)('shadow-color-sd1', _color2.default['color-n1-9']); | ||
/// Color 2 | ||
/// @type {Color} | ||
var shadowColorSd2 = (0, _nukeVarLoader.varLoader)('shadow-color-sd2', _color2.default['color-n1-9']); | ||
/// Color 3 | ||
/// @type {Color} | ||
var shadowColorSd3 = (0, _nukeVarLoader.varLoader)('shadow-color-sd3', _color2.default['color-n1-9']); | ||
/// Color 4 | ||
/// @type {Color} | ||
var shadowColorSd4 = (0, _nukeVarLoader.varLoader)('shadow-color-sd4', _color2.default['color-n1-9']); | ||
/// Color 5 | ||
/// @type {Color} | ||
var shadowColorSd5 = (0, _nukeVarLoader.varLoader)('shadow-color-sd5', _color2.default['color-n1-9']); | ||
var shadowColorOpacitySd1 = (0, _nukeVarLoader.varLoader)('shadow-color-opacity-sd1', 'rgba(' + shadowColorSd1 + ', ' + shadowOpacitySd1 + ')'); | ||
var shadowColorOpacitySd2 = (0, _nukeVarLoader.varLoader)('shadow-color-opacity-sd2', 'rgba(' + shadowColorSd2 + ', ' + shadowOpacitySd2 + ')'); | ||
var shadowColorOpacitySd3 = (0, _nukeVarLoader.varLoader)('shadow-color-opacity-sd3', 'rgba(' + shadowColorSd3 + ', ' + shadowOpacitySd3 + ')'); | ||
var shadowColorOpacitySd4 = (0, _nukeVarLoader.varLoader)('shadow-color-opacity-sd4', 'rgba(' + shadowColorSd4 + ', ' + shadowOpacitySd4 + ')'); | ||
var shadowColorOpacitySd5 = (0, _nukeVarLoader.varLoader)('shadow-color-opacity-sd5', 'rgba(' + shadowColorSd5 + ', ' + shadowOpacitySd5 + ')'); | ||
var shadowSidesBase = (0, _nukeVarLoader.varLoader)('shadow-sides-base', "base"); | ||
var shadowSidesUp = (0, _nukeVarLoader.varLoader)('shadow-sides-up', "up"); | ||
var shadowSidesRight = (0, _nukeVarLoader.varLoader)('shadow-sides-right', "right"); | ||
var shadowSidesDown = (0, _nukeVarLoader.varLoader)('shadow-sides-down', "down"); | ||
var shadowSidesLeft = (0, _nukeVarLoader.varLoader)('shadow-sides-left', "left"); | ||
/// Blur 1 | ||
/// @type {Number} | ||
var shadowElevationSd1 = (0, _nukeVarLoader.varLoader)('shadow-elevation-sd1', '3'); | ||
/// Blur 2 | ||
/// @type {Number} | ||
var shadowElevationSd2 = (0, _nukeVarLoader.varLoader)('shadow-elevation-sd2', '3'); | ||
/// Blur 3 | ||
/// @type {Number} | ||
var shadowElevationSd3 = (0, _nukeVarLoader.varLoader)('shadow-elevation-sd3', '5'); | ||
/// Blur 4 | ||
/// @type {Number} | ||
var shadowElevationSd4 = (0, _nukeVarLoader.varLoader)('shadow-elevation-sd4', '7'); | ||
/// Blur 5 | ||
/// @type {Number} | ||
var shadowElevationSd5 = (0, _nukeVarLoader.varLoader)('shadow-elevation-sd5', '10'); | ||
/// Shadow 0 | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd0 = (0, _nukeVarLoader.varLoader)('shadow-sd0', shadowMaker(shadowSidesBase, 0, 1, 0, 0)); | ||
/// Shadow 1 | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd1 = (0, _nukeVarLoader.varLoader)('shadow-sd1', shadowMaker(shadowSidesBase, shadowElevationSd1, shadowColorOpacitySd1, shadowDistanceSd1, shadowDistanceSd1)); | ||
/// Shadow 1 (Up) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd1Up = (0, _nukeVarLoader.varLoader)('shadow-sd1-up', shadowMaker(shadowSidesUp, shadowElevationSd1, shadowColorOpacitySd1, shadowDistanceSd1, shadowDistanceSd1)); | ||
/// Shadow 1 (Right) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd1Right = (0, _nukeVarLoader.varLoader)('shadow-sd1-right', shadowMaker(shadowSidesRight, shadowElevationSd1, shadowColorOpacitySd1, shadowDistanceSd1, shadowDistanceSd1)); | ||
/// Shadow 1 (Down) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd1Down = (0, _nukeVarLoader.varLoader)('shadow-sd1-down', shadowMaker(shadowSidesDown, shadowElevationSd1, shadowColorOpacitySd1, shadowDistanceSd1, shadowDistanceSd1)); | ||
/// Shadow 1 (Left) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd1Left = (0, _nukeVarLoader.varLoader)('shadow-sd1-left', shadowMaker(shadowSidesLeft, shadowElevationSd1, shadowColorOpacitySd1, shadowDistanceSd1, shadowDistanceSd1)); | ||
/// Shadow 2 | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd2 = (0, _nukeVarLoader.varLoader)('shadow-sd2', shadowMaker(shadowSidesBase, shadowElevationSd2, shadowColorOpacitySd2, shadowDistanceSd2, shadowDistanceSd2)); | ||
/// Shadow 2 (Up) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd2Up = (0, _nukeVarLoader.varLoader)('shadow-sd2-up', shadowMaker(shadowSidesUp, shadowElevationSd2, shadowColorOpacitySd2, shadowDistanceSd2, shadowDistanceSd2)); | ||
/// Shadow 2 (Right) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd2Right = (0, _nukeVarLoader.varLoader)('shadow-sd2-right', shadowMaker(shadowSidesRight, shadowElevationSd2, shadowColorOpacitySd2, shadowDistanceSd2, shadowDistanceSd2)); | ||
/// Shadow 2 (Down) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd2Down = (0, _nukeVarLoader.varLoader)('shadow-sd2-down', shadowMaker(shadowSidesDown, shadowElevationSd2, shadowColorOpacitySd2, shadowDistanceSd2, shadowDistanceSd2)); | ||
/// Shadow 2 (Left) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd2Left = (0, _nukeVarLoader.varLoader)('shadow-sd2-left', shadowMaker(shadowSidesLeft, shadowElevationSd2, shadowColorOpacitySd2, shadowDistanceSd2, shadowDistanceSd2)); | ||
/// Shadow 3 | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd3 = (0, _nukeVarLoader.varLoader)('shadow-sd3', shadowMaker(shadowSidesBase, shadowElevationSd3, shadowColorOpacitySd3, shadowDistanceSd3, shadowDistanceSd3)); | ||
/// Shadow 3 (Up) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd3Up = (0, _nukeVarLoader.varLoader)('shadow-sd3-up', shadowMaker(shadowSidesUp, shadowElevationSd3, shadowColorOpacitySd3, shadowDistanceSd3, shadowDistanceSd3)); | ||
/// Shadow 3 (Right) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd3Right = (0, _nukeVarLoader.varLoader)('shadow-sd3-right', shadowMaker(shadowSidesRight, shadowElevationSd3, shadowColorOpacitySd3, shadowDistanceSd3, shadowDistanceSd3)); | ||
/// Shadow 3 (Down) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd3Down = (0, _nukeVarLoader.varLoader)('shadow-sd3-down', shadowMaker(shadowSidesDown, shadowElevationSd3, shadowColorOpacitySd3, shadowDistanceSd3, shadowDistanceSd3)); | ||
/// Shadow 3 (Left) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd3Left = (0, _nukeVarLoader.varLoader)('shadow-sd3-left', shadowMaker(shadowSidesLeft, shadowElevationSd3, shadowColorOpacitySd3, shadowDistanceSd3, shadowDistanceSd3)); | ||
/// Shadow 4 | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd4 = (0, _nukeVarLoader.varLoader)('shadow-sd4', shadowMaker(shadowSidesBase, shadowElevationSd4, shadowColorOpacitySd4, shadowDistanceSd4, shadowDistanceSd4)); | ||
/// Shadow 4 (Up) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd4Up = (0, _nukeVarLoader.varLoader)('shadow-sd4-up', shadowMaker(shadowSidesUp, shadowElevationSd4, shadowColorOpacitySd4, shadowDistanceSd4, shadowDistanceSd4)); | ||
/// Shadow 4 (Right) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd4Right = (0, _nukeVarLoader.varLoader)('shadow-sd4-right', shadowMaker(shadowSidesRight, shadowElevationSd4, shadowColorOpacitySd4, shadowDistanceSd4, shadowDistanceSd4)); | ||
/// Shadow 4 (Down) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd4Down = (0, _nukeVarLoader.varLoader)('shadow-sd4-down', shadowMaker(shadowSidesDown, shadowElevationSd4, shadowColorOpacitySd4, shadowDistanceSd4, shadowDistanceSd4)); | ||
/// Shadow 4 (Left) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd4Left = (0, _nukeVarLoader.varLoader)('shadow-sd4-left', shadowMaker(shadowSidesLeft, shadowElevationSd4, shadowColorOpacitySd4, shadowDistanceSd4, shadowDistanceSd4)); | ||
/// Shadow 5 | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd5 = (0, _nukeVarLoader.varLoader)('shadow-sd5', shadowMaker(shadowSidesBase, shadowElevationSd5, shadowColorOpacitySd5, shadowDistanceSd5, shadowDistanceSd5)); | ||
/// Shadow 5 (Up) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd5Up = (0, _nukeVarLoader.varLoader)('shadow-sd5-up', shadowMaker(shadowSidesUp, shadowElevationSd5, shadowColorOpacitySd5, shadowDistanceSd5, shadowDistanceSd5)); | ||
/// Shadow 5 (Right) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd5Right = (0, _nukeVarLoader.varLoader)('shadow-sd5-right', shadowMaker(shadowSidesRight, shadowElevationSd5, shadowColorOpacitySd5, shadowDistanceSd5, shadowDistanceSd5)); | ||
/// Shadow 5 (Down) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd5Down = (0, _nukeVarLoader.varLoader)('shadow-sd5-down', shadowMaker(shadowSidesDown, shadowElevationSd5, shadowColorOpacitySd5, shadowDistanceSd5, shadowDistanceSd5)); | ||
/// Shadow 5 (Left) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
var shadowSd5Left = (0, _nukeVarLoader.varLoader)('shadow-sd5-left', shadowMaker(shadowSidesLeft, shadowElevationSd5, shadowColorOpacitySd5, shadowDistanceSd5, shadowDistanceSd5)); | ||
function shadowMaker() { | ||
var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : shadowSidesBase; | ||
var elevation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : shadowElevationSd1; | ||
var shadowColor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : shadowColorOpacitySd1; | ||
var shadowX = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : shadowX; | ||
var shadowY = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : shadowY; | ||
var x = shadowX; | ||
var y = shadowY; | ||
var e = elevation; | ||
var c = shadowColor; | ||
if (e == 0) { | ||
return '0 0 0 #ffffff'; | ||
} | ||
if (direction == shadowSidesUp) { | ||
x = 0; | ||
y = shadowY; | ||
} else if (direction == shadowSidesRight) { | ||
y = 0; | ||
} else if (direction == shadowSidesDown) { | ||
x = 0; | ||
} else if (direction == shadowSidesLeft) { | ||
x = shadowX; | ||
y = 0; | ||
} | ||
return x + 'px ' + y + 'px ' + e + 'px ' + c; | ||
} | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 'shadow-x', shadowX), _defineProperty(_module$exports, 'shadow-y', shadowY), _defineProperty(_module$exports, 'shadow-distance-sd1', shadowDistanceSd1), _defineProperty(_module$exports, 'shadow-distance-sd2', shadowDistanceSd2), _defineProperty(_module$exports, 'shadow-distance-sd3', shadowDistanceSd3), _defineProperty(_module$exports, 'shadow-distance-sd4', shadowDistanceSd4), _defineProperty(_module$exports, 'shadow-distance-sd5', shadowDistanceSd5), _defineProperty(_module$exports, 'shadow-opacity-sd1', shadowOpacitySd1), _defineProperty(_module$exports, 'shadow-opacity-sd2', shadowOpacitySd2), _defineProperty(_module$exports, 'shadow-opacity-sd3', shadowOpacitySd3), _defineProperty(_module$exports, 'shadow-opacity-sd4', shadowOpacitySd4), _defineProperty(_module$exports, 'shadow-opacity-sd5', shadowOpacitySd5), _defineProperty(_module$exports, 'shadow-color-sd1', shadowColorSd1), _defineProperty(_module$exports, 'shadow-color-sd2', shadowColorSd2), _defineProperty(_module$exports, 'shadow-color-sd3', shadowColorSd3), _defineProperty(_module$exports, 'shadow-color-sd4', shadowColorSd4), _defineProperty(_module$exports, 'shadow-color-sd5', shadowColorSd5), _defineProperty(_module$exports, 'shadow-color-opacity-sd1', shadowColorOpacitySd1), _defineProperty(_module$exports, 'shadow-color-opacity-sd2', shadowColorOpacitySd2), _defineProperty(_module$exports, 'shadow-color-opacity-sd3', shadowColorOpacitySd3), _defineProperty(_module$exports, 'shadow-color-opacity-sd4', shadowColorOpacitySd4), _defineProperty(_module$exports, 'shadow-color-opacity-sd5', shadowColorOpacitySd5), _defineProperty(_module$exports, 'shadow-sides-base', shadowSidesBase), _defineProperty(_module$exports, 'shadow-sides-up', shadowSidesUp), _defineProperty(_module$exports, 'shadow-sides-right', shadowSidesRight), _defineProperty(_module$exports, 'shadow-sides-down', shadowSidesDown), _defineProperty(_module$exports, 'shadow-sides-left', shadowSidesLeft), _defineProperty(_module$exports, 'shadow-elevation-sd1', shadowElevationSd1), _defineProperty(_module$exports, 'shadow-elevation-sd2', shadowElevationSd2), _defineProperty(_module$exports, 'shadow-elevation-sd3', shadowElevationSd3), _defineProperty(_module$exports, 'shadow-elevation-sd4', shadowElevationSd4), _defineProperty(_module$exports, 'shadow-elevation-sd5', shadowElevationSd5), _defineProperty(_module$exports, 'shadow-sd0', shadowSd0), _defineProperty(_module$exports, 'shadow-sd1', shadowSd1), _defineProperty(_module$exports, 'shadow-sd1-up', shadowSd1Up), _defineProperty(_module$exports, 'shadow-sd1-right', shadowSd1Right), _defineProperty(_module$exports, 'shadow-sd1-down', shadowSd1Down), _defineProperty(_module$exports, 'shadow-sd1-left', shadowSd1Left), _defineProperty(_module$exports, 'shadow-sd2', shadowSd2), _defineProperty(_module$exports, 'shadow-sd2-up', shadowSd2Up), _defineProperty(_module$exports, 'shadow-sd2-right', shadowSd2Right), _defineProperty(_module$exports, 'shadow-sd2-down', shadowSd2Down), _defineProperty(_module$exports, 'shadow-sd2-left', shadowSd2Left), _defineProperty(_module$exports, 'shadow-sd3', shadowSd3), _defineProperty(_module$exports, 'shadow-sd3-up', shadowSd3Up), _defineProperty(_module$exports, 'shadow-sd3-right', shadowSd3Right), _defineProperty(_module$exports, 'shadow-sd3-down', shadowSd3Down), _defineProperty(_module$exports, 'shadow-sd3-left', shadowSd3Left), _defineProperty(_module$exports, 'shadow-sd4', shadowSd4), _defineProperty(_module$exports, 'shadow-sd4-up', shadowSd4Up), _defineProperty(_module$exports, 'shadow-sd4-right', shadowSd4Right), _defineProperty(_module$exports, 'shadow-sd4-down', shadowSd4Down), _defineProperty(_module$exports, 'shadow-sd4-left', shadowSd4Left), _defineProperty(_module$exports, 'shadow-sd5', shadowSd5), _defineProperty(_module$exports, 'shadow-sd5-up', shadowSd5Up), _defineProperty(_module$exports, 'shadow-sd5-right', shadowSd5Right), _defineProperty(_module$exports, 'shadow-sd5-down', shadowSd5Down), _defineProperty(_module$exports, 'shadow-sd5-left', shadowSd5Left), _defineProperty(_module$exports, 'shadowMaker', shadowMaker), _module$exports); | ||
module.exports = (_module$exports = {}, _defineProperty(_module$exports, 'shadow-1', shadow1), _defineProperty(_module$exports, 'shadow-2', shadow2), _defineProperty(_module$exports, 'shadow-3', shadow3), _defineProperty(_module$exports, 'shadow-4', shadow4), _defineProperty(_module$exports, 'shadow-5', shadow5), _defineProperty(_module$exports, 'shadow-6', shadow6), _defineProperty(_module$exports, 'shadow-7', shadow7), _defineProperty(_module$exports, 'shadow-8', shadow8), _defineProperty(_module$exports, 'shadow-9', shadow9), _defineProperty(_module$exports, 'shadow-10', shadow10), _module$exports); |
{ | ||
"name": "nuke-core", | ||
"version": "0.2.3", | ||
"version": "0.3.0", | ||
"description": "nuke核心变量", | ||
@@ -5,0 +5,0 @@ "main": "lib/nuke", |
'use strict'; | ||
// Mixins & Functions | ||
import _functions from "./util/_functions"; | ||
import _mixins from "./util/_mixins"; | ||
@@ -16,6 +13,7 @@ // Variables; | ||
import _mixins from "./util/_mixins"; | ||
module.exports = { | ||
..._functions, | ||
var BaseVariables = { | ||
..._mixins, | ||
..._global, | ||
@@ -28,2 +26,12 @@ ..._color, | ||
..._icon | ||
} | ||
}; | ||
// function init(variables){ | ||
// return Object.assign(BaseVariables,variables); | ||
// } | ||
// module.exports = { | ||
// init:init | ||
// } | ||
// | ||
module.exports = BaseVariables; |
'use strict'; | ||
import { varLoader } from 'nuke-var-loader'; | ||
import { varLoader } from '../util/var-loader'; | ||
//// | ||
/// @group Variables 变量 | ||
/// @module color: 颜色 | ||
/// @type Color | ||
/// @category style | ||
//// | ||
/** | ||
* Brand Color 品牌色 | ||
*/ | ||
/** | ||
* @param {string} [color-brand1-1] [主品牌色-浅] | ||
*/ | ||
let colorBrand11 = varLoader('color-brand1-1', '#EEFAE6'); | ||
/** | ||
* @param {string} [color-brand1-6] [主品牌色-常规] | ||
*/ | ||
let colorBrand16 = varLoader('color-brand1-6', '#46BC02'); | ||
/// B1 | ||
/// 可用变量: `$color-b1-1 - $color-b1-10` | ||
/** | ||
* @param {string} [color-brand1-9] [主品牌色-深] | ||
*/ | ||
let colorBrand19 = varLoader('color-brand1-9', '#2F990F'); | ||
/// B1-1 | ||
/// @export | ||
let colorB11 = varLoader('color-b1-1', '#e4f0fd'); | ||
/// B1-2 | ||
let colorB12 = varLoader('color-b1-2', '#ffe3d1'); | ||
/// B1-3 | ||
let colorB13 = varLoader('color-b1-3', '#ffc8a3'); | ||
/// B1-4 | ||
let colorB14 = varLoader('color-b1-4', '#ffac75'); | ||
/// B1-5 | ||
let colorB15 = varLoader('color-b1-5', '#ff8b3d'); | ||
/// B1-6 | ||
/// @export | ||
let colorB16 = varLoader('color-b1-6', '#3089dc'); | ||
/// B1-7 | ||
let colorB17 = varLoader('color-b1-7', '#f75f00'); | ||
/// B1-8 | ||
let colorB18 = varLoader('color-b1-8', '#f05800'); | ||
/// B1-9 | ||
/// @export | ||
let colorB19 = varLoader('color-b1-9', '#1170bc'); | ||
/// B1-10 | ||
let colorB110 = varLoader('color-b1-10', '#d64f00'); | ||
/// B2 | ||
/// 可用变量: `$color-b2-1 - $color-b2-10` | ||
/// B2-1 | ||
/// @export | ||
let colorB21 = varLoader('color-b2-1', '#e8f6ff'); | ||
/// B2-2 | ||
/// @export | ||
let colorB22 = varLoader('color-b2-2', '#d3e9f7'); | ||
/// B2-3 | ||
/// @export | ||
let colorB23 = varLoader('color-b2-3', '#a6d3f0'); | ||
/// B2-4 | ||
let colorB24 = varLoader('color-b2-4', '#7abee8'); | ||
/// B2-5 | ||
let colorB25 = varLoader('color-b2-5', '#4da8e1'); | ||
/// B2-6 | ||
/// @export | ||
let colorB26 = varLoader('color-b2-6', '#2192d9'); | ||
/// B2-7 | ||
let colorB27 = varLoader('color-b2-7', '#1587d1'); | ||
/// B2-8 | ||
let colorB28 = varLoader('color-b2-8', '#0a7ec9'); | ||
/// B2-9 | ||
let colorB29 = varLoader('color-b2-9', '#0073bd'); | ||
/// B2-10 | ||
let colorB210 = varLoader('color-b2-10', '#006ab0'); | ||
/** | ||
* Neutural Color 中立色 | ||
*/ | ||
/// B3 | ||
/// 可用变量: `$color-b3-1 - $color-b3-10` | ||
/** | ||
* @param {string} [color-line1-1] [线条-浅] | ||
*/ | ||
let colorLine11 = varLoader('color-line1-1', '#E6E7EB'); | ||
/** | ||
* @param {string} [color-line1-2] [线条-常规] | ||
*/ | ||
let colorLine12 = varLoader('color-line1-2', '#DCDEE3'); | ||
/** | ||
* @param {string} [color-line1-3] [线条-深] | ||
*/ | ||
let colorLine13 = varLoader('color-line1-3', '#C4C6CF'); | ||
/** | ||
* @param {string} [color-line1-4] [线条-重] | ||
*/ | ||
let colorLine14 = varLoader('color-line1-4', '#A0A2AD'); | ||
/// B3-1 | ||
let colorB31 = varLoader('color-b3-1', '#ffe2db'); | ||
/// B3-2 | ||
let colorB32 = varLoader('color-b3-2', '#ffc8bf'); | ||
/// B3-3 | ||
let colorB33 = varLoader('color-b3-3', '#f7a394'); | ||
/// B3-4 | ||
let colorB34 = varLoader('color-b3-4', '#ed8472'); | ||
/// B3-5 | ||
let colorB35 = varLoader('color-b3-5', '#e3715d'); | ||
/// B3-6 | ||
let colorB36 = varLoader('color-b3-6', '#d9624e'); | ||
/// B3-7 | ||
let colorB37 = varLoader('color-b3-7', '#d15241'); | ||
/// B3-8 | ||
let colorB38 = varLoader('color-b3-8', '#c43f31'); | ||
/// B3-9 | ||
let colorB39 = varLoader('color-b3-9', '#bd3224'); | ||
/// B3-10 | ||
let colorB310 = varLoader('color-b3-10', '#b32018'); | ||
/// B4 | ||
/// 可用变量: `$color-b4-1 - $color-b4-10` | ||
/// B4-1 | ||
let colorB41 = varLoader('color-b4-1', '#e7f5e5'); | ||
/// B4-2 | ||
let colorB42 = varLoader('color-b4-2', '#cdebc8'); | ||
/// B4-3 | ||
let colorB43 = varLoader('color-b4-3', '#b0dea9'); | ||
/// B4-4 | ||
let colorB44 = varLoader('color-b4-4', '#92cc86'); | ||
/// B4-5 | ||
let colorB45 = varLoader('color-b4-5', '#70b564'); | ||
/// B4-6 | ||
let colorB46 = varLoader('color-b4-6', '#55a344'); | ||
/// B4-7 | ||
let colorB47 = varLoader('color-b4-7', '#479635'); | ||
/// B4-8 | ||
let colorB48 = varLoader('color-b4-8', '#3b8f28'); | ||
/// B4-9 | ||
let colorB49 = varLoader('color-b4-9', '#358723'); | ||
/// B4-10 | ||
let colorB410 = varLoader('color-b4-10', '#257d12'); | ||
/** | ||
* @param {string} [color-fill1-1] [填充-浅] | ||
*/ | ||
let colorFill11 = varLoader('color-fill1-1', '#F7F8FA'); | ||
/** | ||
* @param {string} [color-fill1-2] [填充-常规] | ||
*/ | ||
let colorFill12 = varLoader('color-fill1-2', '#F2F3F7'); | ||
/** | ||
* @param {string} [color-fill1-3] [填充-深] | ||
*/ | ||
let colorFill13 = varLoader('color-fill1-3', '#EBECF0'); | ||
/// B5 | ||
/// 可用变量: `$color-b5-1 - $color-b5-10` | ||
/// B5-1 | ||
let colorB51 = varLoader('color-b5-1', '#fef7da'); | ||
/// B5-2 | ||
let colorB52 = varLoader('color-b5-2', '#fff2c2'); | ||
/// B5-3 | ||
let colorB53 = varLoader('color-b5-3', '#fde89d'); | ||
/// B5-4 | ||
let colorB54 = varLoader('color-b5-4', '#ffe27d'); | ||
/// B5-5 | ||
let colorB55 = varLoader('color-b5-5', '#fbd653'); | ||
/// B5-6 | ||
let colorB56 = varLoader('color-b5-6', '#face32'); | ||
/// B5-7 | ||
let colorB57 = varLoader('color-b5-7', '#f7bf25'); | ||
/// B5-8 | ||
let colorB58 = varLoader('color-b5-8', '#f2b211'); | ||
/// B5-9 | ||
let colorB59 = varLoader('color-b5-9', '#eda807'); | ||
/// B5-10 | ||
let colorB510 = varLoader('color-b5-10', '#e89a00'); | ||
/// B6 | ||
/// 可用变量: `$color-b6-1 - $color-b6-10` | ||
/** | ||
* @param {string} [color-text1-1] [文字-轻] | ||
*/ | ||
let colorText11 = varLoader('color-text1-1', '#CCCCCC'); | ||
/** | ||
* @param {string} [color-text1-2] [文字-浅] | ||
*/ | ||
let colorText12 = varLoader('color-text1-2', '#999999'); | ||
/** | ||
* @param {string} [color-text1-3] [文字-常规] | ||
*/ | ||
let colorText13 = varLoader('color-text1-3', '#666666'); | ||
/** | ||
* @param {string} [color-text1-4] [文字-深] | ||
*/ | ||
let colorText14 = varLoader('color-text1-4', '#333333'); | ||
/** | ||
* @param {string} [color-text1-5] [文字-重] | ||
*/ | ||
let colorText15 = varLoader('color-text1-5', '#222222'); | ||
/** | ||
* @param {string} [white] [纯白] | ||
*/ | ||
let colorWhite = varLoader('color-white', '#FFFFFF'); | ||
/** | ||
* @param {string} [black] [纯黑] | ||
*/ | ||
let colorBlack = varLoader('color-black', '#000000'); | ||
/// B6-1 | ||
let colorB61 = varLoader('color-b6-1', '#e9e6fa'); | ||
/// B6-2 | ||
let colorB62 = varLoader('color-b6-2', '#d5cff7'); | ||
/// B6-3 | ||
let colorB63 = varLoader('color-b6-3', '#b8afed'); | ||
/// B6-4 | ||
let colorB64 = varLoader('color-b6-4', '#9f94e8'); | ||
/// B6-5 | ||
let colorB65 = varLoader('color-b6-5', '#887be3'); | ||
/// B6-6 | ||
let colorB66 = varLoader('color-b6-6', '#6d5cdb'); | ||
/// B6-7 | ||
let colorB67 = varLoader('color-b6-7', '#5f4dd1'); | ||
/// B6-8 | ||
let colorB68 = varLoader('color-b6-8', '#5240c7'); | ||
/// B6-9 | ||
let colorB69 = varLoader('color-b6-9', '#4634bf'); | ||
/// B6-10 | ||
let colorB610 = varLoader('color-b6-10', '#3a27b5'); | ||
/// B7 | ||
/// 可用变量: `$color-b7-1 - $color-b7-10` | ||
/** | ||
* Function Color 功能色 | ||
*/ | ||
/// B7-1 | ||
let colorB71 = varLoader('color-b7-1', '#e3eaf7'); | ||
/// B7-2 | ||
let colorB72 = varLoader('color-b7-2', '#ccd9f0'); | ||
/// B7-3 | ||
let colorB73 = varLoader('color-b7-3', '#aabee0'); | ||
/// B7-4 | ||
let colorB74 = varLoader('color-b7-4', '#84a1d1'); | ||
/// B7-5 | ||
let colorB75 = varLoader('color-b7-5', '#6d8cc2'); | ||
/// B7-6 | ||
/// @export | ||
let colorB76 = varLoader('color-b7-6', '#4f74b3'); | ||
/// B7-7 | ||
let colorB77 = varLoader('color-b7-7', '#4369ab'); | ||
/// B7-8 | ||
let colorB78 = varLoader('color-b7-8', '#375ea3'); | ||
/// B7-9 | ||
/// @export | ||
let colorB79 = varLoader('color-b7-9', '#2d559c'); | ||
/// B7-10 | ||
let colorB710 = varLoader('color-b7-10', '#224b94'); | ||
/// B8 | ||
/// 可用变量: `$color-b8-1 - $color-b8-10` | ||
/** | ||
* @param {string} [color-warning-1] [警示/重要-浅] | ||
*/ | ||
let colorWarning1 = varLoader('color-warning-1', '#FFF3E0'); | ||
/** | ||
* @param {string} [color-warning-2] [警示/重要-常规] | ||
*/ | ||
let colorWarning2 = varLoader('color-warning-2', '#FF9800'); | ||
/** | ||
* @param {string} [color-warning-3] [警示/重要-深] | ||
*/ | ||
let colorWarning3 = varLoader('color-warning-3', '#ED6F00'); | ||
/// B8-1 | ||
let colorB81 = varLoader('color-b8-1', '#ffebee'); | ||
/// B8-2 | ||
let colorB82 = varLoader('color-b8-2', '#ffd9e0'); | ||
/// B8-3 | ||
let colorB83 = varLoader('color-b8-3', '#ffc2ce'); | ||
/// B8-4 | ||
let colorB84 = varLoader('color-b8-4', '#ffa3b6'); | ||
/// B8-5 | ||
let colorB85 = varLoader('color-b8-5', '#ff89a1'); | ||
/// B8-6 | ||
let colorB86 = varLoader('color-b8-6', '#f96985'); | ||
/// B8-7 | ||
let colorB87 = varLoader('color-b8-7', '#f54e70'); | ||
/// B8-8 | ||
let colorB88 = varLoader('color-b8-8', '#ed395d'); | ||
/// B8-9 | ||
let colorB89 = varLoader('color-b8-9', '#de284c'); | ||
/// B8-10 | ||
let colorB810 = varLoader('color-b8-10', '#d1173f'); | ||
/** | ||
* @param {string} [color-error-1] [报错-浅] | ||
*/ | ||
let colorError1 = varLoader('color-error-1', '#FFEBEE'); | ||
/** | ||
* @param {string} [color-error-2] [报错-常规] | ||
*/ | ||
let colorError2 = varLoader('color-error-2', '#F44336'); | ||
/** | ||
* @param {string} [color-error-3] [报错-深] | ||
*/ | ||
let colorError3 = varLoader('color-error-3', '#DB2F23'); | ||
/** | ||
* @param {string} [color-success-1] [成功-浅] | ||
*/ | ||
let colorSuccess1 = varLoader('color-success-1', '#F1F8E9'); | ||
/** | ||
* @param {string} [color-success-2] [成功-常规] | ||
*/ | ||
let colorSuccess2 = varLoader('color-success-2', '#8BC34A'); | ||
/** | ||
* @param {string} [color-success-3] [成功-深] | ||
*/ | ||
let colorSuccess3 = varLoader('color-success-3', '#70A82F'); | ||
/// 界面色 | ||
/// 可用变量: `$color-n1-1 - $color-n1-9` | ||
/** | ||
* @param {string} [color-notice-1] [提示-浅] | ||
*/ | ||
let colorNotice1 = varLoader('color-notice-1', '#E3F2FD'); | ||
/** | ||
* @param {string} [color-notice-2] [提示-常规] | ||
*/ | ||
let colorNotice2 = varLoader('color-notice-2', '#2196F3'); | ||
/** | ||
* @param {string} [color-notice-3] [提示-深] | ||
*/ | ||
let colorNotice3 = varLoader('color-notice-3', '#1681D9'); | ||
/// N1-1 | ||
/// @export | ||
let colorN11 = varLoader('color-n1-1', '#ffffff'); | ||
/// N1-2 | ||
/// @export | ||
let colorN12 = varLoader('color-n1-2', '#f7f8fa'); | ||
/// N1-3 | ||
/// @export | ||
let colorN13 = varLoader('color-n1-3', '#f2f3f7'); | ||
/// N1-4 | ||
/// @export | ||
let colorN14 = varLoader('color-n1-4', '#ebecf0'); | ||
/// N1-5 | ||
/// @export | ||
let colorN15 = varLoader('color-n1-5', '#e6e7eb'); | ||
/// N1-6 | ||
/// @export | ||
let colorN16 = varLoader('color-n1-6', '#dcdee3'); | ||
/// N1-7 | ||
/// @export | ||
let colorN17 = varLoader('color-n1-7', '#c4c6cf'); | ||
/// N1-8 | ||
/// @export | ||
let colorN18 = varLoader('color-n1-8', '#a0a2ad'); | ||
/// N1-9 | ||
/// @export | ||
let colorN19 = varLoader('color-n1-9', '#000000'); | ||
/// N1-10 | ||
let colorN110 = varLoader('color-n1-10', 'transparent'); | ||
/** | ||
* @param {string} [color-help-1] [帮助-浅] | ||
*/ | ||
let colorHelp1 = varLoader('color-help-1', '#FDF5FF'); | ||
/** | ||
* @param {string} [color-help-2] [帮助-常规] | ||
*/ | ||
let colorHelp2 = varLoader('color-help-2', '#B921F3'); | ||
/** | ||
* @param {string} [color-help-3] [帮助-深] | ||
*/ | ||
let colorHelp3 = varLoader('color-help-3', '#A116D9'); | ||
/// 文字色 | ||
/// 可用变量: `$color-n2-1 - $color-n2-4` | ||
/// N2-1 | ||
/// @export | ||
let colorN21 = varLoader('color-n2-1', '#cccccc'); | ||
/// N2-2 | ||
/// @export | ||
let colorN22 = varLoader('color-n2-2', '#999999'); | ||
/// N2-3 | ||
/// @export | ||
let colorN23 = varLoader('color-n2-3', '#5f646e'); | ||
/// N2-4 | ||
/// @export | ||
let colorN24 = varLoader('color-n2-4', '#3d4145'); | ||
/// N2-5 | ||
let colorN25 = varLoader('color-n2-5', 'transparent'); | ||
/// N2-6 | ||
let colorN26 = varLoader('color-n2-6', 'transparent'); | ||
/// N2-7 | ||
let colorN27 = varLoader('color-n2-7', 'transparent'); | ||
/// N2-8 | ||
let colorN28 = varLoader('color-n2-8', 'transparent'); | ||
/// N2-9 | ||
let colorN29 = varLoader('color-n2-9', 'transparent'); | ||
/// N2-10 | ||
let colorN210 = varLoader('color-n2-10', 'transparent'); | ||
/** | ||
* @param {string} [color-link-1] [链接-常规] | ||
*/ | ||
let colorLink1 = varLoader('color-link-1', '#FDF5FF'); | ||
/** | ||
* @param {string} [color-link-2] [链接-深] | ||
*/ | ||
let colorLink2 = varLoader('color-link-2', '#2196F3'); | ||
/** | ||
* @param {string} [color-link-3] [链接-重] | ||
*/ | ||
let colorLink3 = varLoader('color-link-3', '#A116D9'); | ||
/** | ||
* @param {string} [color-other-1] [其他-常规] | ||
*/ | ||
let colorOther1 = varLoader('color-other-1', '#FDF5FF'); | ||
/// 强调, 着重说明 | ||
/// 可用变量: `$color-f1-1, $color-f1-2` | ||
/// F1-1 | ||
/// @export | ||
let colorF11 = varLoader('color-f1-1', '#ffa033'); | ||
/// F1-2 | ||
/// @export | ||
let colorF12 = varLoader('color-f1-2', '#fff1e8'); | ||
/// F1-3 | ||
/// @export | ||
let colorF13 = varLoader('color-f1-3', '#eb7e10'); | ||
/// F1-4 | ||
let colorF14 = varLoader('color-f1-4', 'transparent'); | ||
/// F1-5 | ||
let colorF15 = varLoader('color-f1-5', 'transparent'); | ||
/// F1-6 | ||
let colorF16 = varLoader('color-f1-6', 'transparent'); | ||
/// F1-7 | ||
let colorF17 = varLoader('color-f1-7', 'transparent'); | ||
/// F1-8 | ||
let colorF18 = varLoader('color-f1-8', 'transparent'); | ||
/// F1-9 | ||
let colorF19 = varLoader('color-f1-9', 'transparent'); | ||
/// F1-10 | ||
let colorF110 = varLoader('color-f1-10', 'transparent'); | ||
/// 错误, 警告 | ||
/// 可用变量: `$color-f2-1, $color-f2-2` | ||
/// F2-1 | ||
/// @export | ||
let colorF21 = varLoader('color-f2-1', '#ff3333'); | ||
/// F2-2 | ||
/// @export | ||
let colorF22 = varLoader('color-f2-2', '#fae7e7'); | ||
/// F2-3 | ||
/// @export | ||
let colorF23 = varLoader('color-f2-3', '#e61c1c'); | ||
/// F2-4 | ||
let colorF24 = varLoader('color-f2-4', 'transparent'); | ||
/// F2-5 | ||
let colorF25 = varLoader('color-f2-5', 'transparent'); | ||
/// F2-6 | ||
let colorF26 = varLoader('color-f2-6', 'transparent'); | ||
/// F2-7 | ||
let colorF27 = varLoader('color-f2-7', 'transparent'); | ||
/// F2-8 | ||
let colorF28 = varLoader('color-f2-8', 'transparent'); | ||
/// F2-9 | ||
let colorF29 = varLoader('color-f2-9', 'transparent'); | ||
/// F2-10 | ||
let colorF210 = varLoader('color-f2-10', 'transparent'); | ||
/// 成功, 正向积极 | ||
/// 可用变量: `$color-f3-1, $color-f3-2` | ||
/// F3-1 | ||
/// @export | ||
let colorF31 = varLoader('color-f3-1', '#1dc11d'); | ||
/// F3-2 | ||
/// @export | ||
let colorF32 = varLoader('color-f3-2', '#e8f9e8'); | ||
/// F3-3 | ||
/// @export | ||
let colorF33 = varLoader('color-f3-3', '#0da80d'); | ||
/// F3-4 | ||
let colorF34 = varLoader('color-f3-4', 'transparent'); | ||
/// F3-5 | ||
let colorF35 = varLoader('color-f3-5', 'transparent'); | ||
/// F3-6 | ||
let colorF36 = varLoader('color-f3-6', 'transparent'); | ||
/// F3-7 | ||
let colorF37 = varLoader('color-f3-7', 'transparent'); | ||
/// F3-8 | ||
let colorF38 = varLoader('color-f3-8', 'transparent'); | ||
/// F3-9 | ||
let colorF39 = varLoader('color-f3-9', 'transparent'); | ||
/// F3-10 | ||
let colorF310 = varLoader('color-f3-10', 'transparent'); | ||
/// link 链接专用色 | ||
/// 可用变量: `$color-f4-1 - $color-f4-3` | ||
/// F4-1 | ||
/// @export | ||
let colorF41 = varLoader('color-f4-1', '#3089dc'); | ||
/// F4-2 | ||
let colorF42 = varLoader('color-f4-2', '#9a65a6'); | ||
/// F4-3 | ||
/// @export | ||
let colorF43 = varLoader('color-f4-3', '#1170bc'); | ||
/// F4-4 | ||
let colorF44 = varLoader('color-f4-4', 'transparent'); | ||
/// F4-5 | ||
let colorF45 = varLoader('color-f4-5', 'transparent'); | ||
/// F4-6 | ||
let colorF46 = varLoader('color-f4-6', 'transparent'); | ||
/// F4-7 | ||
let colorF47 = varLoader('color-f4-7', 'transparent'); | ||
/// F4-8 | ||
let colorF48 = varLoader('color-f4-8', 'transparent'); | ||
/// F4-9 | ||
let colorF49 = varLoader('color-f4-9', 'transparent'); | ||
/// F4-10 | ||
let colorF410 = varLoader('color-f4-10', 'transparent'); | ||
module.exports = { | ||
['color-b1-1']: colorB11, | ||
['color-b1-2']: colorB12, | ||
['color-b1-3']: colorB13, | ||
['color-b1-4']: colorB14, | ||
['color-b1-5']: colorB15, | ||
['color-b1-6']: colorB16, | ||
['color-b1-7']: colorB17, | ||
['color-b1-8']: colorB18, | ||
['color-b1-9']: colorB19, | ||
['color-b1-10']: colorB110, | ||
['color-b2-1']: colorB21, | ||
['color-b2-2']: colorB22, | ||
['color-b2-3']: colorB23, | ||
['color-b2-4']: colorB24, | ||
['color-b2-5']: colorB25, | ||
['color-b2-6']: colorB26, | ||
['color-b2-7']: colorB27, | ||
['color-b2-8']: colorB28, | ||
['color-b2-9']: colorB29, | ||
['color-b2-10']: colorB210, | ||
['color-b3-1']: colorB31, | ||
['color-b3-2']: colorB32, | ||
['color-b3-3']: colorB33, | ||
['color-b3-4']: colorB34, | ||
['color-b3-5']: colorB35, | ||
['color-b3-6']: colorB36, | ||
['color-b3-7']: colorB37, | ||
['color-b3-8']: colorB38, | ||
['color-b3-9']: colorB39, | ||
['color-b3-10']: colorB310, | ||
['color-b4-1']: colorB41, | ||
['color-b4-2']: colorB42, | ||
['color-b4-3']: colorB43, | ||
['color-b4-4']: colorB44, | ||
['color-b4-5']: colorB45, | ||
['color-b4-6']: colorB46, | ||
['color-b4-7']: colorB47, | ||
['color-b4-8']: colorB48, | ||
['color-b4-9']: colorB49, | ||
['color-b4-10']: colorB410, | ||
['color-b5-1']: colorB51, | ||
['color-b5-2']: colorB52, | ||
['color-b5-3']: colorB53, | ||
['color-b5-4']: colorB54, | ||
['color-b5-5']: colorB55, | ||
['color-b5-6']: colorB56, | ||
['color-b5-7']: colorB57, | ||
['color-b5-8']: colorB58, | ||
['color-b5-9']: colorB59, | ||
['color-b5-10']: colorB510, | ||
['color-b6-1']: colorB61, | ||
['color-b6-2']: colorB62, | ||
['color-b6-3']: colorB63, | ||
['color-b6-4']: colorB64, | ||
['color-b6-5']: colorB65, | ||
['color-b6-6']: colorB66, | ||
['color-b6-7']: colorB67, | ||
['color-b6-8']: colorB68, | ||
['color-b6-9']: colorB69, | ||
['color-b6-10']: colorB610, | ||
['color-b7-1']: colorB71, | ||
['color-b7-2']: colorB72, | ||
['color-b7-3']: colorB73, | ||
['color-b7-4']: colorB74, | ||
['color-b7-5']: colorB75, | ||
['color-b7-6']: colorB76, | ||
['color-b7-7']: colorB77, | ||
['color-b7-8']: colorB78, | ||
['color-b7-9']: colorB79, | ||
['color-b7-10']: colorB710, | ||
['color-b8-1']: colorB81, | ||
['color-b8-2']: colorB82, | ||
['color-b8-3']: colorB83, | ||
['color-b8-4']: colorB84, | ||
['color-b8-5']: colorB85, | ||
['color-b8-6']: colorB86, | ||
['color-b8-7']: colorB87, | ||
['color-b8-8']: colorB88, | ||
['color-b8-9']: colorB89, | ||
['color-b8-10']: colorB810, | ||
['color-n1-1']: colorN11, | ||
['color-n1-2']: colorN12, | ||
['color-n1-3']: colorN13, | ||
['color-n1-4']: colorN14, | ||
['color-n1-5']: colorN15, | ||
['color-n1-6']: colorN16, | ||
['color-n1-7']: colorN17, | ||
['color-n1-8']: colorN18, | ||
['color-n1-9']: colorN19, | ||
['color-n1-10']: colorN110, | ||
['color-n2-1']: colorN21, | ||
['color-n2-2']: colorN22, | ||
['color-n2-3']: colorN23, | ||
['color-n2-4']: colorN24, | ||
['color-n2-5']: colorN25, | ||
['color-n2-6']: colorN26, | ||
['color-n2-7']: colorN27, | ||
['color-n2-8']: colorN28, | ||
['color-n2-9']: colorN29, | ||
['color-n2-10']: colorN210, | ||
['color-f1-1']: colorF11, | ||
['color-f1-2']: colorF12, | ||
['color-f1-3']: colorF13, | ||
['color-f1-4']: colorF14, | ||
['color-f1-5']: colorF15, | ||
['color-f1-6']: colorF16, | ||
['color-f1-7']: colorF17, | ||
['color-f1-8']: colorF18, | ||
['color-f1-9']: colorF19, | ||
['color-f1-10']: colorF110, | ||
['color-f2-1']: colorF21, | ||
['color-f2-2']: colorF22, | ||
['color-f2-3']: colorF23, | ||
['color-f2-4']: colorF24, | ||
['color-f2-5']: colorF25, | ||
['color-f2-6']: colorF26, | ||
['color-f2-7']: colorF27, | ||
['color-f2-8']: colorF28, | ||
['color-f2-9']: colorF29, | ||
['color-f2-10']: colorF210, | ||
['color-f3-1']: colorF31, | ||
['color-f3-2']: colorF32, | ||
['color-f3-3']: colorF33, | ||
['color-f3-4']: colorF34, | ||
['color-f3-5']: colorF35, | ||
['color-f3-6']: colorF36, | ||
['color-f3-7']: colorF37, | ||
['color-f3-8']: colorF38, | ||
['color-f3-9']: colorF39, | ||
['color-f3-10']: colorF310, | ||
['color-f4-1']: colorF41, | ||
['color-f4-2']: colorF42, | ||
['color-f4-3']: colorF43, | ||
['color-f4-4']: colorF44, | ||
['color-f4-5']: colorF45, | ||
['color-f4-6']: colorF46, | ||
['color-f4-7']: colorF47, | ||
['color-f4-8']: colorF48, | ||
['color-f4-9']: colorF49, | ||
['color-f4-10']: colorF410 | ||
['color-brand1-1']: colorBrand11, | ||
['color-brand1-6']: colorBrand16, | ||
['color-brand1-8']: colorBrand19, | ||
['color-line1-1']: colorLine11, | ||
['color-line1-2']: colorLine12, | ||
['color-line1-3']: colorLine13, | ||
['color-line1-4']: colorLine14, | ||
['color-fill1-1']: colorFill11, | ||
['color-fill1-2']: colorFill12, | ||
['color-fill1-3']: colorFill13, | ||
['color-text1-1']: colorText11, | ||
['color-text1-2']: colorText12, | ||
['color-text1-3']: colorText13, | ||
['color-text1-4']: colorText14, | ||
['color-text1-5']: colorText15, | ||
['color-white']: colorWhite, | ||
['color-black']: colorBlack, | ||
['color-warning-1']: colorWarning1, | ||
['color-warning-2']: colorWarning2, | ||
['color-warning-3']: colorWarning3, | ||
['color-error-1']: colorError1, | ||
['color-error-2']: colorError2, | ||
['color-error-3']: colorError3, | ||
['color-success-1']: colorSuccess1, | ||
['color-success-2']: colorSuccess2, | ||
['color-success-3']: colorSuccess3, | ||
['color-notice-1']: colorNotice1, | ||
['color-notice-2']: colorNotice2, | ||
['color-notice-3']: colorNotice3, | ||
['color-help-1']: colorHelp1, | ||
['color-help-2']: colorHelp2, | ||
['color-help-3']: colorHelp3, | ||
['color-link-1']: colorLink1, | ||
['color-link-2']: colorLink2, | ||
['color-link-3']: colorLink3, | ||
['color-other-1']: colorOther1 | ||
} |
'use strict'; | ||
import { varLoader } from '../util/var-loader'; | ||
import { varLoader } from 'nuke-var-loader'; | ||
//// | ||
/// @group Variables 变量 | ||
/// @module corner: 边角 | ||
/// @category style | ||
//// | ||
/** | ||
* Corner 圆角尺寸 | ||
*/ | ||
/** | ||
* @param {number} [corner-0] [直角] | ||
*/ | ||
let corner0 = varLoader('corner-0', 0); | ||
/** | ||
* @param {number} [corner-1] [常规圆角] | ||
*/ | ||
let corner1 = varLoader('corner-1', 6); | ||
/** | ||
* @param {number} [corner-2] [超大圆角] | ||
*/ | ||
let corner2 = varLoader('corner-2', 40); | ||
/** | ||
* @param {string} [corner-circle] [圆形] | ||
*/ | ||
let cornerCircle = varLoader('corner-circle', '50%'); | ||
let cornerRadiusBase = varLoader('corner-radius-base', '8'); | ||
/// Radius 0 | ||
/// @export | ||
/// @type String | ||
let cornerRadiusR0 = varLoader('corner-radius-r0', '0'); | ||
/// Radius 1 | ||
/// @export | ||
/// @type String | ||
let cornerRadiusR1 = varLoader('corner-radius-r1', '8'); | ||
/// Radius 2 | ||
/// @export | ||
/// @type String | ||
let cornerRadiusR2 = varLoader('corner-radius-r2', '4'); | ||
/// Radius Half | ||
/// @export | ||
let cornerRadiusHalf = varLoader('corner-radius-half', '50%'); | ||
/// Radius Circle | ||
/// @export | ||
let cornerRadiusCircle = varLoader('corner-radius-circle', '100%'); | ||
let cornerSidesBase = varLoader('corner-sides-base', "base"); | ||
let cornerSidesTop = varLoader('corner-sides-top', "top"); | ||
let cornerSidesRight = varLoader('corner-sides-right', "right"); | ||
let cornerSidesBottom = varLoader('corner-sides-bottom', "bottom"); | ||
let cornerSidesLeft = varLoader('corner-sides-left', "left"); | ||
let cornerSidesTl = varLoader('corner-sides-tl', "topLeft"); | ||
let cornerSidesTr = varLoader('corner-sides-tr', "topRight"); | ||
let cornerSidesBl = varLoader('corner-sides-bl', "bottomLeft"); | ||
let cornerSidesBr = varLoader('corner-sides-br', "bottomRight"); | ||
/// Corner R0 | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR0 = varLoader('corner-r0', cornerMaker(cornerRadiusBase, cornerRadiusR0)); | ||
/// Corner R0 (top) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR0Top = varLoader('corner-r0-top', cornerMaker(cornerSidesTop, cornerRadiusR0)); | ||
/// Corner R0 (right) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR0Right = varLoader('corner-r0-right', cornerMaker(cornerSidesRight, cornerRadiusR0)); | ||
/// Corner R0 (bottom) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR0Bottom = varLoader('corner-r0-bottom', cornerMaker(cornerSidesBottom, cornerRadiusR0)); | ||
/// Corner R0 (left) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR0Left = varLoader('corner-r0-left', cornerMaker(cornerSidesLeft, cornerRadiusR0)); | ||
/// Corner R1 | ||
/// @unconfigurable | ||
/// @access private | ||
let cornerR1 = varLoader('corner-r1', cornerMaker()); | ||
/// Corner R1 (top) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR1Top = varLoader('corner-r1-top', cornerMaker(cornerSidesTop)); | ||
/// Corner R1 (right) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR1Right = varLoader('corner-r1-right', cornerMaker(cornerSidesRight)); | ||
/// Corner R1 (bottom) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR1Bottom = varLoader('corner-r1-bottom', cornerMaker(cornerSidesBottom)); | ||
/// Corner R1 (left) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR1Left = varLoader('corner-r1-left', cornerMaker(cornerSidesLeft)); | ||
/// Corner R2 | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR2 = varLoader('corner-r2', cornerMaker(cornerRadiusBase, cornerRadiusR2)); | ||
/// Corner R2 (top) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR2Top = varLoader('corner-r2-top', cornerMaker(cornerSidesTop, cornerRadiusR2)); | ||
/// Corner R2 (right) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR2Right = varLoader('corner-r2-right', cornerMaker(cornerSidesRight, cornerRadiusR2)); | ||
/// Corner R2 (bottom) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR2Bottom = varLoader('corner-r2-bottom', cornerMaker(cornerSidesBottom, cornerRadiusR2)); | ||
/// Corner R2 (left) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerR2Left = varLoader('corner-r2-left', cornerMaker(cornerSidesLeft, cornerRadiusR2)); | ||
/// Corner Half | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerRHalf = varLoader('corner-r-half', cornerMaker(cornerRadiusBase, cornerRadiusHalf)); | ||
/// Corner Half (top) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerRHalfTop = varLoader('corner-r-half-top', cornerMaker(cornerSidesTop, cornerRadiusHalf)); | ||
/// Corner Half (right) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerRHalfRight = varLoader('corner-r-half-right', cornerMaker(cornerSidesRight, cornerRadiusHalf)); | ||
/// Corner Half (bottom) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerRHalfBottom = varLoader('corner-r-half-bottom', cornerMaker(cornerSidesBottom, cornerRadiusHalf)); | ||
/// Corner Half (left) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerRHalfLeft = varLoader('corner-r-half-left', cornerMaker(cornerSidesLeft, cornerRadiusHalf)); | ||
/// Corner Circle | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerRCircle = varLoader('corner-r-circle', cornerMaker(cornerRadiusBase, cornerRadiusCircle)); | ||
/// Corner Circle (top) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerRCircleTop = varLoader('corner-r-circle-top', cornerMaker(cornerSidesTop, cornerRadiusCircle)); | ||
/// Corner Circle (right) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerRCircleRight = varLoader('corner-r-circle-right', cornerMaker(cornerSidesRight, cornerRadiusCircle)); | ||
/// Corner Circle (bottom) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerRCircleBottom = varLoader('corner-r-circle-bottom', cornerMaker(cornerSidesBottom, cornerRadiusCircle)); | ||
/// Corner Circle (left) | ||
/// @access private | ||
/// @unconfigurable | ||
let cornerRCircleLeft = varLoader('corner-r-circle-left', cornerMaker(cornerSidesLeft, cornerRadiusCircle)); | ||
/// 圆角生成器 | ||
/// | ||
/// @access private | ||
/// | ||
/// @param {String} $side [$corner-sides-base] - 需要加圆角的面 | ||
/// @param {String} $radius [$corner-radius-base] - 圆角曲率 | ||
/// | ||
/// @example.rxscss -.rxscss 用法 | ||
/// .element { | ||
/// border-radius: corner-maker(); | ||
/// } | ||
/// | ||
/// @example css - CSS 输出 | ||
/// .element { | ||
/// border-radius: 3px 3px 3px 3px; | ||
/// } | ||
/// | ||
/// @return {List} | ||
function cornerMaker(side=cornerSidesBase, radius=cornerRadiusBase) { | ||
let tl = radius; | ||
let tr = radius; | ||
let bl = radius; | ||
let br = radius; | ||
if (side == 'top') { | ||
br = 0; | ||
bl = 0; | ||
} else if (side == 'right') { | ||
tl = 0; | ||
bl = 0; | ||
} else if (side == 'down') { | ||
tr = 0; | ||
tl = 0; | ||
} else if (side == 'left') { | ||
tr = 0; | ||
br = 0; | ||
} | ||
return `${tl} ${tr} ${br} ${bl}`; | ||
} | ||
module.exports = { | ||
['corner-radius-base']: cornerRadiusBase, | ||
['corner-radius-r0']: cornerRadiusR0, | ||
['corner-radius-r1']: cornerRadiusR1, | ||
['corner-radius-r2']: cornerRadiusR2, | ||
['corner-radius-half']: cornerRadiusHalf, | ||
['corner-radius-circle']: cornerRadiusCircle, | ||
['corner-sides-base']: cornerSidesBase, | ||
['corner-sides-top']: cornerSidesTop, | ||
['corner-sides-right']: cornerSidesRight, | ||
['corner-sides-bottom']: cornerSidesBottom, | ||
['corner-sides-left']: cornerSidesLeft, | ||
['corner-sides-tl']: cornerSidesTl, | ||
['corner-sides-tr']: cornerSidesTr, | ||
['corner-sides-bl']: cornerSidesBl, | ||
['corner-sides-br']: cornerSidesBr, | ||
['corner-r0']: cornerR0, | ||
['corner-r0-top']: cornerR0Top, | ||
['corner-r0-right']: cornerR0Right, | ||
['corner-r0-bottom']: cornerR0Bottom, | ||
['corner-r0-left']: cornerR0Left, | ||
['corner-r1']: cornerR1, | ||
['corner-r1-top']: cornerR1Top, | ||
['corner-r1-right']: cornerR1Right, | ||
['corner-r1-bottom']: cornerR1Bottom, | ||
['corner-r1-left']: cornerR1Left, | ||
['corner-r2']: cornerR2, | ||
['corner-r2-top']: cornerR2Top, | ||
['corner-r2-right']: cornerR2Right, | ||
['corner-r2-bottom']: cornerR2Bottom, | ||
['corner-r2-left']: cornerR2Left, | ||
['corner-r-half']: cornerRHalf, | ||
['corner-r-half-top']: cornerRHalfTop, | ||
['corner-r-half-right']: cornerRHalfRight, | ||
['corner-r-half-bottom']: cornerRHalfBottom, | ||
['corner-r-half-left']: cornerRHalfLeft, | ||
['corner-r-circle']: cornerRCircle, | ||
['corner-r-circle-top']: cornerRCircleTop, | ||
['corner-r-circle-right']: cornerRCircleRight, | ||
['corner-r-circle-bottom']: cornerRCircleBottom, | ||
['corner-r-circle-left']: cornerRCircleLeft, | ||
cornerMaker | ||
} | ||
['corner-0']: corner0, | ||
['corner-1']: corner1, | ||
['corner-2']: corner2, | ||
['corner-circle']: cornerCircle, | ||
} |
'use strict'; | ||
import { varLoader } from 'nuke-var-loader'; | ||
import { varLoader } from '../util/var-loader'; | ||
import platform from '../util/platform'; | ||
//// | ||
/// @group Variables 变量 | ||
/// @module font: 字体 | ||
/// @type String | ||
/// @category style | ||
/// @export | ||
//// | ||
/** | ||
* Font size 字体尺寸 | ||
*/ | ||
/** | ||
* @param {number} [font-size-display-3] [运营标题-大] | ||
*/ | ||
let fontSizeDisplay3 = varLoader('font-size-display-3', 112); | ||
/** | ||
* @param {number} [font-size-display-2] [运营标题-中] | ||
*/ | ||
let fontSizeDisplay2 = varLoader('font-size-display-2', 96); | ||
/// Light | ||
/// @export weightcore | ||
/// @unconfigurable | ||
let fontWeightCoreLight = varLoader('font-weight-core-light', 'lighter'); | ||
/** | ||
* @param {number} [font-size-display-1] [运营标题-小] | ||
*/ | ||
let fontSizeDisplay1 = varLoader('font-size-display-1', 72); | ||
/// Thin | ||
/// @export weightcore | ||
/// @unconfigurable | ||
let fontWeightCoreThin = varLoader('font-weight-core-thin', '200'); | ||
/// Regular | ||
/// @export weightcore | ||
/// @unconfigurable | ||
let fontWeightCoreRegular = varLoader('font-weight-core-regular', 'normal'); | ||
/** | ||
* @param {number} [font-size-headline] [大字标题] | ||
*/ | ||
let fontSizeHeadline = varLoader('font-size-headline', platform.iOS ? 40 : 48); | ||
/// Medium | ||
/// @export weightcore | ||
/// @unconfigurable | ||
let fontWeightCoreMedium = varLoader('font-weight-core-medium', '500'); | ||
/** | ||
* @param {number} [font-size-title] [标题] | ||
*/ | ||
let fontSizeTitle = varLoader('font-size-title', platform.iOS ? 34 : 40); | ||
/// Bold | ||
/// @export weightcore | ||
/// @unconfigurable | ||
let fontWeightCoreBold = varLoader('font-weight-core-bold', 'bold'); | ||
/** | ||
* @param {number} [font-size-subhead] [副标题] | ||
*/ | ||
let fontSizeSubhead = varLoader('font-size-subhead', 32); | ||
/// Bolder | ||
/// @export weightcore | ||
/// @unconfigurable | ||
let fontWeightCoreBolder = varLoader('font-weight-core-bolder', 'bolder'); | ||
/** | ||
* @param {number} [font-size-body-3] [正文加粗] | ||
*/ | ||
let fontSizeBody3 = varLoader('font-size-body-3', platform.iOS ? 30 : 28); | ||
/** | ||
* @param {number} [font-size-body-2] [正文加粗] todo | ||
*/ | ||
let fontSizeBody2 = varLoader('font-size-body-2', platform.iOS ? 26 : 28); | ||
/** | ||
* @param {number} [font-size-body-1] [正文常规] | ||
*/ | ||
let fontSizeBody1 = varLoader('font-size-body-1', platform.iOS ? 24 : 28); | ||
/** | ||
* @param {number} [font-size-caption] [水印文本] | ||
*/ | ||
let fontSizeCaption = varLoader('font-size-caption', platform.iOS ? 22 : 24); | ||
let fontFamilyBase = varLoader('font-family-base', 'roboto, "helvetica neue", helvetica, tahoma, arial, "microsoft yahei", "pingfang sc"'); | ||
let fontFamilyEn = varLoader('font-family-en', 'roboto, "helvetica neue", helvetica, tahoma, arial'); | ||
let fontFamilyZh = varLoader('font-family-zh', '"microsoft yahei", simsun, arial'); | ||
/** | ||
* @param {number} [font-size-footnote] [水印文本] | ||
*/ | ||
let fontSizeFootnote = varLoader('font-size-footnote', platform.iOS ? 20 : 24); | ||
let fontCustomPath = varLoader('font-custom-path', "//i.alicdn.com/artascopeFont/20160419204543/font/"); | ||
let fontCustomName = varLoader('font-custom-name', 'roboto'); | ||
let fontNameThin = varLoader('font-name-thin', 'robotoThin'); | ||
let fontNameLight = varLoader('font-name-light', 'robotoLight'); | ||
let fontNameRegular = varLoader('font-name-regular', 'robotoRegular'); | ||
let fontNameMedium = varLoader('font-name-medium', 'robotoMedium'); | ||
let fontNameBold = varLoader('font-name-bold', 'robotoBold'); | ||
let fontNameBolder = varLoader('font-name-bolder', 'robotoBolder'); | ||
let fontLineheightBase = varLoader('font-lineheight-base', '1.2'); | ||
/** | ||
* @param {number} [font-weight-1] [细体] | ||
*/ | ||
let fontWeight1 = varLoader('font-weight-1', platform.iOS ? 400 : 300); | ||
/** | ||
* @param {number} [font-weight-2] [常规] // todo weex 下,normal 等同于 400, bold 等同于 700; | ||
*/ | ||
let fontWeight2 = varLoader('font-weight-2', 400 ); | ||
/** | ||
* @param {number} [font-weight-3] [粗体] | ||
*/ | ||
let fontWeight3 = varLoader('font-weight-3', 700 ); | ||
/// Display3 Size | ||
/// @export size | ||
let fontSizeBaseDisplay3 = varLoader('font-size-base-display3', '112'); | ||
/// Display2 Size | ||
/// @export size | ||
let fontSizeBaseDisplay2 = varLoader('font-size-base-display2', '96'); | ||
/// Display1 Size | ||
/// @export size | ||
let fontSizeBaseDisplay1 = varLoader('font-size-base-display1', '72'); | ||
/// Headline Size | ||
/// @export size | ||
let fontSizeBaseHeadline = varLoader('font-size-base-headline', '36'); | ||
let fontSizeBaseTitle = varLoader('font-size-base-title', '36'); | ||
/// Subhead Size | ||
/// @export size | ||
let fontSizeBaseSubhead = varLoader('font-size-base-subhead', '32'); | ||
/// Body2 Size | ||
/// @export size | ||
let fontSizeBaseBody2 = varLoader('font-size-base-body2', '28'); | ||
/// Body1 Size | ||
/// @export size | ||
let fontSizeBaseBody1 = varLoader('font-size-base-body1', '28'); | ||
/// Caption Size | ||
/// @export size | ||
let fontSizeBaseCaption = varLoader('font-size-base-caption', '24'); | ||
/// Footnote Size | ||
/// @export size | ||
let fontSizeBaseFootnote = varLoader('font-size-base-footnote', '20'); | ||
/// Display3 Weight | ||
/// @export weight | ||
let fontWeightBaseDisplay3 = varLoader('font-weight-base-display3', fontWeightCoreRegular); | ||
/// Display2 Weight | ||
/// @export weight | ||
let fontWeightBaseDisplay2 = varLoader('font-weight-base-display2', fontWeightCoreRegular); | ||
/// Display1 Weight | ||
/// @export weight | ||
let fontWeightBaseDisplay1 = varLoader('font-weight-base-display1', fontWeightCoreRegular); | ||
/// Headline Weight | ||
/// @export weight | ||
let fontWeightBaseHeadline = varLoader('font-weight-base-headline', fontWeightCoreMedium); | ||
let fontWeightBaseTitle = varLoader('font-weight-base-title', fontWeightCoreMedium); | ||
/// Subhead Weight | ||
/// @export weight | ||
let fontWeightBaseSubhead = varLoader('font-weight-base-subhead', fontWeightCoreRegular); | ||
/// Body2 Weight | ||
/// @export weight | ||
let fontWeightBaseBody2 = varLoader('font-weight-base-body2', fontWeightCoreMedium); | ||
/// Body1 Weight | ||
/// @export weight | ||
let fontWeightBaseBody1 = varLoader('font-weight-base-body1', fontWeightCoreRegular); | ||
/// Caption Weight | ||
/// @export weight | ||
let fontWeightBaseCaption = varLoader('font-weight-base-caption', fontWeightCoreRegular); | ||
/// Footnote Weight | ||
/// @export weight | ||
let fontWeightBaseFootnote = varLoader('font-weight-base-footnote', fontWeightCoreRegular); | ||
/// Display3 Line Height | ||
/// @export lineheight | ||
let fontLineheightBaseDisplay3 = varLoader('font-lineheight-base-display3', '124'); | ||
/// Display2 Line Height | ||
/// @export lineheight | ||
let fontLineheightBaseDisplay2 = varLoader('font-lineheight-base-display2', '102'); | ||
/// Display1 Line Height | ||
/// @export lineheight | ||
let fontLineheightBaseDisplay1 = varLoader('font-lineheight-base-display1', '78'); | ||
/// Headline Line Height | ||
/// @export lineheight | ||
let fontLineheightBaseHeadline = varLoader('font-lineheight-base-headline', '42'); | ||
let fontLineheightBaseTitle = varLoader('font-lineheight-base-title', '42'); | ||
/// Subhead Line Height | ||
/// @export lineheight | ||
let fontLineheightBaseSubhead = varLoader('font-lineheight-base-subhead', '38'); | ||
/// Body2 Line Height | ||
/// @export lineheight | ||
let fontLineheightBaseBody2 = varLoader('font-lineheight-base-body2', '34'); | ||
/// Body1 Line Height | ||
/// @export lineheight | ||
let fontLineheightBaseBody1 = varLoader('font-lineheight-base-body1', '34'); | ||
/// Caption Line Height | ||
/// @export lineheight | ||
let fontLineheightBaseCaption = varLoader('font-lineheight-base-caption', '30'); | ||
/// Footnote Line Height | ||
/// @export lineheight | ||
let fontLineheightBaseFootnote = varLoader('font-lineheight-base-footnote', '26'); | ||
/// Display3 Size | ||
/// @export size | ||
let fontSizeEnDisplay3 = varLoader('font-size-en-display3', '112'); | ||
/// Display2 Size | ||
/// @export size | ||
let fontSizeEnDisplay2 = varLoader('font-size-en-display2', '96'); | ||
/// Display1 size | ||
/// @export size | ||
let fontSizeEnDisplay1 = varLoader('font-size-en-display1', '72'); | ||
/// Headline size | ||
/// @export size | ||
let fontSizeEnHeadline = varLoader('font-size-en-headline', '36'); | ||
let fontSizeEnTitle = varLoader('font-size-en-title', '36'); | ||
/// Subhead size | ||
/// @export size | ||
let fontSizeEnSubhead = varLoader('font-size-en-subhead', '32'); | ||
/// Body2 size | ||
/// @export size | ||
let fontSizeEnBody2 = varLoader('font-size-en-body2', '28'); | ||
/// Body1 size | ||
/// @export size | ||
let fontSizeEnBody1 = varLoader('font-size-en-body1', '28'); | ||
/// Caption size | ||
/// @export size | ||
let fontSizeEnCaption = varLoader('font-size-en-caption', '24'); | ||
/// Footnote size | ||
/// @export size | ||
let fontSizeEnFootnote = varLoader('font-size-en-footnote', '20'); | ||
/// Display3 Weight | ||
/// @export weight | ||
let fontWeightEnDisplay3 = varLoader('font-weight-en-display3', fontWeightCoreRegular); | ||
/// Display2 Weight | ||
/// @export weight | ||
let fontWeightEnDisplay2 = varLoader('font-weight-en-display2', fontWeightCoreRegular); | ||
/// Display1 Weight | ||
/// @export weight | ||
let fontWeightEnDisplay1 = varLoader('font-weight-en-display1', fontWeightCoreRegular); | ||
/// Headline Weight | ||
/// @export weight | ||
let fontWeightEnHeadline = varLoader('font-weight-en-headline', fontWeightCoreMedium); | ||
let fontWeightEnTitle = varLoader('font-weight-en-title', fontWeightCoreMedium); | ||
/// Subhead Weight | ||
/// @export weight | ||
let fontWeightEnSubhead = varLoader('font-weight-en-subhead', fontWeightCoreRegular); | ||
/// Body2 Weight | ||
/// @export weight | ||
let fontWeightEnBody2 = varLoader('font-weight-en-body2', fontWeightCoreMedium); | ||
/// Body1 Weight | ||
/// @export weight | ||
let fontWeightEnBody1 = varLoader('font-weight-en-body1', fontWeightCoreRegular); | ||
/// Caption Weight | ||
/// @export weight | ||
let fontWeightEnCaption = varLoader('font-weight-en-caption', fontWeightCoreRegular); | ||
/// Footnote Weight | ||
/// @export weight | ||
let fontWeightEnFootnote = varLoader('font-weight-en-footnote', fontWeightCoreRegular); | ||
/// Display3 Line Height | ||
/// @export lineheight | ||
let fontLineheightEnDisplay3 = varLoader('font-lineheight-en-display3', '120'); | ||
/// Display2 Line Height | ||
/// @export lineheight | ||
let fontLineheightEnDisplay2 = varLoader('font-lineheight-en-display2', '102'); | ||
/// Display1 Line Height | ||
/// @export lineheight | ||
let fontLineheightEnDisplay1 = varLoader('font-lineheight-en-display1', '78'); | ||
/// Headline Line Height | ||
/// @export lineheight | ||
let fontLineheightEnHeadline = varLoader('font-lineheight-en-headline', '42'); | ||
let fontLineheightEnTitle = varLoader('font-lineheight-en-title', '42'); | ||
/// Subhead Line Height | ||
/// @export lineheight | ||
let fontLineheightEnSubhead = varLoader('font-lineheight-en-subhead', '39'); | ||
/// Body2 Line Height | ||
/// @export lineheight | ||
let fontLineheightEnBody2 = varLoader('font-lineheight-en-body2', '34'); | ||
/// Body1 Line Height | ||
/// @export lineheight | ||
let fontLineheightEnBody1 = varLoader('font-lineheight-en-body1', '34'); | ||
/// Caption Line Height | ||
/// @export lineheight | ||
let fontLineheightEnCaption = varLoader('font-lineheight-en-caption', '30'); | ||
/// Footnote Line Height | ||
/// @export lineheight | ||
let fontLineheightEnFootnote = varLoader('font-lineheight-en-footnote', '20'); | ||
/// Display3 Size | ||
/// @export size | ||
let fontSizeZhDisplay3 = varLoader('font-size-zh-display3', '112'); | ||
/// Display2 Size | ||
/// @export size | ||
let fontSizeZhDisplay2 = varLoader('font-size-zh-display2', '96'); | ||
/// Display1 size | ||
/// @export size | ||
let fontSizeZhDisplay1 = varLoader('font-size-zh-display1', '72'); | ||
/// Headline size | ||
/// @export size | ||
let fontSizeZhHeadline = varLoader('font-size-zh-headline', '36'); | ||
let fontSizeZhTitle = varLoader('font-size-zh-title', '36'); | ||
/// Subhead size | ||
/// @export size | ||
let fontSizeZhSubhead = varLoader('font-size-zh-subhead', '32'); | ||
/// Body2 size | ||
/// @export size | ||
let fontSizeZhBody2 = varLoader('font-size-zh-body2', '28'); | ||
/// Body1 size | ||
/// @export size | ||
let fontSizeZhBody1 = varLoader('font-size-zh-body1', '28'); | ||
/// Caption size | ||
/// @export size | ||
let fontSizeZhCaption = varLoader('font-size-zh-caption', '24'); | ||
/// Footnote size | ||
/// @export size | ||
let fontSizeZhFootnote = varLoader('font-size-zh-footnote', '20'); | ||
/// Display3 Weight | ||
/// @export weight | ||
let fontWeightZhDisplay3 = varLoader('font-weight-zh-display3', fontWeightCoreRegular); | ||
/// Display2 Weight | ||
/// @export weight | ||
let fontWeightZhDisplay2 = varLoader('font-weight-zh-display2', fontWeightCoreRegular); | ||
/// Display1 Weight | ||
/// @export weight | ||
let fontWeightZhDisplay1 = varLoader('font-weight-zh-display1', fontWeightCoreRegular); | ||
/// Headline Weight | ||
/// @export weight | ||
let fontWeightZhHeadline = varLoader('font-weight-zh-headline', fontWeightCoreMedium); | ||
let fontWeightZhTitle = varLoader('font-weight-zh-title', fontWeightCoreMedium); | ||
/// Subhead Weight | ||
/// @export weight | ||
let fontWeightZhSubhead = varLoader('font-weight-zh-subhead', fontWeightCoreRegular); | ||
/// Body2 Weight | ||
/// @export weight | ||
let fontWeightZhBody2 = varLoader('font-weight-zh-body2', fontWeightCoreMedium); | ||
/// Body1 Weight | ||
/// @export weight | ||
let fontWeightZhBody1 = varLoader('font-weight-zh-body1', fontWeightCoreRegular); | ||
/// Caption Weight | ||
/// @export weight | ||
let fontWeightZhCaption = varLoader('font-weight-zh-caption', fontWeightCoreRegular); | ||
/// Footnote Weight | ||
/// @export weight | ||
let fontWeightZhFootnote = varLoader('font-weight-zh-footnote', fontWeightCoreRegular); | ||
/// Display3 Line Height | ||
/// @export lineheight | ||
let fontLineheightZhDisplay3 = varLoader('font-lineheight-zh-display3', '124'); | ||
/// Display2 Line Height | ||
/// @export lineheight | ||
let fontLineheightZhDisplay2 = varLoader('font-lineheight-zh-display2', '102'); | ||
/// Display1 Line Height | ||
/// @export lineheight | ||
let fontLineheightZhDisplay1 = varLoader('font-lineheight-zh-display1', '78'); | ||
/// Headline Line Height | ||
/// @export lineheight | ||
let fontLineheightZhHeadline = varLoader('font-lineheight-zh-headline', '42'); | ||
let fontLineheightZhTitle = varLoader('font-lineheight-zh-title', '42'); | ||
/// Subhead Line Height | ||
/// @export lineheight | ||
let fontLineheightZhSubhead = varLoader('font-lineheight-zh-subhead', '39'); | ||
/// Body2 Line Height | ||
/// @export lineheight | ||
let fontLineheightZhBody2 = varLoader('font-lineheight-zh-body2', '34'); | ||
/// Body1 Line Height | ||
/// @export lineheight | ||
let fontLineheightZhBody1 = varLoader('font-lineheight-zh-body1', '34'); | ||
/// Caption Line Height | ||
/// @export lineheight | ||
let fontLineheightZhCaption = varLoader('font-lineheight-zh-caption', '30'); | ||
/// Footnote Line Height | ||
/// @export lineheight | ||
let fontLineheightZhFootnote = varLoader('font-lineheight-zh-footnote', '26'); | ||
module.exports = { | ||
['font-weight-core-light']: fontWeightCoreLight, | ||
['font-weight-core-thin']: fontWeightCoreThin, | ||
['font-weight-core-regular']: fontWeightCoreRegular, | ||
['font-weight-core-medium']: fontWeightCoreMedium, | ||
['font-weight-core-bold']: fontWeightCoreBold, | ||
['font-weight-core-bolder']: fontWeightCoreBolder, | ||
['font-family-base']: fontFamilyBase, | ||
['font-family-en']: fontFamilyEn, | ||
['font-family-zh']: fontFamilyZh, | ||
['font-custom-path']: fontCustomPath, | ||
['font-custom-name']: fontCustomName, | ||
['font-name-thin']: fontNameThin, | ||
['font-name-light']: fontNameLight, | ||
['font-name-regular']: fontNameRegular, | ||
['font-name-medium']: fontNameMedium, | ||
['font-name-bold']: fontNameBold, | ||
['font-name-bolder']: fontNameBolder, | ||
['font-lineheight-base']: fontLineheightBase, | ||
['font-size-base-display3']: fontSizeBaseDisplay3, | ||
['font-size-base-display2']: fontSizeBaseDisplay2, | ||
['font-size-base-display1']: fontSizeBaseDisplay1, | ||
['font-size-base-headline']: fontSizeBaseHeadline, | ||
['font-size-base-title']: fontSizeBaseTitle, | ||
['font-size-base-subhead']: fontSizeBaseSubhead, | ||
['font-size-base-body2']: fontSizeBaseBody2, | ||
['font-size-base-body1']: fontSizeBaseBody1, | ||
['font-size-base-caption']: fontSizeBaseCaption, | ||
['font-size-base-footnote']: fontSizeBaseFootnote, | ||
['font-weight-base-display3']: fontWeightBaseDisplay3, | ||
['font-weight-base-display2']: fontWeightBaseDisplay2, | ||
['font-weight-base-display1']: fontWeightBaseDisplay1, | ||
['font-weight-base-headline']: fontWeightBaseHeadline, | ||
['font-weight-base-title']: fontWeightBaseTitle, | ||
['font-weight-base-subhead']: fontWeightBaseSubhead, | ||
['font-weight-base-body2']: fontWeightBaseBody2, | ||
['font-weight-base-body1']: fontWeightBaseBody1, | ||
['font-weight-base-caption']: fontWeightBaseCaption, | ||
['font-weight-base-footnote']: fontWeightBaseFootnote, | ||
['font-lineheight-base-display3']: fontLineheightBaseDisplay3, | ||
['font-lineheight-base-display2']: fontLineheightBaseDisplay2, | ||
['font-lineheight-base-display1']: fontLineheightBaseDisplay1, | ||
['font-lineheight-base-headline']: fontLineheightBaseHeadline, | ||
['font-lineheight-base-title']: fontLineheightBaseTitle, | ||
['font-lineheight-base-subhead']: fontLineheightBaseSubhead, | ||
['font-lineheight-base-body2']: fontLineheightBaseBody2, | ||
['font-lineheight-base-body1']: fontLineheightBaseBody1, | ||
['font-lineheight-base-caption']: fontLineheightBaseCaption, | ||
['font-lineheight-base-footnote']: fontLineheightBaseFootnote, | ||
['font-size-en-display3']: fontSizeEnDisplay3, | ||
['font-size-en-display2']: fontSizeEnDisplay2, | ||
['font-size-en-display1']: fontSizeEnDisplay1, | ||
['font-size-en-headline']: fontSizeEnHeadline, | ||
['font-size-en-title']: fontSizeEnTitle, | ||
['font-size-en-subhead']: fontSizeEnSubhead, | ||
['font-size-en-body2']: fontSizeEnBody2, | ||
['font-size-en-body1']: fontSizeEnBody1, | ||
['font-size-en-caption']: fontSizeEnCaption, | ||
['font-size-en-footnote']: fontSizeEnFootnote, | ||
['font-weight-en-display3']: fontWeightEnDisplay3, | ||
['font-weight-en-display2']: fontWeightEnDisplay2, | ||
['font-weight-en-display1']: fontWeightEnDisplay1, | ||
['font-weight-en-headline']: fontWeightEnHeadline, | ||
['font-weight-en-title']: fontWeightEnTitle, | ||
['font-weight-en-subhead']: fontWeightEnSubhead, | ||
['font-weight-en-body2']: fontWeightEnBody2, | ||
['font-weight-en-body1']: fontWeightEnBody1, | ||
['font-weight-en-caption']: fontWeightEnCaption, | ||
['font-weight-en-footnote']: fontWeightEnFootnote, | ||
['font-lineheight-en-display3']: fontLineheightEnDisplay3, | ||
['font-lineheight-en-display2']: fontLineheightEnDisplay2, | ||
['font-lineheight-en-display1']: fontLineheightEnDisplay1, | ||
['font-lineheight-en-headline']: fontLineheightEnHeadline, | ||
['font-lineheight-en-title']: fontLineheightEnTitle, | ||
['font-lineheight-en-subhead']: fontLineheightEnSubhead, | ||
['font-lineheight-en-body2']: fontLineheightEnBody2, | ||
['font-lineheight-en-body1']: fontLineheightEnBody1, | ||
['font-lineheight-en-caption']: fontLineheightEnCaption, | ||
['font-lineheight-en-footnote']: fontLineheightEnFootnote, | ||
['font-size-zh-display3']: fontSizeZhDisplay3, | ||
['font-size-zh-display2']: fontSizeZhDisplay2, | ||
['font-size-zh-display1']: fontSizeZhDisplay1, | ||
['font-size-zh-headline']: fontSizeZhHeadline, | ||
['font-size-zh-title']: fontSizeZhTitle, | ||
['font-size-zh-subhead']: fontSizeZhSubhead, | ||
['font-size-zh-body2']: fontSizeZhBody2, | ||
['font-size-zh-body1']: fontSizeZhBody1, | ||
['font-size-zh-caption']: fontSizeZhCaption, | ||
['font-size-zh-footnote']: fontSizeZhFootnote, | ||
['font-weight-zh-display3']: fontWeightZhDisplay3, | ||
['font-weight-zh-display2']: fontWeightZhDisplay2, | ||
['font-weight-zh-display1']: fontWeightZhDisplay1, | ||
['font-weight-zh-headline']: fontWeightZhHeadline, | ||
['font-weight-zh-title']: fontWeightZhTitle, | ||
['font-weight-zh-subhead']: fontWeightZhSubhead, | ||
['font-weight-zh-body2']: fontWeightZhBody2, | ||
['font-weight-zh-body1']: fontWeightZhBody1, | ||
['font-weight-zh-caption']: fontWeightZhCaption, | ||
['font-weight-zh-footnote']: fontWeightZhFootnote, | ||
['font-lineheight-zh-display3']: fontLineheightZhDisplay3, | ||
['font-lineheight-zh-display2']: fontLineheightZhDisplay2, | ||
['font-lineheight-zh-display1']: fontLineheightZhDisplay1, | ||
['font-lineheight-zh-headline']: fontLineheightZhHeadline, | ||
['font-lineheight-zh-title']: fontLineheightZhTitle, | ||
['font-lineheight-zh-subhead']: fontLineheightZhSubhead, | ||
['font-lineheight-zh-body2']: fontLineheightZhBody2, | ||
['font-lineheight-zh-body1']: fontLineheightZhBody1, | ||
['font-lineheight-zh-caption']: fontLineheightZhCaption, | ||
['font-lineheight-zh-footnote']: fontLineheightZhFootnote | ||
['font-size-display-3']: fontSizeDisplay3, | ||
['font-size-display-2']: fontSizeDisplay2, | ||
['font-size-display-1']: fontSizeDisplay1, | ||
['font-size-headline'] : fontSizeHeadline, | ||
['font-size-title'] : fontSizeTitle, | ||
['font-size-subhead'] : fontSizeSubhead, | ||
['font-size-body-3']: fontSizeBody3, | ||
['font-size-body-2']: fontSizeBody2, | ||
['font-size-body-1']: fontSizeBody1, | ||
['font-size-caption']: fontSizeCaption, | ||
['font-size-footnote']: fontSizeFootnote, | ||
['font-weight-1']: fontWeight1, | ||
['font-weight-2']: fontWeight2, | ||
['font-weight-3']: fontWeight3 | ||
} | ||
'use strict'; | ||
import { varLoader } from 'nuke-var-loader'; | ||
import { varLoader } from '../util/var-loader'; | ||
@@ -13,273 +13,75 @@ | ||
/// S0 | ||
/// @export length | ||
/// @unconfigurable | ||
/// @type {String} | ||
/** | ||
* @param {number} [s0] [s0] | ||
*/ | ||
let s0 = varLoader('s0', 0); | ||
/// S1 | ||
/// @export length | ||
/// @type {String} | ||
/** | ||
* @param {number} [s1] [s1] | ||
*/ | ||
let s1 = varLoader('s1', 8); | ||
/// S2 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s2] [s2] | ||
*/ | ||
let s2 = varLoader('s2', s1*2); | ||
/// S3 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s3] [s3] | ||
*/ | ||
let s3 = varLoader('s3', s1*3); | ||
/// S4 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s4] [s4] | ||
*/ | ||
let s4 = varLoader('s4', s1*4); | ||
/// S5 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s5] [s5] | ||
*/ | ||
let s5 = varLoader('s5', s1*5); | ||
/// S6 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s6] [s6] | ||
*/ | ||
let s6 = varLoader('s6', s1*6); | ||
/// S7 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s7] [s7] | ||
*/ | ||
let s7 = varLoader('s7', s1*7); | ||
/// S8 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s8] [s8] | ||
*/ | ||
let s8 = varLoader('s8', s1*8); | ||
/// S9 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s9] [s9] | ||
*/ | ||
let s9 = varLoader('s9', s1*9); | ||
/// S10 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s10] [s10] | ||
*/ | ||
let s10 = varLoader('s10', s1*10); | ||
/// S11 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s11] [s11] | ||
*/ | ||
let s11 = varLoader('s11', s1*11); | ||
/// S12 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s12] [s12] | ||
*/ | ||
let s12 = varLoader('s12', s1*12); | ||
/// S13 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s13] [s13] | ||
*/ | ||
let s13 = varLoader('s13', s1*13); | ||
/// S14 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s14] [s14] | ||
*/ | ||
let s14 = varLoader('s14', s1*14); | ||
/// S15 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s15] [s15] | ||
*/ | ||
let s15 = varLoader('s15', s1*15); | ||
/// S16 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
/** | ||
* @param {number} [s16] [s16] | ||
*/ | ||
let s16 = varLoader('s16', s1*16); | ||
/// S17 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s17 = varLoader('s17', s1*17); | ||
/// S18 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s18 = varLoader('s18', s1*18); | ||
/// S19 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s19 = varLoader('s19', s1*19); | ||
/// S20 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s20 = varLoader('s20', s1*20); | ||
/// S21 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s21 = varLoader('s21', s1*21); | ||
/// S22 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s22 = varLoader('s22', s1*22); | ||
/// S23 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s23 = varLoader('s23', s1*23); | ||
/// S24 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s24 = varLoader('s24', s1*24); | ||
/// S25 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s25 = varLoader('s25', s1*25); | ||
/// S26 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s26 = varLoader('s26', s1*26); | ||
/// S27 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s27 = varLoader('s27', s1*27); | ||
/// S28 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s28 = varLoader('s28', s1*28); | ||
/// S29 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s29 = varLoader('s29', s1*29); | ||
/// S30 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s30 = varLoader('s30', s1*30); | ||
/// S31 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s31 = varLoader('s31', s1*31); | ||
/// S32 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s32 = varLoader('s32', s1*32); | ||
/// S33 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s33 = varLoader('s33', s1*33); | ||
/// S34 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s34 = varLoader('s34', s1*34); | ||
/// S35 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s35 = varLoader('s35', s1*35); | ||
/// S36 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s36 = varLoader('s36', s1*36); | ||
/// S37 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s37 = varLoader('s37', s1*37); | ||
/// S38 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s38 = varLoader('s38', s1*38); | ||
/// S39 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s39 = varLoader('s39', s1*39); | ||
/// S40 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s40 = varLoader('s40', s1*40); | ||
/// S41 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s41 = varLoader('s41', s1*41); | ||
/// S42 | ||
/// @export length | ||
/// @type {String} | ||
/// @unconfigurable | ||
let s42 = varLoader('s42', s1*42); | ||
let typoMarginBottom = varLoader('typo-margin-bottom', '0.5'); | ||
let zBadge = varLoader('z-badge', '89'); | ||
let zMenu = varLoader('z-menu', '99'); | ||
let zSelect = varLoader('z-select', '109'); | ||
let zBalloon = varLoader('z-balloon', '199'); | ||
let zMask = varLoader('z-mask', '299'); | ||
let zSlip = varLoader('z-slip', '399'); | ||
let zDialog = varLoader('z-dialog', '499'); | ||
let zFeedback = varLoader('z-feedback', '599'); | ||
let prefixForWebkit = varLoader('prefix-for-webkit', 'true'); | ||
module.exports = { | ||
@@ -303,38 +105,3 @@ ['s0']: s0, | ||
['s16']: s16, | ||
['s17']: s17, | ||
['s18']: s18, | ||
['s19']: s19, | ||
['s20']: s20, | ||
['s21']: s21, | ||
['s22']: s22, | ||
['s23']: s23, | ||
['s24']: s24, | ||
['s25']: s25, | ||
['s26']: s26, | ||
['s27']: s27, | ||
['s28']: s28, | ||
['s29']: s29, | ||
['s30']: s30, | ||
['s31']: s31, | ||
['s32']: s32, | ||
['s33']: s33, | ||
['s34']: s34, | ||
['s35']: s35, | ||
['s36']: s36, | ||
['s37']: s37, | ||
['s38']: s38, | ||
['s39']: s39, | ||
['s40']: s40, | ||
['s41']: s41, | ||
['s42']: s42, | ||
['typo-margin-bottom']: typoMarginBottom, | ||
['z-badge']: zBadge, | ||
['z-menu']: zMenu, | ||
['z-select']: zSelect, | ||
['z-balloon']: zBalloon, | ||
['z-mask']: zMask, | ||
['z-slip']: zSlip, | ||
['z-dialog']: zDialog, | ||
['z-feedback']: zFeedback, | ||
['prefix-for-webkit']: prefixForWebkit | ||
} |
'use strict'; | ||
import { varLoader } from 'nuke-var-loader'; | ||
import { varLoader } from '../util/var-loader'; | ||
import {s2,s3,s4,s5,s6,s8,s12,s16} from './_global'; | ||
/** | ||
* Icon 图标尺寸 | ||
*/ | ||
//// | ||
/// @group Variables 变量 | ||
/// @module icon: 图标 | ||
/// @type String | ||
/// @category style | ||
//// | ||
/// icon font path 字体路径 | ||
let iconFontPath = varLoader('icon-font-path', "//at.alicdn.com/t/font_1465717286_116059"); | ||
/// icon font name 自定义的icon font 名称 | ||
let iconFontName = varLoader('icon-font-name', "icon"); | ||
let iconFontFamily = varLoader('icon-font-family', 'mexticon'); | ||
/// Icon XXS | ||
/// @export | ||
/** | ||
* @param {number} [icon-xxs] [icon-xxs] | ||
*/ | ||
let iconXxs = varLoader('icon-xxs', s2); | ||
/// Icon XS | ||
/// @export | ||
let iconXs = varLoader('icon-xs', s3); | ||
/// Icon S | ||
/// @export | ||
/** | ||
* @param {number} [icon-xs] [icon-xs] | ||
*/ | ||
let iconXs = varLoader('line-xs', s3); | ||
/** | ||
* @param {number} [icon-s] [icon-s] | ||
*/ | ||
let iconS = varLoader('icon-s', s4); | ||
/// Icon M | ||
/// @export | ||
/** | ||
* @param {number} [icon-m] [icon-m] | ||
*/ | ||
let iconM = varLoader('icon-m', s5); | ||
/// Icon L | ||
/// @export | ||
/** | ||
* @param {number} [icon-l] [icon-l] | ||
*/ | ||
let iconL = varLoader('icon-l', s6); | ||
/// Icon XL | ||
/// @export | ||
/** | ||
* @param {number} [icon-xl] [icon-xl] | ||
*/ | ||
let iconXl = varLoader('icon-xl', s8); | ||
/// Icon XXL | ||
/// @export | ||
/** | ||
* @param {number} [icon-xxl] [icon-xxl] | ||
*/ | ||
let iconXxl = varLoader('icon-xxl', s12); | ||
/// Icon XXXL | ||
/// @export | ||
/** | ||
* @param {number} [icon-xxxl] [icon-xxxl] | ||
*/ | ||
let iconXxxl = varLoader('icon-xxxl', s16); | ||
let iconContentAll = varLoader('icon-content-all', "\e600"); | ||
let iconContentCart = varLoader('icon-content-cart', "\e602"); | ||
let iconContentComments = varLoader('icon-content-comments', "\e605"); | ||
let iconContentCry = varLoader('icon-content-cry', "\e606"); | ||
let iconContentEmail = varLoader('icon-content-email', "\e609"); | ||
let iconContentFavorite = varLoader('icon-content-favorite', "\e60a"); | ||
let iconContentFolder = varLoader('icon-content-folder', "\e60b"); | ||
let iconContentForm = varLoader('icon-content-form', "\e60c"); | ||
let iconContentHelp = varLoader('icon-content-help', "\e60d"); | ||
let iconContentRefresh = varLoader('icon-content-refresh', "\e614"); | ||
let iconContentSet = varLoader('icon-content-set', "\e618"); | ||
let iconContentSurvey = varLoader('icon-content-survey', "\e61b"); | ||
let iconContentTraining = varLoader('icon-content-training', "\e61c"); | ||
let iconContentAccount = varLoader('icon-content-account', "\e621"); | ||
let iconContentAtm = varLoader('icon-content-atm', "\e623"); | ||
let iconContentClock = varLoader('icon-content-clock', "\e624"); | ||
let iconContentAttachment = varLoader('icon-content-attachment', "\e627"); | ||
let iconContent3column = varLoader('icon-content-3column', "\e628"); | ||
let iconContent4column = varLoader('icon-content-4column', "\e629"); | ||
let iconContentDiscount = varLoader('icon-content-discount', "\e62a"); | ||
let iconContentService = varLoader('icon-content-service', "\e62b"); | ||
let iconContentPrint = varLoader('icon-content-print', "\e62c"); | ||
let iconContentBox = varLoader('icon-content-box', "\e62d"); | ||
let iconContentProcess = varLoader('icon-content-process', "\e62e"); | ||
let iconContentBags = varLoader('icon-content-bags', "\e62f"); | ||
let iconContentElectronics = varLoader('icon-content-electronics', "\e633"); | ||
let iconContentGifts = varLoader('icon-content-gifts', "\e634"); | ||
let iconContentLights = varLoader('icon-content-lights', "\e636"); | ||
let iconContentAuto = varLoader('icon-content-auto', "\e639"); | ||
let iconContentBrowse = varLoader('icon-content-browse', "\e63c"); | ||
let iconContentAtmAway = varLoader('icon-content-atm-away', "\e63f"); | ||
let iconContentScanning = varLoader('icon-content-scanning', "\e641"); | ||
let iconContentCompare = varLoader('icon-content-compare', "\e642"); | ||
let iconContentFilter = varLoader('icon-content-filter', "\e643"); | ||
let iconContentPin = varLoader('icon-content-pin', "\e644"); | ||
let iconContentHistory = varLoader('icon-content-history', "\e645"); | ||
let iconContentSimilarProduct = varLoader('icon-content-similar-product', "\e648"); | ||
let iconContentLink = varLoader('icon-content-link', "\e649"); | ||
let iconContentCut = varLoader('icon-content-cut', "\e64a"); | ||
let iconContentTable = varLoader('icon-content-table', "\e64b"); | ||
let iconContentNavList = varLoader('icon-content-nav-list', "\e64c"); | ||
let iconContentImageText = varLoader('icon-content-image-text', "\e64d"); | ||
let iconContentText = varLoader('icon-content-text', "\e64e"); | ||
let iconContentMove = varLoader('icon-content-move', "\e64f"); | ||
let iconContentSubtract = varLoader('icon-content-subtract', "\e650"); | ||
let iconContentDollar = varLoader('icon-content-dollar', "\e651"); | ||
let iconContentOffice = varLoader('icon-content-office', "\e653"); | ||
let iconContentOperation = varLoader('icon-content-operation', "\e65a"); | ||
let iconContentDownload = varLoader('icon-content-download', "\e65c"); | ||
let iconContentMap = varLoader('icon-content-map', "\e65d"); | ||
let iconContentBad = varLoader('icon-content-bad', "\e65e"); | ||
let iconContentGood = varLoader('icon-content-good', "\e65f"); | ||
let iconContentSkip = varLoader('icon-content-skip', "\e660"); | ||
let iconContentPlay = varLoader('icon-content-play', "\e661"); | ||
let iconContentStop = varLoader('icon-content-stop', "\e662"); | ||
let iconContentCompass = varLoader('icon-content-compass', "\e663"); | ||
let iconContentSecurity = varLoader('icon-content-security', "\e664"); | ||
let iconContentShare = varLoader('icon-content-share', "\e665"); | ||
let iconContentStore = varLoader('icon-content-store', "\e666"); | ||
let iconContentPhone = varLoader('icon-content-phone', "\e669"); | ||
let iconContentEllipsis = varLoader('icon-content-ellipsis', "\e674"); | ||
let iconContentEmailFilling = varLoader('icon-content-email-filling', "\e66d"); | ||
let iconContentFavoritesFilling = varLoader('icon-content-favorites-filling', "\e66e"); | ||
let iconContentAccountFilling = varLoader('icon-content-account-filling', "\e66f"); | ||
let iconContentCreditLevel = varLoader('icon-content-credit-level', "\e671"); | ||
let iconContentCreditLevelFilling = varLoader('icon-content-credit-level-filling', "\e672"); | ||
let iconContentMobilePhone = varLoader('icon-content-mobile-phone', "\e675"); | ||
let iconContentSmile = varLoader('icon-content-smile', "\e61f"); | ||
let iconContentPersonalCenter = varLoader('icon-content-personal-center', "\e681"); | ||
let iconContentArrowUpFilling = varLoader('icon-content-arrow-up-filling', "\e601"); | ||
let iconContentArrowRight = varLoader('icon-content-arrow-right', "\e603"); | ||
let iconContentArrowLeft = varLoader('icon-content-arrow-left', "\e604"); | ||
let iconContentArrowDown = varLoader('icon-content-arrow-down', "\e607"); | ||
let iconContentArrowUp = varLoader('icon-content-arrow-up', "\e60e"); | ||
let iconContentAdd = varLoader('icon-content-add', "\e60f"); | ||
let iconContentMinus = varLoader('icon-content-minus', "\e610"); | ||
let iconContentDeleteFilling = varLoader('icon-content-delete-filling', "\e611"); | ||
let iconContentEdit = varLoader('icon-content-edit', "\e613"); | ||
let iconContentLoading = varLoader('icon-content-loading', "\e615"); | ||
let iconContentError = varLoader('icon-content-error', "\e619"); | ||
let iconContentSelect = varLoader('icon-content-select', "\e61d"); | ||
let iconContentAshbin = varLoader('icon-content-ashbin', "\e61e"); | ||
let iconContentCalendar = varLoader('icon-content-calendar', "\e620"); | ||
let iconContentTime = varLoader('icon-content-time', "\e622"); | ||
let iconContentSuccess = varLoader('icon-content-success', "\e617"); | ||
let iconContentWarning = varLoader('icon-content-warning', "\e63d"); | ||
let iconContentSearch = varLoader('icon-content-search', "\e656"); | ||
let iconContentDisplay = varLoader('icon-content-display', "\e657"); | ||
let iconContentCategory = varLoader('icon-content-category', "\e658"); | ||
let iconContentPrompt = varLoader('icon-content-prompt', "\e659"); | ||
let iconContentArrowDownFilling = varLoader('icon-content-arrow-down-filling', "\e65b"); | ||
let iconContentSorting = varLoader('icon-content-sorting', "\e676"); | ||
let iconContentAscending = varLoader('icon-content-ascending', "\e66a"); | ||
let iconContentDescending = varLoader('icon-content-descending', "\e66c"); | ||
let iconContentSuccessFilling = varLoader('icon-content-success-filling', "\e670"); | ||
let iconContentPicture = varLoader('icon-content-picture', "\e616"); | ||
let iconContentClose = varLoader('icon-content-close', "\e608"); | ||
let iconContentSemiSelect = varLoader('icon-content-semi-select', "\e612"); | ||
let iconContentTagSubscript = varLoader('icon-content-tag-subscript', "\e61a"); | ||
module.exports = { | ||
module.exports = { | ||
['icon-font-path']: iconFontPath, | ||
['icon-font-name']: iconFontName, | ||
['icon-font-family']: iconFontFamily, | ||
['icon-xxs']: iconXxs, | ||
@@ -171,101 +54,3 @@ ['icon-xs']: iconXs, | ||
['icon-xxxl']: iconXxxl, | ||
['icon-content-all']: iconContentAll, | ||
['icon-content-cart']: iconContentCart, | ||
['icon-content-comments']: iconContentComments, | ||
['icon-content-cry']: iconContentCry, | ||
['icon-content-email']: iconContentEmail, | ||
['icon-content-favorite']: iconContentFavorite, | ||
['icon-content-folder']: iconContentFolder, | ||
['icon-content-form']: iconContentForm, | ||
['icon-content-help']: iconContentHelp, | ||
['icon-content-refresh']: iconContentRefresh, | ||
['icon-content-set']: iconContentSet, | ||
['icon-content-survey']: iconContentSurvey, | ||
['icon-content-training']: iconContentTraining, | ||
['icon-content-account']: iconContentAccount, | ||
['icon-content-atm']: iconContentAtm, | ||
['icon-content-clock']: iconContentClock, | ||
['icon-content-attachment']: iconContentAttachment, | ||
['icon-content-3column']: iconContent3column, | ||
['icon-content-4column']: iconContent4column, | ||
['icon-content-discount']: iconContentDiscount, | ||
['icon-content-service']: iconContentService, | ||
['icon-content-print']: iconContentPrint, | ||
['icon-content-box']: iconContentBox, | ||
['icon-content-process']: iconContentProcess, | ||
['icon-content-bags']: iconContentBags, | ||
['icon-content-electronics']: iconContentElectronics, | ||
['icon-content-gifts']: iconContentGifts, | ||
['icon-content-lights']: iconContentLights, | ||
['icon-content-auto']: iconContentAuto, | ||
['icon-content-browse']: iconContentBrowse, | ||
['icon-content-atm-away']: iconContentAtmAway, | ||
['icon-content-scanning']: iconContentScanning, | ||
['icon-content-compare']: iconContentCompare, | ||
['icon-content-filter']: iconContentFilter, | ||
['icon-content-pin']: iconContentPin, | ||
['icon-content-history']: iconContentHistory, | ||
['icon-content-similar-product']: iconContentSimilarProduct, | ||
['icon-content-link']: iconContentLink, | ||
['icon-content-cut']: iconContentCut, | ||
['icon-content-table']: iconContentTable, | ||
['icon-content-nav-list']: iconContentNavList, | ||
['icon-content-image-text']: iconContentImageText, | ||
['icon-content-text']: iconContentText, | ||
['icon-content-move']: iconContentMove, | ||
['icon-content-subtract']: iconContentSubtract, | ||
['icon-content-dollar']: iconContentDollar, | ||
['icon-content-office']: iconContentOffice, | ||
['icon-content-operation']: iconContentOperation, | ||
['icon-content-download']: iconContentDownload, | ||
['icon-content-map']: iconContentMap, | ||
['icon-content-bad']: iconContentBad, | ||
['icon-content-good']: iconContentGood, | ||
['icon-content-skip']: iconContentSkip, | ||
['icon-content-play']: iconContentPlay, | ||
['icon-content-stop']: iconContentStop, | ||
['icon-content-compass']: iconContentCompass, | ||
['icon-content-security']: iconContentSecurity, | ||
['icon-content-share']: iconContentShare, | ||
['icon-content-store']: iconContentStore, | ||
['icon-content-phone']: iconContentPhone, | ||
['icon-content-ellipsis']: iconContentEllipsis, | ||
['icon-content-email-filling']: iconContentEmailFilling, | ||
['icon-content-favorites-filling']: iconContentFavoritesFilling, | ||
['icon-content-account-filling']: iconContentAccountFilling, | ||
['icon-content-credit-level']: iconContentCreditLevel, | ||
['icon-content-credit-level-filling']: iconContentCreditLevelFilling, | ||
['icon-content-mobile-phone']: iconContentMobilePhone, | ||
['icon-content-smile']: iconContentSmile, | ||
['icon-content-personal-center']: iconContentPersonalCenter, | ||
['icon-content-arrow-up-filling']: iconContentArrowUpFilling, | ||
['icon-content-arrow-right']: iconContentArrowRight, | ||
['icon-content-arrow-left']: iconContentArrowLeft, | ||
['icon-content-arrow-down']: iconContentArrowDown, | ||
['icon-content-arrow-up']: iconContentArrowUp, | ||
['icon-content-add']: iconContentAdd, | ||
['icon-content-minus']: iconContentMinus, | ||
['icon-content-delete-filling']: iconContentDeleteFilling, | ||
['icon-content-edit']: iconContentEdit, | ||
['icon-content-loading']: iconContentLoading, | ||
['icon-content-error']: iconContentError, | ||
['icon-content-select']: iconContentSelect, | ||
['icon-content-ashbin']: iconContentAshbin, | ||
['icon-content-calendar']: iconContentCalendar, | ||
['icon-content-time']: iconContentTime, | ||
['icon-content-success']: iconContentSuccess, | ||
['icon-content-warning']: iconContentWarning, | ||
['icon-content-search']: iconContentSearch, | ||
['icon-content-display']: iconContentDisplay, | ||
['icon-content-category']: iconContentCategory, | ||
['icon-content-prompt']: iconContentPrompt, | ||
['icon-content-arrow-down-filling']: iconContentArrowDownFilling, | ||
['icon-content-sorting']: iconContentSorting, | ||
['icon-content-ascending']: iconContentAscending, | ||
['icon-content-descending']: iconContentDescending, | ||
['icon-content-success-filling']: iconContentSuccessFilling, | ||
['icon-content-picture']: iconContentPicture, | ||
['icon-content-close']: iconContentClose, | ||
['icon-content-semi-select']: iconContentSemiSelect, | ||
['icon-content-tag-subscript']: iconContentTagSubscript | ||
} |
'use strict'; | ||
import { varLoader } from 'nuke-var-loader'; | ||
import { varLoader } from '../util/var-loader'; | ||
/** | ||
* Line & Border 线和边框粗细 | ||
*/ | ||
//// | ||
/// @group Variables 变量 | ||
/// @module line: 线条 | ||
/// @type String | ||
/// @category style | ||
//// | ||
/** | ||
* @param {number} [line-1] [常规] | ||
*/ | ||
let line1 = varLoader('line-1', 1); | ||
/** | ||
* @param {number} [line-2] [强调] | ||
*/ | ||
let line2 = varLoader('line-2', 2); | ||
/** | ||
* @param {number} [line-3] [高亮] | ||
*/ | ||
let line3 = varLoader('line-3', 4); | ||
/// Line0 | ||
/// @export width | ||
let line0Width = varLoader('line-0-width', 0); | ||
/// Line1 | ||
/// @export width | ||
let line1Width = varLoader('line-1-width', 1); | ||
/// Line2 | ||
/// @export width | ||
let line2Width = varLoader('line-2-width', 2); | ||
/// Line3 | ||
/// @export width | ||
let line3Width = varLoader('line-3-width', 8); | ||
/// Solid | ||
/// @export style | ||
/// @unconfigurable | ||
/** | ||
* @param {string} [line-solid] [实线] | ||
*/ | ||
let lineSolid = varLoader('line-solid', 'solid'); | ||
/// Dashed | ||
/// @export style | ||
/// @unconfigurable | ||
let lineDashed = varLoader('line-dashed', 'dashed'); | ||
/// Dotted | ||
/// @export style | ||
/// @unconfigurable | ||
let lineDotted = varLoader('line-dotted', 'dotted'); | ||
let line0 = varLoader('line0', `${line0Width} ${lineSolid}`); | ||
let line0Dashed = varLoader('line0-dashed', `${line0Width} ${lineDashed}`); | ||
let line0Dotted = varLoader('line0-dotted', `${line0Width} ${lineDotted}`); | ||
let line1 = varLoader('line1', `${line1Width} ${lineSolid}`); | ||
let line1Dashed = varLoader('line1-dashed', `${line1Width} ${lineDashed}`); | ||
let line1Dotted = varLoader('line1-dotted', `${line1Width} ${lineDotted}`); | ||
let line2 = varLoader('line2', `${line2Width} ${lineSolid}`); | ||
let line2Dashed = varLoader('line2-dashed', `${line2Width} ${lineDashed}`); | ||
let line2Dotted = varLoader('line2-dotted', `${line2Width} ${lineDotted}`); | ||
let line3 = varLoader('line3', `${line3Width} ${lineSolid}`); | ||
let line3Dashed = varLoader('line3-dashed', `${line3Width} ${lineDashed}`); | ||
let line3Dotted = varLoader('line3-dotted', `${line3Width} ${lineDotted}`); | ||
module.exports = { | ||
['line-0-width']: line0Width, | ||
['line-1-width']: line1Width, | ||
['line-2-width']: line2Width, | ||
['line-3-width']: line3Width, | ||
['line-solid']: lineSolid, | ||
['line-dashed']: lineDashed, | ||
['line-dotted']: lineDotted, | ||
['line0']: line0, | ||
['line0-dashed']: line0Dashed, | ||
['line0-dotted']: line0Dotted, | ||
['line1']: line1, | ||
['line1-dashed']: line1Dashed, | ||
['line1-dotted']: line1Dotted, | ||
['line2']: line2, | ||
['line2-dashed']: line2Dashed, | ||
['line2-dotted']: line2Dotted, | ||
['line3']: line3, | ||
['line3-dashed']: line3Dashed, | ||
['line3-dotted']: line3Dotted | ||
} | ||
['line-3']: line3, | ||
['line-2']: line2, | ||
['line-1']: line1, | ||
['line-solid']:lineSolid | ||
} |
'use strict'; | ||
import { varLoader } from 'nuke-var-loader'; | ||
import color from './_color'; | ||
import { varLoader } from '../util/var-loader'; | ||
/** | ||
* Shadow 阴影规格 | ||
*/ | ||
//// | ||
/// @group Variables 变量 | ||
/// @module shadow: 阴影 | ||
/// @category style | ||
//// | ||
/** | ||
* @param {string} [shadow-1] [shadow-1] | ||
*/ | ||
let shadow1 = varLoader('shadow-1', ''); | ||
/** | ||
* @param {string} [shadow-2] [shadow-2] | ||
*/ | ||
let shadow2 = varLoader('shadow-2', ''); | ||
/** | ||
* @param {string} [shadow-3] [shadow-3] | ||
*/ | ||
let shadow3 = varLoader('shadow-3', ''); | ||
/** | ||
* @param {string} [shadow-4] [shadow-4] | ||
*/ | ||
let shadow4 = varLoader('shadow-4', ''); | ||
/** | ||
* @param {string} [shadow-5] [shadow-5] | ||
*/ | ||
let shadow5 = varLoader('shadow-5', ''); | ||
/** | ||
* @param {string} [shadow-6] [shadow-6] | ||
*/ | ||
let shadow6 = varLoader('shadow-6', ''); | ||
/** | ||
* @param {string} [shadow-7] [shadow-7] | ||
*/ | ||
let shadow7 = varLoader('shadow-7', ''); | ||
/** | ||
* @param {string} [shadow-8] [shadow-8] | ||
*/ | ||
let shadow8 = varLoader('shadow-8', ''); | ||
/** | ||
* @param {string} [shadow-9] [shadow-9] | ||
*/ | ||
let shadow9 = varLoader('shadow-9', ''); | ||
/** | ||
* @param {string} [shadow-10] [shadow-10] | ||
*/ | ||
let shadow10 = varLoader('shadow-10', ''); | ||
/// 阴影x方向常规值 | ||
/// @unconfigurable | ||
/// @access private | ||
/// @type {Number} | ||
let shadowX = varLoader('shadow-x', 1); | ||
/// 阴影y方向常规值 | ||
/// @unconfigurable | ||
/// @access private | ||
/// @type {Number} | ||
let shadowY = varLoader('shadow-y', shadowX); | ||
/// Distance 1 | ||
/// @type {Number} | ||
let shadowDistanceSd1 = varLoader('shadow-distance-sd1', '1'); | ||
/// Distance 2 | ||
/// @type {Number} | ||
let shadowDistanceSd2 = varLoader('shadow-distance-sd2', '2'); | ||
/// Distance 3 | ||
/// @type {Number} | ||
let shadowDistanceSd3 = varLoader('shadow-distance-sd3', '3'); | ||
/// Distance 4 | ||
/// @type {Number} | ||
let shadowDistanceSd4 = varLoader('shadow-distance-sd4', '4'); | ||
/// Distance 5 | ||
/// @type {Number} | ||
let shadowDistanceSd5 = varLoader('shadow-distance-sd5', '5'); | ||
/// Opacity 1 | ||
/// @type {Number} | ||
let shadowOpacitySd1 = varLoader('shadow-opacity-sd1', '0.32'); | ||
/// Opacity 2 | ||
/// @type {Number} | ||
let shadowOpacitySd2 = varLoader('shadow-opacity-sd2', '0.32'); | ||
/// Opacity 3 | ||
/// @type {Number} | ||
let shadowOpacitySd3 = varLoader('shadow-opacity-sd3', '0.32'); | ||
/// Opacity 4 | ||
/// @type {Number} | ||
let shadowOpacitySd4 = varLoader('shadow-opacity-sd4', '0.32'); | ||
/// Opacity 4 | ||
/// @type {Number} | ||
let shadowOpacitySd5 = varLoader('shadow-opacity-sd5', '0.32'); | ||
/// Color 1 | ||
/// @type {Color} | ||
let shadowColorSd1 = varLoader('shadow-color-sd1', color['color-n1-9']); | ||
/// Color 2 | ||
/// @type {Color} | ||
let shadowColorSd2 = varLoader('shadow-color-sd2', color['color-n1-9']); | ||
/// Color 3 | ||
/// @type {Color} | ||
let shadowColorSd3 = varLoader('shadow-color-sd3', color['color-n1-9']); | ||
/// Color 4 | ||
/// @type {Color} | ||
let shadowColorSd4 = varLoader('shadow-color-sd4', color['color-n1-9']); | ||
/// Color 5 | ||
/// @type {Color} | ||
let shadowColorSd5 = varLoader('shadow-color-sd5', color['color-n1-9']); | ||
let shadowColorOpacitySd1 = varLoader('shadow-color-opacity-sd1', `rgba(${shadowColorSd1}, ${shadowOpacitySd1})`); | ||
let shadowColorOpacitySd2 = varLoader('shadow-color-opacity-sd2', `rgba(${shadowColorSd2}, ${shadowOpacitySd2})`); | ||
let shadowColorOpacitySd3 = varLoader('shadow-color-opacity-sd3', `rgba(${shadowColorSd3}, ${shadowOpacitySd3})`); | ||
let shadowColorOpacitySd4 = varLoader('shadow-color-opacity-sd4', `rgba(${shadowColorSd4}, ${shadowOpacitySd4})`); | ||
let shadowColorOpacitySd5 = varLoader('shadow-color-opacity-sd5', `rgba(${shadowColorSd5}, ${shadowOpacitySd5})`); | ||
let shadowSidesBase = varLoader('shadow-sides-base', "base"); | ||
let shadowSidesUp = varLoader('shadow-sides-up', "up"); | ||
let shadowSidesRight = varLoader('shadow-sides-right', "right"); | ||
let shadowSidesDown = varLoader('shadow-sides-down', "down"); | ||
let shadowSidesLeft = varLoader('shadow-sides-left', "left"); | ||
/// Blur 1 | ||
/// @type {Number} | ||
let shadowElevationSd1 = varLoader('shadow-elevation-sd1', '3'); | ||
/// Blur 2 | ||
/// @type {Number} | ||
let shadowElevationSd2 = varLoader('shadow-elevation-sd2', '3'); | ||
/// Blur 3 | ||
/// @type {Number} | ||
let shadowElevationSd3 = varLoader('shadow-elevation-sd3', '5'); | ||
/// Blur 4 | ||
/// @type {Number} | ||
let shadowElevationSd4 = varLoader('shadow-elevation-sd4', '7'); | ||
/// Blur 5 | ||
/// @type {Number} | ||
let shadowElevationSd5 = varLoader('shadow-elevation-sd5', '10'); | ||
/// Shadow 0 | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd0 = varLoader('shadow-sd0', shadowMaker(shadowSidesBase, 0, 1, 0, 0)); | ||
/// Shadow 1 | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd1 = varLoader('shadow-sd1', shadowMaker(shadowSidesBase, shadowElevationSd1, shadowColorOpacitySd1, shadowDistanceSd1, shadowDistanceSd1)); | ||
/// Shadow 1 (Up) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd1Up = varLoader('shadow-sd1-up', shadowMaker(shadowSidesUp, shadowElevationSd1, shadowColorOpacitySd1, shadowDistanceSd1, shadowDistanceSd1)); | ||
/// Shadow 1 (Right) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd1Right = varLoader('shadow-sd1-right', shadowMaker(shadowSidesRight, shadowElevationSd1, shadowColorOpacitySd1, shadowDistanceSd1, shadowDistanceSd1)); | ||
/// Shadow 1 (Down) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd1Down = varLoader('shadow-sd1-down', shadowMaker(shadowSidesDown, shadowElevationSd1, shadowColorOpacitySd1, shadowDistanceSd1, shadowDistanceSd1)); | ||
/// Shadow 1 (Left) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd1Left = varLoader('shadow-sd1-left', shadowMaker(shadowSidesLeft, shadowElevationSd1, shadowColorOpacitySd1, shadowDistanceSd1, shadowDistanceSd1)); | ||
/// Shadow 2 | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd2 = varLoader('shadow-sd2', shadowMaker(shadowSidesBase, shadowElevationSd2, shadowColorOpacitySd2, shadowDistanceSd2, shadowDistanceSd2)); | ||
/// Shadow 2 (Up) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd2Up = varLoader('shadow-sd2-up', shadowMaker(shadowSidesUp, shadowElevationSd2, shadowColorOpacitySd2, shadowDistanceSd2, shadowDistanceSd2)); | ||
/// Shadow 2 (Right) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd2Right = varLoader('shadow-sd2-right', shadowMaker(shadowSidesRight, shadowElevationSd2, shadowColorOpacitySd2, shadowDistanceSd2, shadowDistanceSd2)); | ||
/// Shadow 2 (Down) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd2Down = varLoader('shadow-sd2-down', shadowMaker(shadowSidesDown, shadowElevationSd2, shadowColorOpacitySd2, shadowDistanceSd2, shadowDistanceSd2)); | ||
/// Shadow 2 (Left) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd2Left = varLoader('shadow-sd2-left', shadowMaker(shadowSidesLeft, shadowElevationSd2, shadowColorOpacitySd2, shadowDistanceSd2, shadowDistanceSd2)); | ||
/// Shadow 3 | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd3 = varLoader('shadow-sd3', shadowMaker(shadowSidesBase, shadowElevationSd3, shadowColorOpacitySd3, shadowDistanceSd3, shadowDistanceSd3)); | ||
/// Shadow 3 (Up) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd3Up = varLoader('shadow-sd3-up', shadowMaker(shadowSidesUp, shadowElevationSd3, shadowColorOpacitySd3, shadowDistanceSd3, shadowDistanceSd3)); | ||
/// Shadow 3 (Right) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd3Right = varLoader('shadow-sd3-right', shadowMaker(shadowSidesRight, shadowElevationSd3, shadowColorOpacitySd3, shadowDistanceSd3, shadowDistanceSd3)); | ||
/// Shadow 3 (Down) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd3Down = varLoader('shadow-sd3-down', shadowMaker(shadowSidesDown, shadowElevationSd3, shadowColorOpacitySd3, shadowDistanceSd3, shadowDistanceSd3)); | ||
/// Shadow 3 (Left) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd3Left = varLoader('shadow-sd3-left', shadowMaker(shadowSidesLeft, shadowElevationSd3, shadowColorOpacitySd3, shadowDistanceSd3, shadowDistanceSd3)); | ||
/// Shadow 4 | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd4 = varLoader('shadow-sd4', shadowMaker(shadowSidesBase, shadowElevationSd4, shadowColorOpacitySd4, shadowDistanceSd4, shadowDistanceSd4)); | ||
/// Shadow 4 (Up) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd4Up = varLoader('shadow-sd4-up', shadowMaker(shadowSidesUp, shadowElevationSd4, shadowColorOpacitySd4, shadowDistanceSd4, shadowDistanceSd4)); | ||
/// Shadow 4 (Right) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd4Right = varLoader('shadow-sd4-right', shadowMaker(shadowSidesRight, shadowElevationSd4, shadowColorOpacitySd4, shadowDistanceSd4, shadowDistanceSd4)); | ||
/// Shadow 4 (Down) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd4Down = varLoader('shadow-sd4-down', shadowMaker(shadowSidesDown, shadowElevationSd4, shadowColorOpacitySd4, shadowDistanceSd4, shadowDistanceSd4)); | ||
/// Shadow 4 (Left) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd4Left = varLoader('shadow-sd4-left', shadowMaker(shadowSidesLeft, shadowElevationSd4, shadowColorOpacitySd4, shadowDistanceSd4, shadowDistanceSd4)); | ||
/// Shadow 5 | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd5 = varLoader('shadow-sd5', shadowMaker(shadowSidesBase, shadowElevationSd5, shadowColorOpacitySd5, shadowDistanceSd5, shadowDistanceSd5)); | ||
/// Shadow 5 (Up) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd5Up = varLoader('shadow-sd5-up', shadowMaker(shadowSidesUp, shadowElevationSd5, shadowColorOpacitySd5, shadowDistanceSd5, shadowDistanceSd5)); | ||
/// Shadow 5 (Right) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd5Right = varLoader('shadow-sd5-right', shadowMaker(shadowSidesRight, shadowElevationSd5, shadowColorOpacitySd5, shadowDistanceSd5, shadowDistanceSd5)); | ||
/// Shadow 5 (Down) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd5Down = varLoader('shadow-sd5-down', shadowMaker(shadowSidesDown, shadowElevationSd5, shadowColorOpacitySd5, shadowDistanceSd5, shadowDistanceSd5)); | ||
/// Shadow 5 (Left) | ||
/// @export | ||
/// @access private | ||
/// @unconfigurable | ||
let shadowSd5Left = varLoader('shadow-sd5-left', shadowMaker(shadowSidesLeft, shadowElevationSd5, shadowColorOpacitySd5, shadowDistanceSd5, shadowDistanceSd5)); | ||
function shadowMaker( | ||
direction=shadowSidesBase , | ||
elevation=shadowElevationSd1, | ||
shadowColor=shadowColorOpacitySd1, | ||
shadowX=shadowX, | ||
shadowY=shadowY | ||
) { | ||
let x = shadowX; | ||
let y = shadowY; | ||
let e = elevation; | ||
let c = shadowColor; | ||
if (e == 0) { | ||
return '0 0 0 #ffffff'; | ||
} | ||
if (direction == shadowSidesUp) { | ||
x = 0; | ||
y = shadowY; | ||
} else if (direction == shadowSidesRight) { | ||
y = 0; | ||
} else if (direction == shadowSidesDown) { | ||
x = 0; | ||
} else if (direction == shadowSidesLeft) { | ||
x = shadowX; | ||
y = 0; | ||
} | ||
return `${x}px ${y}px ${e}px ${c}`; | ||
} | ||
module.exports = { | ||
['shadow-x']: shadowX, | ||
['shadow-y']: shadowY, | ||
['shadow-distance-sd1']: shadowDistanceSd1, | ||
['shadow-distance-sd2']: shadowDistanceSd2, | ||
['shadow-distance-sd3']: shadowDistanceSd3, | ||
['shadow-distance-sd4']: shadowDistanceSd4, | ||
['shadow-distance-sd5']: shadowDistanceSd5, | ||
['shadow-opacity-sd1']: shadowOpacitySd1, | ||
['shadow-opacity-sd2']: shadowOpacitySd2, | ||
['shadow-opacity-sd3']: shadowOpacitySd3, | ||
['shadow-opacity-sd4']: shadowOpacitySd4, | ||
['shadow-opacity-sd5']: shadowOpacitySd5, | ||
['shadow-color-sd1']: shadowColorSd1, | ||
['shadow-color-sd2']: shadowColorSd2, | ||
['shadow-color-sd3']: shadowColorSd3, | ||
['shadow-color-sd4']: shadowColorSd4, | ||
['shadow-color-sd5']: shadowColorSd5, | ||
['shadow-color-opacity-sd1']: shadowColorOpacitySd1, | ||
['shadow-color-opacity-sd2']: shadowColorOpacitySd2, | ||
['shadow-color-opacity-sd3']: shadowColorOpacitySd3, | ||
['shadow-color-opacity-sd4']: shadowColorOpacitySd4, | ||
['shadow-color-opacity-sd5']: shadowColorOpacitySd5, | ||
['shadow-sides-base']: shadowSidesBase, | ||
['shadow-sides-up']: shadowSidesUp, | ||
['shadow-sides-right']: shadowSidesRight, | ||
['shadow-sides-down']: shadowSidesDown, | ||
['shadow-sides-left']: shadowSidesLeft, | ||
['shadow-elevation-sd1']: shadowElevationSd1, | ||
['shadow-elevation-sd2']: shadowElevationSd2, | ||
['shadow-elevation-sd3']: shadowElevationSd3, | ||
['shadow-elevation-sd4']: shadowElevationSd4, | ||
['shadow-elevation-sd5']: shadowElevationSd5, | ||
['shadow-sd0']: shadowSd0, | ||
['shadow-sd1']: shadowSd1, | ||
['shadow-sd1-up']: shadowSd1Up, | ||
['shadow-sd1-right']: shadowSd1Right, | ||
['shadow-sd1-down']: shadowSd1Down, | ||
['shadow-sd1-left']: shadowSd1Left, | ||
['shadow-sd2']: shadowSd2, | ||
['shadow-sd2-up']: shadowSd2Up, | ||
['shadow-sd2-right']: shadowSd2Right, | ||
['shadow-sd2-down']: shadowSd2Down, | ||
['shadow-sd2-left']: shadowSd2Left, | ||
['shadow-sd3']: shadowSd3, | ||
['shadow-sd3-up']: shadowSd3Up, | ||
['shadow-sd3-right']: shadowSd3Right, | ||
['shadow-sd3-down']: shadowSd3Down, | ||
['shadow-sd3-left']: shadowSd3Left, | ||
['shadow-sd4']: shadowSd4, | ||
['shadow-sd4-up']: shadowSd4Up, | ||
['shadow-sd4-right']: shadowSd4Right, | ||
['shadow-sd4-down']: shadowSd4Down, | ||
['shadow-sd4-left']: shadowSd4Left, | ||
['shadow-sd5']: shadowSd5, | ||
['shadow-sd5-up']: shadowSd5Up, | ||
['shadow-sd5-right']: shadowSd5Right, | ||
['shadow-sd5-down']: shadowSd5Down, | ||
['shadow-sd5-left']: shadowSd5Left, | ||
shadowMaker | ||
} | ||
['shadow-1']: shadow1, | ||
['shadow-2']: shadow2, | ||
['shadow-3']: shadow3, | ||
['shadow-4']: shadow4, | ||
['shadow-5']: shadow5, | ||
['shadow-6']: shadow6, | ||
['shadow-7']: shadow7, | ||
['shadow-8']: shadow8, | ||
['shadow-9']: shadow9, | ||
['shadow-10']: shadow10, | ||
} |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
79656
27
2326
1