webpackJsonp([18],{hEOo:function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0});s("Au9i");var a=s("5g4Q"),l=s("KvKp"),i=Object(l.d)("transform"),n={mixins:[a.a],data:function(){return{pickerConf1:{slot:[{flex:1,values:["2015-01","2015-02","2015-03","2015-04","2015-05","2015-06"],className:"slot1",textAlign:"center"}],visibleItemCount:3,showToolbar:!1,itemHeight:50},pickerConf2:{slot:[{flex:1,values:["2015-01","2015-02","2015-03","2015-04","2015-05","2015-06"],className:"slot1",textAlign:"right"},{divider:!0,content:"-",className:"slot2"},{flex:1,values:["2015-01","2015-02","2015-03","2015-04","2015-05","2015-06"],className:"slot3",textAlign:"left"}]},pickerConf3:{slot:[{flex:1,values:["2015","2016","2017","2018","2019","2020"],className:"slot1",textAlign:"center"},{divider:!0,content:"-",className:"slot2"},{flex:1,values:["2015","2016","2017","2018","2019","2020"],className:"slot3",textAlign:"center"},{divider:!0,content:"-",className:"slot4"},{flex:1,values:["2015","2016","2017","2018","2019","2020"],className:"slot5",textAlign:"center"}]},pickerConf4:{value:"四川省成都市区",slot:[{flex:1,values:["四川省","北京市"],className:"slot1",textAlign:"center"},{divider:!0,content:"-",className:"slot2"},{flex:1,values:["成都","雅安"],className:"slot3",textAlign:"center"},{divider:!0,content:"-",className:"slot4"},{flex:1,values:["市区","双流"],className:"slot5",textAlign:"center"}]},pickerConf5:{slot:[{flex:1,values:["1","2","3","4","5","6"],className:"slot1",textAlign:"center"}],timer:null},pickerConf6:{flag:!1,value:"四川省成都市区",slot:[{flex:1,values:["四川省","北京市"],className:"slot1",textAlign:"center"},{divider:!0,content:"-",className:"slot2"},{flex:1,values:["成都","雅安"],className:"slot3",textAlign:"center"},{divider:!0,content:"-",className:"slot4"},{flex:1,values:["市区","双流"],className:"slot5",textAlign:"center"}]}}},mounted:function(){var t=this,e=this.pickerConf5.slot[0].values.length,s=72,a=0;this.pickerConf5.timer=setInterval(function(){t.$refs.dynamic.$children[0].$refs.wrapper.style[i]="translate(0px, "+s+"px) translateZ(0px)",s-=36,++a===e&&(s=72,a=0)},1e3)},beforeDestroy:function(){clearInterval(this.pickerConf5.timer),this.pickerConf5.timer=null},methods:{onValuesChange:function(t,e){},linkage:function(t,e){switch(e[0]){case"四川省":t.setSlotValues(1,["成都","雅安"]);break;case"北京市":t.setSlotValues(1,["市辖区"])}switch(e[1]){case"成都":t.setSlotValues(2,["市区","双流"]);break;case"雅安":t.setSlotValues(2,["市区","名山"]);break;case"市辖区":t.setSlotValues(2,["市区"])}this.pickerConf4.value=e.join("")},pickerBtn:function(){var t=this;this.pickerConf6.flag=!0,setTimeout(function(){t.$refs.bottomWrap.style[i]="translate(0px, -200px) translateZ(0px)"},500)},closePop:function(){var t=this;setTimeout(function(){t.pickerConf6.flag=!1},500),this.$refs.bottomWrap.style[i]="translate(0px, 0px) translateZ(0px)"}}},o={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("transition",{attrs:{name:"slide"}},[s("div",{staticClass:"picker-wrap"},[s("mt-header",{staticClass:"header",attrs:{title:"Picker",fixed:t.headerConf.fixed}},[s("div",{attrs:{slot:"left"},slot:"left"},[s("mt-button",{attrs:{icon:"back"},on:{click:t.back}},[t._v("返回")])],1)]),t._v(" "),s("div",{ref:"content",staticClass:"content"},[s("div",{staticClass:"row"},[s("div",{staticClass:"title"},[t._v("普通示例")]),t._v(" "),s("mt-picker",{attrs:{slots:t.pickerConf1.slot,visibleItemCount:t.pickerConf1.visibleItemCount,itemHeight:t.pickerConf1.itemHeight},on:{change:t.onValuesChange}})],1),t._v(" "),s("div",{staticClass:"row"},[s("div",{staticClass:"title"},[t._v("两级")]),t._v(" "),s("mt-picker",{attrs:{slots:t.pickerConf2.slot},on:{change:t.onValuesChange}})],1),t._v(" "),s("div",{staticClass:"row"},[s("div",{staticClass:"title"},[t._v("多级")]),t._v(" "),s("mt-picker",{attrs:{slots:t.pickerConf3.slot},on:{change:t.onValuesChange}})],1),t._v(" "),s("div",{staticClass:"row"},[s("div",{staticClass:"title"},[t._v("多级联动")]),t._v(" "),s("mt-picker",{attrs:{slots:t.pickerConf4.slot},on:{change:t.linkage}}),t._v(" "),s("div",{staticClass:"result"},[t._v("选择的是:"+t._s(t.pickerConf4.value))])],1),t._v(" "),s("div",{staticClass:"row"},[s("div",{staticClass:"title"},[t._v("滚动展示")]),t._v(" "),s("mt-picker",{ref:"dynamic",staticClass:"dynamic",attrs:{slots:t.pickerConf5.slot}})],1),t._v(" "),s("div",{staticClass:"row"},[s("mt-button",{staticClass:"pickerBtn",attrs:{type:"default"},on:{click:t.pickerBtn}},[t._v("点击弹出")])],1),t._v(" "),s("div",{directives:[{name:"show",rawName:"v-show",value:t.pickerConf6.flag,expression:"pickerConf6.flag"}],ref:"bottomWrap",staticClass:"from-bottom"},[s("div",[s("mt-button",{staticClass:"close-pop",attrs:{type:"danger"},on:{click:t.closePop}},[t._v("关闭")]),t._v(" "),s("mt-picker",{attrs:{slots:t.pickerConf6.slot},on:{change:t.linkage}})],1)])])],1)])},staticRenderFns:[]};var c=s("VU/8")(n,o,!1,function(t){s("xJa+")},"data-v-68086459",null);e.default=c.exports},"xJa+":function(t,e){}});
//# sourceMappingURL=18.b70f349311babdad7585.js.map