Socket
Socket
Sign inDemoInstall

nuke-helper

Package Overview
Dependencies
Maintainers
2
Versions
58
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nuke-helper - npm Package Compare versions

Comparing version 2.0.3 to 2.1.1-1

build/deps.json
build/index.react.cmd.js
build/index.web.cmd.js
build/index.weex.cmd.js

46

lib/border-seperate.js

@@ -1,45 +0,1 @@

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
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; }
/**
* 用来处理 weex 下，同时有 borderWidth 和 borderTopWidth 时，weex 表现异常的问题
* @param {object} style
* @param {array} attrArray 需要修复 border 的哪些属性
* @return {object} style
*/
exports.default = function (style) {
var attrs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['Color', 'Style', 'Width'];
if (style.border) {
if (style.border === 'none') {
style.borderWidth = 0;
}
delete style.border;
}
attrs.map(function (attr) {
if (style.hasOwnProperty('border' + attr)) {
var _attrObj;
var attrObj = (_attrObj = {}, _defineProperty(_attrObj, 'borderTop' + attr, style['border' + attr]), _defineProperty(_attrObj, 'borderLeft' + attr, style['border' + attr]), _defineProperty(_attrObj, 'borderRight' + attr, style['border' + attr]), _defineProperty(_attrObj, 'borderBottom' + attr, style['border' + attr]), _attrObj);
var deleteFlag = false;
['Top', 'Left', 'Right', 'Bottom'].map(function (direction) {
if (style.hasOwnProperty('border' + direction + attr)) {
deleteFlag = true;
attrObj['border' + direction + attr] = style['border' + direction + attr];
}
});
if (deleteFlag) {
delete style['border' + attr];
style = Object.assign({}, attrObj, style);
}
}
});
return style;
};
module.exports = exports['default'];
'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.borderSeperate=borderSeperate;function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function borderSeperate(style){var attrs=1<arguments.length&&void 0!==arguments[1]?arguments[1]:['Color','Style','Width'];return style.border&&('none'===style.border&&(style.borderWidth=0),delete style.border),attrs.map(function(attr){if(style.hasOwnProperty('border'+attr)){var _attrObj,attrObj=(_attrObj={},_defineProperty(_attrObj,'borderTop'+attr,style['border'+attr]),_defineProperty(_attrObj,'borderLeft'+attr,style['border'+attr]),_defineProperty(_attrObj,'borderRight'+attr,style['border'+attr]),_defineProperty(_attrObj,'borderBottom'+attr,style['border'+attr]),_attrObj),deleteFlag=!1;['Top','Left','Right','Bottom'].map(function(direction){style.hasOwnProperty('border'+direction+attr)&&(deleteFlag=!0,attrObj['border'+direction+attr]=style['border'+direction+attr])}),deleteFlag&&(delete style['border'+attr],style=Object.assign({},attrObj,style))}}),style}

8

lib/bubble-keys.js

@@ -1,7 +0,1 @@

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = ['display', 'justifyContent', 'alignItems', 'flexDirection', 'overflow', 'backgroundColor', 'visibility', 'outline', 'transition', 'zoom', 'flexWrap', 'position', 'zIndex', 'flex', 'width', 'height'];
module.exports = exports['default'];
'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var bubbleKeys=exports.bubbleKeys=['display','justifyContent','alignItems','flexDirection','overflow','backgroundColor','visibility','outline','transition','zoom','flexWrap','position','zIndex','flex','width','height'];

68

lib/calc-fixed-font.js

@@ -1,67 +0,1 @@

'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 isWeb = typeof callNative !== 'function';
var isIpad = void 0;
if (isWeb) {
isIpad = navigator.userAgent.indexOf('iPad') > -1;
} else {
var env = typeof WXEnvironment !== 'string' ? WXEnvironment : {};
isIpad = env.platform.toLowerCase() === 'ios' && env.deviceModel.toLowerCase().indexOf('ipad') > -1;
}
function fitPad(style) {
var result = _extends({}, style);
var fontSize = style.fontSize;
if (typeof fontSize === 'string' && fontSize.indexOf('rem') > 0 || typeof fontSize === 'number') {
fontSize = parseInt(fontSize, 10);
}
if (typeof fontSize === 'string' && fontSize.indexOf('px') > 0) {
fontSize = parseInt(fontSize, 10) * 2;
}
result.fontSize = fontSize;
return result;
}
// appInfo.platform.toLowerCase() === 'ios' &&
// appInfo.deviceModel.toLowerCase() === 'ipad';
/**
* parse fontSize to a fixed font.
* if style:
* fontSize:'28rem' or
* fontSize:28, or
* fontSize:'14px'
* and fixedFont=true
* will turns to:
* font-size 14px (in web) / 14wx (in ios and android weex ).
* But if in ipad, things go other way, if you choose fitPad, font-size will roll back to rem to fit screen.
*/
exports.default = function (style) {
var fixedFont = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
var shouldFitPad = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
if (!style || !style.fontSize || !fixedFont) return style;
if (isIpad && shouldFitPad) return fitPad(style);
var result = _extends({}, style);
var fontSize = style.fontSize;
if (typeof fontSize === 'string' && fontSize.indexOf('rem') > 0 || typeof fontSize === 'number') {
fontSize = Math.floor(parseInt(fontSize, 10) / 2);
}
if (typeof fontSize === 'string' && fontSize.indexOf('px') > 0) {
fontSize = parseInt(fontSize, 10);
}
result.fontSize = fontSize + (isWeb ? 'px' : 'wx');
if (isIpad && fitPad) {}
return result;
};
module.exports = exports['default'];
'use strict';var _extends=Object.assign||function(target){for(var source,i=1;i<arguments.length;i++)for(var key in source=arguments[i],source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key]);return target};Object.defineProperty(exports,'__esModule',{value:!0});exports.calcFixedFont=calcFixedFont;var _nukeEnv=require('nuke-env'),isIpad=void 0;if(_nukeEnv.isWeb)isIpad=-1<navigator.userAgent.indexOf('iPad');else{var env='string'==typeof WXEnvironment?{}:WXEnvironment;isIpad='ios'===env.platform.toLowerCase()&&-1<env.deviceModel.toLowerCase().indexOf('ipad')}function fitPad(style){var result=_extends({},style),fontSize=style.fontSize;return('string'==typeof fontSize&&0<fontSize.indexOf('rem')||'number'==typeof fontSize)&&(fontSize=parseInt(fontSize,10)),'string'==typeof fontSize&&0<fontSize.indexOf('px')&&(fontSize=2*parseInt(fontSize,10)),result.fontSize=fontSize,result}function calcFixedFont(style){var fixedFont=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],shouldFitPad=!(2<arguments.length&&void 0!==arguments[2])||arguments[2];if(!style||!style.fontSize||!fixedFont)return style;if(isIpad&&shouldFitPad)return fitPad(style);var result=_extends({},style),fontSize=style.fontSize;return('string'==typeof fontSize&&0<fontSize.indexOf('rem')||'number'==typeof fontSize)&&(fontSize=Math.floor(parseInt(fontSize,10)/2)),'string'==typeof fontSize&&0<fontSize.indexOf('px')&&(fontSize=parseInt(fontSize,10)),result.fontSize=fontSize+(_nukeEnv.isWeb?'px':'wx'),isIpad&&fitPad,result}

15

lib/fix-small-unit.js

@@ -1,14 +0,1 @@

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var isWeb = typeof callNative !== 'function';
exports.default = function (unit) {
var num = parseInt(unit, 10);
if (num > 6) return unit;
return '' + Math.floor(num / 2).toString() + (isWeb ? 'px' : 'wx');
};
module.exports = exports['default'];
'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.fixSmallUnit=fixSmallUnit;var _nukeEnv=require('nuke-env');function fixSmallUnit(unit){var num=parseInt(unit,10);return 6<num?unit:''+Math.floor(num/2).toString()+(_nukeEnv.isWeb?'px':'wx')}

66

lib/hair-line.js

@@ -1,65 +0,1 @@

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _borderSeperate = require('./border-seperate');
var _borderSeperate2 = _interopRequireDefault(_borderSeperate);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var isWeb = typeof callNative !== 'function';
var hairLine = {};
/**
* 设备是否支持 0.5px
* decide if container support 0.5px in web env
* @return {boolean} supportFlag
*/
hairLine.detect = function () {
var hairLineFlag = void 0;
if (!isWeb) return true;
if (window.OffsetHeightForRxBorder) {
hairLineFlag = window.OffsetHeightForRxBorder;
} else if (window && window.devicePixelRatio && window.devicePixelRatio >= 2) {
var testElem = document.createElement('div');
testElem.style.border = '.5px solid transparent';
testElem.style.height = 0;
testElem.style.boxSizing = 'content-box';
document.body.appendChild(testElem);
if (testElem.offsetHeight === 1) {
hairLineFlag = true;
} else {
hairLineFlag = false;
}
window.OffsetHeightForRxBorder = hairLineFlag;
document.body.removeChild(testElem);
}
return hairLineFlag;
};
/**
* 高清 0.5px 样式
* 0.5px hairline style
* @param {object} style
* @return {object} style
*/
hairLine.fixBorder = function (style) {
if (!isWeb) return style;
var borderWidthHair = hairLine.detect() ? '0.5px' : '1px';
style = (0, _borderSeperate2.default)(style, ['Width']);
['Top', 'Left', 'Right', 'Bottom'].map(function (direction) {
if (style['border' + direction + 'Width'] && parseFloat(style['border' + direction + 'Width'], 10) === 1) {
style['border' + direction + 'Width'] = borderWidthHair;
}
});
if (style.borderWidth && parseFloat(style.borderWidth, 10) === 1) {
style.borderWidth = borderWidthHair;
}
return style;
};
exports.default = hairLine;
module.exports = exports['default'];
'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.hairLine=void 0;var _nukeEnv=require('nuke-env'),_borderSeperate=require('./border-seperate'),hairLine={};hairLine.detect=function(){var hairLineFlag;if(!_nukeEnv.isWeb)return!0;if(window.OffsetHeightForRxBorder)hairLineFlag=window.OffsetHeightForRxBorder;else if(window&&window.devicePixelRatio&&2<=window.devicePixelRatio){var testElem=document.createElement('div');testElem.style.border='.5px solid transparent',testElem.style.height=0,testElem.style.boxSizing='content-box',document.body.appendChild(testElem),hairLineFlag=1===testElem.offsetHeight,window.OffsetHeightForRxBorder=hairLineFlag,document.body.removeChild(testElem)}return hairLineFlag},hairLine.fixBorder=function(style){if(!_nukeEnv.isWeb)return style;var borderWidthHair=hairLine.detect()?'0.5px':'1px';return style=(0,_borderSeperate.borderSeperate)(style,['Width']),['Top','Left','Right','Bottom'].map(function(direction){style['border'+direction+'Width']&&1===parseFloat(style['border'+direction+'Width'],10)&&(style['border'+direction+'Width']=borderWidthHair)}),style.borderWidth&&1===parseFloat(style.borderWidth,10)&&(style.borderWidth=borderWidthHair),style},exports.hairLine=hairLine;

54

lib/hex.js

@@ -1,53 +0,1 @@

'use strict';
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
/**
* @param {*} hex
* @param {*} opacity
*/
exports.valueToObj = function (obj) {
Object.keys(obj).map(function (name) {
if (_typeof(obj[name]) === 'object') {
obj[name] = {
name: name,
raw: obj[name]
};
}
});
return obj;
};
exports.hexToRgb = function (hex, opacity) {
var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
hex = hex.replace(shorthandRegex, function (m, r, g, b) {
return r + r + g + g + b + b;
});
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
if (!result) return null;
return {
r: parseInt(result[1], 16),
g: parseInt(result[2], 16),
b: parseInt(result[3], 16)
};
};
/**
* @param {*} hex
* @param {*} opacity
*/
exports.rgba = function (hex, opacity) {
if ((typeof hex === 'undefined' ? 'undefined' : _typeof(hex)) === 'object' && 'raw' in hex) {
hex = hex.raw;
}
if ((typeof opacity === 'undefined' ? 'undefined' : _typeof(opacity)) === 'object' && 'raw' in opacity) {
opacity = opacity.raw;
}
var result = exports.hexToRgb(hex);
if (!result) return null;
// if ('raw' in hex) {
// return { raw: `rgba(${result.r},${result.g},${result.b},${opacity})` };
// }
return 'rgba(' + result.r + ',' + result.g + ',' + result.b + ',' + opacity + ')';
};
'use strict';var _typeof='function'==typeof Symbol&&'symbol'==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&'function'==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?'symbol':typeof obj};Object.defineProperty(exports,'__esModule',{value:!0});exports.valueToObj=valueToObj,exports.hexToRgb=hexToRgb,exports.rgba=rgba;function valueToObj(obj){return Object.keys(obj).forEach(function(name){'object'===_typeof(obj[name])&&(obj[name]={name:name,raw:obj[name]})}),obj}function hexToRgb(hex){var shorthandRegex=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;hex=hex.replace(shorthandRegex,function(m,r,g,b){return r+r+g+g+b+b});var result=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);return result?{r:parseInt(result[1],16),g:parseInt(result[2],16),b:parseInt(result[3],16)}:null}function rgba(hex,opacity){'object'===('undefined'==typeof hex?'undefined':_typeof(hex))&&'raw'in hex&&(hex=hex.raw),'object'===('undefined'==typeof opacity?'undefined':_typeof(opacity))&&'raw'in opacity&&(opacity=opacity.raw);var result=exports.hexToRgb(hex);return result?'rgba('+result.r+','+result.g+','+result.b+','+opacity+')':null}

57

lib/index.js

@@ -1,56 +0,1 @@

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _calcFixedFont = require('./calc-fixed-font');
var _calcFixedFont2 = _interopRequireDefault(_calcFixedFont);
var _hairLine = require('./hair-line');
var _hairLine2 = _interopRequireDefault(_hairLine);
var _textKeys = require('./text-keys');
var _textKeys2 = _interopRequireDefault(_textKeys);
var _bubbleKeys = require('./bubble-keys');
var _bubbleKeys2 = _interopRequireDefault(_bubbleKeys);
var _fixSmallUnit = require('./fix-small-unit');
var _fixSmallUnit2 = _interopRequireDefault(_fixSmallUnit);
var _borderSeperate = require('./border-seperate');
var _borderSeperate2 = _interopRequireDefault(_borderSeperate);
var _hex = require('./hex');
var _hex2 = _interopRequireDefault(_hex);
var _layout = require('./layout');
var _layout2 = _interopRequireDefault(_layout);
var _rem = require('./rem');
var _rem2 = _interopRequireDefault(_rem);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
calcTextSize: _calcFixedFont2.default,
hairLine: _hairLine2.default,
textKeys: _textKeys2.default,
borderSeperate: _borderSeperate2.default,
bubbleKeys: _bubbleKeys2.default,
fixSmallUnit: _fixSmallUnit2.default,
hex: _hex2.default,
layout: _layout2.default,
rem: _rem2.default
};
module.exports = exports['default'];
'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.rem=exports.layout=exports.hex=exports.fixSmallUnit=exports.bubbleKeys=exports.borderSeperate=exports.textKeys=exports.hairLine=exports.calcTextSize=void 0;var _calcFixedFont=require('./calc-fixed-font'),_hairLine=require('./hair-line'),_textKeys=require('./text-keys'),_bubbleKeys=require('./bubble-keys'),_fixSmallUnit=require('./fix-small-unit'),_borderSeperate=require('./border-seperate'),_hex=require('./hex'),hex=_interopRequireWildcard(_hex),_layout=require('./layout'),layout=_interopRequireWildcard(_layout),_rem=require('./rem'),rem=_interopRequireWildcard(_rem);function _interopRequireWildcard(obj){if(obj&&obj.__esModule)return obj;var newObj={};if(null!=obj)for(var key in obj)Object.prototype.hasOwnProperty.call(obj,key)&&(newObj[key]=obj[key]);return newObj.default=obj,newObj}exports.calcTextSize=_calcFixedFont.calcFixedFont,exports.hairLine=_hairLine.hairLine,exports.textKeys=_textKeys.textKeys,exports.borderSeperate=_borderSeperate.borderSeperate,exports.bubbleKeys=_bubbleKeys.bubbleKeys,exports.fixSmallUnit=_fixSmallUnit.fixSmallUnit,exports.hex=hex,exports.layout=layout,exports.rem=rem;

11

lib/layout.js

@@ -1,10 +0,1 @@

'use strict';
exports.alignCenter = function () {
return {
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'center'
};
};
'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.alignCenter=alignCenter;function alignCenter(){return{display:'flex',flexDirection:'row',alignItems:'center',justifyContent:'center'}}

33

lib/rem.js

@@ -1,32 +0,1 @@

'use strict';
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
var isWeex = typeof callNative === 'function';
/**
* @description parse rem to even px to solve andoird float px issue.
*/
exports.caculateRemToPx = function (rem) {
var defaultWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 750;
// Default 1 rem to 1 px
if ((typeof rem === 'undefined' ? 'undefined' : _typeof(rem)) === 'object' && 'raw' in rem) {
rem = rem.raw;
}
if (isWeex) return rem;
rem = exports.removeRemUnit(rem);
var defaultPixUnit = document.documentElement.clientWidth / defaultWidth;
var num = Math.round(parseFloat(rem) * defaultPixUnit);
if (num % 2 === 0) {
return num + 'px';
}
return num - 1 + 'px';
};
/**
* @description remove rem unit for string like 12rem => 12
* @param {string or number} rem
*/
exports.removeRemUnit = function (rem) {
rem = String(rem);
return rem.replace('rem', '');
};
'use strict';var _typeof='function'==typeof Symbol&&'symbol'==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&'function'==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?'symbol':typeof obj};Object.defineProperty(exports,'__esModule',{value:!0});exports.caculateRemToPx=caculateRemToPx,exports.removeRemUnit=removeRemUnit;var _nukeEnv=require('nuke-env');function caculateRemToPx(rem){var defaultWidth=1<arguments.length&&void 0!==arguments[1]?arguments[1]:750;if('object'===('undefined'==typeof rem?'undefined':_typeof(rem))&&'raw'in rem&&(rem=rem.raw),_nukeEnv.isWeex)return rem;rem=exports.removeRemUnit(rem);var defaultPixUnit=document.documentElement.clientWidth/defaultWidth,num=Math.round(parseFloat(rem)*defaultPixUnit);return 0==num%2?num+'px':num-1+'px'}function removeRemUnit(rem){return rem+='',rem.replace('rem','')}

8

lib/text-keys.js

@@ -1,7 +0,1 @@

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = ['color', 'fontSize', 'fontStyle', 'fontWeight', 'lineHeight', 'textAlign', 'textDecoration'];
module.exports = exports['default'];
'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var textKeys=exports.textKeys=['color','fontSize','fontStyle','fontWeight','lineHeight','textAlign','textDecoration'];

30

package.json
{
"name": "nuke-helper",
"version": "2.0.3",
"version": "2.1.1-1",
"description": "辅助函数",

@@ -13,3 +13,5 @@ "main": "lib/index",

"README.md",
"HISTORY.md"
"HISTORY.md",
"deps.json",
"build"
],

@@ -38,9 +40,2 @@ "keywords": [

},
"scripts": {
"dev": "nuke-bin docserver",
"build": "nuke-bin build",
"prepublish": "nuke-bin build",
"test": "nuke-bin test",
"lint": "eslint '@(src|docs)/**/*.@(js|jsx|md)' || true"
},
"repository": {

@@ -50,12 +45,8 @@ "type": "git",

},
"dependencies": {},
"dependencies": {
"nuke-env": "^2.1.1-1"
},
"devDependencies": {
"nuke-view": "^x.x.x",
"nuke-text": "^x.x.x",
"eslint": "3.19.0",
"babel-eslint": "^7.2.3",
"eslint-config-ali": "2.0.0",
"eslint-plugin-import": "2.6.0",
"eslint-plugin-jsx-a11y": "6.0.2",
"eslint-plugin-react": "7.1.0"
"nuke-text": "^2.1.1-1",
"nuke-view": "^2.1.1-1"
},

@@ -65,3 +56,4 @@ "publishConfig": {

},
"license": "Apache"
"license": "Apache",
"gitHead": "cec01e455f5e020ef33ebf3a1d4006d33c87914e"
}

7

src/border-seperate.js

@@ -7,3 +7,3 @@ /**

*/
export default (style, attrs = ['Color', 'Style', 'Width']) => {
export function borderSeperate(style, attrs = ['Color', 'Style', 'Width']) {
if (style.border) {

@@ -27,4 +27,3 @@ if (style.border === 'none') {

deleteFlag = true;
attrObj[`border${direction}${attr}`] =
style[`border${direction}${attr}`];
attrObj[`border${direction}${attr}`] = style[`border${direction}${attr}`];
}

@@ -39,2 +38,2 @@ });

return style;
};
}

2

src/bubble-keys.js

@@ -1,2 +0,2 @@

export default [
export const bubbleKeys = [
'display',

@@ -3,0 +3,0 @@ 'justifyContent',

20

src/calc-fixed-font.js

@@ -1,2 +0,2 @@

const isWeb = typeof callNative !== 'function';
import { isWeb } from 'nuke-env';

@@ -8,5 +8,3 @@ let isIpad;

const env = typeof WXEnvironment !== 'string' ? WXEnvironment : {};
isIpad =
env.platform.toLowerCase() === 'ios' &&
env.deviceModel.toLowerCase().indexOf('ipad') > -1;
isIpad = env.platform.toLowerCase() === 'ios' && env.deviceModel.toLowerCase().indexOf('ipad') > -1;
}

@@ -17,6 +15,3 @@

let fontSize = style.fontSize;
if (
(typeof fontSize === 'string' && fontSize.indexOf('rem') > 0) ||
typeof fontSize === 'number'
) {
if ((typeof fontSize === 'string' && fontSize.indexOf('rem') > 0) || typeof fontSize === 'number') {
fontSize = parseInt(fontSize, 10);

@@ -45,3 +40,3 @@ }

*/
export default (style, fixedFont = true, shouldFitPad = true) => {
export function calcFixedFont(style, fixedFont = true, shouldFitPad = true) {
if (!style || !style.fontSize || !fixedFont) return style;

@@ -52,6 +47,3 @@

let fontSize = style.fontSize;
if (
(typeof fontSize === 'string' && fontSize.indexOf('rem') > 0) ||
typeof fontSize === 'number'
) {
if ((typeof fontSize === 'string' && fontSize.indexOf('rem') > 0) || typeof fontSize === 'number') {
fontSize = Math.floor(parseInt(fontSize, 10) / 2);

@@ -66,2 +58,2 @@ }

return result;
};
}

6

src/fix-small-unit.js

@@ -1,7 +0,7 @@

const isWeb = typeof callNative !== 'function';
import { isWeb } from 'nuke-env';
export default (unit) => {
export function fixSmallUnit(unit) {
const num = parseInt(unit, 10);
if (num > 6) return unit;
return `${Math.floor(num / 2).toString()}${isWeb ? 'px' : 'wx'}`;
};
}

20

src/hair-line.js

@@ -1,4 +0,5 @@

const isWeb = typeof callNative !== 'function';
import seperate from './border-seperate';
import { isWeb } from 'nuke-env';
import { borderSeperate } from './border-seperate';
const hairLine = {};

@@ -15,7 +16,3 @@ /**

hairLineFlag = window.OffsetHeightForRxBorder;
} else if (
window &&
window.devicePixelRatio &&
window.devicePixelRatio >= 2
) {
} else if (window && window.devicePixelRatio && window.devicePixelRatio >= 2) {
const testElem = document.createElement('div');

@@ -45,8 +42,5 @@ testElem.style.border = '.5px solid transparent';

const borderWidthHair = hairLine.detect() ? '0.5px' : '1px';
style = seperate(style, ['Width']);
style = borderSeperate(style, ['Width']);
['Top', 'Left', 'Right', 'Bottom'].map((direction) => {
if (
style[`border${direction}Width`] &&
parseFloat(style[`border${direction}Width`], 10) === 1
) {
if (style[`border${direction}Width`] && parseFloat(style[`border${direction}Width`], 10) === 1) {
style[`border${direction}Width`] = borderWidthHair;

@@ -61,2 +55,2 @@ }

};
export default hairLine;
export { hairLine };

16

src/hex.js

@@ -6,4 +6,4 @@ /**

exports.valueToObj = function (obj) {
Object.keys(obj).map((name) => {
export function valueToObj(obj) {
Object.keys(obj).forEach((name) => {
if (typeof obj[name] === 'object') {

@@ -17,4 +17,5 @@ obj[name] = {

return obj;
};
exports.hexToRgb = function (hex, opacity) {
}
export function hexToRgb(hex, opacity) {
const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;

@@ -31,3 +32,4 @@ hex = hex.replace(shorthandRegex, (m, r, g, b) => r + r + g + g + b + b);

};
};
}
/**

@@ -37,3 +39,3 @@ * @param {*} hex

*/
exports.rgba = function (hex, opacity) {
export function rgba(hex, opacity) {
if (typeof hex === 'object' && 'raw' in hex) {

@@ -51,2 +53,2 @@ hex = hex.raw;

return `rgba(${result.r},${result.g},${result.b},${opacity})`;
};
}

30

src/index.js
'use strict';
import calcTextSize from './calc-fixed-font';
import hairLine from './hair-line';
import textKeys from './text-keys';
import bubbleKeys from './bubble-keys';
import fixSmallUnit from './fix-small-unit';
import borderSeperate from './border-seperate';
import hex from './hex';
import layout from './layout';
import rem from './rem';
import { calcFixedFont as calcTextSize } from './calc-fixed-font';
import { hairLine } from './hair-line';
import { textKeys } from './text-keys';
import { bubbleKeys } from './bubble-keys';
import { fixSmallUnit } from './fix-small-unit';
import { borderSeperate } from './border-seperate';
import * as hex from './hex';
import * as layout from './layout';
import * as rem from './rem';
export default {
calcTextSize,
hairLine,
textKeys,
borderSeperate,
bubbleKeys,
fixSmallUnit,
hex,
layout,
rem,
};
export { calcTextSize, hairLine, textKeys, borderSeperate, bubbleKeys, fixSmallUnit, hex, layout, rem };

4

src/layout.js

@@ -1,2 +0,2 @@

exports.alignCenter = function () {
export function alignCenter() {
return {

@@ -8,2 +8,2 @@ display: 'flex',

};
};
}

10

src/rem.js

@@ -1,6 +0,6 @@

const isWeex = typeof callNative === 'function';
import { isWeex } from 'nuke-env';
/**
* @description parse rem to even px to solve andoird float px issue.
*/
exports.caculateRemToPx = function (rem, defaultWidth = 750) {
export function caculateRemToPx(rem, defaultWidth = 750) {
// Default 1 rem to 1 px

@@ -18,3 +18,3 @@ if (typeof rem === 'object' && 'raw' in rem) {

return `${num - 1}px`;
};
}
/**

@@ -24,5 +24,5 @@ * @description remove rem unit for string like 12rem => 12

*/
exports.removeRemUnit = function (rem) {
export function removeRemUnit(rem) {
rem = String(rem);
return rem.replace('rem', '');
};
}

10

src/text-keys.js

@@ -1,9 +0,1 @@

export default [
'color',
'fontSize',
'fontStyle',
'fontWeight',
'lineHeight',
'textAlign',
'textDecoration',
];
export const textKeys = ['color', 'fontSize', 'fontStyle', 'fontWeight', 'lineHeight', 'textAlign', 'textDecoration'];
theme/index.jsx
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc