Socket
Socket
Sign inDemoInstall

nuke-input

Package Overview
Dependencies
Maintainers
3
Versions
185
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nuke-input - npm Package Compare versions

Comparing version 0.1.15 to 0.2.0

lib/mixin.js

6

HISTORY.md
# Changelog
## 0.2.0 / 2017-01-18
* [[38fac57](http://gitlab.alibaba-inc.com/nuke/input/commit/38fac57eb8cadee14f974db9fe5c0a6a4f78d1b4)] - `docs` update docs
* [[a559792](http://gitlab.alibaba-inc.com/nuke/input/commit/a5597920b64c66cc8b81d925872545a03692869f)] - `feat` cssinjs
* [[e9110ee](http://gitlab.alibaba-inc.com/nuke/input/commit/e9110ee6679f3e4db0ef80766adff4be86f22661)] - `feat` cssinjs
## 0.1.15 / 2016-12-28

@@ -5,0 +11,0 @@

48

lib/index.js

@@ -19,2 +19,4 @@ /** @jsx createElement */

var _h5Normalize;
var _weexRx = require('weex-rx');

@@ -34,10 +36,8 @@

var _index = require('./index.rxscss');
var _styles = require('./styles.js');
var _index2 = _interopRequireDefault(_index);
var _styles2 = _interopRequireDefault(_styles);
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; }
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; }

@@ -51,14 +51,9 @@

var INPUT_TYPES = {
'input': 'nukeInput',
'disabled': 'nukeInputDisabled',
'enclosed': 'nukeInputEnclosed',
'inset': 'nukeInputInset',
'single': 'nukeInputSingle',
'block': 'block',
'error': 'nukeInputError',
'errorText': 'nukeInputErrorText'
};
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; }
// import InputStyles from './index.rxscss';
// 下面的属性需要在Text上手工继承
var TextAttrArr = ['color', 'fontSize', 'fontStyle', 'fontWeight', 'lineHeight', 'textAlign', 'textDecoration', 'textDecoration'];
var h5Normalize = (_h5Normalize = {}, _defineProperty(_h5Normalize, '-webkit-appearance', 'none'), _defineProperty(_h5Normalize, 'outline', 'none'), _defineProperty(_h5Normalize, 'box-sizing', 'border-box'), _defineProperty(_h5Normalize, 'width', '100%'), _defineProperty(_h5Normalize, 'border', 'none'), _defineProperty(_h5Normalize, 'resize', 'none'), _h5Normalize);

@@ -159,3 +154,3 @@ var Input = function (_Component) {

var baseClass = 'input';
var newStyle = Object.assign({}, _index2.default['input'], _index2.default[size], _index2.default['' + type], _index2.default['' + (multiple ? 'multiple' : 'single')], _index2.default[type + '-' + (multiple ? 'multiple' : 'single')], this.state.focus ? _index2.default['focus'] : {}, readOnly ? _index2.default[(multiple ? 'multiple' : 'single') + '-readonly'] : {}, disabled ? _index2.default[type + '-' + (multiple ? 'multiple' : 'single') + '-disabled'] : {}, _index2.default[type + '-' + (multiple ? 'multiple' : 'single') + '-' + state], style
var newStyle = Object.assign({}, _styles2.default['input'], _styles2.default[size], _styles2.default['' + type], _styles2.default['' + (multiple ? 'multiple' : 'single')], _styles2.default[type + '-' + (multiple ? 'multiple' : 'single')], this.state.focus ? _styles2.default['focus'] : {}, readOnly ? _styles2.default[(multiple ? 'multiple' : 'single') + '-readonly'] : {}, disabled ? _styles2.default[type + '-' + (multiple ? 'multiple' : 'single') + '-disabled'] : {}, _styles2.default[type + '-' + (multiple ? 'multiple' : 'single') + '-' + state], style
// {

@@ -196,3 +191,3 @@ // [state]: state

});
var elementStyle = Object.assign({}, _index2.default['input-inner'], _index2.default[size], _index2.default[type + '-' + (multiple ? 'multiple' : 'single') + '-input'], _index2.default[(multiple ? 'multiple' : 'single') + '-input'], hasFeedback ? _index2.default['has-feedback-input'] : {}, hasClear && this.state.focus ? _index2.default['has-clear-input'] : {}, this.state.focus ? _index2.default['focus-input'] : {}, readOnly ? _index2.default[(multiple ? 'multiple' : 'single') + '-readonly-input'] : {}, disabled ? _index2.default[type + '-' + (multiple ? 'multiple' : 'single') + '-disabled-input'] : {}, inputStyle, customStyleFilter);
var elementStyle = Object.assign({}, _styles2.default['input-inner'], _styles2.default[size], _styles2.default[type + '-' + (multiple ? 'multiple' : 'single') + '-input'], _styles2.default[(multiple ? 'multiple' : 'single') + '-input'], hasFeedback ? _styles2.default['has-feedback-input'] : {}, hasClear && this.state.focus ? _styles2.default['has-clear-input'] : {}, this.state.focus ? _styles2.default['focus-input'] : {}, readOnly ? _styles2.default[(multiple ? 'multiple' : 'single') + '-readonly-input'] : {}, disabled ? _styles2.default[type + '-' + (multiple ? 'multiple' : 'single') + '-disabled-input'] : {}, inputStyle, customStyleFilter);

@@ -203,3 +198,3 @@ if (multiple) {

'textarea',
_extends({ ref: ref, style: elementStyle }, attrs, this.pickAttrs(others)),
_extends({ ref: ref, style: [h5Normalize, elementStyle] }, attrs, this.pickAttrs(others)),
attrs.value

@@ -211,6 +206,7 @@ );

} else {
var x = _nukeEnv.isWeb ? [h5Normalize, elementStyle] : elementStyle;
inputElement = (0, _weexRx.createElement)('input', _extends({ ref: ref
}, attrs, this.pickAttrs(others), {
type: this.props.htmlType,
style: elementStyle
style: x
}));

@@ -224,7 +220,7 @@ }

_nukeComponents.View,
{ x: 'innner-flex', style: _index2.default['inner-flex'] },
{ x: 'innner-flex', style: _styles2.default['inner-flex'] },
this.renderAddonBefore(baseClass, isAddonMode),
(0, _weexRx.createElement)(
_nukeComponents.View,
{ x: 'innner-input-box', style: [_index2.default['inner-input-box'], _index2.default[flexVal]] },
{ x: 'innner-input-box', style: [_styles2.default['inner-input-box'], _styles2.default[flexVal]] },
inputElement,

@@ -262,3 +258,3 @@ this.renderClear(baseClass),

'div',
{ style: [_index2.default[baseClass + '-addon'], _index2.default[baseClass + '-addon-before']] },
{ style: [_styles2.default[baseClass + '-addon'], _styles2.default[baseClass + '-addon-before']] },
this.props.addonBefore

@@ -274,3 +270,3 @@ );

'div',
{ style: [_index2.default[baseClass + '-addon'], _index2.default[baseClass + '-addon-after']] },
{ style: [_styles2.default[baseClass + '-addon'], _styles2.default[baseClass + '-addon-after']] },
this.props.addonAfter

@@ -313,3 +309,3 @@ );

if (!(multiple && maxLength && hasLimitHint)) return;
var counterStyle = Object.assign({}, _index2.default['input-counter'], _index2.default[type + '-' + (multiple ? 'multiple' : 'single') + '-counter']);
var counterStyle = Object.assign({}, _styles2.default['input-counter'], _styles2.default[type + '-' + (multiple ? 'multiple' : 'single') + '-counter']);
return (0, _weexRx.createElement)(

@@ -320,3 +316,3 @@ _nukeComponents.View,

_nukeComponents.Text,
{ style: _index2.default['input-counter-text'] },
{ style: _styles2.default['input-counter-text'] },
this.state.value.length,

@@ -360,3 +356,3 @@ '/',

// 则会直接触发清空操作
var clearStyle = Object.assign({}, _index2.default['clear'], _index2.default['single-clear'], _index2.default[type + '-single-clear']);
var clearStyle = Object.assign({}, _styles2.default['clear'], _styles2.default['single-clear'], _styles2.default[type + '-single-clear']);
// console.log('clearstyle',clearStyle)

@@ -393,3 +389,3 @@ return (0, _weexRx.createElement)(_nukeIcon2.default, { x: 'clear-icon', onPress: this.clearHandler, size: 'medium', name: 'deleteFilling', style: clearStyle });

// console.log('styles[`${type}-single-feedback`]',styles[`${type}-single-feedback`]);
var feedbackStyle = Object.assign({}, _index2.default['feedback'], _index2.default['single-feedback'], _index2.default[type + '-single-feedback'], _index2.default['single-' + state + '-feedback']);
var feedbackStyle = Object.assign({}, _styles2.default['feedback'], _styles2.default['single-feedback'], _styles2.default[type + '-single-feedback'], _styles2.default['single-' + state + '-feedback']);
return (0, _weexRx.createElement)(_nukeIcon2.default, { x: 'feedback-icon', name: state + 'Filling', size: 'medium', style: feedbackStyle });

@@ -396,0 +392,0 @@ }

@@ -1,8 +0,217 @@

"use strict";
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var stlyes = {};
exports.default = stlyes;
module.exports = exports["default"];
var _module$exports;
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 _nukeVarLoader = require('nuke-var-loader');
var _nukeCore = require('nuke-core');
var _nukeCore2 = _interopRequireDefault(_nukeCore);
var _mixin = require('./mixin');
var _variable = require('./variable');
var _variable2 = _interopRequireDefault(_variable);
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; }
module.exports = (_module$exports = {
input: {
flex: 1
}
}, _defineProperty(_module$exports, 'input-input', {
flex: 1
}), _defineProperty(_module$exports, 'input-counter', {
position: 'absolute',
backgroundColor: 'transparent',
minWidth: '200rem',
height: _variable2.default['input-multiple-counter-font-size'],
lineHeight: _variable2.default['input-multiple-counter-font-size']
}), _defineProperty(_module$exports, 'input-counter-text', {
color: _variable2.default['input-multiple-counter-color'],
fontSize: _variable2.default['input-multiple-counter-font-size'],
textAlign: 'right'
}), _defineProperty(_module$exports, 'enclosed-single', {
borderRadius: _variable2.default['input-single-enclosed-radius'],
borderColor: _variable2.default['input-single-enclosed-line-color'],
borderWidth: _variable2.default['input-line-width'],
borderStyle: _variable2.default['input-border-style']
}), _defineProperty(_module$exports, 'enclosed-single-disabled', {
borderColor: _variable2.default['input-disabled-line-color'],
backgroundColor: _variable2.default['input-disabled-bg-color']
}), _defineProperty(_module$exports, 'enclosed-single-disabled-input', {
color: _variable2.default['input-disabled-color']
}), _defineProperty(_module$exports, 'enclosed-single-input', _extends({}, _nukeCore2.default.padding(0, _variable2.default['input-single-enclosed-padding-left-right']))), _defineProperty(_module$exports, 'enclosed-single-has-feedback-error-input', {
paddingRight: _variable2.default['input-single-feedback-right-margin'] + _variable2.default['input-single-feedback-size'] + _variable2.default['input-single-enclosed-padding-left-right']
}), _defineProperty(_module$exports, 'enclosed-single-has-feedback-success-input', {
paddingRight: _variable2.default['input-single-feedback-right-margin'] + _variable2.default['input-single-feedback-size'] + _variable2.default['input-single-enclosed-padding-left-right']
}), _defineProperty(_module$exports, 'enclosed-single-has-clear-input', {
paddingRight: _variable2.default['input-single-clear-right-margin'] + _variable2.default['input-single-clear-size'] + _variable2.default['input-single-enclosed-padding-left-right']
}), _defineProperty(_module$exports, 'enclosed-single-clear', {
right: _variable2.default['input-single-clear-right-margin'] + _variable2.default['input-single-enclosed-padding-left-right']
}), _defineProperty(_module$exports, 'enclosed-single-feedback', {
right: _variable2.default['input-single-feedback-right-margin'] + _variable2.default['input-single-enclosed-padding-left-right']
}), _defineProperty(_module$exports, 'enclosed-single-error', {
borderColor: _variable2.default['input-single-enclosed-error-line-color']
}), _defineProperty(_module$exports, 'enclosed-single-error-input', {
color: _variable2.default['input-single-enclosed-error-color']
}), _defineProperty(_module$exports, 'enclosed-single-success', {
borderColor: _variable2.default['input-single-enclosed-success-line-color']
}), _defineProperty(_module$exports, 'enclosed-single-success-input', {
color: _variable2.default['input-single-enclosed-success-color']
}), _defineProperty(_module$exports, 'enclosed-single-notice', {
borderColor: _variable2.default['input-single-enclosed-notice-line-color']
}), _defineProperty(_module$exports, 'enclosed-single-notice-input', {
color: _variable2.default['input-single-enclosed-notice-color']
}), _defineProperty(_module$exports, 'inset-single', {
backgroundColor: _variable2.default['input-bg-color'],
borderRadius: _variable2.default['input-single-inset-radius'],
border: 'none'
}), _defineProperty(_module$exports, 'inset-single-disabled', {
backgroundColor: _variable2.default['input-disabled-bg-color']
}), _defineProperty(_module$exports, 'inset-single-disabled-input', {
color: _variable2.default['input-disabled-color']
}), _defineProperty(_module$exports, 'inset-single-input', _extends({}, _nukeCore2.default.padding(0, _variable2.default['input-single-inset-padding-left-right']), {
height: '100%'
})), _defineProperty(_module$exports, 'inset-single-has-feedback-input', {
paddingRight: _variable2.default['input-single-feedback-right-margin'] + _variable2.default['input-single-feedback-size'] + _variable2.default['input-single-inset-padding-left-right']
}), _defineProperty(_module$exports, 'inset-single-has-clear-input', {
paddingRight: _variable2.default['input-single-clear-right-margin'] + _variable2.default['input-single-clear-size'] + _variable2.default['input-single-inset-padding-left-right']
}), _defineProperty(_module$exports, 'inset-single-clear', {
right: _variable2.default['input-single-clear-right-margin'] + _variable2.default['input-single-inset-padding-left-right']
}), _defineProperty(_module$exports, 'inset-single-feedback', {
right: _variable2.default['input-single-feedback-right-margin'] + _variable2.default['input-single-inset-padding-left-right']
}), _defineProperty(_module$exports, 'inset-single-error-input', {
color: _variable2.default['input-single-inset-error-color']
}), _defineProperty(_module$exports, 'inset-single-success-input', {
color: _variable2.default['input-single-inset-success-color']
}), _defineProperty(_module$exports, 'inset-single-notice-input', {
color: _variable2.default['input-single-inset-notice-color']
}), _defineProperty(_module$exports, 'enclosed-multiple', _extends({}, _nukeCore2.default.border(_variable2.default['input-line-width'], _variable2.default['input-borderStyle'], _variable2.default['input-multiple-enclosed-borderColor']), {
borderRadius: _variable2.default['input-multiple-enclosed-radius'],
backgroundColor: _variable2.default['input-bg-color']
})), _defineProperty(_module$exports, 'enclosed-multiple-textarea', {
height: _variable2.default['input-multiple-height'],
padding: _variable2.default['input-multiple-enclosed-padding'],
marginBottom: _variable2.default['input-multiple-enclosed-padding'] + _variable2.default['input-multiple-counter-fontSize']
}), _defineProperty(_module$exports, 'enclosed-multiple-counter', {
right: _variable2.default['input-multiple-enclosed-padding'],
bottom: _variable2.default['input-multiple-enclosed-padding']
}), _defineProperty(_module$exports, 'enclosed-multiple-disabled', {
backgroundColor: _variable2.default['input-disabled-bg-color']
}), _defineProperty(_module$exports, 'enclosed-multiple-disabled-input', {
backgroundColor: _variable2.default['input-disabled-bg-color'],
color: _variable2.default['input-disabled-color']
}), _defineProperty(_module$exports, 'enclosed-multiple-error', {
borderColor: _variable2.default['input-multiple-enclosed-border-error-color'],
backgroundColor: _variable2.default['input-multiple-enclosed-error-bg-color']
}), _defineProperty(_module$exports, 'enclosed-multiple-error-textarea', {
color: _variable2.default['input-multiple-enclosed-error-color'],
backgroundColor: _variable2.default['input-multiple-enclosed-error-bg-color']
}), _defineProperty(_module$exports, 'enclosed-multiple-success', {
borderColor: _variable2.default['input-multiple-enclosed-border-success-color'],
backgroundColor: _variable2.default['input-multiple-enclosed-success-bg-color']
}), _defineProperty(_module$exports, 'enclosed-multiple-success-textarea', {
color: _variable2.default['input-multiple-enclosed-success-color'],
backgroundColor: _variable2.default['input-multiple-enclosed-success-bg-color']
}), _defineProperty(_module$exports, 'enclosed-multiple-notice', {
borderColor: _variable2.default['input-multiple-enclosed-border-notice-color'],
backgroundColor: _variable2.default['input-multiple-enclosed-notice-bg-color']
}), _defineProperty(_module$exports, 'enclosed-multiple-notice-textarea', {
color: _variable2.default['input-multiple-enclosed-notice-color'],
backgroundColor: _variable2.default['input-multiple-enclosed-notice-bg-color']
}), _defineProperty(_module$exports, 'inset-multiple', {
border: 'none',
backgroundColor: _variable2.default['input-bg-color']
}), _defineProperty(_module$exports, 'inset-multiple-textarea', {
height: _variable2.default['input-multiple-height'],
fontSize: _variable2.default['input-multiple-fontSize'],
padding: _variable2.default['input-multiple-inset-padding'],
backgroundColor: _variable2.default['input-bg-color'],
marginBottom: _variable2.default['input-multiple-inset-padding'] + _variable2.default['input-multiple-counter-fontSize']
}), _defineProperty(_module$exports, 'inset-multiple-counter', {
right: _variable2.default['input-multiple-inset-padding'],
bottom: _variable2.default['input-multiple-inset-padding']
}), _defineProperty(_module$exports, 'inset-multiple-disabled', {
backgroundColor: _variable2.default['input-disabled-bg-color']
}), _defineProperty(_module$exports, 'inset-multiple-disabled-input', {
backgroundColor: _variable2.default['input-disabled-bg-color'],
color: _variable2.default['input-disabled-color']
}), _defineProperty(_module$exports, 'inset-multiple-error', {
backgroundColor: _variable2.default['input-multiple-inset-error-bg-color']
}), _defineProperty(_module$exports, 'inset-multiple-error-textarea', {
color: _variable2.default['input-multiple-inset-error-color'],
backgroundColor: _variable2.default['input-multiple-inset-error-bg-color']
}), _defineProperty(_module$exports, 'inset-multiple-success', {
backgroundColor: _variable2.default['input-multiple-inset-success-bg-color']
}), _defineProperty(_module$exports, 'inset-multiple-success-textarea', {
color: _variable2.default['input-multiple-inset-success-color'],
backgroundColor: _variable2.default['input-multiple-inset-success-bg-color']
}), _defineProperty(_module$exports, 'inset-multiple-notice', {
backgroundColor: _variable2.default['input-multiple-inset-notice-bg-color']
}), _defineProperty(_module$exports, 'inset-multiple-notice-textarea', {
color: _variable2.default['input-multiple-inset-notice-color'],
backgroundColor: _variable2.default['input-multiple-inset-notice-bg-color']
}), _defineProperty(_module$exports, 'inset-multiple-notice-textarea', {
color: _variable2.default['input-multiple-inset-notice-color'],
backgroundColor: _variable2.default['input-multiple-inset-notice-bg-color']
}), _defineProperty(_module$exports, 'inner-flex', {
flex: 1,
height: '100%',
flexDirection: 'column'
}), _defineProperty(_module$exports, 'inner-input-box', {
flex: 1,
flexDirection: 'column'
}), _defineProperty(_module$exports, 'input-single', {
backgroundColor: _variable2.default['input-bg-color'],
height: _variable2.default['input-single-height']
}), _defineProperty(_module$exports, 'single-input', {
backgroundColor: 'transparent',
color: _variable2.default['input-single-enclosed-color'],
height: '100%',
fontSize: _variable2.default['input-single-fontSize']
}), _defineProperty(_module$exports, 'flex-8', _defineProperty({
flex: 8
}, '-webkit-box-flex', 8)), _defineProperty(_module$exports, 'flex-9', _defineProperty({
flex: 9
}, '-webkit-box-flex', 9)), _defineProperty(_module$exports, 'flex-10', _defineProperty({
flex: 10
}, '-webkit-box-flex', 10)), _defineProperty(_module$exports, 'single', {
backgroundColor: _variable2.default['input-bg-color'],
height: _variable2.default['input-single-height'] - 2
}), _defineProperty(_module$exports, 'single-input', {
backgroundColor: 'transparent',
color: _variable2.default['input-single-enclosed-color'],
height: '100%',
fontSize: _variable2.default['input-single-fontSize']
}), _defineProperty(_module$exports, 'single-readonly-input', {
color: _variable2.default['input-single-readonly-color']
}), _defineProperty(_module$exports, 'single-clear', {
position: 'absolute',
top: (_variable2.default['input-single-height'] - 2 - _variable2.default['input-single-clear-size']) / 2,
color: _variable2.default['input-single-clear-color'],
fontSize: _variable2.default['input-single-clear-size']
}), _defineProperty(_module$exports, 'single-feedback', {
fontSize: _variable2.default['input-single-feedback-size'],
position: 'absolute',
top: (_variable2.default['input-single-height'] - 2 - _variable2.default['input-single-feedback-size']) / 2
}), _defineProperty(_module$exports, 'single-success-feedback', {
color: _variable2.default['input-single-feedback-success-color']
}), _defineProperty(_module$exports, 'single-error-feedback', {
color: _variable2.default['input-single-feedback-error-color']
}), _defineProperty(_module$exports, 'input-inner', {
flex: 1,
alignSelf: 'stretch'
}), _defineProperty(_module$exports, 'multiple-input', {
fontSize: _variable2.default['input-multiple-fontSize']
}), _defineProperty(_module$exports, 'multiple-readonly-input', {
color: _variable2.default['input-single-readonly-color']
}), _module$exports);
{
"name": "nuke-input",
"version": "0.1.15",
"version": "0.2.0",
"description": "输入框",

@@ -8,3 +8,2 @@ "main": "lib/index",

"lib",
"src",
"docs",

@@ -11,0 +10,0 @@ "theme",

@@ -33,2 +33,3 @@

| htmlType | 键盘类型,可选 `text` `url` `password` `tel` `date` `time` `email`| string|`text`
| autoFocus | 自动获得焦点| boolean|false

@@ -35,0 +36,0 @@

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