You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
16 KiB
1 lines
16 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-componentsC-numberBox-index"],{"1b90":function(t,e,n){"use strict";n("c975"),n("a9e3"),n("d3b7"),n("ac1f"),n("25f0"),n("1276"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i={name:"u-number-box",props:{value:{type:Number,default:1},bgColor:{type:String,default:"#F2F3F5"},min:{type:Number,default:0},max:{type:Number,default:99999},step:{type:Number,default:1},disabled:{type:Boolean,default:!1},size:{type:[Number,String],default:26},color:{type:String,default:"#323233"},inputWidth:{type:[Number,String],default:80},inputHeight:{type:[Number,String],default:50},index:{type:[Number,String],default:""},disabledInput:{type:Boolean,default:!1},cursorSpacing:{type:[Number,String],default:100},longPress:{type:Boolean,default:!0},pressTime:{type:[Number,String],default:250},positiveInteger:{type:Boolean,default:!0}},watch:{value:function(t,e){this.changeFromInner||(this.inputVal=t,this.$nextTick((function(){this.changeFromInner=!1})))},inputVal:function(t,e){var n=this;if(""!=t){var i=0,a=this.$u.test.number(t);i=a&&t>=this.min&&t<=this.max?t:e,this.positiveInteger&&(t<0||-1!==String(t).indexOf("."))&&(i=e,this.$nextTick((function(){n.inputVal=e}))),this.handleChange(i,"change")}}},data:function(){return{inputVal:1,timer:null,changeFromInner:!1,innerChangeTimer:null}},created:function(){this.inputVal=Number(this.value)},computed:{getCursorSpacing:function(){return Number(uni.upx2px(this.cursorSpacing))}},methods:{btnTouchStart:function(t){var e=this;this[t](),this.longPress&&(clearInterval(this.timer),this.timer=null,this.timer=setInterval((function(){e[t]()}),this.pressTime))},clearTimer:function(){var t=this;this.$nextTick((function(){clearInterval(t.timer),t.timer=null}))},minus:function(){this.computeVal("minus")},plus:function(){this.computeVal("plus")},calcPlus:function(t,e){var n,i,a;try{i=t.toString().split(".")[1].length}catch(u){i=0}try{a=e.toString().split(".")[1].length}catch(u){a=0}n=Math.pow(10,Math.max(i,a));var o=i>=a?i:a;return((t*n+e*n)/n).toFixed(o)},calcMinus:function(t,e){var n,i,a;try{i=t.toString().split(".")[1].length}catch(u){i=0}try{a=e.toString().split(".")[1].length}catch(u){a=0}n=Math.pow(10,Math.max(i,a));var o=i>=a?i:a;return((t*n-e*n)/n).toFixed(o)},computeVal:function(t){if(uni.hideKeyboard(),!this.disabled){var e=0;"minus"===t?e=this.calcMinus(this.inputVal,this.step):"plus"===t&&(e=this.calcPlus(this.inputVal,this.step)),e<this.min||e>this.max||(this.inputVal=e,this.handleChange(e,t))}},onBlur:function(t){var e=this,n=0,i=t.detail.value;/(^\d+$)/.test(i)&&0!=i[0]||(n=this.min),n=+i,n>this.max?n=this.max:n<this.min&&(n=this.min),this.$nextTick((function(){e.inputVal=n})),this.handleChange(n,"blur")},onFocus:function(){this.$emit("focus")},handleChange:function(t,e){var n=this;this.disabled||(this.innerChangeTimer&&(clearTimeout(this.innerChangeTimer),this.innerChangeTimer=null),this.changeFromInner=!0,this.innerChangeTimer=setTimeout((function(){n.changeFromInner=!1}),150),this.$emit("input",Number(t)),this.$emit(e,{value:Number(t),index:this.index}))}}};e.default=i},"208e":function(t,e,n){var i=n("24fb");e=i(!1),e.push([t.i,'@charset "UTF-8";/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用 \n */',""]),t.exports=e},"40b4":function(t,e,n){"use strict";var i=n("fac3"),a=n.n(i);a.a},"51b1":function(t,e,n){"use strict";n.r(e);var i=n("7c59"),a=n.n(i);for(var o in i)"default"!==o&&function(t){n.d(e,t,(function(){return i[t]}))}(o);e["default"]=a.a},5214:function(t,e,n){var i=n("a2e2");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var a=n("4f06").default;a("63e8d19e",i,!0,{sourceMap:!1,shadowMode:!1})},"610f":function(t,e,n){"use strict";n.d(e,"b",(function(){return a})),n.d(e,"c",(function(){return o})),n.d(e,"a",(function(){return i}));var i={uIcon:n("b1e3").default},a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("v-uni-view",{staticClass:"u-numberbox"},[n("v-uni-view",{staticClass:"u-icon-minus",class:{"u-icon-disabled":t.disabled||t.inputVal<=t.min},style:{background:t.bgColor,height:t.inputHeight+"rpx",color:t.color},on:{touchstart:function(e){e.stopPropagation(),e.preventDefault(),arguments[0]=e=t.$handleEvent(e),t.btnTouchStart("minus")},touchend:function(e){e.stopPropagation(),e.preventDefault(),arguments[0]=e=t.$handleEvent(e),t.clearTimer.apply(void 0,arguments)}}},[n("u-icon",{attrs:{name:"minus",size:t.size}})],1),n("v-uni-input",{staticClass:"u-number-input",class:{"u-input-disabled":t.disabled},style:{color:t.color,fontSize:t.size+"rpx",background:t.bgColor,height:t.inputHeight+"rpx",width:t.inputWidth+"rpx"},attrs:{disabled:t.disabledInput||t.disabled,"cursor-spacing":t.getCursorSpacing,type:"number"},on:{blur:function(e){arguments[0]=e=t.$handleEvent(e),t.onBlur.apply(void 0,arguments)},focus:function(e){arguments[0]=e=t.$handleEvent(e),t.onFocus.apply(void 0,arguments)}},model:{value:t.inputVal,callback:function(e){t.inputVal=e},expression:"inputVal"}}),n("v-uni-view",{staticClass:"u-icon-plus",class:{"u-icon-disabled":t.disabled||t.inputVal>=t.max},style:{background:t.bgColor,height:t.inputHeight+"rpx",color:t.color},on:{touchstart:function(e){e.stopPropagation(),e.preventDefault(),arguments[0]=e=t.$handleEvent(e),t.btnTouchStart("plus")},touchend:function(e){e.stopPropagation(),e.preventDefault(),arguments[0]=e=t.$handleEvent(e),t.clearTimer.apply(void 0,arguments)}}},[n("u-icon",{attrs:{name:"plus",size:t.size}})],1)],1)},o=[]},"629f":function(t,e,n){"use strict";var i=n("5214"),a=n.n(i);a.a},"6bd9":function(t,e,n){var i=n("24fb");e=i(!1),e.push([t.i,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用 \n */.u-numberbox[data-v-5634e5e7]{display:inline-flex;align-items:center}.u-number-input[data-v-5634e5e7]{position:relative;text-align:center;padding:0;margin:0 %?6?%;\ndisplay:flex;flex-direction:row;\nalign-items:center;justify-content:center}.u-icon-plus[data-v-5634e5e7],\n.u-icon-minus[data-v-5634e5e7]{width:%?60?%;\ndisplay:flex;flex-direction:row;\njustify-content:center;align-items:center}.u-icon-plus[data-v-5634e5e7]{border-radius:0 %?8?% %?8?% 0}.u-icon-minus[data-v-5634e5e7]{border-radius:%?8?% 0 0 %?8?%}.u-icon-disabled[data-v-5634e5e7]{color:#c8c9cc!important;background:#f7f8fa!important}.u-input-disabled[data-v-5634e5e7]{color:#c8c9cc!important;background-color:#f2f3f5!important}',""]),t.exports=e},"7c59":function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i={data:function(){return{value:1,bgColor:"#F2F3F5",color:"#323233",disabled:!1,step:1}},methods:{valueChange:function(t){this.value=0==t?1:1==t?5:18},styleChange:function(t){0==t?(this.bgColor="#ff6d00",this.color="#fff"):(this.bgColor="#F2F3F5",this.color="#323233")},disabledChange:function(t){this.disabled=0==t},stepChange:function(t){this.step=0==t?1:1==t?3:2==t?5:8},change:function(t){},focus:function(){console.log("focus")}}};e.default=i},"97a2":function(t,e,n){"use strict";var i=n("f681"),a=n.n(i);a.a},a2e2:function(t,e,n){var i=n("24fb");e=i(!1),e.push([t.i,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用 \n */.u-subsection[data-v-05edd86e]{\ndisplay:flex;flex-direction:row;\nalign-items:center;overflow:hidden;position:relative}.u-item[data-v-05edd86e]{flex:1;text-align:center;font-size:%?26?%;height:100%;\ndisplay:flex;flex-direction:row;\nalign-items:center;justify-content:center;color:#303133;padding:0 %?6?%}.u-item-bg[data-v-05edd86e]{background-color:#2979ff;position:absolute;z-index:-1}.u-none-border-right[data-v-05edd86e]{border-right:none!important}.u-item-first[data-v-05edd86e]{border-top-left-radius:%?8?%;border-bottom-left-radius:%?8?%}.u-item-last[data-v-05edd86e]{border-top-right-radius:%?8?%;border-bottom-right-radius:%?8?%}.u-item-text[data-v-05edd86e]{transition:all .35s;color:#303133;\ndisplay:flex;flex-direction:row;\nalign-items:center;position:relative;z-index:3}',""]),t.exports=e},b0cb:function(t,e,n){"use strict";n.r(e);var i=n("1b90"),a=n.n(i);for(var o in i)"default"!==o&&function(t){n.d(e,t,(function(){return i[t]}))}(o);e["default"]=a.a},c341:function(t,e,n){"use strict";n.d(e,"b",(function(){return a})),n.d(e,"c",(function(){return o})),n.d(e,"a",(function(){return i}));var i={uNumberBox:n("d36e").default,uSubsection:n("e97e").default},a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("v-uni-view",{staticClass:"u-demo"},[n("v-uni-view",{staticClass:"u-demo-wrap"},[n("v-uni-view",{staticClass:"u-demo-title"},[t._v("演示效果")]),n("v-uni-view",{staticClass:"u-demo-area"},[n("u-number-box",{attrs:{"bg-color":t.bgColor,color:t.color,min:0,step:t.step,disabled:t.disabled},on:{change:function(e){arguments[0]=e=t.$handleEvent(e),t.change.apply(void 0,arguments)},focus:function(e){arguments[0]=e=t.$handleEvent(e),t.focus.apply(void 0,arguments)}},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}})],1)],1),n("v-uni-view",{staticClass:"u-config-wrap"},[n("v-uni-view",{staticClass:"u-config-title u-border-bottom"},[t._v("参数配置")]),n("v-uni-view",{staticClass:"u-config-item"},[n("v-uni-view",{staticClass:"u-item-title"},[t._v("初始值")]),n("u-subsection",{attrs:{list:[1,5,18]},on:{change:function(e){arguments[0]=e=t.$handleEvent(e),t.valueChange.apply(void 0,arguments)}}})],1),n("v-uni-view",{staticClass:"u-config-item"},[n("v-uni-view",{staticClass:"u-item-title"},[t._v("自定义样式")]),n("u-subsection",{attrs:{current:"1",list:["是","否"]},on:{change:function(e){arguments[0]=e=t.$handleEvent(e),t.styleChange.apply(void 0,arguments)}}})],1),n("v-uni-view",{staticClass:"u-config-item"},[n("v-uni-view",{staticClass:"u-item-title"},[t._v("是否禁用")]),n("u-subsection",{attrs:{current:"1",list:["是","否"]},on:{change:function(e){arguments[0]=e=t.$handleEvent(e),t.disabledChange.apply(void 0,arguments)}}})],1),n("v-uni-view",{staticClass:"u-config-item"},[n("v-uni-view",{staticClass:"u-item-title"},[t._v("步进值")]),n("u-subsection",{attrs:{list:[1,3,5,8]},on:{change:function(e){arguments[0]=e=t.$handleEvent(e),t.stepChange.apply(void 0,arguments)}}})],1)],1)],1)},o=[]},d36e:function(t,e,n){"use strict";n.r(e);var i=n("610f"),a=n("b0cb");for(var o in a)"default"!==o&&function(t){n.d(e,t,(function(){return a[t]}))}(o);n("40b4");var u,r=n("f0c5"),s=Object(r["a"])(a["default"],i["b"],i["c"],!1,null,"5634e5e7",null,!1,i["a"],u);e["default"]=s.exports},e29c:function(t,e,n){"use strict";var i;n.d(e,"b",(function(){return a})),n.d(e,"c",(function(){return o})),n.d(e,"a",(function(){return i}));var a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("v-uni-view",{staticClass:"u-subsection",style:[t.subsectionStyle]},[t._l(t.listInfo,(function(e,i){return n("v-uni-view",{key:i,staticClass:"u-item u-line-1",class:[t.noBorderRight(i),"u-item-"+i],style:[t.itemStyle(i)],on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.click(i)}}},[n("v-uni-view",{staticClass:"u-item-text u-line-1",style:[t.textStyle(i)]},[t._v(t._s(e.name))])],1)})),n("v-uni-view",{staticClass:"u-item-bg",style:[t.itemBarStyle]})],2)},o=[]},e2aa:function(t,e,n){"use strict";n("99af"),n("d81d"),n("a9e3"),n("ac1f"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i={name:"u-subsection",props:{list:{type:Array,default:function(){return[]}},current:{type:[Number,String],default:0},activeColor:{type:String,default:"#303133"},inactiveColor:{type:String,default:"#606266"},mode:{type:String,default:"button"},fontSize:{type:[Number,String],default:28},animation:{type:Boolean,default:!0},height:{type:[Number,String],default:70},bold:{type:Boolean,default:!0},bgColor:{type:String,default:"#eeeeef"},buttonColor:{type:String,default:"#ffffff"},vibrateShort:{type:Boolean,default:!1}},data:function(){return{listInfo:[],itemBgStyle:{width:0,left:0,backgroundColor:"#ffffff",height:"100%",transition:""},currentIndex:this.current,buttonPadding:3,borderRadius:5,firstTimeVibrateShort:!0}},watch:{current:{immediate:!0,handler:function(t){this.currentIndex=t,this.changeSectionStatus(t)}}},created:function(){this.listInfo=this.list.map((function(t,e){if("object"!=typeof t){var n={width:0,name:t};return n}return t.width=0,t}))},computed:{noBorderRight:function(){var t=this;return function(e){if("subsection"==t.mode){var n="";return e<t.list.length-1&&(n+=" u-none-border-right"),0==e&&(n+=" u-item-first"),e==t.list.length-1&&(n+=" u-item-last"),n}}},textStyle:function(){var t=this;return function(e){var n={};return"subsection"==t.mode?e==t.currentIndex?n.color="#ffffff":n.color=t.activeColor:e==t.currentIndex?n.color=t.activeColor:n.color=t.inactiveColor,e==t.currentIndex&&t.bold&&(n.fontWeight="bold"),n.fontSize=t.fontSize+"rpx",n}},itemStyle:function(){var t=this;return function(e){var n={};return"subsection"==t.mode&&(n.borderColor=t.activeColor,n.borderWidth="1px",n.borderStyle="solid"),n}},subsectionStyle:function(){var t={};return t.height=uni.upx2px(this.height)+"px","button"==this.mode&&(t.backgroundColor=this.bgColor,t.padding="".concat(this.buttonPadding,"px"),t.borderRadius="".concat(this.borderRadius,"px")),t},itemBarStyle:function(){var t={};return t.backgroundColor=this.activeColor,t.zIndex=1,"button"==this.mode&&(t.backgroundColor=this.buttonColor,t.borderRadius="".concat(this.borderRadius,"px"),t.bottom="".concat(this.buttonPadding,"px"),t.height=uni.upx2px(this.height)-2*this.buttonPadding+"px",t.zIndex=0),Object.assign(this.itemBgStyle,t)}},mounted:function(){var t=this;setTimeout((function(){t.getTabsInfo()}),10)},methods:{changeSectionStatus:function(t){var e=this;"subsection"==this.mode&&(t==this.list.length-1&&(this.itemBgStyle.borderRadius="0 ".concat(this.buttonPadding,"px ").concat(this.buttonPadding,"px 0")),0==t&&(this.itemBgStyle.borderRadius="".concat(this.buttonPadding,"px 0 0 ").concat(this.buttonPadding,"px")),t>0&&t<this.list.length-1&&(this.itemBgStyle.borderRadius="0")),setTimeout((function(){e.itemBgLeft()}),10),this.vibrateShort&&this.firstTimeVibrateShort,this.firstTimeVibrateShort=!1},click:function(t){t!=this.currentIndex&&(this.currentIndex=t,this.changeSectionStatus(t),this.$emit("change",Number(t)))},getTabsInfo:function(){for(var t=this,e=uni.createSelectorQuery().in(this),n=0;n<this.list.length;n++)e.select(".u-item-"+n).boundingClientRect();e.exec((function(e){e.length||setTimeout((function(){t.getTabsInfo()}),10),e.map((function(e,n){t.listInfo[n].width=e.width})),("subsection"==t.mode||"button"==t.mode)&&(t.itemBgStyle.width=t.listInfo[0].width+"px"),t.itemBgLeft()}))},itemBgLeft:function(){var t=this;this.animation?this.itemBgStyle.transition="all 0.35s":this.itemBgStyle.transition="all 0s";var e=0;this.listInfo.map((function(n,i){i<t.currentIndex&&(e+=n.width)})),"subsection"==this.mode?this.itemBgStyle.left=e+"px":"button"==this.mode&&(this.itemBgStyle.left=e+this.buttonPadding+"px")}}};e.default=i},e97e:function(t,e,n){"use strict";n.r(e);var i=n("e29c"),a=n("fb96");for(var o in a)"default"!==o&&function(t){n.d(e,t,(function(){return a[t]}))}(o);n("629f");var u,r=n("f0c5"),s=Object(r["a"])(a["default"],i["b"],i["c"],!1,null,"05edd86e",null,!1,i["a"],u);e["default"]=s.exports},f681:function(t,e,n){var i=n("208e");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var a=n("4f06").default;a("ee54f05a",i,!0,{sourceMap:!1,shadowMode:!1})},fac3:function(t,e,n){var i=n("6bd9");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var a=n("4f06").default;a("f83a3068",i,!0,{sourceMap:!1,shadowMode:!1})},fb96:function(t,e,n){"use strict";n.r(e);var i=n("e2aa"),a=n.n(i);for(var o in i)"default"!==o&&function(t){n.d(e,t,(function(){return i[t]}))}(o);e["default"]=a.a},fed0:function(t,e,n){"use strict";n.r(e);var i=n("c341"),a=n("51b1");for(var o in a)"default"!==o&&function(t){n.d(e,t,(function(){return a[t]}))}(o);n("97a2");var u,r=n("f0c5"),s=Object(r["a"])(a["default"],i["b"],i["c"],!1,null,"32fc6f3c",null,!1,i["a"],u);e["default"]=s.exports}}]);
|