nuke-core
Advanced tools
Comparing version 2.0.15 to 2.0.16
# Changelog | ||
## 2.0.16 / 2018-04-16 | ||
* [[4123f6b](http://gitlab.alibaba-inc.com/nuke/core/commit/4123f6b7a3213957a0f03dbaa06b89a1ae3e3336)] - `refactor` use es6 & add unit test | ||
## 2.0.15 / 2018-04-13 | ||
@@ -5,0 +9,0 @@ |
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
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; }; | ||
var _size = require("./variables/size"); | ||
var _size = require('./variables/size'); | ||
var _size2 = _interopRequireDefault(_size); | ||
var size = _interopRequireWildcard(_size); | ||
var _color = require("./variables/color"); | ||
var _color = require('./variables/color'); | ||
var _color2 = _interopRequireDefault(_color); | ||
var color = _interopRequireWildcard(_color); | ||
var _corner = require("./variables/corner"); | ||
var _corner = require('./variables/corner'); | ||
var _corner2 = _interopRequireDefault(_corner); | ||
var corner = _interopRequireWildcard(_corner); | ||
var _font = require("./variables/font"); | ||
var _font = require('./variables/font'); | ||
var _font2 = _interopRequireDefault(_font); | ||
var font = _interopRequireWildcard(_font); | ||
var _line = require("./variables/line"); | ||
var _line = require('./variables/line'); | ||
var _line2 = _interopRequireDefault(_line); | ||
var line = _interopRequireWildcard(_line); | ||
var _shadow = require("./variables/shadow"); | ||
var _shadow = require('./variables/shadow'); | ||
var _shadow2 = _interopRequireDefault(_shadow); | ||
var shadow = _interopRequireWildcard(_shadow); | ||
var _icon = require("./variables/icon"); | ||
var _icon = require('./variables/icon'); | ||
var _icon2 = _interopRequireDefault(_icon); | ||
var icon = _interopRequireWildcard(_icon); | ||
var _varLoader = require("./util/var-loader"); | ||
var _varLoader = require('./util/var-loader'); | ||
var _varLoader2 = _interopRequireDefault(_varLoader); | ||
var loaders = _interopRequireWildcard(_varLoader); | ||
var _mixin = require("./util/mixin"); | ||
var _mixin = require('./util/mixin'); | ||
var _mixin2 = _interopRequireDefault(_mixin); | ||
var mixin = _interopRequireWildcard(_mixin); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } | ||
var BaseVariables = _extends({}, _mixin2.default, _varLoader2.default, _size2.default, _color2.default, _corner2.default, _font2.default, _line2.default, _shadow2.default, _icon2.default); | ||
var BaseVariables = _extends({}, mixin, loaders, size, color, corner, font, line, shadow, icon); | ||
module.exports = BaseVariables; | ||
exports.default = BaseVariables; | ||
module.exports = exports['default']; |
@@ -311,3 +311,2 @@ 'use strict'; | ||
// // 三角型生成器(8种形态) | ||
@@ -472,3 +471,2 @@ // // | ||
// function transform(t) { | ||
@@ -557,2 +555,9 @@ // WebkitTransform: t; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.padding = padding; | ||
exports.margin = margin; | ||
exports.border = border; | ||
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; } | ||
@@ -695,40 +700,40 @@ | ||
module.exports = { | ||
// dp2rem, | ||
// ellipsis, | ||
// multiLineEllipsis, | ||
// centerTl, | ||
// centerTd , | ||
// size, | ||
// position, | ||
// triangle, | ||
// flexbox, | ||
// flex, | ||
// flexboxInline, | ||
// justifyContent, | ||
// flexDirection, | ||
// alignItems, | ||
// transform, | ||
// boxPack, | ||
// boxAlign, | ||
// overflowScroll, | ||
// fontSize, | ||
// width, | ||
// height, | ||
// lineHeight, | ||
// minWidth, | ||
// maxWidth, | ||
// minHeight, | ||
// maxHeight, | ||
// top, | ||
// right, | ||
// bottom, | ||
// left, | ||
// paddingTop, | ||
// paddingRight, | ||
// paddingBottom, | ||
// paddingLeft, | ||
padding: padding, | ||
margin: margin, | ||
border: border | ||
}; | ||
// module.exports = { | ||
// dp2rem, | ||
// ellipsis, | ||
// multiLineEllipsis, | ||
// centerTl, | ||
// centerTd , | ||
// size, | ||
// position, | ||
// triangle, | ||
// flexbox, | ||
// flex, | ||
// flexboxInline, | ||
// justifyContent, | ||
// flexDirection, | ||
// alignItems, | ||
// transform, | ||
// boxPack, | ||
// boxAlign, | ||
// overflowScroll, | ||
// fontSize, | ||
// width, | ||
// height, | ||
// lineHeight, | ||
// minWidth, | ||
// maxWidth, | ||
// minHeight, | ||
// maxHeight, | ||
// top, | ||
// right, | ||
// bottom, | ||
// left, | ||
// paddingTop, | ||
// paddingRight, | ||
// paddingBottom, | ||
// paddingLeft, | ||
// padding: padding, | ||
// margin: margin, | ||
// border:border | ||
// }; |
@@ -6,13 +6,11 @@ 'use strict'; | ||
}); | ||
var _universalEnv = require('universal-env'); | ||
var isWeex = typeof callNative === 'function'; | ||
var platform = { | ||
iOS: false, | ||
android: false, | ||
weex: _universalEnv.isWeex, | ||
web: _universalEnv.isWeb | ||
weex: isWeex, | ||
web: !isWeex | ||
}; | ||
if (_universalEnv.isWeex) { | ||
if (isWeex) { | ||
var WeexEnv = typeof window !== 'undefined' && window.hasOwnProperty('__weex_env__') ? Object.assign({}, window.__weex_env__) : Object.assign({}, WXEnvironment); | ||
@@ -19,0 +17,0 @@ platform.iOS = WeexEnv.platform === 'iOS'; |
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.vLoader = vLoader; | ||
var _platform = require('./platform'); | ||
@@ -9,11 +14,7 @@ | ||
module.exports = { | ||
vLoader: function vLoader() { | ||
if (arguments.length > 1 && _platform2.default.iOS) { | ||
return arguments[1]; | ||
} | ||
return arguments[0]; | ||
function vLoader() { | ||
if (arguments.length > 1 && _platform2.default.iOS) { | ||
return arguments[1]; | ||
} | ||
}; | ||
return arguments[0]; | ||
} |
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _varLoader = require('../util/var-loader'); | ||
@@ -50,3 +54,3 @@ | ||
var varMap = { | ||
exports.default = { | ||
/** | ||
@@ -397,3 +401,2 @@ * 内置色 | ||
}; | ||
module.exports = varMap; | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _varLoader = require('../util/var-loader'); | ||
@@ -18,3 +22,3 @@ | ||
var varMap = { | ||
exports.default = { | ||
/** | ||
@@ -51,3 +55,2 @@ * corner-0 | ||
}; | ||
module.exports = varMap; | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _varLoader = require('../util/var-loader'); | ||
@@ -30,3 +34,3 @@ | ||
var varMap = { | ||
exports.default = { | ||
/** | ||
@@ -137,3 +141,2 @@ * family | ||
}; | ||
module.exports = varMap; | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _varLoader = require('../util/var-loader'); | ||
@@ -7,14 +11,14 @@ | ||
var _size2 = _interopRequireDefault(_size); | ||
var size = _interopRequireWildcard(_size); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } | ||
var iconXxs = (0, _varLoader.vLoader)(_size2.default['s-2']); | ||
var iconXs = (0, _varLoader.vLoader)(_size2.default['s-3']); | ||
var iconS = (0, _varLoader.vLoader)(_size2.default['s-4']); | ||
var iconM = (0, _varLoader.vLoader)(_size2.default['s-5']); | ||
var iconL = (0, _varLoader.vLoader)(_size2.default['s-6']); | ||
var iconXl = (0, _varLoader.vLoader)(_size2.default['s-8']); | ||
var iconXxl = (0, _varLoader.vLoader)(_size2.default['s-12']); | ||
var iconXxxl = (0, _varLoader.vLoader)(_size2.default['s-16']); | ||
var iconXxs = (0, _varLoader.vLoader)(size['s-2']); | ||
var iconXs = (0, _varLoader.vLoader)(size['s-3']); | ||
var iconS = (0, _varLoader.vLoader)(size['s-4']); | ||
var iconM = (0, _varLoader.vLoader)(size['s-5']); | ||
var iconL = (0, _varLoader.vLoader)(size['s-6']); | ||
var iconXl = (0, _varLoader.vLoader)(size['s-8']); | ||
var iconXxl = (0, _varLoader.vLoader)(size['s-12']); | ||
var iconXxxl = (0, _varLoader.vLoader)(size['s-16']); | ||
@@ -28,3 +32,3 @@ /** | ||
var varMap = { | ||
exports.default = { | ||
/** | ||
@@ -83,3 +87,3 @@ * icon-xxs | ||
*/ | ||
'icon-font-path': '//at.alicdn.com/t/font_595713_0llzi3zjttymn29.ttf', | ||
'icon-font-path': '//at.alicdn.com/t/font_595713_0llzi3zjttymn29', | ||
/** | ||
@@ -302,3 +306,2 @@ * icon-font-family | ||
}; | ||
module.exports = varMap; | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _varLoader = require('../util/var-loader'); | ||
@@ -20,3 +24,3 @@ | ||
var varMap = { | ||
exports.default = { | ||
/** | ||
@@ -68,3 +72,2 @@ * line-0 | ||
}; | ||
module.exports = varMap; | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _varLoader = require('../util/var-loader'); | ||
@@ -7,5 +11,5 @@ | ||
var _color2 = _interopRequireDefault(_color); | ||
var color = _interopRequireWildcard(_color); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } | ||
@@ -24,5 +28,5 @@ var shadow1 = (0, _varLoader.vLoader)('1px 1px 3px 0 rgba(0,0,0,0.12)'); | ||
var shadowSpreadSd3 = (0, _varLoader.vLoader)(0); | ||
var shadowColorSd1 = (0, _varLoader.vLoader)(_color2.default['color-black']); | ||
var shadowColorSd2 = (0, _varLoader.vLoader)(_color2.default['color-black']); | ||
var shadowColorSd3 = (0, _varLoader.vLoader)(_color2.default['color-black']); | ||
var shadowColorSd1 = (0, _varLoader.vLoader)(color['color-black']); | ||
var shadowColorSd2 = (0, _varLoader.vLoader)(color['color-black']); | ||
var shadowColorSd3 = (0, _varLoader.vLoader)(color['color-black']); | ||
var shadowOpacitySd1 = (0, _varLoader.vLoader)(0.12); | ||
@@ -39,3 +43,3 @@ var shadowOpacitySd2 = (0, _varLoader.vLoader)(0.12); | ||
var varMap = { | ||
exports.default = { | ||
/** | ||
@@ -137,5 +141,3 @@ * shadow-1 | ||
'shadow-spread-sd3': shadowSpreadSd3 | ||
}; | ||
module.exports = varMap; | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _varLoader = require('../util/var-loader'); | ||
@@ -39,8 +43,8 @@ | ||
var varMap = { | ||
exports.default = { | ||
/** | ||
* size-base | ||
* @property semantic 基础尺寸 | ||
* @property export | ||
*/ | ||
* size-base | ||
* @property semantic 基础尺寸 | ||
* @property export | ||
*/ | ||
'size-base': sizeBase, | ||
@@ -173,3 +177,2 @@ /** | ||
}; | ||
module.exports = varMap; | ||
module.exports = exports['default']; |
{ | ||
"name": "nuke-core", | ||
"version": "2.0.15", | ||
"version": "2.0.16", | ||
"description": "nuke 核心变量", | ||
@@ -5,0 +5,0 @@ "main": "lib/nuke", |
'use strict'; | ||
import size from "./variables/size"; | ||
import color from "./variables/color"; | ||
import corner from "./variables/corner"; | ||
import font from "./variables/font"; | ||
import line from "./variables/line"; | ||
import shadow from "./variables/shadow"; | ||
import icon from "./variables/icon"; | ||
import loaders from './util/var-loader'; | ||
import mixin from "./util/mixin"; | ||
import * as size from './variables/size'; | ||
import * as color from './variables/color'; | ||
import * as corner from './variables/corner'; | ||
import * as font from './variables/font'; | ||
import * as line from './variables/line'; | ||
import * as shadow from './variables/shadow'; | ||
import * as icon from './variables/icon'; | ||
import * as loaders from './util/var-loader'; | ||
import * as mixin from './util/mixin'; | ||
@@ -22,5 +22,5 @@ const BaseVariables = { | ||
...shadow, | ||
...icon | ||
...icon, | ||
}; | ||
module.exports = BaseVariables; | ||
export default BaseVariables; |
@@ -311,3 +311,2 @@ 'use strict'; | ||
// // 三角型生成器(8种形态) | ||
@@ -472,3 +471,2 @@ // // | ||
// function transform(t) { | ||
@@ -557,7 +555,11 @@ // WebkitTransform: t; | ||
function padding() { | ||
var pt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; | ||
var pr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : pt; | ||
var pb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : pt; | ||
var pl = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : pr; | ||
export function padding() { | ||
var pt = | ||
arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; | ||
var pr = | ||
arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : pt; | ||
var pb = | ||
arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : pt; | ||
var pl = | ||
arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : pr; | ||
@@ -568,10 +570,14 @@ return { | ||
paddingBottom: pb, | ||
paddingLeft: pl | ||
paddingLeft: pl, | ||
}; | ||
} | ||
function margin() { | ||
var pt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; | ||
var pr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : pt; | ||
var pb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : pt; | ||
var pl = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : pr; | ||
export function margin() { | ||
var pt = | ||
arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; | ||
var pr = | ||
arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : pt; | ||
var pb = | ||
arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : pt; | ||
var pl = | ||
arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : pr; | ||
@@ -582,11 +588,16 @@ return { | ||
marginBottom: pb, | ||
marginLeft: pl | ||
marginLeft: pl, | ||
}; | ||
} | ||
function border(width = 1, style = 'solid', color = '#ffffff',direction = null) { | ||
if(typeof width == 'string' && width.indexOf('px') > -1){ | ||
width = width.split('px')[0]*2; | ||
export function border( | ||
width = 1, | ||
style = 'solid', | ||
color = '#ffffff', | ||
direction = null | ||
) { | ||
if (typeof width == 'string' && width.indexOf('px') > -1) { | ||
width = width.split('px')[0] * 2; | ||
} | ||
if(direction){ | ||
if (direction) { | ||
var x = direction[0].toUpperCase() + direction.slice(1); | ||
@@ -596,9 +607,9 @@ return { | ||
[`border${x}Style`]: style, | ||
[`border${x}Color`]: color | ||
[`border${x}Color`]: color, | ||
}; | ||
}else{ | ||
} else { | ||
return { | ||
borderWidth: width, | ||
borderStyle: style, | ||
borderColor: color | ||
borderColor: color, | ||
}; | ||
@@ -693,40 +704,40 @@ } | ||
module.exports = { | ||
// dp2rem, | ||
// ellipsis, | ||
// multiLineEllipsis, | ||
// centerTl, | ||
// centerTd , | ||
// size, | ||
// position, | ||
// triangle, | ||
// flexbox, | ||
// flex, | ||
// flexboxInline, | ||
// justifyContent, | ||
// flexDirection, | ||
// alignItems, | ||
// transform, | ||
// boxPack, | ||
// boxAlign, | ||
// overflowScroll, | ||
// fontSize, | ||
// width, | ||
// height, | ||
// lineHeight, | ||
// minWidth, | ||
// maxWidth, | ||
// minHeight, | ||
// maxHeight, | ||
// top, | ||
// right, | ||
// bottom, | ||
// left, | ||
// paddingTop, | ||
// paddingRight, | ||
// paddingBottom, | ||
// paddingLeft, | ||
padding: padding, | ||
margin: margin, | ||
border:border | ||
}; | ||
// module.exports = { | ||
// dp2rem, | ||
// ellipsis, | ||
// multiLineEllipsis, | ||
// centerTl, | ||
// centerTd , | ||
// size, | ||
// position, | ||
// triangle, | ||
// flexbox, | ||
// flex, | ||
// flexboxInline, | ||
// justifyContent, | ||
// flexDirection, | ||
// alignItems, | ||
// transform, | ||
// boxPack, | ||
// boxAlign, | ||
// overflowScroll, | ||
// fontSize, | ||
// width, | ||
// height, | ||
// lineHeight, | ||
// minWidth, | ||
// maxWidth, | ||
// minHeight, | ||
// maxHeight, | ||
// top, | ||
// right, | ||
// bottom, | ||
// left, | ||
// paddingTop, | ||
// paddingRight, | ||
// paddingBottom, | ||
// paddingLeft, | ||
// padding: padding, | ||
// margin: margin, | ||
// border:border | ||
// }; |
@@ -1,3 +0,2 @@ | ||
import { isWeb, isWeex } from 'universal-env'; | ||
const isWeex = typeof callNative === 'function'; | ||
let platform = { | ||
@@ -7,7 +6,10 @@ iOS: false, | ||
weex: isWeex, | ||
web: isWeb | ||
} | ||
web: !isWeex, | ||
}; | ||
if (isWeex) { | ||
let WeexEnv = typeof(window) !== 'undefined' && window.hasOwnProperty('__weex_env__') ? Object.assign({}, window.__weex_env__) : Object.assign({}, WXEnvironment); | ||
let WeexEnv = | ||
typeof window !== 'undefined' && window.hasOwnProperty('__weex_env__') | ||
? Object.assign({}, window.__weex_env__) | ||
: Object.assign({}, WXEnvironment); | ||
platform.iOS = WeexEnv.platform === 'iOS'; | ||
@@ -14,0 +16,0 @@ platform.android = WeexEnv.platform === 'android'; |
@@ -5,12 +5,7 @@ 'use strict'; | ||
module.exports = { | ||
vLoader: function vLoader() { | ||
if (arguments.length > 1 && platform.iOS) { | ||
return arguments[1]; | ||
} | ||
return arguments[0]; | ||
export function vLoader() { | ||
if (arguments.length > 1 && platform.iOS) { | ||
return arguments[1]; | ||
} | ||
}; | ||
return arguments[0]; | ||
} |
@@ -50,3 +50,3 @@ 'use strict'; | ||
const varMap = { | ||
export default { | ||
/** | ||
@@ -395,5 +395,3 @@ * 内置色 | ||
*/ | ||
'color-other-1': colorOther1 | ||
'color-other-1': colorOther1, | ||
}; | ||
module.exports = varMap; |
@@ -18,3 +18,3 @@ 'use strict'; | ||
const varMap = { | ||
export default { | ||
/** | ||
@@ -49,5 +49,3 @@ * corner-0 | ||
*/ | ||
'corner-circle': cornerCircle | ||
'corner-circle': cornerCircle, | ||
}; | ||
module.exports = varMap; |
@@ -5,3 +5,5 @@ 'use strict'; | ||
const fontFamilyBase = vLoader('Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei"'); | ||
const fontFamilyBase = vLoader( | ||
'Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei"' | ||
); | ||
const fontSizeDisplay3 = vLoader(112); | ||
@@ -31,3 +33,3 @@ const fontSizeDisplay2 = vLoader(96); | ||
const varMap = { | ||
export default { | ||
/** | ||
@@ -136,5 +138,3 @@ * family | ||
*/ | ||
'font-lineheight-3': fontLineHeight3 | ||
'font-lineheight-3': fontLineHeight3, | ||
}; | ||
module.exports = varMap; |
'use strict'; | ||
import { vLoader } from '../util/var-loader'; | ||
import size from './size'; | ||
import * as size from './size'; | ||
@@ -22,3 +22,3 @@ const iconXxs = vLoader(size['s-2']); | ||
const varMap = { | ||
export default { | ||
/** | ||
@@ -77,3 +77,3 @@ * icon-xxs | ||
*/ | ||
'icon-font-path': '//at.alicdn.com/t/font_595713_0llzi3zjttymn29.ttf', | ||
'icon-font-path': '//at.alicdn.com/t/font_595713_0llzi3zjttymn29', | ||
/** | ||
@@ -294,5 +294,3 @@ * icon-font-family | ||
*/ | ||
'icon-content-minus': 'e657' | ||
'icon-content-minus': 'e657', | ||
}; | ||
module.exports = varMap; |
@@ -20,51 +20,48 @@ 'use strict'; | ||
const varMap = { | ||
/** | ||
* line-0 | ||
* @property semantic 无 | ||
* @property export width | ||
*/ | ||
'line-0': line0, | ||
/** | ||
* line-1 | ||
* @property semantic 细 | ||
* @property export width | ||
*/ | ||
'line-1': line1, | ||
/** | ||
* line-2 | ||
* @property semantic 常规 | ||
* @property export width | ||
*/ | ||
'line-2': line2, | ||
/** | ||
* line-3 | ||
* @property semantic 粗 | ||
* @property export width | ||
*/ | ||
'line-3': line3, | ||
/** | ||
* line-solid | ||
* @property semantic 实线 | ||
* @property unconfigurable | ||
* @property export style | ||
*/ | ||
'line-solid': lineSolid, | ||
/** | ||
* line-dashed | ||
* @property semantic 虚线 | ||
* @property unconfigurable | ||
* @property export style | ||
*/ | ||
'line-dashed': lineDashed, | ||
/** | ||
* line-dotted | ||
* @property semantic 点线 | ||
* @property unconfigurable | ||
* @property export style | ||
*/ | ||
'line-dotted': lineDotted | ||
export default { | ||
/** | ||
* line-0 | ||
* @property semantic 无 | ||
* @property export width | ||
*/ | ||
'line-0': line0, | ||
/** | ||
* line-1 | ||
* @property semantic 细 | ||
* @property export width | ||
*/ | ||
'line-1': line1, | ||
/** | ||
* line-2 | ||
* @property semantic 常规 | ||
* @property export width | ||
*/ | ||
'line-2': line2, | ||
/** | ||
* line-3 | ||
* @property semantic 粗 | ||
* @property export width | ||
*/ | ||
'line-3': line3, | ||
/** | ||
* line-solid | ||
* @property semantic 实线 | ||
* @property unconfigurable | ||
* @property export style | ||
*/ | ||
'line-solid': lineSolid, | ||
/** | ||
* line-dashed | ||
* @property semantic 虚线 | ||
* @property unconfigurable | ||
* @property export style | ||
*/ | ||
'line-dashed': lineDashed, | ||
/** | ||
* line-dotted | ||
* @property semantic 点线 | ||
* @property unconfigurable | ||
* @property export style | ||
*/ | ||
'line-dotted': lineDotted, | ||
}; | ||
module.exports = varMap; | ||
'use strict'; | ||
import { vLoader } from '../util/var-loader'; | ||
import color from './color'; | ||
import * as color from './color'; | ||
@@ -32,102 +32,99 @@ const shadow1 = vLoader('1px 1px 3px 0 rgba(0,0,0,0.12)'); | ||
const varMap = { | ||
/** | ||
* shadow-1 | ||
* @property semantic 阴影1 | ||
* @property export | ||
* @property calculate ['shadow-distance-sd1'] ['shadow-distance-sd1'] ['shadow-blur-sd1'] ['shadow-spread-sd1'] rgba(['shadow-color-sd1'], ['shadow-opacity-sd1']) | ||
*/ | ||
'shadow-1': shadow1, | ||
/** | ||
* shadow-2 | ||
* @property semantic 阴影2 | ||
* @property export | ||
* @property calculate ['shadow-distance-sd2'] ['shadow-distance-sd2'] ['shadow-blur-sd2'] ['shadow-spread-sd2'] rgba(['shadow-color-sd2'], ['shadow-opacity-sd2']) | ||
*/ | ||
'shadow-2': shadow2, | ||
/** | ||
* shadow-3 | ||
* @property semantic 阴影3 | ||
* @property export | ||
* @property calculate ['shadow-distance-sd3'] ['shadow-distance-sd3'] ['shadow-blur-sd3'] ['shadow-spread-sd3'] rgba(['shadow-color-sd3'], ['shadow-opacity-sd3']) | ||
*/ | ||
'shadow-3': shadow3, | ||
/** | ||
* shadow-distance-sd1 | ||
* @property semantic 阴影1距离 | ||
*/ | ||
'shadow-distance-sd1': shadowDistanceSd1, | ||
/** | ||
* shadow-distance-sd2 | ||
* @property semantic 阴影2距离 | ||
*/ | ||
'shadow-distance-sd2': shadowDistanceSd2, | ||
/** | ||
* shadow-distance-sd3 | ||
* @property semantic 阴影3距离 | ||
*/ | ||
'shadow-distance-sd3': shadowDistanceSd3, | ||
/** | ||
* shadow-opacity-sd1 | ||
* @property semantic 阴影1透明度 | ||
*/ | ||
'shadow-opacity-sd1': shadowOpacitySd1, | ||
/** | ||
* shadow-opacity-sd2 | ||
* @property semantic 阴影2透明度 | ||
*/ | ||
'shadow-opacity-sd2': shadowOpacitySd2, | ||
/** | ||
* shadow-opacity-sd3 | ||
* @property semantic 阴影3透明度 | ||
*/ | ||
'shadow-opacity-sd3': shadowOpacitySd3, | ||
/** | ||
* shadow-color-sd1 | ||
* @property semantic 阴影1颜色 | ||
*/ | ||
'shadow-color-sd1': shadowColorSd1, | ||
/** | ||
* shadow-color-sd2 | ||
* @property semantic 阴影2颜色 | ||
*/ | ||
'shadow-color-sd2': shadowColorSd2, | ||
/** | ||
* shadow-color-sd3 | ||
* @property semantic 阴影3颜色 | ||
*/ | ||
'shadow-color-sd3': shadowColorSd3, | ||
/** | ||
* shadow-blur-sd1 | ||
* @property semantic 阴影1羽化值 | ||
*/ | ||
'shadow-blur-sd1': shadowBlurSd1, | ||
/** | ||
* shadow-blur-sd2 | ||
* @property semantic 阴影2羽化值 | ||
*/ | ||
'shadow-blur-sd2': shadowBlurSd2, | ||
/** | ||
* shadow-blur-sd3 | ||
* @property semantic 阴影3羽化值 | ||
*/ | ||
'shadow-blur-sd3': shadowBlurSd3, | ||
/** | ||
* shadow-spread-sd1 | ||
* @property semantic 阴影1扩散值 | ||
*/ | ||
'shadow-spread-sd1': shadowSpreadSd1, | ||
/** | ||
* shadow-spread-sd2 | ||
* @property semantic 阴影2扩散值 | ||
*/ | ||
'shadow-spread-sd2': shadowSpreadSd2, | ||
/** | ||
* shadow-spread-sd3 | ||
* @property semantic 阴影3扩散值 | ||
*/ | ||
'shadow-spread-sd3': shadowSpreadSd3 | ||
export default { | ||
/** | ||
* shadow-1 | ||
* @property semantic 阴影1 | ||
* @property export | ||
* @property calculate ['shadow-distance-sd1'] ['shadow-distance-sd1'] ['shadow-blur-sd1'] ['shadow-spread-sd1'] rgba(['shadow-color-sd1'], ['shadow-opacity-sd1']) | ||
*/ | ||
'shadow-1': shadow1, | ||
/** | ||
* shadow-2 | ||
* @property semantic 阴影2 | ||
* @property export | ||
* @property calculate ['shadow-distance-sd2'] ['shadow-distance-sd2'] ['shadow-blur-sd2'] ['shadow-spread-sd2'] rgba(['shadow-color-sd2'], ['shadow-opacity-sd2']) | ||
*/ | ||
'shadow-2': shadow2, | ||
/** | ||
* shadow-3 | ||
* @property semantic 阴影3 | ||
* @property export | ||
* @property calculate ['shadow-distance-sd3'] ['shadow-distance-sd3'] ['shadow-blur-sd3'] ['shadow-spread-sd3'] rgba(['shadow-color-sd3'], ['shadow-opacity-sd3']) | ||
*/ | ||
'shadow-3': shadow3, | ||
/** | ||
* shadow-distance-sd1 | ||
* @property semantic 阴影1距离 | ||
*/ | ||
'shadow-distance-sd1': shadowDistanceSd1, | ||
/** | ||
* shadow-distance-sd2 | ||
* @property semantic 阴影2距离 | ||
*/ | ||
'shadow-distance-sd2': shadowDistanceSd2, | ||
/** | ||
* shadow-distance-sd3 | ||
* @property semantic 阴影3距离 | ||
*/ | ||
'shadow-distance-sd3': shadowDistanceSd3, | ||
/** | ||
* shadow-opacity-sd1 | ||
* @property semantic 阴影1透明度 | ||
*/ | ||
'shadow-opacity-sd1': shadowOpacitySd1, | ||
/** | ||
* shadow-opacity-sd2 | ||
* @property semantic 阴影2透明度 | ||
*/ | ||
'shadow-opacity-sd2': shadowOpacitySd2, | ||
/** | ||
* shadow-opacity-sd3 | ||
* @property semantic 阴影3透明度 | ||
*/ | ||
'shadow-opacity-sd3': shadowOpacitySd3, | ||
/** | ||
* shadow-color-sd1 | ||
* @property semantic 阴影1颜色 | ||
*/ | ||
'shadow-color-sd1': shadowColorSd1, | ||
/** | ||
* shadow-color-sd2 | ||
* @property semantic 阴影2颜色 | ||
*/ | ||
'shadow-color-sd2': shadowColorSd2, | ||
/** | ||
* shadow-color-sd3 | ||
* @property semantic 阴影3颜色 | ||
*/ | ||
'shadow-color-sd3': shadowColorSd3, | ||
/** | ||
* shadow-blur-sd1 | ||
* @property semantic 阴影1羽化值 | ||
*/ | ||
'shadow-blur-sd1': shadowBlurSd1, | ||
/** | ||
* shadow-blur-sd2 | ||
* @property semantic 阴影2羽化值 | ||
*/ | ||
'shadow-blur-sd2': shadowBlurSd2, | ||
/** | ||
* shadow-blur-sd3 | ||
* @property semantic 阴影3羽化值 | ||
*/ | ||
'shadow-blur-sd3': shadowBlurSd3, | ||
/** | ||
* shadow-spread-sd1 | ||
* @property semantic 阴影1扩散值 | ||
*/ | ||
'shadow-spread-sd1': shadowSpreadSd1, | ||
/** | ||
* shadow-spread-sd2 | ||
* @property semantic 阴影2扩散值 | ||
*/ | ||
'shadow-spread-sd2': shadowSpreadSd2, | ||
/** | ||
* shadow-spread-sd3 | ||
* @property semantic 阴影3扩散值 | ||
*/ | ||
'shadow-spread-sd3': shadowSpreadSd3, | ||
}; | ||
module.exports = varMap; |
@@ -39,136 +39,134 @@ 'use strict'; | ||
const varMap = { | ||
export default { | ||
/** | ||
* size-base | ||
* @property semantic 基础尺寸 | ||
* @property export | ||
*/ | ||
'size-base': sizeBase, | ||
/** | ||
* s0 | ||
* @property export | ||
*/ | ||
's-0': s0, | ||
/** | ||
* s1 | ||
* @property export | ||
* @property calculate ['size-base']*1 | ||
*/ | ||
's-1': s1, | ||
/** | ||
* s2 | ||
* @property export | ||
* @property calculate ['size-base']*2 | ||
*/ | ||
's-2': s2, | ||
/** | ||
* s3 | ||
* @property export | ||
* @property calculate ['size-base']*3 | ||
*/ | ||
's-3': s3, | ||
/** | ||
* s4 | ||
* @property export | ||
* @property calculate ['size-base']*4 | ||
*/ | ||
's-4': s4, | ||
/** | ||
* s5 | ||
* @property export | ||
* @property calculate ['size-base']*5 | ||
*/ | ||
's-5': s5, | ||
/** | ||
* s6 | ||
* @property export | ||
* @property calculate ['size-base']*6 | ||
*/ | ||
's-6': s6, | ||
/** | ||
* s7 | ||
* @property export | ||
* @property calculate ['size-base']*7 | ||
*/ | ||
's-7': s7, | ||
/** | ||
* s8 | ||
* @property export | ||
* @property calculate ['size-base']*8 | ||
*/ | ||
's-8': s8, | ||
/** | ||
* s9 | ||
* @property export | ||
* @property calculate ['size-base']*9 | ||
*/ | ||
's-9': s9, | ||
/** | ||
* s10 | ||
* @property export | ||
* @property calculate ['size-base']*10 | ||
*/ | ||
's-10': s10, | ||
/** | ||
* s11 | ||
* @property export | ||
* @property calculate ['size-base']*11 | ||
*/ | ||
's-11': s11, | ||
/** | ||
* s12 | ||
* @property export | ||
* @property calculate ['size-base']*12 | ||
*/ | ||
's-12': s12, | ||
/** | ||
* s13 | ||
* @property export | ||
* @property calculate ['size-base']*13 | ||
*/ | ||
's-13': s13, | ||
/** | ||
* s14 | ||
* @property export | ||
* @property calculate ['size-base']*14 | ||
*/ | ||
's-14': s14, | ||
/** | ||
* s15 | ||
* @property export | ||
* @property calculate ['size-base']*15 | ||
*/ | ||
's-15': s15, | ||
/** | ||
* s16 | ||
* @property export | ||
* @property calculate ['size-base']*16 | ||
*/ | ||
's-16': s16, | ||
/** | ||
* s17 | ||
* @property export | ||
* @property calculate ['size-base']*17 | ||
*/ | ||
's-17': s17, | ||
/** | ||
* s18 | ||
* @property export | ||
* @property calculate ['size-base']*18 | ||
*/ | ||
's-18': s18, | ||
/** | ||
* s19 | ||
* @property export | ||
* @property calculate ['size-base']*19 | ||
*/ | ||
's-19': s19, | ||
/** | ||
* s20 | ||
* @property export | ||
* @property calculate ['size-base']*20 | ||
*/ | ||
's-20': s20 | ||
* size-base | ||
* @property semantic 基础尺寸 | ||
* @property export | ||
*/ | ||
'size-base': sizeBase, | ||
/** | ||
* s0 | ||
* @property export | ||
*/ | ||
's-0': s0, | ||
/** | ||
* s1 | ||
* @property export | ||
* @property calculate ['size-base']*1 | ||
*/ | ||
's-1': s1, | ||
/** | ||
* s2 | ||
* @property export | ||
* @property calculate ['size-base']*2 | ||
*/ | ||
's-2': s2, | ||
/** | ||
* s3 | ||
* @property export | ||
* @property calculate ['size-base']*3 | ||
*/ | ||
's-3': s3, | ||
/** | ||
* s4 | ||
* @property export | ||
* @property calculate ['size-base']*4 | ||
*/ | ||
's-4': s4, | ||
/** | ||
* s5 | ||
* @property export | ||
* @property calculate ['size-base']*5 | ||
*/ | ||
's-5': s5, | ||
/** | ||
* s6 | ||
* @property export | ||
* @property calculate ['size-base']*6 | ||
*/ | ||
's-6': s6, | ||
/** | ||
* s7 | ||
* @property export | ||
* @property calculate ['size-base']*7 | ||
*/ | ||
's-7': s7, | ||
/** | ||
* s8 | ||
* @property export | ||
* @property calculate ['size-base']*8 | ||
*/ | ||
's-8': s8, | ||
/** | ||
* s9 | ||
* @property export | ||
* @property calculate ['size-base']*9 | ||
*/ | ||
's-9': s9, | ||
/** | ||
* s10 | ||
* @property export | ||
* @property calculate ['size-base']*10 | ||
*/ | ||
's-10': s10, | ||
/** | ||
* s11 | ||
* @property export | ||
* @property calculate ['size-base']*11 | ||
*/ | ||
's-11': s11, | ||
/** | ||
* s12 | ||
* @property export | ||
* @property calculate ['size-base']*12 | ||
*/ | ||
's-12': s12, | ||
/** | ||
* s13 | ||
* @property export | ||
* @property calculate ['size-base']*13 | ||
*/ | ||
's-13': s13, | ||
/** | ||
* s14 | ||
* @property export | ||
* @property calculate ['size-base']*14 | ||
*/ | ||
's-14': s14, | ||
/** | ||
* s15 | ||
* @property export | ||
* @property calculate ['size-base']*15 | ||
*/ | ||
's-15': s15, | ||
/** | ||
* s16 | ||
* @property export | ||
* @property calculate ['size-base']*16 | ||
*/ | ||
's-16': s16, | ||
/** | ||
* s17 | ||
* @property export | ||
* @property calculate ['size-base']*17 | ||
*/ | ||
's-17': s17, | ||
/** | ||
* s18 | ||
* @property export | ||
* @property calculate ['size-base']*18 | ||
*/ | ||
's-18': s18, | ||
/** | ||
* s19 | ||
* @property export | ||
* @property calculate ['size-base']*19 | ||
*/ | ||
's-19': s19, | ||
/** | ||
* s20 | ||
* @property export | ||
* @property calculate ['size-base']*20 | ||
*/ | ||
's-20': s20, | ||
}; | ||
module.exports = varMap; |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
107779
3791