pages-componentsC-steps-steps.4efc6525.js 14 KB

1
  1. (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[7366],{32778:function(t,e,i){var s=i(79778);s.__esModule&&(s=s.default),"string"===typeof s&&(s=[[t.id,s,""]]),s.locals&&(t.exports=s.locals);var n=i(56).Z;n("6e4c491f",s,!0,{sourceMap:!1,shadowMode:!1})},47482:function(t,e,i){var s=i(42140);s.__esModule&&(s=s.default),"string"===typeof s&&(s=[[t.id,s,""]]),s.locals&&(t.exports=s.locals);var n=i(56).Z;n("ecf113ea",s,!0,{sourceMap:!1,shadowMode:!1})},85287:function(t,e,i){var s=i(48644);s.__esModule&&(s=s.default),"string"===typeof s&&(s=[[t.id,s,""]]),s.locals&&(t.exports=s.locals);var n=i(56).Z;n("12d34dae",s,!0,{sourceMap:!1,shadowMode:!1})},47784:function(t,e,i){"use strict";i.d(e,{Z:function(){return d}});var s,n={uIcon:i(38275).Z,"u-Text":i(88488).Z},a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{ref:"u-steps-item",staticClass:"u-steps-item",class:["u-steps-item--"+t.parentData.direction]},[t.index+1<t.childLength?i("v-uni-view",{staticClass:"u-steps-item__line",class:["u-steps-item__line--"+t.parentData.direction],style:[t.lineStyle]}):t._e(),i("v-uni-view",{staticClass:"u-steps-item__wrapper",class:["u-steps-item__wrapper--"+t.parentData.direction,t.parentData.dot&&"u-steps-item__wrapper--"+t.parentData.direction+"--dot"]},[t._t("icon",[t.parentData.dot?i("v-uni-view",{staticClass:"u-steps-item__wrapper__dot",style:{backgroundColor:t.statusColor}}):t.parentData.activeIcon||t.parentData.inactiveIcon?i("v-uni-view",{staticClass:"u-steps-item__wrapper__icon"},[i("u-icon",{attrs:{name:t.index<=t.parentData.current?t.parentData.activeIcon:t.parentData.inactiveIcon,size:t.iconSize,color:t.index<=t.parentData.current?t.parentData.activeColor:t.parentData.inactiveColor}})],1):i("v-uni-view",{staticClass:"u-steps-item__wrapper__circle",style:{backgroundColor:"process"===t.statusClass?t.parentData.activeColor:"transparent",borderColor:t.statusColor}},["process"===t.statusClass||"wait"===t.statusClass?i("v-uni-text",{staticClass:"u-steps-item__wrapper__circle__text",style:{color:t.index==t.parentData.current?"#ffffff":t.parentData.inactiveColor}},[t._v(t._s(t.index+1))]):i("u-icon",{attrs:{color:"error"===t.statusClass?"error":t.parentData.activeColor,size:"12",name:"error"===t.statusClass?"close":"checkmark"}})],1)])],2),i("v-uni-view",{staticClass:"u-steps-item__content",class:["u-steps-item__content--"+t.parentData.direction],style:[t.contentStyle]},[i("u--text",{attrs:{text:t.title,type:t.parentData.current==t.index?"main":"content",lineHeight:"20px",size:t.parentData.current==t.index?14:13}}),t._t("desc",[i("u--text",{attrs:{text:t.desc,type:"tips",size:"12"}})])],2)],1)},r=[],o=(i(82772),i(9653),{props:{title:{type:[String,Number],default:uni.$u.props.stepsItem.title},desc:{type:[String,Number],default:uni.$u.props.stepsItem.desc},iconSize:{type:[String,Number],default:uni.$u.props.stepsItem.iconSize},error:{type:Boolean,default:uni.$u.props.stepsItem.error}}}),c={name:"u-steps-item",mixins:[uni.$u.mpMixin,uni.$u.mixin,o],data:function(){return{index:0,childLength:0,showLine:!1,size:{height:0,width:0},parentData:{direction:"row",current:0,activeColor:"",inactiveColor:"",activeIcon:"",inactiveIcon:"",dot:!1}}},watch:{parentData:function(t,e){}},created:function(){this.init()},computed:{lineStyle:function(){var t,e={};return"row"===this.parentData.direction?(e.width=this.size.width+"px",e.left=this.size.width/2+"px"):e.height=this.size.height+"px",e.backgroundColor=null!==(t=this.parent.children)&&void 0!==t&&null!==(t=t[this.index+1])&&void 0!==t&&t.error?uni.$u.color.error:this.index<this.parentData.current?this.parentData.activeColor:this.parentData.inactiveColor,e},statusClass:function(){var t=this.index,e=this.error,i=this.parentData.current;return i==t?!0===e?"error":"process":e?"error":i>t?"finish":"wait"},statusColor:function(){var t="";switch(this.statusClass){case"finish":t=this.parentData.activeColor;break;case"error":t=uni.$u.color.error;break;case"process":t=this.parentData.dot?this.parentData.activeColor:"transparent";break;default:t=this.parentData.inactiveColor;break}return t},contentStyle:function(){var t={};return"column"===this.parentData.direction?(t.marginLeft=this.parentData.dot?"2px":"6px",t.marginTop=this.parentData.dot?"0px":"6px"):(t.marginTop=this.parentData.dot?"2px":"6px",t.marginLeft=this.parentData.dot?"2px":"6px"),t}},mounted:function(){var t=this;this.parent&&this.parent.updateFromChild(),uni.$u.sleep().then((function(){t.getStepsItemRect()}))},methods:{init:function(){if(this.updateParentData(),!this.parent)return uni.$u.error("u-steps-item必须要搭配u-steps组件使用");this.index=this.parent.children.indexOf(this),this.childLength=this.parent.children.length},updateParentData:function(){this.getParentData("u-steps")},updateFromParent:function(){this.init()},getStepsItemRect:function(){var t=this;this.$uGetRect(".u-steps-item").then((function(e){t.size=e}))}}},u=c,l=(i(32778),i(69453)),p=(0,l.Z)(u,a,r,!1,null,"3d18f8c1",null,!1,n,s),d=p.exports},44553:function(t,e,i){"use strict";var s;i.d(e,{Z:function(){return d}});var n,a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{staticClass:"u-steps",class:["u-steps--"+t.direction]},[t._t("default")],2)},r=[],o=(i(21249),i(74916),i(77601),i(9653),{props:{direction:{type:String,default:uni.$u.props.steps.direction},current:{type:[String,Number],default:uni.$u.props.steps.current},activeColor:{type:String,default:uni.$u.props.steps.activeColor},inactiveColor:{type:String,default:uni.$u.props.steps.inactiveColor},activeIcon:{type:String,default:uni.$u.props.steps.activeIcon},inactiveIcon:{type:String,default:uni.$u.props.steps.inactiveIcon},dot:{type:Boolean,default:uni.$u.props.steps.dot}}}),c={name:"u-steps",mixins:[uni.$u.mpMixin,uni.$u.mixin,o],data:function(){return{}},watch:{children:function(){this.updateChildData()},parentData:function(){this.updateChildData()}},computed:{parentData:function(){return[this.current,this.direction,this.activeColor,this.inactiveColor,this.activeIcon,this.inactiveIcon,this.dot]}},methods:{updateChildData:function(){this.children.map((function(t){uni.$u.test.func((t||{}).updateFromParent())&&t.updateFromParent()}))},updateFromChild:function(){this.updateChildData()}},created:function(){this.children=[]}},u=c,l=(i(47482),i(69453)),p=(0,l.Z)(u,a,r,!1,null,"43f70c0c",null,!1,s,n),d=p.exports},91684:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return p}});var s,n={uSteps:i(44553).Z,uStepsItem:i(47784).Z},a=function(){var t=this,e=t.$createElement,i=t._self._c||e;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"},[t._v("基础演示")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-steps",{attrs:{current:t.current1}},[i("u-steps-item",{attrs:{title:"已下单",desc:"10:30"}}),i("u-steps-item",{attrs:{title:"已出库",desc:"10:35"}}),i("u-steps-item",{attrs:{title:"运输中",desc:"11:40"}})],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("显示点类型")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-steps",{attrs:{current:1,dot:!0}},[i("u-steps-item",{attrs:{title:"已下单",desc:"10:30"}}),i("u-steps-item",{attrs:{title:"已出库",desc:"10:35"}}),i("u-steps-item",{attrs:{title:"运输中",desc:"11:40"}})],1),i("u-steps",{attrs:{current:1,dot:!0,direction:"column"}},[i("u-steps-item",{attrs:{title:"已下单",desc:"10:30"}}),i("u-steps-item",{attrs:{title:"已出库",desc:"10:35"}}),i("u-steps-item",{attrs:{title:"运输中",desc:"11:40"}})],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("错误状态")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-steps",{attrs:{current:1}},[i("u-steps-item",{attrs:{title:"已下单",desc:"10:30"}}),i("u-steps-item",{attrs:{error:!0,title:"仓库着火",desc:"10:35"}}),i("u-steps-item",{attrs:{title:"破产清算",desc:"11:40"}})],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("自定义图标")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-steps",{attrs:{current:1,activeIcon:"checkmark",inactiveIcon:"arrow-right"}},[i("u-steps-item",{attrs:{title:"已下单",desc:"10:30"}}),i("u-steps-item",{attrs:{title:"已出库",desc:"10:35"}}),i("u-steps-item",{attrs:{title:"运输中",desc:"11:40"}})],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("自定义插槽")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-steps",{attrs:{current:1}},[i("u-steps-item",{attrs:{title:"已下单",desc:"10:30"}}),i("u-steps-item",{attrs:{title:"已出库",desc:"10:35"}}),i("u-steps-item",{attrs:{title:"运输中",desc:"11:40"}},[i("v-uni-text",{staticClass:"slot-icon",attrs:{slot:"icon"},slot:"icon"},[t._v("运")])],1)],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("自定义颜色")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-steps",{attrs:{current:1,activeColor:"#3c9cff"}},[i("u-steps-item",{attrs:{title:"已下单",desc:"10:30"}}),i("u-steps-item",{attrs:{title:"已出库",desc:"10:35"}}),i("u-steps-item",{attrs:{title:"运输中",desc:"11:40"}})],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("竖向展示")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-steps",{attrs:{current:1,direction:"column"}},[i("u-steps-item",{attrs:{title:"已下单",desc:"10:30"}}),i("u-steps-item",{attrs:{title:"已出库",desc:"10:35"}}),i("u-steps-item",{attrs:{title:"运输中",desc:"11:40"}})],1)],1)],1)],1)},r=[],o={data:function(){return{current1:1}},onLoad:function(){}},c=o,u=(i(85287),i(69453)),l=(0,u.Z)(c,a,r,!1,null,"5468188b",null,!1,n,s),p=l.exports},79778:function(t,e,i){"use strict";i.r(e);var s=i(43481),n=i.n(s),a=i(2400),r=i.n(a),o=r()(n());o.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-3d18f8c1], uni-scroll-view[data-v-3d18f8c1], uni-swiper-item[data-v-3d18f8c1]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-steps-item[data-v-3d18f8c1]{flex:1;\ndisplay:flex;\nflex-direction:row}.u-steps-item--row[data-v-3d18f8c1]{flex-direction:column;align-items:center;position:relative}.u-steps-item--column[data-v-3d18f8c1]{position:relative;flex-direction:row;justify-content:flex-start;padding-bottom:5px}.u-steps-item__wrapper[data-v-3d18f8c1]{\ndisplay:flex;\nflex-direction:row;justify-content:center;align-items:center;position:relative;background-color:#fff}.u-steps-item__wrapper--column[data-v-3d18f8c1]{width:20px;height:32px}.u-steps-item__wrapper--column--dot[data-v-3d18f8c1]{height:20px;width:20px}.u-steps-item__wrapper--row[data-v-3d18f8c1]{width:32px;height:20px}.u-steps-item__wrapper--row--dot[data-v-3d18f8c1]{width:20px;height:20px}.u-steps-item__wrapper__circle[data-v-3d18f8c1]{width:20px;height:20px;box-sizing:border-box;flex-shrink:0;border-radius:100px;border-width:1px;border-color:#909193;border-style:solid;\ndisplay:flex;\nflex-direction:row;align-items:center;justify-content:center;transition:background-color .3s}.u-steps-item__wrapper__circle__text[data-v-3d18f8c1]{color:#909193;font-size:11px;\ndisplay:flex;\nflex-direction:row;align-items:center;justify-content:center;text-align:center;line-height:11px}.u-steps-item__wrapper__dot[data-v-3d18f8c1]{width:10px;height:10px;border-radius:100px;background-color:#606266}.u-steps-item__content[data-v-3d18f8c1]{\ndisplay:flex;\nflex-direction:row;flex:1}.u-steps-item__content--row[data-v-3d18f8c1]{flex-direction:column;align-items:center}.u-steps-item__content--column[data-v-3d18f8c1]{flex-direction:column;margin-left:6px}.u-steps-item__line[data-v-3d18f8c1]{position:absolute;background:#909193}.u-steps-item__line--row[data-v-3d18f8c1]{top:10px;height:1px}.u-steps-item__line--column[data-v-3d18f8c1]{width:1px;left:10px}',""]),e["default"]=o},42140:function(t,e,i){"use strict";i.r(e);var s=i(43481),n=i.n(s),a=i(2400),r=i.n(a),o=r()(n());o.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-43f70c0c], uni-scroll-view[data-v-43f70c0c], uni-swiper-item[data-v-43f70c0c]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-steps[data-v-43f70c0c]{\ndisplay:flex;\nflex-direction:row}.u-steps--column[data-v-43f70c0c]{flex-direction:column}.u-steps--row[data-v-43f70c0c]{flex-direction:row;flex:1}',""]),e["default"]=o},48644:function(t,e,i){"use strict";i.r(e);var s=i(43481),n=i.n(s),a=i(2400),r=i.n(a),o=r()(n());o.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */.slot-icon[data-v-5468188b]{width:21px;height:21px;background-color:#f9ae3d;border-radius:100px;font-size:12px;color:#fff;line-height:21px;text-align:center}',""]),e["default"]=o},39567:function(t,e){"use strict";e.Z={props:{lang:String,sessionFrom:String,sendMessageTitle:String,sendMessagePath:String,sendMessageImg:String,showMessageCard:Boolean,appParameter:String,formType:String,openType:String}}},93194:function(t,e){"use strict";e.Z={props:{openType:String},methods:{onGetUserInfo:function(t){this.$emit("getuserinfo",t.detail)},onContact:function(t){this.$emit("contact",t.detail)},onGetPhoneNumber:function(t){this.$emit("getphonenumber",t.detail)},onError:function(t){this.$emit("error",t.detail)},onLaunchApp:function(t){this.$emit("launchapp",t.detail)},onOpenSetting:function(t){this.$emit("opensetting",t.detail)}}}}}]);