(self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[4819],{41923:function(e,t,i){var n=i(35508);n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[e.id,n,""]]),n.locals&&(e.exports=n.locals);var o=i(56).Z;o("62a6a276",n,!0,{sourceMap:!1,shadowMode:!1})},22859:function(e,t,i){"use strict";var n;i.d(t,{Z:function(){return p}});var o,u=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("v-uni-view",{staticClass:"u-code-input"},[e._l(e.codeLength,(function(t,n){return i("v-uni-view",{key:n,staticClass:"u-code-input__item",style:[e.itemStyle(n)]},[e.dot&&e.codeArray.length>n?i("v-uni-view",{staticClass:"u-code-input__item__dot"}):i("v-uni-text",{style:{fontSize:e.$u.addUnit(e.fontSize),fontWeight:e.bold?"bold":"normal",color:e.color}},[e._v(e._s(e.codeArray[n]))]),"line"===e.mode?i("v-uni-view",{staticClass:"u-code-input__item__line",style:[e.lineStyle]}):e._e(),e.isFocus&&e.codeArray.length===n?i("v-uni-view",{staticClass:"u-code-input__item__cursor",style:{backgroundColor:e.color}}):e._e()],1)})),i("v-uni-input",{staticClass:"u-code-input__input",style:{height:e.$u.addUnit(e.size)},attrs:{disabled:e.disabledKeyboard,type:"number",focus:e.focus,value:e.inputValue,maxlength:e.maxlength,adjustPosition:e.adjustPosition},on:{input:function(t){arguments[0]=t=e.$handleEvent(t),e.inputHandler.apply(void 0,arguments)},focus:function(t){arguments[0]=t=e.$handleEvent(t),e.isFocus=!0},blur:function(t){arguments[0]=t=e.$handleEvent(t),e.isFocus=!1}}})],2)},a=[],l=(i(9653),i(92222),i(74916),i(15306),{props:{adjustPosition:{type:Boolean,default:uni.$u.props.codeInput.adjustPosition},maxlength:{type:[String,Number],default:uni.$u.props.codeInput.maxlength},dot:{type:Boolean,default:uni.$u.props.codeInput.dot},mode:{type:String,default:uni.$u.props.codeInput.mode},hairline:{type:Boolean,default:uni.$u.props.codeInput.hairline},space:{type:[String,Number],default:uni.$u.props.codeInput.space},value:{type:[String,Number],default:uni.$u.props.codeInput.value},focus:{type:Boolean,default:uni.$u.props.codeInput.focus},bold:{type:Boolean,default:uni.$u.props.codeInput.bold},color:{type:String,default:uni.$u.props.codeInput.color},fontSize:{type:[String,Number],default:uni.$u.props.codeInput.fontSize},size:{type:[String,Number],default:uni.$u.props.codeInput.size},disabledKeyboard:{type:Boolean,default:uni.$u.props.codeInput.disabledKeyboard},borderColor:{type:String,default:uni.$u.props.codeInput.borderColor},disabledDot:{type:Boolean,default:uni.$u.props.codeInput.disabledDot}}}),s={name:"u-code-input",mixins:[uni.$u.mpMixin,uni.$u.mixin,l],data:function(){return{inputValue:"",isFocus:this.focus}},watch:{value:{immediate:!0,handler:function(e){this.inputValue=String(e).substring(0,this.maxlength)}}},computed:{codeLength:function(){return new Array(Number(this.maxlength))},itemStyle:function(){var e=this;return function(t){var i=uni.$u.addUnit,n={width:i(e.size),height:i(e.size)};return"box"===e.mode&&(n.border="".concat(e.hairline?.5:1,"px solid ").concat(e.borderColor),0===uni.$u.getPx(e.space)&&(0===t&&(n.borderTopLeftRadius="3px",n.borderBottomLeftRadius="3px"),t===e.codeLength.length-1&&(n.borderTopRightRadius="3px",n.borderBottomRightRadius="3px"),t!==e.codeLength.length-1&&(n.borderRight="none"))),t!==e.codeLength.length-1?n.marginRight=i(e.space):n.marginRight=0,n}},codeArray:function(){return String(this.inputValue).split("")},lineStyle:function(){var e={};return e.height=this.hairline?"2px":"4px",e.width=uni.$u.addUnit(this.size),e.backgroundColor=this.borderColor,e}},methods:{inputHandler:function(e){var t=this,i=e.detail.value;this.inputValue=i,this.disabledDot&&this.$nextTick((function(){t.inputValue=i.replace(".","")})),this.$emit("change",i),this.$emit("input",i),String(i).length>=Number(this.maxlength)&&this.$emit("finish",i)}}},c=s,d=(i(41923),i(69453)),r=(0,d.Z)(c,u,a,!1,null,"5949093d",null,!1,n,o),p=r.exports},34259:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return r}});var n,o={uCodeInput:i(22859).Z},u=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("v-uni-view",{staticClass:"u-page"},[i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("基础使用")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-code-input",{attrs:{maxlength:4},on:{change:function(t){arguments[0]=t=e.$handleEvent(t),e.change.apply(void 0,arguments)},finish:function(t){arguments[0]=t=e.$handleEvent(t),e.finish.apply(void 0,arguments)}},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("横线模式")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-code-input",{attrs:{mode:"line",maxlength:4,bold:!0},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("设置长度")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-code-input",{attrs:{maxlength:6},model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("设置间距")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-code-input",{attrs:{mode:"box",space:0,maxlength:4},model:{value:e.value4,callback:function(t){e.value4=t},expression:"value4"}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("细边框")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-code-input",{attrs:{mode:"box",space:0,maxlength:4,hairline:!0},model:{value:e.value5,callback:function(t){e.value5=t},expression:"value5"}})],1),i("v-uni-view",{staticClass:"u-demo-block__content",staticStyle:{"margin-top":"10px"}},[i("u-code-input",{attrs:{mode:"line",space:10,maxlength:4,hairline:!0},model:{value:e.value6,callback:function(t){e.value6=t},expression:"value6"}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("调整颜色")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-code-input",{attrs:{mode:"box",space:0,maxlength:4,hairline:!0,color:"#f56c6c",borderColor:"#f56c6c"},model:{value:e.value7,callback:function(t){e.value7=t},expression:"value7"}}),i("v-uni-view",{staticClass:"u-demo-block__content",staticStyle:{"margin-top":"10px"}},[i("u-code-input",{attrs:{mode:"line",size:"30",maxlength:4,hairline:!0,color:"#3c9cff",borderColor:"#3c9cff"},model:{value:e.value10,callback:function(t){e.value10=t},expression:"value10"}})],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("点模式")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-code-input",{attrs:{mode:"box",dot:!0,space:0,maxlength:4,hairline:!0},model:{value:e.value8,callback:function(t){e.value8=t},expression:"value8"}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("预置内容")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-code-input",{attrs:{mode:"box",space:0,maxlength:4,hairline:!0,fontSize:"17"},model:{value:e.value9,callback:function(t){e.value9=t},expression:"value9"}})],1)],1)],1)},a=[],l={data:function(){return{value1:"",value2:"",value3:"",value4:"",value5:"",value6:"",value7:"",value8:"",value9:"123",value10:"34"}},methods:{change:function(e){console.log("change",e)},finish:function(e){console.log("finish",e)}}},s=l,c=i(69453),d=(0,c.Z)(s,u,a,!1,null,"17ada122",null,!1,o,n),r=d.exports},35508:function(e,t,i){"use strict";i.r(t);var n=i(43481),o=i.n(n),u=i(2400),a=i.n(u),l=a()(o());l.push([e.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */uni-view[data-v-5949093d], uni-scroll-view[data-v-5949093d], uni-swiper-item[data-v-5949093d]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-code-input[data-v-5949093d]{\ndisplay:flex;\nflex-direction:row;position:relative;overflow:hidden}.u-code-input__item[data-v-5949093d]{\ndisplay:flex;\nflex-direction:row;justify-content:center;align-items:center;position:relative}.u-code-input__item__text[data-v-5949093d]{font-size:15px;color:#606266}.u-code-input__item__dot[data-v-5949093d]{width:7px;height:7px;border-radius:100px;background-color:#606266}.u-code-input__item__line[data-v-5949093d]{position:absolute;bottom:0;height:4px;border-radius:100px;width:40px;background-color:#606266}.u-code-input__item__cursor[data-v-5949093d]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1px;height:40%;-webkit-animation:1s u-cursor-flicker-data-v-5949093d infinite;animation:1s u-cursor-flicker-data-v-5949093d infinite}.u-code-input__input[data-v-5949093d]{position:absolute;left:%?-750?%;width:%?1500?%;top:0;background-color:initial;text-align:left}@-webkit-keyframes u-cursor-flicker-data-v-5949093d{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes u-cursor-flicker-data-v-5949093d{0%{opacity:0}50%{opacity:1}100%{opacity:0}}',""]),t["default"]=l}}]);