| 1 |
- (function(n){function l(l){for(var a,c,u=l[0],s=l[1],r=l[2],v=0,o=[];v<u.length;v++)c=u[v],Object.prototype.hasOwnProperty.call(t,c)&&t[c]&&o.push(t[c][0]),t[c]=0;for(a in s)Object.prototype.hasOwnProperty.call(s,a)&&(n[a]=s[a]);b&&b(l);while(o.length)o.shift()();return i.push.apply(i,r||[]),e()}function e(){for(var n,l=0;l<i.length;l++){for(var e=i[l],a=!0,u=1;u<e.length;u++){var s=e[u];0!==t[s]&&(a=!1)}a&&(i.splice(l--,1),n=c(c.s=e[0]))}return n}var a={},t={app:0},i=[];function c(l){if(a[l])return a[l].exports;var e=a[l]={i:l,l:!1,exports:{}};return n[l].call(e.exports,e,e.exports,c),e.l=!0,e.exports}c.m=n,c.c=a,c.d=function(n,l,e){c.o(n,l)||Object.defineProperty(n,l,{enumerable:!0,get:e})},c.r=function(n){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},c.t=function(n,l){if(1&l&&(n=c(n)),8&l)return n;if(4&l&&"object"===typeof n&&n&&n.__esModule)return n;var e=Object.create(null);if(c.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:n}),2&l&&"string"!=typeof n)for(var a in n)c.d(e,a,function(l){return n[l]}.bind(null,a));return e},c.n=function(n){var l=n&&n.__esModule?function(){return n["default"]}:function(){return n};return c.d(l,"a",l),l},c.o=function(n,l){return Object.prototype.hasOwnProperty.call(n,l)},c.p="/";var u=window["webpackJsonp"]=window["webpackJsonp"]||[],s=u.push.bind(u);u.push=l,u=u.slice();for(var r=0;r<u.length;r++)l(u[r]);var b=s;i.push([0,"chunk-vendors"]),e()})({0:function(n,l,e){n.exports=e("56d7")},"1d8e":function(n,l,e){},"20c0":function(n,l,e){"use strict";var a=e("5758"),t=e.n(a);t.a},"56d7":function(n,l,e){"use strict";e.r(l);e("e260"),e("e6cf"),e("cca6"),e("a79d");for(var a=e("2b0e"),t=function(){var n=this,l=n.$createElement,e=n._self._c||l;return e("div",[e("Home")],1)},i=[],c=function(){var n=this,l=n.$createElement,e=n._self._c||l;return e("div",[n._m(0),e("div",{staticClass:"body"},[e("div",{staticClass:"nav"},n._l(n.typeArr,(function(l,a){return e("span",{key:a,class:a===n.activeIndex?"active":"",on:{click:function(e){return n.clickItem(l,a)}}},[n._v(n._s(l.text))])})),0),e(n.currentView,{tag:"component",on:{tips:n.toTips}})],1),e("transition",{attrs:{name:"slide-fade"}},[e("div",{directives:[{name:"show",rawName:"v-show",value:n.showTips,expression:"showTips"}],staticClass:"tips"},[n._v("已复制")])])],1)},u=[function(){var n=this,l=n.$createElement,e=n._self._c||l;return e("div",{staticClass:"header"},[e("div",{staticClass:"title"},[n._v("vue-picker")])])}],s=function(){var n=this,l=n.$createElement,e=n._self._c||l;return e("div",[e("div",{staticClass:"btnbox"},[e("div",{staticClass:"btn",on:{click:function(l){n.pickerVisible=!0}}},[n._v("打开picker")]),e("div",{staticClass:"btn",on:{click:n.toCopy}},[n._v("复制demo代码")])]),e("div",{staticClass:"result"},[e("p",[n._v("----选择结果----")]),e("p",[n._v(n._s(n.result))])]),e("VuePicker",{attrs:{data:n.pickData,showToolbar:!0,visible:n.pickerVisible},on:{cancel:n.cancel,confirm:n.confirm,"update:visible":function(l){n.pickerVisible=l}}})],1)},r=[],b=e("161e"),v=e.n(b),o=e("f904"),d=e.n(o),p="\n<template>\n <div>\n <VuePicker :data=\"pickData\"\n :showToolbar=\"true\"\n @cancel=\"cancel\"\n @confirm=\"confirm\"\n :visible.sync=\"pickerVisible\"\n />\n </div>\n</template>\n\n<script>\nimport VuePicker from 'vue-pickers'\nvar tdata = []\nfor (let i = 0; i < 20; i++) {\n tdata.push({\n label: '第' + i + '行',\n value: i\n })\n}\nexport default {\n components: {\n VuePicker\n },\n data () {\n return {\n pickerVisible: false,\n pickData: [\n tdata\n ],\n result: ''\n }\n },\n methods: {\n cancel () {\n this.result = 'click cancel result: null'\n },\n confirm (res) {\n this.result = JSON.stringify(res)\n }\n }\n}\n<\/script>\n",f=[],h=0;h<20;h++)f.push({label:"第".concat(h,"行"),value:h});for(var m={name:"app",components:{VuePicker:v.a},data:function(){return{pickerVisible:!1,pickData:[f],result:""}},methods:{cancel:function(){console.log("cancel"),this.result="click cancel result: null"},confirm:function(n){this.result=JSON.stringify(n),console.log(n)},toCopy:function(){d()(p),this.$emit("tips")}}},k=m,y=e("2877"),g=Object(y["a"])(k,s,r,!1,null,null,null),x=g.exports,V=function(){var n=this,l=n.$createElement,e=n._self._c||l;return e("div",[e("div",{staticClass:"btnbox"},[e("div",{staticClass:"btn",on:{click:function(l){n.pickerVisible=!0}}},[n._v("打开picker")]),e("div",{staticClass:"btn",on:{click:n.toCopy}},[n._v("复制demo代码")]),e("div",{staticClass:"btn",on:{click:n.toCopy1}},[n._v("改变index")])]),e("div",{staticClass:"result"},[e("p",[n._v("----选择结果----")]),e("p",[n._v(n._s(n.result))])]),e("VuePicker",{attrs:{data:n.pickData,showToolbar:!0,defaultIndex:n.defaultIndex,visible:n.pickerVisible},on:{cancel:n.cancel,confirm:n.confirm,"update:visible":function(l){n.pickerVisible=l}}})],1)},w=[],j="\n\n<template>\n <div>\n <VuePicker :data=\"pickData\"\n :showToolbar=\"true\"\n @cancel=\"cancel\"\n @confirm=\"confirm\"\n :visible.sync=\"pickerVisible\"\n />\n </div>\n</template>\n\n<script>\n import VuePicker from 'vue-pickers'\n const tdata = [\n {\n label: '坦克',\n value: 1\n },\n {\n label: '刺客',\n value: 2\n },\n {\n label: '法师',\n value: 2\n },\n {\n label: '辅助',\n value: 3\n },\n {\n label: '战士',\n value: 4\n },\n {\n label: '射手',\n value: 5\n }\n ]\n var tdata2 = [\n {\n label: '李白',\n value: 1\n },\n {\n label: '曹操',\n value: 2\n },\n {\n label: '公孙离',\n value: 3\n },\n {\n label: '蔡文姬',\n value: 4\n },\n {\n label: '李元芳',\n value: 5\n },\n {\n label: '荆轲',\n value: 6\n },\n {\n label: '廉颇',\n value: 7\n },\n {\n label: '黄忠',\n value: 8\n }\n ]\n\n export default {\n components: { VuePicker },\n data () {\n return {\n pickerVisible: false,\n pickData: [\n tdata,\n tdata2\n ],\n result: ''\n }\n },\n methods: {\n cancel () {\n this.result = 'click cancel result: null'\n },\n confirm (res) {\n this.result = JSON.stringify(res)\n }\n }\n }\n<\/script>\n\n\n",_=[{label:"坦克",value:1},{label:"刺客",value:2},{label:"法师",value:2},{label:"辅助",value:3},{label:"战士",value:4},{label:"射手",value:5}],C=[{label:"李白",value:1},{label:"曹操",value:2},{label:"公孙离",value:3},{label:"蔡文姬",value:4},{label:"李元芳",value:5},{label:"荆轲",value:6},{label:"廉颇",value:7},{label:"黄忠",value:8}],z={name:"app",components:{VuePicker:v.a},data:function(){return{pickerVisible:!1,pickData:[_,C],result:"",defaultIndex:[1,2]}},methods:{cancel:function(){console.log("cancel"),this.result="click cancel result: null"},confirm:function(n){this.result=JSON.stringify(n),console.log(n)},toCopy:function(){d()(j),this.$emit("tips")},toCopy1:function(){this.defaultIndex=[3,4]}}},P=z,O=Object(y["a"])(P,V,w,!1,null,null,null),T=O.exports,D=function(){var n=this,l=n.$createElement,e=n._self._c||l;return e("div",[e("div",{staticClass:"btnbox"},[e("div",{staticClass:"btn",on:{click:function(l){n.pickerVisible=!0}}},[n._v("打开picker")]),e("div",{staticClass:"btn",on:{click:n.toCopy}},[n._v("复制demo代码")])]),e("div",{staticClass:"result"},[e("p",[n._v("----选择结果----")]),e("p",[n._v(n._s(n.result))])]),e("VuePicker",{attrs:{data:n.pickData,layer:2,defaultIndex:n.defaultIndex,showToolbar:!0,visible:n.pickerVisible},on:{cancel:n.cancel,confirm:n.confirm,"update:visible":function(l){n.pickerVisible=l}}})],1)},S=[],N=[{label:"深圳",value:"sz",children:[{label:"南山",value:"ns",children:[{label:"四海公园",value:"shgy"},{label:"中山公园",value:"zsgy"},{label:"荔香公园",value:"lxgy"},{label:"大南山公园",value:"dngy"},{label:"深圳湾公园",value:"shwgy"}]},{label:"福田",value:"ft",children:[{label:"中心公园",value:"zxgy"},{label:"荔枝公园",value:"lzgy"},{label:"莲花山公园",value:"lhgy"},{label:"笔架山公园",value:"bjsgy"},{label:"梅林公园",value:"mlgy"},{label:"皇岗公园",value:"wggy"},{label:"红树林公园",value:"hslgy"},{label:"园博园",value:"ybygy"}]},{label:"宝安",value:"ft",children:[{label:"凤凰山公园",value:"fhsgy"},{label:"凤岩古庙",value:"fygm"},{label:"凤凰禅寺",value:"fhcs"},{label:"文公祠",value:"wgc"},{label:"文昌塔",value:"wct"}]},{label:"罗湖",value:"lh",children:[{label:"地王大厦",value:"dwds"},{label:"梧桐山",value:"wgs"},{label:"洪湖公园",value:"hhgy"},{label:"弘法寺",value:"hfs"},{label:"荔枝公园",value:"lzgy"}]},{label:"盐田",value:"yt",children:[{label:"沙头角",value:"stj"},{label:"海山",value:"hs"},{label:"盐田田",value:"ytt"},{label:"梅沙",value:"ms"},{label:"荔枝公园",value:"lzgy"}]}]},{label:"广州",value:"gz",children:[{label:"越秀",value:"yx",children:[{label:"五羊石像",value:"wysx"},{label:"镇海楼",value:"zhl"},{label:"千年古道",value:"qngd"},{label:"北京路",value:"bjl"},{label:"中山纪念堂",value:"zsjng"}]},{label:"荔湾",value:"lw",children:[{label:"荔枝湾",value:"lzw"},{label:"上下九步行街",value:"sxjbxj"},{label:"沙面岛",value:"smd"},{label:"陈家祠",value:"cjc"},{label:"西关大屋",value:"xgdw"},{label:"华林寺",value:"hls"}]},{label:"海珠",value:"zh",children:[{label:"海珠湖",value:"lzw"},{label:"邓世昌纪念馆",value:"sxjbxj"},{label:"纯阳观",value:"smd"},{label:"海珠湿地",value:"cjc"},{label:"双塔辉映",value:"xgdw"}]},{label:"天河",value:"th",children:[{label:"花城广场",value:"hcgc"},{label:"海心沙",value:"hxc"},{label:"天河体育中心",value:"thtyzx"},{label:"华南植物园",value:"hnzwy"}]},{label:"白云",value:"by",children:[{label:"白云山",value:"byc"},{label:"云台花园",value:"ythy"},{label:"广州体育馆",value:"gztyg"},{label:"三元里",value:"syl"},{label:"帽峰山",value:"mfs"}]}]},{label:"上海",value:"sh",children:[{label:"黄浦",value:"hp",children:[{label:"外滩",value:"wt"},{label:"新天地",value:"xtd"},{label:"南京东路",value:"njdl"},{label:"淮海中路",value:"hhzl"},{label:"豫园",value:"yy"}]},{label:"徐汇",value:"xh",children:[{label:"上海植物园",value:"shzwy"},{label:"桂林公园",value:"glgy"},{label:"龙华寺",value:"lhs"},{label:"徐光启墓",value:"xgqm"}]},{label:"长宁",value:"cn",children:[{label:"宋庆龄陵园",value:"sqly"},{label:"刘海粟美术馆",value:"lhlmsg"},{label:"上海动物园",value:"shdwg"},{label:"国际展览中心",value:"gjzlzx"}]},{label:"虹口",value:"hk",children:[{label:"鲁迅公园",value:"lxgy"},{label:"上海大厦",value:"lsds"},{label:"梅园",value:"my"}]}]},{label:"北京",value:"bj",children:[{label:"东城",value:"dc",children:[{label:"景山前街",value:"jsqj"},{label:"五四大街",value:"wsdj"},{label:"南池子",value:"ncz"},{label:"雍和宫",value:"rhg"}]},{label:"西城",value:"xc",children:[{label:"醇王府",value:"chf"},{label:"齐白石故居",value:"qbsgj"},{label:"梅兰芳故居",value:"mlfgj"},{label:"郭沫若故居",value:"gmrgj"}]},{label:"海淀",value:"hd",children:[{label:"颐和园",value:"yhy"},{label:"圆明园遗址",value:"ymyyz"},{label:"香山公园",value:"xsgy"},{label:"玉泉山",value:"yqs"},{label:"大钟寺",value:"dzs"}]},{label:"朝阳",value:"cy",children:[{label:"朝阳-1",value:"1"},{label:"朝阳-2",value:"2"},{label:"朝阳-3",value:"3"},{label:"朝阳-4",value:"4"}]},{label:"丰台",value:"ft",children:[{label:"丰台-1",value:"1"},{label:"丰台-2",value:"2"},{label:"丰台-3",value:"3"},{label:"丰台-4",value:"4"}]},{label:"门头沟",value:"mtg",children:[{label:"门头沟-1",value:"1"},{label:"门头沟-2",value:"2"},{label:"门头沟-3",value:"3"},{label:"门头沟-4",value:"4"}]},{label:"昌平",value:"cp",children:[{label:"昌平-1",value:"1"},{label:"昌平-2",value:"2"},{label:"昌平-3",value:"3"},{label:"昌平-4",value:"4"}]},{label:"大兴",value:"dx",children:[{label:"大兴-1",value:"1"},{label:"大兴-2",value:"2"},{label:"大兴-3",value:"3"},{label:"大兴-4",value:"4"}]},{label:"顺义",value:"sy",children:[{label:"顺义-1",value:"1"},{label:"顺义-2",value:"2"},{label:"顺义-3",value:"3"},{label:"顺义-4",value:"4"}]}]}],J="\n\n<template>\n <div>\n <VuePicker :data=\"pickData\"\n :layer=\"2\"\n :defaultIndex=\"defaultIndex\"\n :showToolbar=\"true\"\n @cancel=\"cancel\"\n @confirm=\"confirm\"\n :visible.sync=\"pickerVisible\"\n />\n </div>\n</template>\n\n<script>\n import VuePicker from 'vue-pickers'\n import tdata from './link-cols'\n export default {\n name: 'app',\n components: {\n VuePicker\n },\n data () {\n return {\n showToolbar: true,\n pickerVisible: false,\n defaultIndex: [1, 2],\n pickData: tdata,\n result: ''\n }\n },\n methods: {\n cancel () {\n console.log('cancel')\n },\n confirm (res) {\n console.log(res)\n }\n }\n }\n // link-cols.js\n var tdata = [\n {\n label: '深圳',\n value: 'sz',\n children: [\n {\n label: '南山',\n value: 'ns',\n },\n {\n label: '福田',\n value: 'ft',\n },\n {\n label: '宝安',\n value: 'ft',\n },\n {\n label: '罗湖',\n value: 'lh',\n },\n {\n label: '盐田',\n value: 'yt',\n }\n ]\n },\n {\n label: '广州',\n value: 'gz',\n children: [\n {\n label: '越秀',\n value: 'yx',\n },\n {\n label: '荔湾',\n value: 'lw',\n },\n {\n label: '海珠',\n value: 'zh',\n },\n {\n label: '天河',\n value: 'th',\n },\n {\n label: '白云',\n value: 'by',\n }\n ]\n },\n {\n label: '上海',\n value: 'sh',\n children: [\n {\n label: '黄浦',\n value: 'hp',\n },\n {\n label: '徐汇',\n value: 'xh',\n },\n {\n label: '长宁',\n value: 'cn',\n },\n {\n label: '虹口',\n value: 'hk',\n }\n ]\n },\n {\n label: '北京',\n value: 'bj',\n children: [\n {\n label: '东城',\n value: 'dc',\n },\n {\n label: '西城',\n value: 'xc',\n },\n {\n label: '海淀',\n value: 'hd',\n },\n {\n label: '朝阳',\n value: 'cy',\n },\n {\n label: '丰台',\n value: 'ft',\n },\n {\n label: '门头沟',\n value: 'mtg',\n },\n {\n label: '昌平',\n value: 'cp',\n },\n {\n label: '大兴',\n value: 'dx',\n },\n {\n label: '顺义',\n value: 'sy',\n }\n ]\n }\n ] \n<\/script>\n\n",$={name:"app",components:{VuePicker:v.a},data:function(){return{showToolbar:!0,pickerVisible:!1,defaultIndex:[1,2],pickData:N,result:""}},methods:{cancel:function(){console.log("cancel"),this.result="click cancel result: null"},confirm:function(n){var l=JSON.parse(JSON.stringify(n));l[0].children&&delete l[0].children,l[1].children&&delete l[1].children,this.result=JSON.stringify(l),console.log(n)},toCopy:function(){d()(J),this.$emit("tips")}}},I=$,E=Object(y["a"])(I,D,S,!1,null,null,null),q=E.exports,H=function(){var n=this,l=n.$createElement,e=n._self._c||l;return e("div",[e("div",{staticClass:"btnbox"},[e("div",{staticClass:"btn",on:{click:function(l){n.pickerVisible=!0}}},[n._v("打开picker")]),e("div",{staticClass:"btn",on:{click:n.toCopy}},[n._v("复制demo代码")])]),e("div",{staticClass:"result"},[e("p",[n._v("----选择结果----")]),e("p",[n._v(n._s(n.result))])]),e("VuePicker",{attrs:{data:n.pickData,showToolbar:!0,visible:n.pickerVisible},on:{cancel:n.cancel,confirm:n.confirm,"update:visible":function(l){n.pickerVisible=l}}})],1)},F=[],A="\n\n<template>\n <div>\n <VuePicker :data=\"pickData\"\n :showToolbar=\"true\"\n @cancel=\"cancel\"\n @confirm=\"confirm\"\n :visible.sync=\"pickerVisible\"\n />\n </div>\n</template>\n\n<script>\n import VuePicker from 'vue-pickers'\n const tdata = [\n {\n label: '坦克',\n value: 1\n },\n {\n label: '刺客',\n value: 2\n },\n {\n label: '法师',\n value: 2\n },\n {\n label: '辅助',\n value: 3\n },\n {\n label: '战士',\n value: 4\n },\n {\n label: '射手',\n value: 5\n }\n ]\n var tdata2 = [\n {\n label: '李白',\n value: 1\n },\n {\n label: '曹操',\n value: 2\n },\n {\n label: '公孙离',\n value: 3\n },\n {\n label: '蔡文姬',\n value: 4\n },\n {\n label: '李元芳',\n value: 5\n },\n {\n label: '荆轲',\n value: 6\n },\n {\n label: '廉颇',\n value: 7\n },\n {\n label: '黄忠',\n value: 8\n }\n ]\n let tdata3 = [\n {\n label: '东城',\n value: 'dc',\n },\n {\n label: '西城',\n value: 'xc',\n },\n {\n label: '海淀',\n value: 'hd',\n },\n {\n label: '朝阳',\n value: 'cy',\n },\n {\n label: '丰台',\n value: 'ft'\n },\n {\n label: '门头沟',\n value: 'mtg'\n },\n {\n label: '昌平',\n value: 'cp'\n },\n {\n label: '大兴',\n value: 'dx'\n },\n {\n label: '顺义',\n value: 'sy'\n }\n ]\n export default {\n components: { VuePicker },\n data () {\n return {\n pickerVisible: false,\n pickData: [\n tdata,\n tdata2,\n tdata3\n ],\n result: ''\n }\n },\n methods: {\n cancel () {\n this.result = 'click cancel result: null'\n },\n confirm (res) {\n this.result = JSON.stringify(res)\n }\n }\n }\n<\/script>\n\n",L=[{label:"坦克",value:1},{label:"刺客",value:2},{label:"法师",value:2},{label:"辅助",value:3},{label:"战士",value:4},{label:"射手",value:5}],M=[{label:"李白",value:1},{label:"曹操",value:2},{label:"公孙离",value:3},{label:"蔡文姬",value:4},{label:"李元芳",value:5},{label:"荆轲",value:6},{label:"廉颇",value:7},{label:"黄忠",value:8}],B=[{label:"东城",value:"dc"},{label:"西城",value:"xc"},{label:"海淀",value:"hd"},{label:"朝阳",value:"cy"},{label:"丰台",value:"ft"},{label:"门头沟",value:"mtg"},{label:"昌平",value:"cp"},{label:"大兴",value:"dx"},{label:"顺义",value:"sy"}],G={name:"app",components:{VuePicker:v.a},data:function(){return{pickerVisible:!1,pickData:[L,M,B],result:""}},methods:{cancel:function(){console.log("cancel"),this.result="click cancel result: null"},confirm:function(n){this.result=JSON.stringify(n),console.log(n)},toCopy:function(){d()(A),this.$emit("tips")}}},K=G,Q=Object(y["a"])(K,H,F,!1,null,null,null),R=Q.exports,U=function(){var n=this,l=n.$createElement,e=n._self._c||l;return e("div",[e("div",{staticClass:"btnbox"},[e("div",{staticClass:"btn",on:{click:function(l){n.pickerVisible=!0}}},[n._v("打开picker")]),e("div",{staticClass:"btn",on:{click:n.toCopy}},[n._v("复制demo代码")])]),e("div",{staticClass:"result"},[e("p",[n._v("----选择结果----")]),e("p",[n._v(n._s(n.result))])]),e("VuePicker",{attrs:{data:n.pickData,layer:3,defaultIndex:n.defaultIndex,showToolbar:!0,visible:n.pickerVisible},on:{cancel:n.cancel,confirm:n.confirm,"update:visible":function(l){n.pickerVisible=l}}})],1)},W=[],X="\n\n<template>\n <div>\n <VuePicker :data=\"pickData\"\n :layer=\"3\"\n :defaultIndex=\"defaultIndex\"\n :showToolbar=\"true\"\n @cancel=\"cancel\"\n @confirm=\"confirm\"\n :visible.sync=\"pickerVisible\"\n />\n </div>\n</template>\n\n<script>\n import VuePicker from 'vue-pickers'\n import tdata from './link-cols'\n export default {\n name: 'app',\n components: {\n VuePicker\n },\n data () {\n return {\n showToolbar: true,\n pickerVisible: false,\n defaultIndex: [1, 2],\n pickData: tdata,\n result: ''\n }\n },\n methods: {\n cancel () {\n console.log('cancel')\n },\n confirm (res) {\n console.log(res)\n }\n }\n }\n // link-cols.js\n var tdata = [\n {\n label: '深圳',\n value: 'sz',\n children: [\n {\n label: '南山',\n value: 'ns',\n children: [\n {\n label: '四海公园',\n value: 'shgy',\n },\n {\n label: '中山公园',\n value: 'zsgy',\n },\n {\n label: '荔香公园',\n value: 'lxgy',\n },\n {\n label: '大南山公园',\n value: 'dngy',\n },\n {\n label: '深圳湾公园',\n value: 'shwgy',\n }\n ]\n },\n {\n label: '福田',\n value: 'ft',\n children: [\n {\n label: '中心公园',\n value: 'zxgy',\n },\n {\n label: '荔枝公园',\n value: 'lzgy',\n },\n {\n label: '莲花山公园',\n value: 'lhgy',\n },\n {\n label: '笔架山公园',\n value: 'bjsgy',\n },\n {\n label: '梅林公园',\n value: 'mlgy',\n },\n {\n label: '皇岗公园',\n value: 'wggy',\n },\n {\n label: '红树林公园',\n value: 'hslgy',\n },\n {\n label: '园博园',\n value: 'ybygy'\n }\n ]\n },\n {\n label: '宝安',\n value: 'ft',\n children: [\n {\n label: '凤凰山公园',\n value: 'fhsgy',\n },\n {\n label: '凤岩古庙',\n value: 'fygm',\n },\n {\n label: '凤凰禅寺',\n value: 'fhcs',\n },\n {\n label: '文公祠',\n value: 'wgc',\n },\n {\n label: '文昌塔',\n value: 'wct',\n }\n ]\n },\n {\n label: '罗湖',\n value: 'lh',\n children: [\n {\n label: '地王大厦',\n value: 'dwds',\n },\n {\n label: '梧桐山',\n value: 'wgs',\n },\n {\n label: '洪湖公园',\n value: 'hhgy',\n },\n {\n label: '弘法寺',\n value: 'hfs',\n },\n {\n label: '荔枝公园',\n value: 'lzgy',\n }\n ]\n },\n {\n label: '盐田',\n value: 'yt',\n children: [\n {\n label: '沙头角',\n value: 'stj',\n },\n {\n label: '海山',\n value: 'hs',\n },\n {\n label: '盐田田',\n value: 'ytt',\n },\n {\n label: '梅沙',\n value: 'ms',\n },\n {\n label: '荔枝公园',\n value: 'lzgy',\n }\n ]\n }\n ]\n },\n {\n label: '广州',\n value: 'gz',\n children: [\n {\n label: '越秀',\n value: 'yx',\n children: [\n {\n label: '五羊石像',\n value: 'wysx',\n },\n {\n label: '镇海楼',\n value: 'zhl',\n },\n {\n label: '千年古道',\n value: 'qngd',\n },\n {\n label: '北京路',\n value: 'bjl',\n },\n {\n label: '中山纪念堂',\n value: 'zsjng',\n }\n ]\n },\n {\n label: '荔湾',\n value: 'lw',\n children: [\n {\n label: '荔枝湾',\n value: 'lzw',\n },\n {\n label: '上下九步行街',\n value: 'sxjbxj',\n },\n {\n label: '沙面岛',\n value: 'smd',\n },\n {\n label: '陈家祠',\n value: 'cjc',\n },\n {\n label: '西关大屋',\n value: 'xgdw',\n },\n {\n label: '华林寺',\n value: 'hls',\n }\n ]\n },\n {\n label: '海珠',\n value: 'zh',\n children: [\n {\n label: '海珠湖',\n value: 'lzw',\n },\n {\n label: '邓世昌纪念馆',\n value: 'sxjbxj',\n },\n {\n label: '纯阳观',\n value: 'smd',\n },\n {\n label: '海珠湿地',\n value: 'cjc',\n },\n {\n label: '双塔辉映',\n value: 'xgdw',\n }\n ]\n },\n {\n label: '天河',\n value: 'th',\n children: [\n {\n label: '花城广场',\n value: 'hcgc',\n },\n {\n label: '海心沙',\n value: 'hxc',\n },\n {\n label: '天河体育中心',\n value: 'thtyzx',\n },\n {\n label: '华南植物园',\n value: 'hnzwy',\n }\n ]\n },\n {\n label: '白云',\n value: 'by',\n children: [\n {\n label: '白云山',\n value: 'byc',\n },\n {\n label: '云台花园',\n value: 'ythy',\n },\n {\n label: '广州体育馆',\n value: 'gztyg',\n },\n {\n label: '三元里',\n value: 'syl',\n },\n {\n label: '帽峰山',\n value: 'mfs',\n }\n ]\n }\n ]\n },\n {\n label: '上海',\n value: 'sh',\n children: [\n {\n label: '黄浦',\n value: 'hp',\n children: [\n {\n label: '外滩',\n value: 'wt',\n },\n {\n label: '新天地',\n value: 'xtd',\n },\n {\n label: '南京东路',\n value: 'njdl',\n },\n {\n label: '淮海中路',\n value: 'hhzl',\n },\n {\n label: '豫园',\n value: 'yy',\n }\n ]\n },\n {\n label: '徐汇',\n value: 'xh',\n children: [\n {\n label: '上海植物园',\n value: 'shzwy',\n },\n {\n label: '桂林公园',\n value: 'glgy',\n },\n {\n label: '龙华寺',\n value: 'lhs',\n },\n {\n label: '徐光启墓',\n value: 'xgqm',\n },\n ]\n },\n {\n label: '长宁',\n value: 'cn',\n children: [\n {\n label: '宋庆龄陵园',\n value: 'sqly',\n },\n {\n label: '刘海粟美术馆',\n value: 'lhlmsg',\n },\n {\n label: '上海动物园',\n value: 'shdwg',\n },\n {\n label: '国际展览中心',\n value: 'gjzlzx',\n },\n ]\n },\n {\n label: '虹口',\n value: 'hk',\n children: [\n {\n label: '鲁迅公园',\n value: 'lxgy',\n },\n {\n label: '上海大厦',\n value: 'lsds',\n },\n {\n label: '梅园',\n value: 'my',\n }\n ]\n }\n ]\n },\n {\n label: '北京',\n value: 'bj',\n children: [\n {\n label: '东城',\n value: 'dc',\n children: [\n {\n label: '景山前街',\n value: 'jsqj',\n },\n {\n label: '五四大街',\n value: 'wsdj',\n },\n {\n label: '南池子',\n value: 'ncz',\n },\n {\n label: '雍和宫',\n value: 'rhg',\n }\n ]\n },\n {\n label: '西城',\n value: 'xc',\n children: [\n {\n label: '醇王府',\n value: 'chf',\n },\n {\n label: '齐白石故居',\n value: 'qbsgj',\n },\n {\n label: '梅兰芳故居',\n value: 'mlfgj',\n },\n {\n label: '郭沫若故居',\n value: 'gmrgj',\n }\n ]\n },\n {\n label: '海淀',\n value: 'hd',\n children: [\n {\n label: '颐和园',\n value: 'yhy',\n },\n {\n label: '圆明园遗址',\n value: 'ymyyz',\n },\n {\n label: '香山公园',\n value: 'xsgy',\n },\n {\n label: '玉泉山',\n value: 'yqs',\n },\n {\n label: '大钟寺',\n value: 'dzs',\n }\n ]\n },\n {\n label: '朝阳',\n value: 'cy',\n children: [\n {\n label: '朝阳-1',\n value: '1',\n },\n {\n label: '朝阳-2',\n value: '2',\n },\n {\n label: '朝阳-3',\n value: '3',\n },\n {\n label: '朝阳-4',\n value: '4',\n }\n ]\n },\n {\n label: '丰台',\n value: 'ft',\n children: [\n {\n label: '丰台-1',\n value: '1',\n },\n {\n label: '丰台-2',\n value: '2',\n },\n {\n label: '丰台-3',\n value: '3',\n },\n {\n label: '丰台-4',\n value: '4',\n }\n ]\n },\n {\n label: '门头沟',\n value: 'mtg',\n children: [\n {\n label: '门头沟-1',\n value: '1',\n },\n {\n label: '门头沟-2',\n value: '2',\n },\n {\n label: '门头沟-3',\n value: '3',\n },\n {\n label: '门头沟-4',\n value: '4',\n }\n ]\n },\n {\n label: '昌平',\n value: 'cp',\n children: [\n {\n label: '昌平-1',\n value: '1',\n },\n {\n label: '昌平-2',\n value: '2',\n },\n {\n label: '昌平-3',\n value: '3',\n },\n {\n label: '昌平-4',\n value: '4',\n }\n ]\n },\n {\n label: '大兴',\n value: 'dx',\n children: [\n {\n label: '大兴-1',\n value: '1',\n },\n {\n label: '大兴-2',\n value: '2',\n },\n {\n label: '大兴-3',\n value: '3',\n },\n {\n label: '大兴-4',\n value: '4',\n }\n ]\n },\n {\n label: '顺义',\n value: 'sy',\n children: [\n {\n label: '顺义-1',\n value: '1',\n },\n {\n label: '顺义-2',\n value: '2',\n },\n {\n label: '顺义-3',\n value: '3',\n },\n {\n label: '顺义-4',\n value: '4',\n }\n ]\n }\n ]\n }\n ] \n<\/script>\n\n",Y={name:"app",components:{VuePicker:v.a},data:function(){return{showToolbar:!0,pickerVisible:!1,defaultIndex:[1,2],pickData:N,result:""}},methods:{cancel:function(){console.log("cancel"),this.result="click cancel result: null"},confirm:function(n){var l=JSON.parse(JSON.stringify(n));l[0].children&&delete l[0].children,l[1].children&&delete l[1].children,l[2].children&&delete l[2].children,this.result=JSON.stringify(l),console.log(n)},toCopy:function(){d()(X),this.$emit("tips")}}},Z=Y,nn=Object(y["a"])(Z,U,W,!1,null,null,null),ln=nn.exports,en=function(){var n=this,l=n.$createElement,e=n._self._c||l;return e("div",[e("div",{staticClass:"btnbox"},[e("div",{staticClass:"btn",on:{click:function(l){n.pickerVisible=!0}}},[n._v("打开picker")]),e("div",{staticClass:"btn",on:{click:n.toCopy}},[n._v("复制demo代码")])]),e("div",{staticClass:"result"},[e("p",[n._v("----选择结果----")]),e("p",[n._v(n._s(n.result))])]),e("VuePicker",{attrs:{data:n.pickData,showToolbar:!0,visible:n.pickerVisible},on:{cancel:n.cancel,confirm:n.confirm,"update:visible":function(l){n.pickerVisible=l}}})],1)},an=[],tn="\n\n<template>\n <div>\n <VuePicker :data=\"pickData\"\n :showToolbar=\"true\"\n @cancel=\"cancel\"\n @confirm=\"confirm\"\n :visible.sync=\"pickerVisible\"\n />\n </div>\n</template>\n\n<script>\n import VuePicker from 'vue-pickers'\n const tdata = [\n {\n label: '坦克',\n value: 1\n },\n {\n label: '刺客',\n value: 2\n },\n {\n label: '法师',\n value: 2\n },\n {\n label: '辅助',\n value: 3\n },\n {\n label: '战士',\n value: 4\n },\n {\n label: '射手',\n value: 5\n }\n ]\n const tdata2 = [\n {\n label: '李白',\n value: 1\n },\n {\n label: '曹操',\n value: 2\n },\n {\n label: '公孙离',\n value: 3\n },\n {\n label: '蔡文姬',\n value: 4\n },\n {\n label: '李元芳',\n value: 5\n },\n {\n label: '荆轲',\n value: 6\n },\n {\n label: '廉颇',\n value: 7\n },\n {\n label: '黄忠',\n value: 8\n }\n ]\n const tdata3 = [\n {\n label: '东城',\n value: 'dc',\n },\n {\n label: '西城',\n value: 'xc',\n },\n {\n label: '海淀',\n value: 'hd',\n },\n {\n label: '朝阳',\n value: 'cy',\n },\n {\n label: '丰台',\n value: 'ft'\n },\n {\n label: '门头沟',\n value: 'mtg'\n },\n {\n label: '昌平',\n value: 'cp'\n },\n {\n label: '大兴',\n value: 'dx'\n },\n {\n label: '顺义',\n value: 'sy'\n }\n ]\n const tdata4 = [\n {\n label: '荔枝湾',\n value: 'lzw',\n },\n {\n label: '上下九步行街',\n value: 'sxjbxj',\n },\n {\n label: '沙面岛',\n value: 'smd',\n },\n {\n label: '陈家祠',\n value: 'cjc',\n },\n {\n label: '西关大屋',\n value: 'xgdw',\n },\n {\n label: '华林寺',\n value: 'hls',\n }\n ]\n export default {\n components: { VuePicker },\n data () {\n return {\n pickerVisible: false,\n pickData: [\n tdata,\n tdata2,\n tdata3,\n tdata4\n ],\n result: ''\n }\n },\n methods: {\n cancel () {\n this.result = 'click cancel result: null'\n },\n confirm (res) {\n this.result = JSON.stringify(res)\n }\n }\n }\n<\/script>\n\n",cn=[{label:"坦克",value:1},{label:"刺客",value:2},{label:"法师",value:2},{label:"辅助",value:3},{label:"战士",value:4},{label:"射手",value:5}],un=[{label:"李白",value:1},{label:"曹操",value:2},{label:"公孙离",value:3},{label:"蔡文姬",value:4},{label:"李元芳",value:5},{label:"荆轲",value:6},{label:"廉颇",value:7},{label:"黄忠",value:8}],sn=[{label:"东城",value:"dc"},{label:"西城",value:"xc"},{label:"海淀",value:"hd"},{label:"朝阳",value:"cy"},{label:"丰台",value:"ft"},{label:"门头沟",value:"mtg"},{label:"昌平",value:"cp"},{label:"大兴",value:"dx"},{label:"顺义",value:"sy"}],rn=[{label:"荔枝湾",value:"lzw"},{label:"上下九步行街",value:"sxjbxj"},{label:"沙面岛",value:"smd"},{label:"陈家祠",value:"cjc"},{label:"西关大屋",value:"xgdw"},{label:"华林寺",value:"hls"}],bn={name:"app",components:{VuePicker:v.a},data:function(){return{pickerVisible:!1,pickData:[cn,un,sn,rn],result:""}},methods:{cancel:function(){console.log("cancel"),this.result="click cancel result: null"},confirm:function(n){this.result=JSON.stringify(n),console.log(n)},toCopy:function(){d()(tn),this.$emit("tips")}}},vn=bn,on=Object(y["a"])(vn,en,an,!1,null,null,null),dn=on.exports,pn=function(){var n=this,l=n.$createElement,e=n._self._c||l;return e("div",[e("div",{staticClass:"btnbox"},[e("div",{staticClass:"btn",on:{click:function(l){n.pickerVisible=!0}}},[n._v("打开picker")]),e("div",{staticClass:"btn",on:{click:n.toCopy}},[n._v("复制demo代码")])]),e("div",{staticClass:"result"},[e("p",[n._v("----选择结果----")]),e("p",[n._v(n._s(n.result))])]),e("VuePicker",{attrs:{data:n.pickData,showToolbar:!1,maskClick:!0,visible:n.pickerVisible},on:{cancel:n.cancel,confirm:n.confirm,"update:visible":function(l){n.pickerVisible=l}}})],1)},fn=[],hn='\n\n<template>\n <div>\n <VuePicker :data="pickData"\n @cancel="cancel"\n @confirm="confirm"\n :showToolbar="false"\n :maskClick="true"\n :visible.sync="pickerVisible"\n />\n </div>\n</template>\n\n<script>\n import VuePicker from \'vue-pickers\'\n var tdata = []\n for (let i = 0; i < 20; i++) {\n tdata.push({\n label: \'第\' + i + \'行\',\n value: i\n })\n }\n\n export default {\n components: { VuePicker },\n data () {\n return {\n pickerVisible: false,\n pickData: [ tdata ],\n result: \'\'\n }\n },\n methods: {\n cancel () {\n console.log(\'cancel\')\n },\n confirm (res) {\n console.log(res)\n }\n },\n }\n<\/script>\n\n',mn=[],kn=0;kn<20;kn++)mn.push({label:"第".concat(kn,"行"),value:kn});for(var yn={name:"app",components:{VuePicker:v.a},data:function(){return{pickerVisible:!1,pickData:[mn],result:""}},methods:{cancel:function(){console.log("cancel"),this.result="click cancel result: null"},confirm:function(n){this.result=JSON.stringify(n),console.log(n)},toCopy:function(){d()(hn),this.$emit("tips")}}},gn=yn,xn=Object(y["a"])(gn,pn,fn,!1,null,null,null),Vn=xn.exports,wn=function(){var n=this,l=n.$createElement,e=n._self._c||l;return e("div",[e("div",{staticClass:"btnbox"},[e("div",{staticClass:"btn",on:{click:function(l){n.pickerVisible=!0}}},[n._v("打开picker")]),e("div",{staticClass:"btn",on:{click:n.toCopy}},[n._v("复制demo代码")])]),e("div",{staticClass:"result"},[e("p",[n._v("----选择结果----")]),e("p",[n._v(n._s(n.result))])]),e("VuePicker",{attrs:{data:n.pickData,showToolbar:!0,title:"我是标题哦",cancelText:"取消哦",confirmText:"确认哦",visible:n.pickerVisible},on:{cancel:n.cancel,confirm:n.confirm,"update:visible":function(l){n.pickerVisible=l}}})],1)},jn=[],_n='\n\n<template>\n <div>\n <VuePicker :data="pickData"\n :showToolbar="true"\n title="我是标题哦"\n cancelText="取消哦"\n confirmText="确认哦"\n @cancel="cancel"\n @confirm="confirm"\n :visible.sync="pickerVisible"\n />\n </div>\n</template>\n\n<script>\n import VuePicker from \'vue-pickers\'\n var tdata = []\n for (let i = 0; i < 20; i++) {\n tdata.push({\n label: \'第\' + i + \'行\',\n value: i\n })\n }\n\n export default {\n name: \'app\',\n components: { VuePicker },\n data () {\n return {\n pickerVisible: false,\n pickData: [\n tdata\n ],\n result: \'\'\n }\n },\n methods: {\n cancel () {\n console.log(\'cancel\')\n },\n confirm (res) {\n console.log(res)\n }\n },\n }\n<\/script>\n\n',Cn=[],zn=0;zn<20;zn++)Cn.push({label:"第".concat(zn,"行"),value:zn});var Pn={name:"app",components:{VuePicker:v.a},data:function(){return{pickerVisible:!1,pickData:[Cn],result:""}},methods:{cancel:function(){console.log("cancel"),this.result="click cancel result: null"},confirm:function(n){this.result=JSON.stringify(n),console.log(n)},toCopy:function(){d()(_n),this.$emit("tips")}}},On=Pn,Tn=Object(y["a"])(On,wn,jn,!1,null,null,null),Dn=Tn.exports,Sn=function(){var n=this,l=n.$createElement,e=n._self._c||l;return e("div",[e("div",{staticClass:"btnbox"},[e("div",{staticClass:"btn",on:{click:function(l){n.pickerVisible=!0}}},[n._v("打开picker")]),e("div",{staticClass:"btn",on:{click:n.toCopy}},[n._v("复制demo代码")])]),e("div",{staticClass:"result"},[e("p",[n._v("----选择结果----")]),e("p",[n._v(n._s(n.result))])]),e("VuePicker",{attrs:{data:n.pickData,layer:3,showToolbar:!0,visible:n.pickerVisible},on:{cancel:n.cancel,confirm:n.confirm,"update:visible":function(l){n.pickerVisible=l}}})],1)},Nn=[],Jn=(e("4160"),e("dca8"),e("7039"),e("159b"),e("bf2d")),$n='\n\n<template>\n <div>\n <div class="btnbox">\n <div class="btn" @click="pickerVisible = true">打开picker</div>\n <div class="btn" @click="toCopy">复制demo代码</div>\n </div>\n <div class="result">\n <p>----选择结果----</p>\n <p>{{result}}</p>\n </div>\n <VuePicker :data="pickData"\n :layer="3"\n :showToolbar="true"\n @cancel="cancel"\n @confirm="confirm"\n :visible.sync="pickerVisible"\n />\n </div>\n</template>\n\n<script>\n import VuePicker from \'vue-pickers\'\n import copy from \'copy-to-clipboard\'\n import copyText from \'./copy/address.js\'\n import cityData from \'vue-pickers/city-data.js\'\n const deepFreeze = function(obj) {\n var propNames = Object.getOwnPropertyNames(obj);\n propNames.forEach(function(name) {\n var prop = obj[name];\n if (typeof prop == \'object\' && prop !== null) {\n deepFreeze(prop);\n }\n })\n return Object.freeze(obj)\n }\n // 冻结以提升性能\n const freezeCityData = deepFreeze(cityData)\n export default {\n name: \'app\',\n components: {\n VuePicker\n },\n data () {\n return {\n showToolbar: true,\n pickerVisible: false,\n pickData: freezeCityData,\n result: \'\'\n }\n },\n methods: {\n cancel () {\n console.log(\'cancel\')\n this.result = \'click cancel result: null\'\n },\n confirm (res) {\n let obj = JSON.parse(JSON.stringify(res))\n if (obj[0].children) {\n delete obj[0].children\n }\n if (obj[1].children) {\n delete obj[1].children\n }\n if (obj[2].children) {\n delete obj[2].children\n }\n this.result = JSON.stringify(obj)\n console.log(res)\n },\n toCopy () {\n copy(copyText)\n this.$emit(\'tips\')\n }\n }\n }\n<\/script>\n\n\n',In=e("a720"),En=e.n(In),qn=function n(l){var e=Object.getOwnPropertyNames(l);return e.forEach((function(e){var a=l[e];"object"==Object(Jn["a"])(a)&&null!==a&&n(a)})),Object.freeze(l)},Hn=qn(En.a),Fn={name:"app",components:{VuePicker:v.a},data:function(){return{showToolbar:!0,pickerVisible:!1,pickData:Hn,result:""}},methods:{cancel:function(){console.log("cancel"),this.result="click cancel result: null"},confirm:function(n){var l=JSON.parse(JSON.stringify(n));l[0].children&&delete l[0].children,l[1].children&&delete l[1].children,l[2].children&&delete l[2].children,this.result=JSON.stringify(l),console.log(n)},toCopy:function(){d()($n),this.$emit("tips")}}},An=Fn,Ln=Object(y["a"])(An,Sn,Nn,!1,null,null,null),Mn=Ln.exports,Bn={components:{Single:x,Two:T,TwoLink:q,Three:R,ThreeLink:ln,Forth:dn,NoHeader:Vn,HeaderConfig:Dn,Address:Mn},data:function(){return{showTips:!1,currentView:"Single",activeIndex:0,typeArr:[{text:"单列",value:"Single"},{text:"双列",value:"Two"},{text:"双列联动",value:"TwoLink"},{text:"三列",value:"Three"},{text:"三列联动",value:"ThreeLink"},{text:"四列",value:"Forth"},{text:"无头部",value:"NoHeader"},{text:"头部配置",value:"HeaderConfig"},{text:"中国地址选择",value:"Address"}]}},methods:{clickItem:function(n,l){this.currentView=n.value,this.activeIndex=l},toTips:function(){var n=this;this.showTips||(this.showTips=!0,setTimeout((function(){n.showTips=!1}),2e3))}}},Gn=Bn,Kn=(e("20c0"),e("b481"),Object(y["a"])(Gn,c,u,!1,null,"70603ee2",null)),Qn=Kn.exports,Rn={components:{Home:Qn}},Un=Rn,Wn=Object(y["a"])(Un,t,i,!1,null,null,null),Xn=Wn.exports;e("db43");a["a"].config.productionTip=!1,new a["a"]({render:function(n){return n(Xn)}}).$mount("#app")},5758:function(n,l,e){},b481:function(n,l,e){"use strict";var a=e("1d8e"),t=e.n(a);t.a},db43:function(n,l,e){}});
|
