Socket
Socket
Sign inDemoInstall

nuke-icon

Package Overview
Dependencies
Maintainers
5
Versions
104
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nuke-icon - npm Package Compare versions

Comparing version 2.1.10 to 2.2.2

35

CHANGELOG.md

@@ -6,2 +6,37 @@ # Change Log

<a name="2.2.2"></a>
## [2.2.2](https://gitlab.alibaba-inc.com/nuke/icon/compare/v2.2.1...v2.2.2) (2018-08-23)
**Note:** Version bump only for package nuke-icon
<a name="2.2.1"></a>
## [2.2.1](https://gitlab.alibaba-inc.com/nuke/icon/compare/v2.2.0...v2.2.1) (2018-08-23)
**Note:** Version bump only for package nuke-icon
<a name="2.2.0"></a>
# [2.2.0](https://gitlab.alibaba-inc.com/nuke/icon/compare/v2.1.10...v2.2.0) (2018-08-23)
### Bug Fixes
* merge conflict ([7a4e427](https://gitlab.alibaba-inc.com/nuke/icon/commit/7a4e427))
### Features
* add jest test suite ([ebe6aba](https://gitlab.alibaba-inc.com/nuke/icon/commit/ebe6aba))
<a name="2.1.10"></a>

@@ -8,0 +43,0 @@ ## [2.1.10](https://gitlab.alibaba-inc.com/nuke/icon/compare/v2.1.9...v2.1.10) (2018-08-20)

15

lib/index.h5.js

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

'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var _icon=require('./view/icon'),_icon2=_interopRequireDefault(_icon);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}exports.default=_icon2.default,module.exports=exports['default'];
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _icon = require('./view/icon');
var _icon2 = _interopRequireDefault(_icon);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _icon2.default;
module.exports = exports['default'];

@@ -1,1 +0,24 @@

'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var _nukeEnv=require('nuke-env'),_index=require('./index.native'),_index2=_interopRequireDefault(_index),_index3=require('./index.h5'),_index4=_interopRequireDefault(_index3);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var IconEntry=_index4.default;_nukeEnv.isWeex&&(IconEntry=_index2.default),exports.default=IconEntry,module.exports=exports['default'];
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _nukeEnv = require('nuke-env');
var _index = require('./index.native');
var _index2 = _interopRequireDefault(_index);
var _index3 = require('./index.h5');
var _index4 = _interopRequireDefault(_index3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var IconEntry = _index4.default;
if (_nukeEnv.isWeex) {
IconEntry = _index2.default;
}
exports.default = IconEntry;
module.exports = exports['default'];

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

'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var _icon=require('./view/icon'),_icon2=_interopRequireDefault(_icon);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}exports.default=_icon2.default,module.exports=exports['default'];
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _icon = require('./view/icon');
var _icon2 = _interopRequireDefault(_icon);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _icon2.default;
module.exports = exports['default'];

@@ -1,1 +0,39 @@

'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},_mixin=require('./mixin'),_variable=require('./variable'),_variable2=_interopRequireDefault(_variable);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function StyleMix(){var theme=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{},core=theme.Core,Variables=(0,_variable2.default)(theme);return{Icon:_extends({"icon-image":{flexDirection:'row',alignSelf:'center',alignItems:'center'},"image-xs":(0,_mixin.imageSize)(core['icon-xs']),"image-small":(0,_mixin.imageSize)(core['icon-s']),"image-medium":(0,_mixin.imageSize)(core['icon-m']),"image-large":(0,_mixin.imageSize)(core['icon-l']),"icon-iconfont":{fontWeight:400},"iconfont-xs":(0,_mixin.fontSize)(core['icon-xs']),"iconfont-small":(0,_mixin.fontSize)(core['icon-s']),"iconfont-medium":(0,_mixin.fontSize)(core['icon-m']),"iconfont-large":(0,_mixin.fontSize)(core['icon-l'])},Variables)}}module.exports=StyleMix;
'use strict';
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 _mixin = require('./mixin');
var _variable = require('./variable');
var _variable2 = _interopRequireDefault(_variable);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function StyleMix() {
var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var core = theme.Core;
var Variables = (0, _variable2.default)(theme);
return {
Icon: _extends({
'icon-image': {
flexDirection: 'row',
alignSelf: 'center',
alignItems: 'center'
},
'image-xs': (0, _mixin.imageSize)(core['icon-xs']),
'image-small': (0, _mixin.imageSize)(core['icon-s']),
'image-medium': (0, _mixin.imageSize)(core['icon-m']),
'image-large': (0, _mixin.imageSize)(core['icon-l']),
'icon-iconfont': {
fontWeight: 400
},
'iconfont-xs': (0, _mixin.fontSize)(core['icon-xs']),
'iconfont-small': (0, _mixin.fontSize)(core['icon-s']),
'iconfont-medium': (0, _mixin.fontSize)(core['icon-m']),
'iconfont-large': (0, _mixin.fontSize)(core['icon-l'])
}, Variables)
};
}
module.exports = StyleMix;

@@ -1,1 +0,20 @@

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var mixin={imageSize:function imageSize(size){return{width:size,height:size}},fontSize:function fontSize(size){return{fontSize:size}}};exports.default=mixin,module.exports=exports["default"];
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var mixin = {
imageSize: function imageSize(size) {
return {
width: size,
height: size
};
},
fontSize: function fontSize(size) {
return {
fontSize: size
};
}
};
exports.default = mixin;
module.exports = exports["default"];

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

'use strict';function VariableMix(theme){var core=theme.Core,ComponentCustomStyle=theme.Icon||{},icons={};Object.keys(core).map(function(key){-1<key.indexOf('icon-')&&'string'==typeof core[key]&&(icons[key]=core[key])});var variables=Object.assign(icons,ComponentCustomStyle);return variables}module.exports=VariableMix;
'use strict';
/**
* @namespace component
* @property name icon
* @property prefix icon-
* @property group Icon
*/
function VariableMix(theme) {
var core = theme.Core;
var ComponentCustomStyle = theme.Icon || {};
var icons = {};
Object.keys(core).map(function (key) {
if (key.indexOf('icon-') > -1 && typeof core[key] === 'string') {
icons[key] = core[key];
}
});
// const iconVariables = {
// /**
// * size
// * @property namespace size/bounding
// */
// 'icon-xs': core['icon-xs'],
// /**
// * size
// * @property namespace size/bounding
// */
// 'icon-s': core['icon-s'],
// /**
// * size
// * @property namespace size/bounding
// */
// 'icon-m': core['icon-m'],
// /**
// * size
// * @property namespace size/bounding
// */
// 'icon-l': core['icon-l'],
// };
var variables = Object.assign(icons, ComponentCustomStyle);
return variables;
}
module.exports = VariableMix;

@@ -1,1 +0,187 @@

'use strict';Object.defineProperty(exports,'__esModule',{value:!0});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},_createClass=function(){function defineProperties(target,props){for(var descriptor,i=0;i<props.length;i++)descriptor=props[i],descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,'value'in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_rax=require('rax'),_nukeText=require('nuke-text'),_nukeText2=_interopRequireDefault(_nukeText),_nukeEnv=require('nuke-env'),_nukeTouchable=require('nuke-touchable'),_nukeTouchable2=_interopRequireDefault(_nukeTouchable),_nukeImage=require('nuke-image'),_nukeImage2=_interopRequireDefault(_nukeImage),_nukeIconfont=require('nuke-iconfont'),_nukeIconfont2=_interopRequireDefault(_nukeIconfont),_nukeThemeProvider=require('nuke-theme-provider'),_styles=require('../styles'),_styles2=_interopRequireDefault(_styles);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _objectWithoutProperties(obj,keys){var target={};for(var i in obj)0<=keys.indexOf(i)||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError('Cannot call a class as a function')}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return call&&('object'==typeof call||'function'==typeof call)?call:self}function _inherits(subClass,superClass){if('function'!=typeof superClass&&null!==superClass)throw new TypeError('Super expression must either be null or a function, not '+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}var Icon=function(_Component){function Icon(props){_classCallCheck(this,Icon);var _this=_possibleConstructorReturn(this,(Icon.__proto__||Object.getPrototypeOf(Icon)).call(this,props)),themeStyle=props.themeStyle;return _this.fontURL=themeStyle['icon-font-path'].raw||themeStyle['icon-font-path'],_this.fontName=themeStyle['icon-font-family'].raw||themeStyle['icon-font-family'],_this}return _inherits(Icon,_Component),_createClass(Icon,[{key:'componentDidMount',value:function componentDidMount(){var type=this.getType();if('iconfont'===type){var tmpFontURL=this.fontURL;-1>=this.fontURL.indexOf('.ttf')&&(tmpFontURL+='.ttf'),(0,_nukeIconfont2.default)({name:this.fontName,url:tmpFontURL})}}},{key:'componentWillReceiveProps',value:function componentWillReceiveProps(nextProps){var type=this.getType();if('iconfont'===type){var themeStyle=nextProps.themeStyle,curFontUrl=themeStyle['icon-font-path'].raw||themeStyle['icon-font-path'],curFontName=themeStyle['icon-font-family'].raw||themeStyle['icon-font-family'];if(curFontUrl!==this.fontURL||curFontName!==this.fontName){this.fontURL=curFontUrl,this.fontName=curFontName;var tmpFontURL=this.fontURL;-1>=this.fontURL.indexOf('.ttf')&&(tmpFontURL+='.ttf'),(0,_nukeIconfont2.default)({name:this.fontName,url:tmpFontURL})}}}},{key:'getType',value:function getType(){var _props$name=this.props.name,name=void 0===_props$name?'':_props$name,_props$type=this.props.type,type=void 0===_props$type?'image':_props$type;return'image'===type&&''!==name&&(type='iconfont'),type}},{key:'render',value:function render(){var _props=this.props,size=_props.size,_props$name2=_props.name,name=void 0===_props$name2?'':_props$name2,style=_props.style,onPress=_props.onPress,fixedFont=_props.fixedFont,others=_objectWithoutProperties(_props,['size','name','style','onPress','fixedFont']),styles=this.props.themeStyle,type=this.getType();if('iconfont'===type){var textStyle=Object.assign({},styles['iconfont-'+size],style,{fontFamily:this.fontName}),unicode=styles['icon-content-'+name]&&(0,_nukeIconfont.formatUnicode)(styles['icon-content-'+name],16);return(0,_rax.createElement)(_nukeText2.default,_extends({onClick:onPress},others,{fixedFont:fixedFont,style:textStyle}),unicode)}var wrapStyle=Object.assign({},styles['icon-image'],style),sizeStyle=styles['image-'+size];return(0,_rax.createElement)(_nukeTouchable2.default,_extends({onPress:onPress,style:wrapStyle},others),(0,_rax.createElement)(_nukeImage2.default,{source:{uri:this.props.src},style:sizeStyle,resizeMode:'cover'}))}}]),Icon}(_rax.Component);Icon.displayName='Icon',Icon.defaultProps={size:'medium',style:{},name:'',onPress:function onPress(){},src:'',type:'image',fixedFont:!1},Icon.propTypes={onPress:_rax.PropTypes.func,name:_rax.PropTypes.any,themeStyle:_rax.PropTypes.any,style:_rax.PropTypes.any,src:_rax.PropTypes.string,type:_rax.PropTypes.string,size:_rax.PropTypes.oneOf(['xs','small','medium','large']),fixedFont:_rax.PropTypes.boolean},Icon.contextTypes={parentPath:_rax.PropTypes.any,parentStyle:_rax.PropTypes.any};var StyledIcon=(0,_nukeThemeProvider.connectStyle)(_styles2.default)(Icon);exports.default=StyledIcon,module.exports=exports['default'];
/** @jsx createElement */
'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 _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _rax = require('rax');
var _nukeText = require('nuke-text');
var _nukeText2 = _interopRequireDefault(_nukeText);
var _nukeEnv = require('nuke-env');
var _nukeTouchable = require('nuke-touchable');
var _nukeTouchable2 = _interopRequireDefault(_nukeTouchable);
var _nukeImage = require('nuke-image');
var _nukeImage2 = _interopRequireDefault(_nukeImage);
var _nukeIconfont = require('nuke-iconfont');
var _nukeIconfont2 = _interopRequireDefault(_nukeIconfont);
var _nukeThemeProvider = require('nuke-theme-provider');
var _styles = require('../styles');
var _styles2 = _interopRequireDefault(_styles);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var Icon = function (_Component) {
_inherits(Icon, _Component);
function Icon(props) {
_classCallCheck(this, Icon);
var _this = _possibleConstructorReturn(this, (Icon.__proto__ || Object.getPrototypeOf(Icon)).call(this, props));
var themeStyle = props.themeStyle;
_this.fontURL = themeStyle['icon-font-path'].raw || themeStyle['icon-font-path'];
_this.fontName = themeStyle['icon-font-family'].raw || themeStyle['icon-font-family'];
return _this;
}
_createClass(Icon, [{
key: 'componentDidMount',
value: function componentDidMount() {
var type = this.getType();
if (type === 'iconfont') {
var tmpFontURL = this.fontURL;
if (this.fontURL.indexOf('.ttf') <= -1) {
tmpFontURL += '.ttf';
}
(0, _nukeIconfont2.default)({ name: this.fontName, url: tmpFontURL });
}
}
}, {
key: 'componentWillReceiveProps',
value: function componentWillReceiveProps(nextProps) {
var type = this.getType();
if (type === 'iconfont') {
var themeStyle = nextProps.themeStyle;
var curFontUrl = themeStyle['icon-font-path'].raw || themeStyle['icon-font-path'];
var curFontName = themeStyle['icon-font-family'].raw || themeStyle['icon-font-family'];
if (curFontUrl !== this.fontURL || curFontName !== this.fontName) {
this.fontURL = curFontUrl;
this.fontName = curFontName;
var tmpFontURL = this.fontURL;
if (this.fontURL.indexOf('.ttf') <= -1) {
tmpFontURL += '.ttf';
}
(0, _nukeIconfont2.default)({ name: this.fontName, url: tmpFontURL });
}
}
}
}, {
key: 'getType',
value: function getType() {
var _props$name = this.props.name,
name = _props$name === undefined ? '' : _props$name;
var _props$type = this.props.type,
type = _props$type === undefined ? 'image' : _props$type;
if (type === 'image' && name !== '') {
type = 'iconfont';
}
return type;
}
}, {
key: 'render',
value: function render() {
var _props = this.props,
size = _props.size,
_props$name2 = _props.name,
name = _props$name2 === undefined ? '' : _props$name2,
style = _props.style,
onPress = _props.onPress,
fixedFont = _props.fixedFont,
others = _objectWithoutProperties(_props, ['size', 'name', 'style', 'onPress', 'fixedFont']);
var styles = this.props.themeStyle;
var type = this.getType();
if (type === 'iconfont') {
var textStyle = Object.assign({}, styles['iconfont-' + size], style, {
fontFamily: this.fontName
});
var unicode = styles['icon-content-' + name] && (0, _nukeIconfont.formatUnicode)(styles['icon-content-' + name], 16);
return (0, _rax.createElement)(
_nukeText2.default,
_extends({
onClick: onPress
}, others, {
fixedFont: fixedFont,
style: textStyle
}),
unicode
);
}
var wrapStyle = Object.assign({}, styles['icon-image'], style);
var sizeStyle = styles['image-' + size];
return (0, _rax.createElement)(
_nukeTouchable2.default,
_extends({ onPress: onPress, style: wrapStyle }, others),
(0, _rax.createElement)(_nukeImage2.default, {
source: { uri: this.props.src },
style: sizeStyle,
resizeMode: 'cover'
})
);
}
}]);
return Icon;
}(_rax.Component);
Icon.displayName = 'Icon';
Icon.defaultProps = {
size: 'medium',
style: {},
name: '',
onPress: function onPress() {},
src: '',
type: 'image',
fixedFont: false
};
Icon.propTypes = {
onPress: _rax.PropTypes.func,
name: _rax.PropTypes.any,
themeStyle: _rax.PropTypes.any,
style: _rax.PropTypes.any,
src: _rax.PropTypes.string,
type: _rax.PropTypes.string,
size: _rax.PropTypes.oneOf(['xs', 'small', 'medium', 'large']),
fixedFont: _rax.PropTypes.boolean
};
Icon.contextTypes = {
parentPath: _rax.PropTypes.any,
parentStyle: _rax.PropTypes.any
};
var StyledIcon = (0, _nukeThemeProvider.connectStyle)(_styles2.default)(Icon);
exports.default = StyledIcon;
module.exports = exports['default'];

26

package.json
{
"name": "nuke-icon",
"version": "2.1.10",
"version": "2.2.2",
"description": "图标",

@@ -41,18 +41,12 @@ "main": "lib/index",

"dependencies": {
"nuke-core": "^2.1.10",
"nuke-env": "^2.1.10",
"nuke-iconfont": "^2.1.10",
"nuke-image": "^2.1.10",
"nuke-text": "^2.1.10",
"nuke-theme-provider": "^2.1.10",
"nuke-touchable": "^2.1.10",
"nuke-view": "^2.1.10"
"nuke-core": "^2.2.2",
"nuke-env": "^2.2.2",
"nuke-iconfont": "^2.2.2",
"nuke-image": "^2.2.2",
"nuke-text": "^2.2.2",
"nuke-theme-provider": "^2.2.2",
"nuke-touchable": "^2.2.2",
"nuke-view": "^2.2.2"
},
"devDependencies": {
"babel-eslint": "^7.2.3",
"eslint": "3.19.0",
"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-layout": "1.x.x",

@@ -65,3 +59,3 @@ "nuke-page": "^1.x.x"

"license": "Apache",
"gitHead": "3f456cd7f92241938769ceee9057f543a2034fd1"
"gitHead": "ffcb4269489cb30dfded592190c4997ff2376c18"
}
SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc