pages-componentsC-form-form.b71fefc2.js 15 KB

1
  1. (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[1753],{38314:function(e,t,a){var o=a(48620);o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.id,o,""]]),o.locals&&(e.exports=o.locals);var n=a(56).Z;n("ad53e3ae",o,!0,{sourceMap:!1,shadowMode:!1})},44150:function(e,t,a){"use strict";a.d(t,{Z:function(){return m}});var o,n={uPopup:a(64606).Z,uIcon:a(38275).Z,uLine:a(36083).Z,uLoadingIcon:a(20289).Z,uGap:a(70296).Z},i=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("u-popup",{attrs:{show:e.show,mode:"bottom",safeAreaInsetBottom:e.safeAreaInsetBottom,round:e.round},on:{close:function(t){arguments[0]=t=e.$handleEvent(t),e.closeHandler.apply(void 0,arguments)}}},[a("v-uni-view",{staticClass:"u-action-sheet"},[e.title?a("v-uni-view",{staticClass:"u-action-sheet__header"},[a("v-uni-text",{staticClass:"u-action-sheet__header__title u-line-1"},[e._v(e._s(e.title))]),a("v-uni-view",{staticClass:"u-action-sheet__header__icon-wrap",on:{click:function(t){t.stopPropagation(),arguments[0]=t=e.$handleEvent(t),e.cancel.apply(void 0,arguments)}}},[a("u-icon",{attrs:{name:"close",size:"17",color:"#c8c9cc",bold:!0}})],1)],1):e._e(),e.description?a("v-uni-text",{staticClass:"u-action-sheet__description",style:[{marginTop:""+(e.title&&e.description?0:"18px")}]},[e._v(e._s(e.description))]):e._e(),e._t("default",[e.description?a("u-line"):e._e(),a("v-uni-view",{staticClass:"u-action-sheet__item-wrap"},[e._l(e.actions,(function(t,o){return[a("v-uni-view",{staticClass:"u-action-sheet__item-wrap__item",attrs:{"hover-class":t.disabled||t.loading?"":"u-action-sheet--hover","hover-stay-time":150},on:{click:function(t){t.stopPropagation(),arguments[0]=t=e.$handleEvent(t),e.selectHandler(o)}}},[t.loading?a("u-loading-icon",{attrs:{"custom-class":"van-action-sheet__loading",size:"18",mode:"circle"}}):[a("v-uni-text",{staticClass:"u-action-sheet__item-wrap__item__name",style:[e.itemStyle(o)]},[e._v(e._s(t.name))]),t.subname?a("v-uni-text",{staticClass:"u-action-sheet__item-wrap__item__subname"},[e._v(e._s(t.subname))]):e._e()]],2),o!==e.actions.length-1?a("u-line"):e._e()]}))],2)]),e.cancelText?a("u-gap",{attrs:{bgColor:"#eaeaec",height:"6"}}):e._e(),a("v-uni-view",{attrs:{"hover-class":"u-action-sheet--hover"}},[e.cancelText?a("v-uni-text",{staticClass:"u-action-sheet__cancel-text",attrs:{"hover-stay-time":150},on:{touchmove:function(t){t.stopPropagation(),t.preventDefault(),arguments[0]=t=e.$handleEvent(t)},click:function(t){arguments[0]=t=e.$handleEvent(t),e.cancel.apply(void 0,arguments)}}},[e._v(e._s(e.cancelText))]):e._e()],1)],2)],1)},r=[],s=a(93194),l=a(39567),c=(a(82526),a(41817),a(9653),{props:{show:{type:Boolean,default:uni.$u.props.actionSheet.show},title:{type:String,default:uni.$u.props.actionSheet.title},description:{type:String,default:uni.$u.props.actionSheet.description},actions:{type:Array,default:uni.$u.props.actionSheet.actions},cancelText:{type:String,default:uni.$u.props.actionSheet.cancelText},closeOnClickAction:{type:Boolean,default:uni.$u.props.actionSheet.closeOnClickAction},safeAreaInsetBottom:{type:Boolean,default:uni.$u.props.actionSheet.safeAreaInsetBottom},openType:{type:String,default:uni.$u.props.actionSheet.openType},closeOnClickOverlay:{type:Boolean,default:uni.$u.props.actionSheet.closeOnClickOverlay},round:{type:[Boolean,String,Number],default:uni.$u.props.actionSheet.round}}}),u={name:"u-action-sheet",mixins:[s.Z,l.Z,uni.$u.mixin,c],data:function(){return{}},computed:{itemStyle:function(){var e=this;return function(t){var a={};return e.actions[t].color&&(a.color=e.actions[t].color),e.actions[t].fontSize&&(a.fontSize=uni.$u.addUnit(e.actions[t].fontSize)),e.actions[t].disabled&&(a.color="#c0c4cc"),a}}},methods:{closeHandler:function(){this.closeOnClickOverlay&&this.$emit("close")},cancel:function(){this.$emit("close")},selectHandler:function(e){var t=this.actions[e];!t||t.disabled||t.loading||(this.$emit("select",t),this.closeOnClickAction&&this.$emit("close"))}}},d=u,h=(a(38314),a(69453)),f=(0,h.Z)(d,i,r,!1,null,"5a6c3da4",null,!1,n,o),m=f.exports},40245:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return d}});var o,n={uNavbar:a(74505).Z,"u-Form":a(90587).Z,uFormItem:a(10005).Z,"u-Input":a(27388).Z,uIcon:a(38275).Z,uRadioGroup:a(7210).Z,uRadio:a(29311).Z,uCheckboxGroup:a(14161).Z,uCheckbox:a(25276).Z,"u-Textarea":a(58998).Z,uButton:a(40216).Z,uActionSheet:a(44150).Z,uCalendar:a(74397).Z,uCode:a(52066).Z,uDatetimePicker:a(77966).Z},i=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("v-uni-view",{staticClass:"u-page"},[a("u-navbar",{attrs:{title:"表单",safeAreaInsetTop:!0,fixed:!0,placeholder:!0},on:{leftClick:function(t){arguments[0]=t=e.$handleEvent(t),e.navigateBack.apply(void 0,arguments)}}}),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("基础使用")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("u--form",{ref:"form1",attrs:{labelPosition:"left",model:e.model1}},[a("u-form-item",{ref:"item1",attrs:{label:"姓名",prop:"userInfo.name",borderBottom:!0}},[a("u--input",{attrs:{border:"none",placeholder:"姓名,只能为中文"},model:{value:e.model1.userInfo.name,callback:function(t){e.$set(e.model1.userInfo,"name",t)},expression:"model1.userInfo.name"}})],1),a("u-form-item",{ref:"item1",attrs:{label:"性别",prop:"userInfo.sex",borderBottom:!0},on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.showSex=!0,e.hideKeyboard()}}},[a("u--input",{attrs:{disabled:!0,disabledColor:"#ffffff",placeholder:"请选择性别",border:"none"},model:{value:e.model1.userInfo.sex,callback:function(t){e.$set(e.model1.userInfo,"sex",t)},expression:"model1.userInfo.sex"}}),a("u-icon",{attrs:{slot:"right",name:"arrow-right"},slot:"right"})],1),a("u-form-item",{ref:"item2",attrs:{label:"水果",prop:"radiovalue1",borderBottom:!0}},[a("u-radio-group",{model:{value:e.model1.radiovalue1,callback:function(t){e.$set(e.model1,"radiovalue1",t)},expression:"model1.radiovalue1"}},e._l(e.radiolist1,(function(e,t){return a("u-radio",{key:t,attrs:{customStyle:{marginRight:"16px"},label:e.name,name:e.name}})})),1)],1),a("u-form-item",{ref:"item3",attrs:{label:"兴趣爱好",prop:"checkboxValue1",borderBottom:!0,labelWidth:"80"}},[a("u-checkbox-group",{attrs:{shape:"square"},on:{change:function(t){arguments[0]=t=e.$handleEvent(t),e.change.apply(void 0,arguments)}},model:{value:e.model1.checkboxValue1,callback:function(t){e.$set(e.model1,"checkboxValue1",t)},expression:"model1.checkboxValue1"}},e._l(e.checkboxList1,(function(e,t){return a("u-checkbox",{key:t,attrs:{customStyle:{marginRight:"16px"},label:e.name,name:e.name}})})),1)],1),a("u-form-item",{ref:"item3",attrs:{label:"简介",prop:"intro",borderBottom:!0}},[a("u--textarea",{attrs:{placeholder:"不低于3个字",count:!0},model:{value:e.model1.intro,callback:function(t){e.$set(e.model1,"intro",t)},expression:"model1.intro"}})],1),a("u-form-item",{attrs:{label:"住店时间",prop:"hotel",labelWidth:"80",borderBottom:!0},on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.showCalendar=!0,e.hideKeyboard()}}},[a("u--input",{attrs:{disabled:!0,disabledColor:"#ffffff",placeholder:"请选择住店和离店时间",border:"none"},model:{value:e.model1.hotel,callback:function(t){e.$set(e.model1,"hotel",t)},expression:"model1.hotel"}}),a("u-icon",{attrs:{slot:"right",name:"arrow-right"},slot:"right"})],1),a("u-form-item",{attrs:{label:"验证码",prop:"code",labelWidth:"80",borderBottom:!0}},[a("u--input",{attrs:{border:"none",placeholder:"请填写验证码"},model:{value:e.model1.code,callback:function(t){e.$set(e.model1,"code",t)},expression:"model1.code"}}),a("u-button",{attrs:{slot:"right",text:e.tips,type:"success",size:"mini",disabled:e.disabled1},on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.getCode.apply(void 0,arguments)}},slot:"right"})],1),a("u-form-item",{ref:"item1",attrs:{label:"生日",prop:"userInfo.birthday",borderBottom:!0},on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.showBirthday=!0,e.hideKeyboard()}}},[a("u--input",{attrs:{disabled:!0,disabledColor:"#ffffff",placeholder:"请选择生日",border:"none"},model:{value:e.model1.userInfo.birthday,callback:function(t){e.$set(e.model1.userInfo,"birthday",t)},expression:"model1.userInfo.birthday"}}),a("u-icon",{attrs:{slot:"right",name:"arrow-right"},slot:"right"})],1)],1),a("u-button",{attrs:{type:"primary",text:"提交",customStyle:"margin-top: 50px"},on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.submit.apply(void 0,arguments)}}}),a("u-button",{attrs:{type:"error",text:"重置",customStyle:"margin-top: 10px"},on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.reset.apply(void 0,arguments)}}}),a("u-action-sheet",{attrs:{show:e.showSex,actions:e.actions,title:"请选择性别",description:"如果选择保密会报错"},on:{close:function(t){arguments[0]=t=e.$handleEvent(t),e.showSex=!1},select:function(t){arguments[0]=t=e.$handleEvent(t),e.sexSelect.apply(void 0,arguments)}}}),a("u-calendar",{attrs:{show:e.showCalendar,mode:"range",startText:"住店",endText:"离店",confirmDisabledText:"请选择离店日期",formatter:e.formatter},on:{confirm:function(t){arguments[0]=t=e.$handleEvent(t),e.calendarConfirm.apply(void 0,arguments)},close:function(t){arguments[0]=t=e.$handleEvent(t),e.calendarClose.apply(void 0,arguments)}}}),a("u-code",{ref:"uCode",attrs:{seconds:"20"},on:{change:function(t){arguments[0]=t=e.$handleEvent(t),e.codeChange.apply(void 0,arguments)},start:function(t){arguments[0]=t=e.$handleEvent(t),e.disabled1=!0},end:function(t){arguments[0]=t=e.$handleEvent(t),e.disabled1=!1}}}),a("u-datetime-picker",{attrs:{show:e.showBirthday,value:e.birthday,mode:"date",closeOnClickOverlay:!0},on:{confirm:function(t){arguments[0]=t=e.$handleEvent(t),e.birthdayConfirm.apply(void 0,arguments)},cancel:function(t){arguments[0]=t=e.$handleEvent(t),e.birthdayClose.apply(void 0,arguments)},close:function(t){arguments[0]=t=e.$handleEvent(t),e.birthdayClose.apply(void 0,arguments)}}})],1)],1)],1)},r=[],s=(a(9653),a(74916),a(77601),a(57658),a(92222),{data:function(){return{fileList1:[],disabled1:!1,tips:"",value:"",showCalendar:!1,showBirthday:!1,model1:{userInfo:{name:"楼兰",sex:"",birthday:""},radiovalue1:"苹果",checkboxValue1:[],intro:"",code:""},showSex:!1,birthday:Number(new Date),actions:[{name:"男"},{name:"女"},{name:"保密"}],rules:{"userInfo.name":[{type:"string",required:!0,message:"请填写姓名",trigger:["blur","change"]},{validator:function(e,t,a){return uni.$u.test.chinese(t)},message:"姓名必须为中文",trigger:["change","blur"]}],code:{type:"string",required:!0,len:4,message:"请填写4位验证码",trigger:["blur"]},"userInfo.sex":{type:"string",max:1,required:!0,message:"请选择男或女",trigger:["blur","change"]},radiovalue1:{type:"string",min:1,max:2,message:"橙子有毒",trigger:["change"]},checkboxValue1:{type:"array",min:2,required:!0,message:"不能太宅,至少选两项",trigger:["change"]},intro:{type:"string",min:3,required:!0,message:"不低于3个字",trigger:["change"]},hotel:{type:"string",min:2,required:!0,message:"请选择住店时间",trigger:["change"]},"userInfo.birthday":{type:"string",required:!0,message:"请选择生日",trigger:["change"]}},radiolist1:[{name:"苹果",disabled:!1},{name:"香蕉",disabled:!1},{name:"毒橙子",disabled:!1}],checkboxList1:[{name:"羽毛球",disabled:!1},{name:"跑步",disabled:!1},{name:"爬山",disabled:!1}]}},onReady:function(){this.$refs.form1.setRules(this.rules)},methods:{afterRead:function(e){this.fileList1.push({url:e.file,status:"uploading",message:"上传中"})},groupChange:function(e){},radioChange:function(e){},navigateBack:function(){uni.navigateBack()},sexSelect:function(e){this.model1.userInfo.sex=e.name,this.$refs.form1.validateField("userInfo.sex")},change:function(e){},formatter:function(e){var t=new Date,a=t.getMonth()+1,o=t.getDate();return e.month==a&&e.day==o+3&&(e.bottomInfo="有优惠",e.dot=!0),e},calendarConfirm:function(e){this.showCalendar=!1,this.model1.hotel="".concat(e[0]," / ").concat(e[e.length-1]),this.$refs.form1.validateField("hotel")},codeChange:function(e){this.tips=e},getCode:function(){var e=this;this.$refs.uCode.canGetCode?(uni.showLoading({title:"正在获取验证码"}),setTimeout((function(){uni.hideLoading(),uni.$u.toast("验证码已发送"),e.$refs.uCode.start()}),2e3)):uni.$u.toast("倒计时结束后再发送")},calendarClose:function(){this.showCalendar=!1,this.$refs.form1.validateField("hotel")},birthdayClose:function(){this.showBirthday=!1,this.$refs.form1.validateField("userInfo.birthday")},birthdayConfirm:function(e){this.showBirthday=!1,this.model1.userInfo.birthday=uni.$u.timeFormat(e.value,"yyyy-mm-dd"),this.$refs.form1.validateField("userInfo.birthday")},submit:function(){this.$refs.form1.validate().then((function(e){uni.$u.toast("校验通过")})).catch((function(e){uni.$u.toast("校验失败")}))},reset:function(){var e=this,t=["userInfo.name","userInfo.sex","radiovalue1","checkboxValue1","intro","hotel","code","userInfo.birthday"];this.$refs.form1.resetFields(),this.$refs.form1.clearValidate(),setTimeout((function(){e.$refs.form1.clearValidate(t)}),10)},hideKeyboard:function(){uni.hideKeyboard()}}}),l=s,c=a(69453),u=(0,c.Z)(l,i,r,!1,null,"6396fc9c",null,!1,n,o),d=u.exports},48620:function(e,t,a){"use strict";a.r(t);var o=a(43481),n=a.n(o),i=a(2400),r=a.n(i),s=r()(n());s.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-5a6c3da4], uni-scroll-view[data-v-5a6c3da4], uni-swiper-item[data-v-5a6c3da4]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-reset-button[data-v-5a6c3da4]{width:100%}.u-action-sheet[data-v-5a6c3da4]{text-align:center}.u-action-sheet__header[data-v-5a6c3da4]{position:relative;padding:12px 30px}.u-action-sheet__header__title[data-v-5a6c3da4]{font-size:16px;color:#303133;font-weight:700;text-align:center}.u-action-sheet__header__icon-wrap[data-v-5a6c3da4]{position:absolute;right:15px;top:15px}.u-action-sheet__description[data-v-5a6c3da4]{font-size:13px;color:#909193;margin:18px 15px;text-align:center}.u-action-sheet__item-wrap__item[data-v-5a6c3da4]{padding:15px;\ndisplay:flex;\nflex-direction:row;align-items:center;justify-content:center;flex-direction:column}.u-action-sheet__item-wrap__item__name[data-v-5a6c3da4]{font-size:16px;color:#303133;text-align:center}.u-action-sheet__item-wrap__item__subname[data-v-5a6c3da4]{font-size:13px;color:#c0c4cc;margin-top:10px;text-align:center}.u-action-sheet__cancel-text[data-v-5a6c3da4]{font-size:16px;color:#606266;text-align:center;padding:16px}.u-action-sheet--hover[data-v-5a6c3da4]{background-color:#f2f3f5}',""]),t["default"]=s}}]);