增加微信小程序版

liferestartWX/utils/wux/input/index.js

@@ -0,0 +1 @@
+"use strict";var _baseComponent=_interopRequireDefault(require("../helpers/baseComponent")),_classNames2=_interopRequireDefault(require("../helpers/classNames")),_eventsMixin=_interopRequireDefault(require("../helpers/eventsMixin")),_styleToCssString=_interopRequireDefault(require("../helpers/styleToCssString"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var defaultEvents={onChange:function(){},onFocus:function(){},onBlur:function(){},onConfirm:function(){},onClear:function(){},onError:function(){}};(0,_baseComponent.default)({behaviors:[(0,_eventsMixin.default)({defaultEvents:defaultEvents})],relations:{"../field/index":{type:"ancestor"}},properties:{prefixCls:{type:String,value:"wux-input"},label:{type:String,value:""},extra:{type:String,value:""},defaultValue:{type:String,value:""},value:{type:String,value:"",observer:function(e){this.data.controlled&&this.updated(e)}},controlled:{type:Boolean,value:!1},type:{type:String,value:"text"},password:{type:Boolean,value:!1},placeholder:{type:String,value:""},placeholderStyle:{type:[String,Object],value:"",observer:function(e){this.setData({extStyle:(0,_styleToCssString.default)(e)})}},placeholderClass:{type:String,value:"input-placeholder"},disabled:{type:Boolean,value:!1},maxlength:{type:Number,value:140},cursorSpacing:{type:Number,value:11},focus:{type:Boolean,value:!1},confirmType:{type:String,value:"done"},confirmHold:{type:Boolean,value:!1},cursor:{type:Number,value:-1},selectionStart:{type:Number,value:-1},selectionEnd:{type:Number,value:-1},adjustPosition:{type:Boolean,value:!0},clear:{type:Boolean,value:!1},error:{type:Boolean,value:!1}},data:{inputValue:"",inputFocus:!1,extStyle:""},computed:{classes:["prefixCls, disabled, inputFocus, error",function(e,t,r,a){var n;return{wrap:(0,_classNames2.default)(e,(_defineProperty(n={},"".concat(e,"--focus"),r),_defineProperty(n,"".concat(e,"--disabled"),t),_defineProperty(n,"".concat(e,"--error"),a),n)),label:"".concat(e,"__label"),control:"".concat(e,"__control"),item:"".concat(e,"__item"),clear:"".concat(e,"__clear"),error:"".concat(e,"__error"),extra:"".concat(e,"__extra")}}]},methods:{updated:function(e){this.hasFieldDecorator||this.data.inputValue!==e&&this.setData({inputValue:e})},onChange:function(e){var t=e.detail.value;this.data.controlled||this.updated(t),this.triggerEvent("change",e.detail)},onFocus:function(e){this.clearTimer(),this.setData({inputFocus:!0}),this.triggerEvent("focus",e.detail)},onBlur:function(e){this.setTimer(),this.triggerEvent("blur",e.detail)},onConfirm:function(e){this.triggerEvent("confirm",e.detail)},onClear:function(e){var t={value:""};this.data.controlled||this.updated(t.value),this.triggerEvent("change",t),this.triggerEvent("clear",t)},onError:function(){var e=this.data.inputValue;this.triggerEvent("error",{value:e})},setTimer:function(){var e=this;this.clearTimer(),this.timeout=setTimeout(function(){e.setData({inputFocus:!1})},200)},clearTimer:function(){this.timeout&&(clearTimeout(this.timeout),this.timeout=null)}},attached:function(){var e=this.data,t=e.defaultValue,r=e.value,a=e.controlled?r:t;this.updated(a)}});

liferestartWX/utils/wux/input/index.json

@@ -0,0 +1,3 @@
+{
+    "component": true
+}

liferestartWX/utils/wux/input/index.wxml

@@ -0,0 +1,41 @@
+<view class="wux-class {{ classes.wrap }}">
+	<view class="{{ classes.label }}" wx:if="{{ label }}">{{ label }}</view>
+	<block wx:else>
+		<slot></slot>
+	</block>
+	<view class="{{ classes.control }}">
+		<input
+			class="{{ classes.item }}"
+			value="{{ inputValue }}"
+			type="{{ type }}"
+			password="{{ password }}"
+			placeholder="{{ placeholder }}"
+			placeholder-style="{{ extStyle }}"
+			placeholder-class="{{ placeholderClass }}"
+			disabled="{{ disabled }}"
+			maxlength="{{ maxlength }}"
+			cursor-spacing="{{ cursorSpacing }}"
+			focus="{{ focus }}"
+			confirm-type="{{ confirmType }}"
+			confirm-hold="{{ confirmHold }}"
+			cursor="{{ cursor }}"
+			selection-start="{{ selectionStart }}"
+			selection-end="{{ selectionEnd }}"
+			adjust-position="{{ adjustPosition }}"
+			bindinput="onChange"
+			bindfocus="onFocus"
+			bindblur="onBlur"
+			bindconfirm="onConfirm"
+		/>
+	</view>
+	<view class="{{ classes.clear }}" bindtap="onClear" wx:if="{{ clear && !disabled && inputValue && inputValue.length > 0 }}">
+		<icon type="clear" color="#B2B2B2" size="14" />
+	</view>
+	<view class="{{ classes.error }}" bindtap="onError" wx:if="{{ error }}">
+		<icon type="warn" color="#ef473a" size="14" />
+	</view>
+	<view class="{{ classes.extra }}" wx:if="{{ extra }}">{{ extra }}</view>
+	<block wx:else>
+		<slot name="footer"></slot>
+	</block>
+</view>

liferestartWX/utils/wux/input/index.wxss

@@ -0,0 +1 @@
+.wux-input{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.wux-input__label{margin-left:0;margin-right:10rpx;text-align:left;white-space:nowrap;overflow:hidden;width:210rpx}.wux-input__control{-ms-flex:1;flex:1}.wux-input__item{width:100%;border:0;outline:0;-webkit-appearance:none;background-color:transparent;font-size:inherit;color:inherit;height:1.47058824em;min-height:1.47058824em;line-height:1.47058824}.wux-input__extra{color:rgba(0,0,0,.45);margin-left:10rpx}.wux-input__error{margin-left:10rpx}.wux-input__clear{display:none}.wux-input--focus .wux-input__clear{display:block}.wux-input--disabled{opacity:.3}.wux-input--error .wux-input__control{color:#ef473a}