pages-componentsC-modal-modal.41ff8623.js 15 KB

1
  1. (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[9918],{46141:function(t,n,o){var e=o(21208);e.__esModule&&(e=e.default),"string"===typeof e&&(e=[[t.id,e,""]]),e.locals&&(t.exports=e.locals);var i=o(56).Z;i("eade5dea",e,!0,{sourceMap:!1,shadowMode:!1})},70462:function(t,n,o){var e=o(68959);e.__esModule&&(e=e.default),"string"===typeof e&&(e=[[t.id,e,""]]),e.locals&&(t.exports=e.locals);var i=o(56).Z;i("5e3c6538",e,!0,{sourceMap:!1,shadowMode:!1})},76668:function(t,n,o){var e=o(26142);e.__esModule&&(e=e.default),"string"===typeof e&&(e=[[t.id,e,""]]),e.locals&&(t.exports=e.locals);var i=o(56).Z;i("0cdaa1c1",e,!0,{sourceMap:!1,shadowMode:!1})},37901:function(t,n,o){var e=o(94104);e.__esModule&&(e=e.default),"string"===typeof e&&(e=[[t.id,e,""]]),e.locals&&(t.exports=e.locals);var i=o(56).Z;i("1084bf38",e,!0,{sourceMap:!1,shadowMode:!1})},45829:function(t,n,o){"use strict";o.d(n,{Z:function(){return d}});var e,i={uLine:o(36083).Z},a=function(){var t=this,n=t.$createElement,o=t._self._c||n;return o("v-uni-view",{staticClass:"u-cell-group",class:[t.customClass],style:[t.$u.addStyle(t.customStyle)]},[t.title?o("v-uni-view",{staticClass:"u-cell-group__title"},[t._t("title",[o("v-uni-text",{staticClass:"u-cell-group__title__text"},[t._v(t._s(t.title))])])],2):t._e(),o("v-uni-view",{staticClass:"u-cell-group__wrapper"},[t.border?o("u-line"):t._e(),t._t("default")],2)],1)},l=[],u={props:{title:{type:String,default:uni.$u.props.cellGroup.title},border:{type:Boolean,default:uni.$u.props.cellGroup.border}}},s={name:"u-cell-group",mixins:[uni.$u.mpMixin,uni.$u.mixin,u]},r=s,c=(o(46141),o(69453)),p=(0,c.Z)(r,a,l,!1,null,"61315bde",null,!1,i,e),d=p.exports},70296:function(t,n,o){"use strict";var e;o.d(n,{Z:function(){return d}});var i,a=function(){var t=this,n=t.$createElement,o=t._self._c||n;return o("v-uni-view",{staticClass:"u-gap",style:[t.gapStyle]})},l=[],u=(o(9653),{props:{bgColor:{type:String,default:uni.$u.props.gap.bgColor},height:{type:[String,Number],default:uni.$u.props.gap.height},marginTop:{type:[String,Number],default:uni.$u.props.gap.marginTop},marginBottom:{type:[String,Number],default:uni.$u.props.gap.marginBottom}}}),s={name:"u-gap",mixins:[uni.$u.mpMixin,uni.$u.mixin,u],computed:{gapStyle:function(){var t={backgroundColor:this.bgColor,height:uni.$u.addUnit(this.height),marginTop:uni.$u.addUnit(this.marginTop),marginBottom:uni.$u.addUnit(this.marginBottom)};return uni.$u.deepMerge(t,uni.$u.addStyle(this.customStyle))}}},r=s,c=(o(70462),o(69453)),p=(0,c.Z)(r,a,l,!1,null,"a54a97e0",null,!1,e,i),d=p.exports},69857:function(t,n,o){"use strict";o.d(n,{Z:function(){return d}});var e,i={uPopup:o(64606).Z,uLine:o(36083).Z,uLoadingIcon:o(20289).Z},a=function(){var t=this,n=t.$createElement,o=t._self._c||n;return o("u-popup",{attrs:{mode:"center",zoom:t.zoom,show:t.show,customStyle:{borderRadius:"6px",overflow:"hidden",marginTop:"-"+t.$u.addUnit(t.negativeTop)},closeOnClickOverlay:t.closeOnClickOverlay,safeAreaInsetBottom:!1,duration:400},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.clickHandler.apply(void 0,arguments)}}},[o("v-uni-view",{staticClass:"u-modal",style:{width:t.$u.addUnit(t.width)}},[t.title?o("v-uni-text",{staticClass:"u-modal__title"},[t._v(t._s(t.title))]):t._e(),o("v-uni-view",{staticClass:"u-modal__content",style:{paddingTop:(t.title?12:25)+"px"}},[t._t("default",[o("v-uni-text",{staticClass:"u-modal__content__text"},[t._v(t._s(t.content))])])],2),t.$slots.confirmButton?o("v-uni-view",{staticClass:"u-modal__button-group--confirm-button"},[t._t("confirmButton")],2):[o("u-line"),o("v-uni-view",{staticClass:"u-modal__button-group",style:{flexDirection:t.buttonReverse?"row-reverse":"row"}},[t.showCancelButton?o("v-uni-view",{staticClass:"u-modal__button-group__wrapper u-modal__button-group__wrapper--cancel",class:[t.showCancelButton&&!t.showConfirmButton&&"u-modal__button-group__wrapper--only-cancel"],attrs:{"hover-stay-time":150,"hover-class":"u-modal__button-group__wrapper--hover"},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.cancelHandler.apply(void 0,arguments)}}},[o("v-uni-text",{staticClass:"u-modal__button-group__wrapper__text",style:{color:t.cancelColor}},[t._v(t._s(t.cancelText))])],1):t._e(),t.showConfirmButton&&t.showCancelButton?o("u-line",{attrs:{direction:"column"}}):t._e(),t.showConfirmButton?o("v-uni-view",{staticClass:"u-modal__button-group__wrapper u-modal__button-group__wrapper--confirm",class:[!t.showCancelButton&&t.showConfirmButton&&"u-modal__button-group__wrapper--only-confirm"],attrs:{"hover-stay-time":150,"hover-class":"u-modal__button-group__wrapper--hover"},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.confirmHandler.apply(void 0,arguments)}}},[t.loading?o("u-loading-icon"):o("v-uni-text",{staticClass:"u-modal__button-group__wrapper__text",style:{color:t.confirmColor}},[t._v(t._s(t.confirmText))])],1):t._e()],1)]],2)],1)},l=[],u=(o(9653),{props:{show:{type:Boolean,default:uni.$u.props.modal.show},title:{type:[String],default:uni.$u.props.modal.title},content:{type:String,default:uni.$u.props.modal.content},confirmText:{type:String,default:uni.$u.props.modal.confirmText},cancelText:{type:String,default:uni.$u.props.modal.cancelText},showConfirmButton:{type:Boolean,default:uni.$u.props.modal.showConfirmButton},showCancelButton:{type:Boolean,default:uni.$u.props.modal.showCancelButton},confirmColor:{type:String,default:uni.$u.props.modal.confirmColor},cancelColor:{type:String,default:uni.$u.props.modal.cancelColor},buttonReverse:{type:Boolean,default:uni.$u.props.modal.buttonReverse},zoom:{type:Boolean,default:uni.$u.props.modal.zoom},asyncClose:{type:Boolean,default:uni.$u.props.modal.asyncClose},closeOnClickOverlay:{type:Boolean,default:uni.$u.props.modal.closeOnClickOverlay},negativeTop:{type:[String,Number],default:uni.$u.props.modal.negativeTop},width:{type:[String,Number],default:uni.$u.props.modal.width},confirmButtonShape:{type:String,default:uni.$u.props.modal.confirmButtonShape}}}),s={name:"u-modal",mixins:[uni.$u.mpMixin,uni.$u.mixin,u],data:function(){return{loading:!1}},watch:{show:function(t){t&&this.loading&&(this.loading=!1)}},methods:{confirmHandler:function(){this.asyncClose&&(this.loading=!0),this.$emit("confirm")},cancelHandler:function(){this.$emit("cancel")},clickHandler:function(){this.closeOnClickOverlay&&this.$emit("close")}}},r=s,c=(o(76668),o(69453)),p=(0,c.Z)(r,a,l,!1,null,"e8b3007e",null,!1,i,e),d=p.exports},49433:function(t,n,o){"use strict";o.r(n),o.d(n,{default:function(){return p}});var e,i={uNavbar:o(74505).Z,uGap:o(70296).Z,uCellGroup:o(45829).Z,uCell:o(4438).Z,uModal:o(69857).Z,uButton:o(40216).Z},a=function(){var t=this,n=t.$createElement,o=t._self._c||n;return o("v-uni-view",{staticClass:"u-page"},[o("u-navbar",{attrs:{title:"模态框",safeAreaInsetTop:!0,fixed:!0,placeholder:!0},on:{leftClick:function(n){arguments[0]=n=t.$handleEvent(n),t.navigateBack.apply(void 0,arguments)}}}),o("u-gap",{attrs:{height:"20",bgColor:"#fff"}}),o("u-cell-group",t._l(t.list,(function(n,e){return o("u-cell",{key:e,attrs:{title:n.title,isLink:!0},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.showModal(e)}}},[o("v-uni-image",{staticClass:"u-cell-icon",attrs:{slot:"icon",src:n.iconUrl,mode:"widthFix"},slot:"icon"})],1)})),1),o("u-modal",{attrs:{content:t.content,title:"标题",show:t.show1},on:{confirm:function(n){arguments[0]=n=t.$handleEvent(n),function(){return t.show1=!1}.apply(void 0,arguments)}}}),o("u-modal",{attrs:{content:t.content,show:t.show2},on:{confirm:function(n){arguments[0]=n=t.$handleEvent(n),function(){return t.show2=!1}.apply(void 0,arguments)}}}),o("u-modal",{attrs:{content:t.content,show:t.show3,showCancelButton:!0,closeOnClickOverlay:!0},on:{confirm:function(n){arguments[0]=n=t.$handleEvent(n),t.confirm.apply(void 0,arguments)},cancel:function(n){arguments[0]=n=t.$handleEvent(n),t.cancel.apply(void 0,arguments)},close:function(n){arguments[0]=n=t.$handleEvent(n),t.close.apply(void 0,arguments)}}}),o("u-modal",{attrs:{content:t.content,show:t.show4,showCancelButton:!0,asyncClose:!0},on:{confirm:function(n){arguments[0]=n=t.$handleEvent(n),t.confirm4.apply(void 0,arguments)},cancel:function(n){arguments[0]=n=t.$handleEvent(n),function(){return t.show4=!1}.apply(void 0,arguments)}}}),o("u-modal",{attrs:{content:t.content,show:t.show5,showCancelButton:!0,buttonReverse:!0},on:{confirm:function(n){arguments[0]=n=t.$handleEvent(n),function(){return t.show5=!1}.apply(void 0,arguments)},cancel:function(n){arguments[0]=n=t.$handleEvent(n),function(){return t.show5=!1}.apply(void 0,arguments)}}}),o("u-modal",{attrs:{content:t.content,title:"标题",show:t.show6,closeOnClickOverlay:!0},on:{confirm:function(n){arguments[0]=n=t.$handleEvent(n),function(){return t.show6=!1}.apply(void 0,arguments)},close:function(n){arguments[0]=n=t.$handleEvent(n),function(){return t.show6=!1}.apply(void 0,arguments)}}}),o("u-modal",{attrs:{title:"利剑出鞘,一统江湖",show:t.show7,closeOnClickOverlay:!0},on:{confirm:function(n){arguments[0]=n=t.$handleEvent(n),function(){return t.show7=!1}.apply(void 0,arguments)}}},[o("v-uni-image",{staticStyle:{width:"80px",height:"80px"},attrs:{src:"/static/uview/common/logo.png"}})],1),o("u-modal",{attrs:{title:"标题",show:t.show8,content:t.content,closeOnClickOverlay:!0,showCancelButton:!0}},[o("u-button",{attrs:{slot:"confirmButton",text:"确定",type:"success",shape:"circle"},on:{click:function(n){arguments[0]=n=t.$handleEvent(n),t.show8=!1}},slot:"confirmButton"})],1),o("u-modal",{attrs:{content:t.content,title:"标题",show:t.show9,zoom:!1},on:{confirm:function(n){arguments[0]=n=t.$handleEvent(n),function(){return t.show9=!1}.apply(void 0,arguments)}}})],1)},l=[],u={data:function(){return{content:"模态框,常用于消息提示、消息确认、在当前页面内完成特定的交互操作",show1:!1,show2:!1,show3:!1,show4:!1,show5:!1,show6:!1,show7:!1,show8:!1,show9:!1,list:[{title:"基础使用",iconUrl:"https://cdn.uviewui.com/uview/demo/modal/4.png"},{title:"无标题",iconUrl:"https://cdn.uviewui.com/uview/demo/modal/5.png"},{title:"带取消按钮",iconUrl:"https://cdn.uviewui.com/uview/demo/modal/2.png"},{title:"异步关闭",iconUrl:"https://cdn.uviewui.com/uview/demo/modal/6.png"},{title:"对调取消和确认按钮",iconUrl:"https://cdn.uviewui.com/uview/demo/modal/3.png"},{title:"允许点击遮罩关闭",iconUrl:"https://cdn.uviewui.com/uview/demo/modal/7.png"},{title:"传入slot",iconUrl:"https://cdn.uviewui.com/uview/demo/modal/1.png"},{title:"自定义按钮",iconUrl:"https://cdn.uviewui.com/uview/demo/modal/8.png"},{title:"淡入淡出动画",iconUrl:"https://cdn.uviewui.com/uview/demo/modal/9.png"}]}},methods:{showModal:function(t){this["show".concat(t+1)]=!0},navigateBack:function(){uni.navigateBack()},confirm4:function(){var t=this;setTimeout((function(){t.show4=!1}),2e3)},confirm:function(){this.show3=!1,console.log("confirm")},cancel:function(){this.show3=!1,console.log("cancel")},close:function(){this.show3=!1,console.log("close")}}},s=u,r=(o(37901),o(69453)),c=(0,r.Z)(s,a,l,!1,null,"0b03e016",null,!1,i,e),p=c.exports},21208:function(t,n,o){"use strict";o.r(n);var e=o(43481),i=o.n(e),a=o(2400),l=o.n(a),u=l()(i());u.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */uni-view[data-v-61315bde], uni-scroll-view[data-v-61315bde], uni-swiper-item[data-v-61315bde]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-cell-group[data-v-61315bde]{flex:1}.u-cell-group__title[data-v-61315bde]{padding:16px 16px 8px}.u-cell-group__title__text[data-v-61315bde]{font-size:15px;line-height:16px;color:#303133}.u-cell-group__wrapper[data-v-61315bde]{position:relative}',""]),n["default"]=u},68959:function(t,n,o){"use strict";o.r(n);var e=o(43481),i=o.n(e),a=o(2400),l=o.n(a),u=l()(i());u.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */uni-view[data-v-a54a97e0], uni-scroll-view[data-v-a54a97e0], uni-swiper-item[data-v-a54a97e0]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}',""]),n["default"]=u},26142:function(t,n,o){"use strict";o.r(n);var e=o(43481),i=o.n(e),a=o(2400),l=o.n(a),u=l()(i());u.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */uni-view[data-v-e8b3007e], uni-scroll-view[data-v-e8b3007e], uni-swiper-item[data-v-e8b3007e]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-modal[data-v-e8b3007e]{width:%?650?%;border-radius:6px;overflow:hidden}.u-modal__title[data-v-e8b3007e]{font-size:16px;font-weight:700;color:#606266;text-align:center;padding-top:25px}.u-modal__content[data-v-e8b3007e]{padding:12px 25px 25px 25px;\ndisplay:flex;\nflex-direction:row;justify-content:center}.u-modal__content__text[data-v-e8b3007e]{font-size:15px;color:#606266;flex:1}.u-modal__button-group[data-v-e8b3007e]{\ndisplay:flex;\nflex-direction:row}.u-modal__button-group--confirm-button[data-v-e8b3007e]{flex-direction:column;padding:0 25px 15px 25px}.u-modal__button-group__wrapper[data-v-e8b3007e]{flex:1;\ndisplay:flex;\nflex-direction:row;justify-content:center;align-items:center;height:48px}.u-modal__button-group__wrapper--confirm[data-v-e8b3007e], .u-modal__button-group__wrapper--only-cancel[data-v-e8b3007e]{border-bottom-right-radius:6px}.u-modal__button-group__wrapper--cancel[data-v-e8b3007e], .u-modal__button-group__wrapper--only-confirm[data-v-e8b3007e]{border-bottom-left-radius:6px}.u-modal__button-group__wrapper--hover[data-v-e8b3007e]{background-color:#f3f4f6}.u-modal__button-group__wrapper__text[data-v-e8b3007e]{color:#606266;font-size:16px;text-align:center}',""]),n["default"]=u},94104:function(t,n,o){"use strict";o.r(n);var e=o(43481),i=o.n(e),a=o(2400),l=o.n(a),u=l()(i());u.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */.u-page[data-v-0b03e016]{padding:0}',""]),n["default"]=u}}]);