From d76ea18d3ca06aa0412c63b9be3a3a73d2dedd67 Mon Sep 17 00:00:00 2001 From: dolymood Date: Thu, 18 Jan 2018 19:44:28 +0800 Subject: [PATCH] docs build --- .../css/app.1405d96199e0c7032eecfbe4225930aa.css | 1 + .../css/app.5c34df9a19984a58132dee61f065687b.css | 1 - docs/example/index.html | 2 +- docs/example/js/app.09c41d0750b30b8ab6f9.js | 1 - docs/example/js/app.759d044562ca02d64130.js | 1 + ...dcbb4c784.js => manifest.629dd473cfe13a09fd26.js} | 2 +- ...577d894fc0a.js => vendor.6cb48171a5a49a350d88.js} | 12 ++++++------ docs/index.html | 2 +- docs/js/0.7dcb937b8d3910099ba8.js | 1 + docs/js/0.e31b3abbfd864ec0a962.js | 1 - docs/js/1.4736df0736c258cbbe9b.js | 1 - docs/js/1.6a613ee77aeb019b622f.js | 1 + docs/js/10.a81d66eeed30bae624eb.js | 1 + docs/js/11.b16d854b414f00ce7a07.js | 1 + ...ccc4c2d3c38d1cb.js => 12.b36e0a386fd2c408e860.js} | 2 +- ...be1a35dc4dd2ce9.js => 13.106e7c89afd86cd824bb.js} | 2 +- ...ecc0917ed2ef989.js => 14.69a0ac6f329c11b98ec1.js} | 2 +- docs/js/15.71fa11d307941462c4e7.js | 1 - ...863badf247a7984.js => 15.b9244167c95ec9f75c04.js} | 2 +- ...29bde84a3509c90.js => 16.50c0d5db4fc09f695190.js} | 2 +- docs/js/17.680c13d3e7005990b453.js | 1 + ...ec096531c7800dc.js => 18.0ddbfd3c827c3e21ccec.js} | 2 +- docs/js/19.291ed24ddb0a553b3097.js | 1 - ...66f18309b4b99f3.js => 19.4b88eaaa21aac7857b48.js} | 2 +- docs/js/2.1ee8c2667f1b51933544.js | 1 + docs/js/20.2ded887709982b3d3972.js | 1 - ...4148b2b560f9fae.js => 20.dfc1225374f6b774006d.js} | 2 +- docs/js/21.922afdcbd6154aee9db6.js | 1 + docs/js/22.0bbbe2c8143bf9b5dae5.js | 1 + ...7783c478b9aad91.js => 23.f7b09d8750c960286e45.js} | 2 +- ...58687513035ac64.js => 24.ad50d1faa88e3b2710f0.js} | 2 +- ...239f0bc1b905557.js => 25.c76c02629aa98e8f3b01.js} | 2 +- ...d392ce22a012fbe.js => 26.eaf1ce4ff8e176a066cb.js} | 2 +- docs/js/27.ffb576fae89e4bf5ae3c.js | 1 + ...e0d396b0ba332e9.js => 28.2e7f366d887c8b46d5ec.js} | 2 +- ...fcb51c054dec917.js => 29.e638fd2e5c83b547f07b.js} | 2 +- ...a67e18a643273577.js => 3.16234fd0414bbeb500c0.js} | 2 +- ...ab12c23984a7cab.js => 30.48f2ca15cb18ec41ab26.js} | 2 +- ...792511034d7991a.js => 31.84be94cd02b81382bf7f.js} | 2 +- ...9c8dd275239f464.js => 32.54fd7ffbca3ef2bf8536.js} | 2 +- ...a4adb460cdc1717.js => 33.b62971f142cc6472733a.js} | 2 +- ...767a6fbfe45cf52.js => 34.9ae7a3b67fb0728dc6f1.js} | 2 +- ...c2adf80efe4d0f5.js => 35.e4dbb366ff450d33a22c.js} | 2 +- docs/js/36.b24fd58ba860b4b42890.js | 1 + ...92455e122723d3e.js => 37.1bdd520767a9f0447265.js} | 2 +- ...27d7522a2d76dd9.js => 38.5c7a83059e4b3c4ba8c8.js} | 2 +- docs/js/38.914768d63e8e5c4d0a3d.js | 1 - ...5fbae90d52be329.js => 39.7a2a171043758785d433.js} | 2 +- ...e16fc319ee1cd3f7.js => 4.4f3515e7ed336e20e681.js} | 2 +- ...5e4d9e1e2684140.js => 40.7799483f6f3e3d94dae0.js} | 2 +- ...382ee6cb7d3a701.js => 41.ac9a433d906e26a369d8.js} | 2 +- docs/js/42.20a07632018033007c94.js | 1 - docs/js/42.bdf71d50781ba1b9d51c.js | 1 + ...34830601944eafd.js => 43.6e41f6f31bf943c258ad.js} | 2 +- docs/js/43.983544d9ce5b647a7309.js | 1 - ...34fabba125e7186.js => 44.186d53e52af78fc617ef.js} | 2 +- ...d25ef893cdf64bf.js => 45.d3fd2c2bfdb51291fc66.js} | 2 +- docs/js/46.a2fae653ad8bc6789634.js | 1 + docs/js/47.447c93727e31ba3c44e7.js | 1 + ...6643f5d63fd11f0.js => 48.66c9b950a45d7ebd9da7.js} | 2 +- ...f7ff09b0d1ea269.js => 49.15ea4af08f827fd58706.js} | 2 +- ...793feb93ec0f71d4.js => 5.9d99eb1e51b613f97083.js} | 2 +- ...67dcfae4c176945.js => 50.ddce979e6dbeaeb4c546.js} | 2 +- ...04663a6b4c64d29.js => 51.f205337086bcf45c9a3e.js} | 2 +- ...8f9ba93bf7e1dddd.js => 6.c33d060b30dc3e73d8c1.js} | 2 +- ...9f1f5c33f6eca30f.js => 7.9a3dfec24e8baa29bcbc.js} | 2 +- ...054b8a37fc63c216.js => 8.72e9bc739e8e8bebb558.js} | 2 +- docs/js/9.3298ff77a586a5d369bc.js | 1 - ...484e3fb04fc99e80.js => 9.bd814f838334fe31f463.js} | 2 +- docs/js/app.146cad9864e6a1730e02.js | 1 + docs/js/app.2a579527a8daa5dc7209.js | 1 - docs/js/manifest.033831aa5457ececd852.js | 1 - docs/js/manifest.9e42ca47484755c0a1f3.js | 1 + ...73cfcea44f3.js => vendor.fd370ed66092840fedb3.js} | 2 +- 74 files changed, 66 insertions(+), 62 deletions(-) create mode 100644 docs/example/css/app.1405d96199e0c7032eecfbe4225930aa.css delete mode 100644 docs/example/css/app.5c34df9a19984a58132dee61f065687b.css delete mode 100644 docs/example/js/app.09c41d0750b30b8ab6f9.js create mode 100644 docs/example/js/app.759d044562ca02d64130.js rename docs/example/js/{manifest.df80754c35edcbb4c784.js => manifest.629dd473cfe13a09fd26.js} (58%) rename docs/example/js/{vendor.2b90565c5577d894fc0a.js => vendor.6cb48171a5a49a350d88.js} (55%) create mode 100644 docs/js/0.7dcb937b8d3910099ba8.js delete mode 100644 docs/js/0.e31b3abbfd864ec0a962.js delete mode 100644 docs/js/1.4736df0736c258cbbe9b.js create mode 100644 docs/js/1.6a613ee77aeb019b622f.js create mode 100644 docs/js/10.a81d66eeed30bae624eb.js create mode 100644 docs/js/11.b16d854b414f00ce7a07.js rename docs/js/{10.07c09ccc4c2d3c38d1cb.js => 12.b36e0a386fd2c408e860.js} (98%) rename docs/js/{11.c43c0be1a35dc4dd2ce9.js => 13.106e7c89afd86cd824bb.js} (97%) rename docs/js/{12.17b77ecc0917ed2ef989.js => 14.69a0ac6f329c11b98ec1.js} (98%) delete mode 100644 docs/js/15.71fa11d307941462c4e7.js rename docs/js/{13.bd4ee863badf247a7984.js => 15.b9244167c95ec9f75c04.js} (99%) rename docs/js/{14.8a7d929bde84a3509c90.js => 16.50c0d5db4fc09f695190.js} (94%) create mode 100644 docs/js/17.680c13d3e7005990b453.js rename docs/js/{16.497b9ec096531c7800dc.js => 18.0ddbfd3c827c3e21ccec.js} (98%) delete mode 100644 docs/js/19.291ed24ddb0a553b3097.js rename docs/js/{17.1e9fb66f18309b4b99f3.js => 19.4b88eaaa21aac7857b48.js} (99%) create mode 100644 docs/js/2.1ee8c2667f1b51933544.js delete mode 100644 docs/js/20.2ded887709982b3d3972.js rename docs/js/{18.3524f4148b2b560f9fae.js => 20.dfc1225374f6b774006d.js} (98%) create mode 100644 docs/js/21.922afdcbd6154aee9db6.js create mode 100644 docs/js/22.0bbbe2c8143bf9b5dae5.js rename docs/js/{21.d0ddb7783c478b9aad91.js => 23.f7b09d8750c960286e45.js} (99%) rename docs/js/{22.a657158687513035ac64.js => 24.ad50d1faa88e3b2710f0.js} (97%) rename docs/js/{23.3d649239f0bc1b905557.js => 25.c76c02629aa98e8f3b01.js} (90%) rename docs/js/{24.5f47bd392ce22a012fbe.js => 26.eaf1ce4ff8e176a066cb.js} (98%) create mode 100644 docs/js/27.ffb576fae89e4bf5ae3c.js rename docs/js/{25.8c8a6e0d396b0ba332e9.js => 28.2e7f366d887c8b46d5ec.js} (97%) rename docs/js/{26.3e3d9fcb51c054dec917.js => 29.e638fd2e5c83b547f07b.js} (98%) rename docs/js/{2.5e40a67e18a643273577.js => 3.16234fd0414bbeb500c0.js} (97%) rename docs/js/{27.c69b6ab12c23984a7cab.js => 30.48f2ca15cb18ec41ab26.js} (98%) rename docs/js/{28.d9ad8792511034d7991a.js => 31.84be94cd02b81382bf7f.js} (99%) rename docs/js/{29.bb9739c8dd275239f464.js => 32.54fd7ffbca3ef2bf8536.js} (99%) rename docs/js/{30.84b81a4adb460cdc1717.js => 33.b62971f142cc6472733a.js} (99%) rename docs/js/{31.8a7c0767a6fbfe45cf52.js => 34.9ae7a3b67fb0728dc6f1.js} (94%) rename docs/js/{32.57eafc2adf80efe4d0f5.js => 35.e4dbb366ff450d33a22c.js} (99%) create mode 100644 docs/js/36.b24fd58ba860b4b42890.js rename docs/js/{33.2cca792455e122723d3e.js => 37.1bdd520767a9f0447265.js} (99%) rename docs/js/{34.078b427d7522a2d76dd9.js => 38.5c7a83059e4b3c4ba8c8.js} (97%) delete mode 100644 docs/js/38.914768d63e8e5c4d0a3d.js rename docs/js/{35.088b95fbae90d52be329.js => 39.7a2a171043758785d433.js} (98%) rename docs/js/{3.5232e16fc319ee1cd3f7.js => 4.4f3515e7ed336e20e681.js} (98%) rename docs/js/{36.f7b3b5e4d9e1e2684140.js => 40.7799483f6f3e3d94dae0.js} (99%) rename docs/js/{37.92c1a382ee6cb7d3a701.js => 41.ac9a433d906e26a369d8.js} (94%) delete mode 100644 docs/js/42.20a07632018033007c94.js create mode 100644 docs/js/42.bdf71d50781ba1b9d51c.js rename docs/js/{39.332e534830601944eafd.js => 43.6e41f6f31bf943c258ad.js} (98%) delete mode 100644 docs/js/43.983544d9ce5b647a7309.js rename docs/js/{40.e180f34fabba125e7186.js => 44.186d53e52af78fc617ef.js} (98%) rename docs/js/{41.ceb6fd25ef893cdf64bf.js => 45.d3fd2c2bfdb51291fc66.js} (98%) create mode 100644 docs/js/46.a2fae653ad8bc6789634.js create mode 100644 docs/js/47.447c93727e31ba3c44e7.js rename docs/js/{44.234386643f5d63fd11f0.js => 48.66c9b950a45d7ebd9da7.js} (99%) rename docs/js/{45.a5d24f7ff09b0d1ea269.js => 49.15ea4af08f827fd58706.js} (97%) rename docs/js/{4.312f793feb93ec0f71d4.js => 5.9d99eb1e51b613f97083.js} (98%) rename docs/js/{46.ab24567dcfae4c176945.js => 50.ddce979e6dbeaeb4c546.js} (89%) rename docs/js/{47.431eb04663a6b4c64d29.js => 51.f205337086bcf45c9a3e.js} (98%) rename docs/js/{5.70088f9ba93bf7e1dddd.js => 6.c33d060b30dc3e73d8c1.js} (99%) rename docs/js/{6.9f569f1f5c33f6eca30f.js => 7.9a3dfec24e8baa29bcbc.js} (99%) rename docs/js/{7.a9d6054b8a37fc63c216.js => 8.72e9bc739e8e8bebb558.js} (99%) delete mode 100644 docs/js/9.3298ff77a586a5d369bc.js rename docs/js/{8.e288484e3fb04fc99e80.js => 9.bd814f838334fe31f463.js} (93%) create mode 100644 docs/js/app.146cad9864e6a1730e02.js delete mode 100644 docs/js/app.2a579527a8daa5dc7209.js delete mode 100644 docs/js/manifest.033831aa5457ececd852.js create mode 100644 docs/js/manifest.9e42ca47484755c0a1f3.js rename docs/js/{vendor.f4843f37773cfcea44f3.js => vendor.fd370ed66092840fedb3.js} (99%) diff --git a/docs/example/css/app.1405d96199e0c7032eecfbe4225930aa.css b/docs/example/css/app.1405d96199e0c7032eecfbe4225930aa.css new file mode 100644 index 00000000..321f13cf --- /dev/null +++ b/docs/example/css/app.1405d96199e0c7032eecfbe4225930aa.css @@ -0,0 +1 @@ +a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;-webkit-backface-visibility:hidden;text-decoration:none}li{list-style:none}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{line-height:1;font-family:PingFang SC,STHeitiSC-Light,Helvetica-Light,arial,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.clear-fix:after{content:"";display:table;clear:both}.border-bottom-1px,.border-left-1px,.border-right-1px,.border-top-1px{position:relative}.border-bottom-1px:after,.border-bottom-1px:before,.border-left-1px:after,.border-left-1px:before,.border-right-1px:after,.border-right-1px:before,.border-top-1px:after,.border-top-1px:before{content:"";display:block;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}.border-top-1px:before{border-top:1px solid #ebebeb;left:0;top:0;width:100%;-webkit-transform-origin:0 top;transform-origin:0 top}.border-right-1px:after{border-right:1px solid #f5f5f5;top:0;right:0;height:100%;-webkit-transform-origin:right 0;transform-origin:right 0}.border-bottom-1px:after{border-bottom:1px solid #ebebeb;left:0;bottom:0;width:100%;-webkit-transform-origin:0 bottom;transform-origin:0 bottom}.border-left-1px:before{border-left:1px solid #f5f5f5;top:0;left:0;height:100%;-webkit-transform-origin:left 0;transform-origin:left 0}.cube-safe-area-pb{padding-bottom:constant(safe-area-inset-bottom)!important;padding-bottom:env(safe-area-inset-bottom)!important}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.border-top-1px:before{width:200%}.border-right-1px:after,.border-top-1px:before{-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}.border-right-1px:after{height:200%}.border-bottom-1px:after{width:200%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}.border-left-1px:before{height:200%}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.border-top-1px:before{width:300%}.border-right-1px:after,.border-top-1px:before{-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}.border-right-1px:after{height:300%}.border-bottom-1px:after{width:300%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}.border-left-1px:before{height:300%}}@font-face{font-family:cube-icon;src:url(data:application/font-woff;base64,d09GRgABAAAAAAikAAsAAAAADbAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kh8Y21hcAAAAYAAAADAAAACbmMXOqBnbHlmAAACQAAAA/wAAAX4pdZ6/2hlYWQAAAY8AAAALgAAADYPLJwsaGhlYQAABmwAAAAcAAAAJAfeA5BobXR4AAAGiAAAABQAAAA8O+kAAGxvY2EAAAacAAAAIAAAACALQgymbWF4cAAABrwAAAAfAAAAIAEeAF1uYW1lAAAG3AAAAU4AAAJ5Hs+NonBvc3QAAAgsAAAAdQAAAJyx5qFgeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sc4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzrYW7438AQw9zA0AAUZgTJAQAvsgz+eJzFkkEOgkAMRf8IIgoYFwQl8QhegksR9rjDw7gynuhfA38pCTG61jZvkvmT9DftAFgDiMRFxEB4IMDiLjVMeoTdpMe46l7hICVBx5QZC5as2bBlz9s46n3Rq1kfJv0zgmoteZ7T9JUcYnWWYIMUW/lnyFFgr8fka62fRPif9Xvk0/mcb5oKuhm1yNTRFMHMsQ2zcGzLLB3bPitH0waPjuYOnhxYvdrRLsDGsV/B1oH59I51x8GBed4c7F/jOD05eJxlVE2IHEUUrle9XVUz09s9M/033bM9vz3du87saHp6ejYJmawiSmRXAqIggpCDYUX0aHIwsAcDooLiRRFhMURjIIu3HCQHwYuHePCgF0FIlJgc9OQhsGzH17O7sL0ONV9Vvar53qvvvXlEJuTRHemWVCM6WSTHyNPkLCHA+tBRqQftMB7SPpht2bQNVQq7YZt3O0PpFNgdZlhREgc240wDFRowakdJOKQhjOMpPQmR5QE4dfeFam+hKn0MxVrYuJw+R6+A2ewuaNPl9MzgtBG1dHFBqVadavVDwWRZUDqnqfCmbRXkQpGlV2XNNW81l2gTFCd0116eb9Wr596L3/J6dgFgcxP0eku9drriVnC841p61eHleVFz57u+ARf+LNV0xQv+IPgBfOs9+kByiYGbJGqCZfACggasE0IQT+inwhA+5+n38JQQvtBF+r4QUjVbGyK9md7MzoWATZxnfP/SO5JCKjM+O+NDKiQqIBuMtECDVzQt/UoLGhqspD9qdFdVsy3a1EavDCuwUu7tx0aINKA3SIkQvQD4OAwtLMAOyCCH6UMQYbqT7oQg0of0Rn4fZnfw59n7pM/xfSWiEQdJVeANsKcwGQKXupKOzwziJLIMSrbvy/L97Rm+qyXz6+XFsuYNPMk9sCJ+m/4FTrqqKOVlz1vO8RtkJc8vDWHGzHQsCK6CB91xnEyS05CM46AbcGZ2s71tmQbLuf/O9Ly+520oj9mC8TGX1bFtPL4Y1ezk+TNPBoGai2n3Dchu9z2oK6FRLoKiaWVWag5tuxkMoVOPnnkJoNc5ZS5mktJDMVePRMzDiQ12LpZf/S/8t4H7eZe/B5lV+Ef47P/xISNyTmyeIy34m5f8S3sjT/zPgRkHOaLv8pH8ZdpiaSV6N8OTMN6fI8uujLLDvKhly2pZ1tnziqoqjpPhSJmHbJFPcXarZaWxaqv38KuWHhGcslgwoM/oA+wLNmkR0psAqss42MzEmNoYVAxZTR3kXfpISr9kbuCydIsKqJv0J2sB0k+0WFuyPCwt73WZvlgxzcru17JSslwAzyzAb7MaG82Sulzf19dFDQTx0CsqMIRwPBqbWE5BiGt0jP7RrgI9Dyf6/RNw+3Z/0D8G0tbFi1sSPLE0HKwPjlN6fOCsOw5di8KNKR7g8XQjjNaO5lA+RCodUjyn5/b1u3Nzd6/P8LB+kn9gRdyrD4Qp/QH/gTXM4ChKxnoShF0VTH3mYq9twt9tXmxAUbw6m+y63xv3eiAJDlu8CFDk6TkuVsFPev7EP+gPz9LXZr0rDDo8A2xcBnaxaAJJLK02WJWl31xFbDD2M68wuMwoWll65RrnDTT8wjl8wLFb/Qe4TzceeJxjYGRgYADiO1X3jOL5bb4ycLMwgMA1tjVSCPr/QxYGZhCfg4EJJAoAH3UJZgAAeJxjYGRgYG7438AQw8IAAkCSkQEV8AMARxUCeHicY2FgYGB+ycDAwkA6BgA5kwElAAAAAAB2AJ4AxADmARYBcAGYAcYCDAJIAnoCqALUAvx4nGNgZGBg4GcIZGBlAAEmIOYCQgaG/2A+AwASOwF8AHicbZG7TgJBFIb/5WZYogVGS51GCw3LpTGhlAQKOwt6WGYXyN4yO0vCI/g8PoNPYG/nM9j6sxwpkJ3Myff/57InGQBtfMHB/rvi3bODJtWeKzjDjXCV/p1wjewJ19HCk3CD/rOwi0e8CLdwiQ0nOLUm1QPehB3u8C5cwQU+hKv0P4Vr5G/hOq7xI9xA2zkXdjF1boVbuHcKd2T0zOqFmm/Vyk+TIE2s6xdz3dmpVx0W0cwc9AGm2uSrNFF9r3fwJjrR5m9WvgkH1gYqMGmsxhyqoyhVmUnX2rfe0tps2O0G4nt+GnO1EQw0ZrCMCyjMsWVcwUeKBEEZLet8FMxpdA65V6qQbsRucyL/35lSGeTUO6XQ5zP1TtRNqJKy9nivnA8VYkDXcjfFa9gRk8ayqeY+EVkhK3NrOj59D8uyK8MQXZ7gqN4r/x3/AlLlb9YAAHicbcFRFoIgEAXQeQSmZtlGWhQKEUebqREPLb+PfruXDP309N8IgwMsHBoc0aJDjxMGnHHBiCvhYyc/L86rSnXzKlu01Su37z1uJQs7zelRXFXhZDPfpQmeU1Tn16hlUNk53CbRELXLz5do8VyMLERf/XogggAAAA==) format("woff"),url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJW7kh8AAABfAAAAFZjbWFwYxc6oAAAAhAAAAJuZ2x5ZqXWev8AAASgAAAF+GhlYWQPLJwsAAAA4AAAADZoaGVhB94DkAAAALwAAAAkaG10eDvpAAAAAAHUAAAAPGxvY2ELQgymAAAEgAAAACBtYXhwAR4AXQAAARgAAAAgbmFtZR7PjaIAAAqYAAACeXBvc3Sx5qFgAAANFAAAAJwAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAA8AAQAAAAEAANx63jJfDzz1AAsEAAAAAADWBqwaAAAAANYGrBoAAP/hBAADGgAAAAgAAgAAAAAAAAABAAAADwBRAAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQP+AZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAHjmjAOA/4AAXAOAAIAAAAABAAAAAAAABAAAAAPpAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAAAAABQAAAAMAAAAsAAAABAAAAbYAAQAAAAAAsAADAAEAAAAsAAMACgAAAbYABACEAAAAFgAQAAMABgB45gjmC+YN5hTmGeZB5nbmg+aM//8AAAB45gjmC+YN5hTmFuZB5nbmg+aL//8AAAAAAAAAAAAAAAAAAAAAAAAAAAABABYAFgAWABYAFgAWABwAHAAcABwAAAABAAIAAwAEAAUABgAHAAgACQAKAAsADAANAA4AAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAALgAAAAAAAAADgAAAHgAAAB4AAAAAQAA5ggAAOYIAAAAAgAA5gsAAOYLAAAAAwAA5g0AAOYNAAAABAAA5hQAAOYUAAAABQAA5hYAAOYWAAAABgAA5hcAAOYXAAAABwAA5hgAAOYYAAAACAAA5hkAAOYZAAAACQAA5kEAAOZBAAAACgAA5nYAAOZ2AAAACwAA5oMAAOaDAAAADAAA5osAAOaLAAAADQAA5owAAOaMAAAADgAAAAAAAAB2AJ4AxADmARYBcAGYAcYCDAJIAnoCqALUAvwABQAA/+EDvAMYABMAKAAxAEQAUAAAAQYrASIOAh0BISc0LgIrARUhBRUXFA4DJyMnIQcjIi4DPQEXIgYUFjI2NCYXBgcGDwEOAR4BMyEyNicuAicBNTQ+AjsBMhYdAQEZGxpTEiUcEgOQAQoYJx6F/koCogEVHyMcDz4t/kksPxQyIBMIdwwSEhkSEowIBgUFCAICBA8OAW0XFgkFCQoG/qQFDxoVvB8pAh8BDBknGkxZDSAbEmGING4dJRcJAQGAgAETGyAOpz8RGhERGhF8GhYTEhkHEA0IGBoNIyQUAXfkCxgTDB0m4wAAAAABAAD/5gLpAxoAFAAAATYyHwEWFAcJARYUDwEGIicBJjQ3ApcIFAgkBwf+wAFCCAgkCBMI/ooICAMSCAgkCBQI/rb+tggUCCQICAGACBQIAAEAAP/0AuEDDAARAAABNjIXARYUBwEGIiY0NwkBJjQBMw8mDwFbDw/+pQ8mHg8BOP7IDwL9Dg7+pQ8mD/6lDh4lEAE4ATgQJQAAAAABAAAAAAMsAqwACwAAEwkBFwkBBwkBJwkB+wEFAQUn/vgBCCf++/77JwEI/vgCrP74AQgn/vv++ycBCP74JwEFAQUAAAMAAP/mA5oDGgALAA8AGQAAAQ4BBx4BFz4BNy4BBwMjAxMGIicmNDYyFhQCAK3oBQXora3oBQXohA82DU0QKBAPHSwdAxoF6K2t6AUF6K2t6K/+5wEZ/kAMDBAtHR0tAAMAAP/mA5oDGgALABQAOAAAAQ4BBx4BFz4BNy4BAy4BNDYyFhQGEwYHBgcOAR0BIzU0Njc2PwE2NTQmIyYHBhUjNDY3NhcWFRQGAgCt6AUF6K2t6AUF6LoVHR0rHR1oDCoXCAYHNQcFDjUXFC8oMhgXNk5JQSYmDgMaBeitregFBeitrej9awEdKx0dKx0BGwwnFBAKAQwPDxAGCx8uFxcfJi4BIhsyRlYBASUiPRUoAAAAAAIAAP/mA5oDGgALABIAAAEOAQceARc+ATcuAQMHJzcXARcCAK3oBQXora3oBQXo1iScJHYBByQDGgXora3oBQXora3o/d4mnCR2AQgkAAAAAgAA/+YDmgMaAAsAFwAAAQ4BBx4BFz4BNy4BAwcnByc3JzcXNxcHAgCt6AUF6K2t6AUF6AkkgH0kfX0kfX0kfQMaBeitregFBeitrej97iR9fSR9fSR9fSR9AAADAAD/5gOaAxoACwAUAC0AAAEOAQceARc+ATcuAQcyFhQGIiY0NhMjIiY0NjsBNSMiJjQ2OwEyFhcRMzIWFAYCAK3oBQXora3oBQXouhAWFiAWFlBmDA4ODBkZDA4ODDMMDQEZDA4OAxoF6K2t6AUF6K2t6K8WIBYWIBb+NA4XDuYOFw4OC/8ADhcOAAMAAAAAA5gC6QATABcAIAAAJTcBLgEiBgcBFwYVHgEXIT4BNzQBAyMDEy4BNDYyFhQGA48D/qEGGiYaBv6fAggBGxUCzRYcAf6SDzQPKRYdHSwdHWkFAlURFRUR/aYFDAsWGgEBHRUJAdv+5wEZ/jMBHSsdHS0bAAIAAP/mAxoDGgAIAB0AACUOAQcuASc1MzUVIzU0JicuASc+ATceARcOAQcOAQJmATorKzoBzMwrLCsxAQOfeHifAwEwKS4sTSw5AgI5LBlNGRkCTDInaD54nwMDn3g+aCcyTAACAAD/5gOaAxoACwAXAAAFLgEnPgE3HgEXDgEDDgEHHgEXPgE3LgECAK3oBQXora3oBQXoraniBATiqaniBATiGgXora3oBQXora3oAyQE4qmp4gQE4qmp4gAAAAIAAAAAAj4CwwAPABgAAAEzMjY1EzYmJyMOARUTHgEXDgEUFjI2NCYB7SEHCh4BCgheBwoeAQoXGyQlNSUlAQMIBwGfBwoBAQoH/mEHCEABJDYlJDckAAABAAAAAANHAmUAFAAAAScmIgcBJyYiDwEGFB8BFjI3ATY0A0AeBhIG/qikBhIGHgYG0QcRBgGFBgJAHgYG/qKnBwceBxEG1QcHAYsHEQAAAAAAEgDeAAEAAAAAAAAAFQAAAAEAAAAAAAEACQAVAAEAAAAAAAIABwAeAAEAAAAAAAMACQAlAAEAAAAAAAQACQAuAAEAAAAAAAUACwA3AAEAAAAAAAYACQBCAAEAAAAAAAoAKwBLAAEAAAAAAAsAEwB2AAMAAQQJAAAAKgCJAAMAAQQJAAEAEgCzAAMAAQQJAAIADgDFAAMAAQQJAAMAEgDTAAMAAQQJAAQAEgDlAAMAAQQJAAUAFgD3AAMAAQQJAAYAEgENAAMAAQQJAAoAVgEfAAMAAQQJAAsAJgF1CkNyZWF0ZWQgYnkgaWNvbmZvbnQKY3ViZS1pY29uUmVndWxhcmN1YmUtaWNvbmN1YmUtaWNvblZlcnNpb24gMS4wY3ViZS1pY29uR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AAoAYwB1AGIAZQAtAGkAYwBvAG4AUgBlAGcAdQBsAGEAcgBjAHUAYgBlAC0AaQBjAG8AbgBjAHUAYgBlAC0AaQBjAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAYwB1AGIAZQAtAGkAYwBvAG4ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAABeARiYWNrBWFycm93BWNsb3NlBHdhcm4IcXVlc3Rpb24FcmlnaHQFd3JvbmcEaW5mbwZkYW5nZXIFYWxlcnQMcm91bmQtYm9yZGVyCWltcG9ydGFudAJvawAA) format("truetype")}[class*=" cubeic-"],[class^=cubeic-]{font-family:cube-icon!important;font-size:100%;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.cubeic-important:before{content:"\E68B"}.cubeic-alert:before{content:"\E676"}.cubeic-ok:before{content:"\E68C"}.cubeic-back:before{content:"\E608"}.cubeic-arrow:before{content:"\E60B"}.cubeic-close:before{content:"\E60D"}.cubeic-warn:before{content:"\E614"}.cubeic-question:before{content:"\E616"}.cubeic-right:before{content:"\E617"}.cubeic-wrong:before{content:"\E618"}.cubeic-info:before{content:"\E619"}.cubeic-danger:before{content:"\E641"}.cubeic-round-border:before{content:"\E683"}.cube-btn{display:block;margin:0;padding:17px 16px;width:100%;text-align:center;white-space:nowrap;cursor:pointer;font-size:16px;line-height:1;color:#fff;background:#4a4c5b;outline:none;border:none;border-radius:2px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.cube-btn>i{display:inline-block;margin-right:4px;font-size:100%;-webkit-transform:scale(1.13);transform:scale(1.13);-webkit-transform-origin:right center;transform-origin:right center}.cube-btn.cube-btn_active,.cube-btn:active{background:#444654;position:relative}.cube-btn.cube-btn_active:after,.cube-btn:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #444654;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn.cube-btn_active:after,.cube-btn:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn.cube-btn_active:after,.cube-btn:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn.cube-btn_disabled,.cube-btn.cube-btn_disabled.cube-btn_active,.cube-btn.cube-btn_disabled:active{color:#fff;background:#ccc;position:relative}.cube-btn.cube-btn_disabled.cube-btn_active:after,.cube-btn.cube-btn_disabled:active:after,.cube-btn.cube-btn_disabled:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn.cube-btn_disabled.cube-btn_active:after,.cube-btn.cube-btn_disabled:active:after,.cube-btn.cube-btn_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn.cube-btn_disabled.cube-btn_active:after,.cube-btn.cube-btn_disabled:active:after,.cube-btn.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-inline{width:auto;display:inline-block;vertical-align:middle;padding:9px 10px;font-size:12px}.cube-btn-inline>i{margin-right:2px;-webkit-transform:scale(1.14);transform:scale(1.14)}.cube-btn-primary{color:#fff;background:#fc9153;position:relative}.cube-btn-primary:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-primary:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-primary:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c;position:relative}.cube-btn-primary.cube-btn_active:after,.cube-btn-primary:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #e8864c;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-primary.cube-btn_active:after,.cube-btn-primary:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-primary.cube-btn_active:after,.cube-btn-primary:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-light{color:#666;background:#fcfcfc;box-shadow:0 1px 3px rgba(0,0,0,.1)}.cube-btn-light.cube-btn_active,.cube-btn-light:active{background:#e8e8e8;position:relative}.cube-btn-light.cube-btn_active:after,.cube-btn-light:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #e8e8e8;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-light.cube-btn_active:after,.cube-btn-light:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-light.cube-btn_active:after,.cube-btn-light:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-outline{color:#666;background:transparent;position:relative}.cube-btn-outline:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #666;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-outline.cube-btn_active,.cube-btn-outline:active{background:rgba(0,0,0,.08);position:relative}.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #666;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-outline-primary{color:#fc9153;background:transparent;position:relative}.cube-btn-outline-primary:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline-primary:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline-primary:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-outline-primary.cube-btn_active,.cube-btn-outline-primary:active{background:rgba(252,145,83,.08);position:relative}.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #e8864c;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-checkbox{position:relative;padding:0 16px;text-align:left;font-size:100%;color:#666;background-color:#fff}.cube-checkbox[data-pos=right] .cube-checkbox-ui{margin-right:0;position:absolute;right:0}.cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:1.42em}.cube-checkbox-wrap{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:11px 0;line-height:1.5;word-break:break-word;word-wrap:break-word}.cube-checkbox-input{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.cube-checkbox-ui{position:relative;width:1em;height:1em;margin-right:.42em;line-height:1;border-radius:50%}.cube-checkbox-ui:before,.cube-checkbox-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-checkbox-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.2);transform:scale(1.2)}.cube-checkbox-ui i{position:absolute;top:0;left:0;color:transparent;-webkit-transform:scale(.4);transform:scale(.4)}.cube-checkbox_checked .cube-checkbox-ui:before{color:transparent}.cube-checkbox_checked .cube-checkbox-ui i{color:#fc9153;-webkit-transform:scale(1.23);transform:scale(1.23)}.cube-checkbox_disabled .cube-checkbox-ui{background-color:#eee}.cube-checkbox_disabled .cube-checkbox-ui:before,.cube-checkbox_disabled .cube-checkbox-ui i{-webkit-transition:none;transition:none}.cube-checkbox_disabled .cube-checkbox-ui:before{color:transparent}.cube-checkbox_disabled .cube-checkbox-ui i{color:#eee}.cube-checkbox_checked.cube-checkbox_disabled .cube-checkbox-ui{background-color:#fff}.cube-checkbox-group{z-index:1;overflow:hidden}.cube-checkbox-group .cube-checkbox:last-child .cube-checkbox-wrap:after,.cube-checkbox-group .cube-checkbox:last-child .cube-checkbox-wrap:before{display:none}.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-horz=true]:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;flex:1;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-horz=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:last-child:before{display:none}.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;order:1}.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;justify-content:center}.cube-radio-group[data-horz=true]{display:-webkit-box;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-radio-group[data-horz=true]:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-radio-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-radio-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-radio-group[data-horz=true] .cube-radio{-webkit-box-flex:1;flex:1;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-radio-group[data-horz=true] .cube-radio:after{border-color:#ccc}.cube-radio-group[data-horz=true] .cube-radio:last-child:after,.cube-radio-group[data-horz=true] .cube-radio:last-child:before{display:none}.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;order:1}.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label{margin-right:0}.cube-radio-group[data-horz=true] .cube-radio-wrap{-webkit-box-pack:center;justify-content:center}.cube-radio{position:relative;padding:0 16px;text-align:left;font-size:100%;color:#666;background-color:#fff}.cube-radio[data-pos=right] .cube-radio-ui{margin-right:0;position:absolute;right:0}.cube-radio[data-pos=right] .cube-radio-label{margin-right:1.42em}.cube-radio:last-child .cube-radio-wrap:after,.cube-radio:last-child .cube-radio-wrap:before{display:none}.cube-radio-wrap{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:11px 0;line-height:1.5;word-break:break-word;word-wrap:break-word}.cube-radio-input{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.cube-radio-ui{position:relative;width:1em;height:1em;margin-right:.42em;line-height:1;color:transparent;border-radius:50%}.cube-radio-ui:before,.cube-radio-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-radio-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.2);transform:scale(1.2)}.cube-radio-ui i{top:0;left:0;overflow:hidden;width:100%;height:100%;-webkit-transform:scale(.4);transform:scale(.4)}.cube-radio-ui i,.cube-radio-ui i:before{position:absolute;border-radius:50%;background-color:currentColor}.cube-radio-ui i:before{content:"";top:50%;left:50%;width:50%;height:50%;-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8)}.cube-radio_selected .cube-radio-ui{color:#fc9153}.cube-radio_selected .cube-radio-ui:before{color:transparent}.cube-radio_selected .cube-radio-ui i{-webkit-transform:scale(1);transform:scale(1)}.cube-radio_selected .cube-radio-ui i:before{background-color:#fff}.cube-radio_disabled .cube-radio-ui{color:#eee;background-color:#eee}.cube-radio_disabled .cube-radio-ui:before,.cube-radio_disabled .cube-radio-ui i{-webkit-transition:none;transition:none}.cube-radio_disabled .cube-radio-ui:before{color:transparent}.cube-popup{position:fixed;left:0;right:0;top:0;bottom:0;z-index:100}.cube-popup-container,.cube-popup-mask{position:absolute;width:100%;height:100%}.cube-popup-mask{overflow:hidden;background-color:#25262d;opacity:.4}.cube-popup-mask:before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,.1);margin-left:-10px}.cube-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.cube-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.cube-popup-center .cube-popup-content{position:absolute;top:-50%;left:-50%;width:auto;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cube-dialog-main{width:270px;padding:0;text-align:center;overflow:hidden;border-radius:2px;background-color:#fff}.cube-dialog-alert,.cube-dialog-confirm{position:relative;overflow:hidden}.cube-dialog-icon{margin-top:20px;margin-bottom:16px;line-height:1;color:#4a4c5b;font-size:30px}.cube-dialog-icon i{display:inline-block;width:30px;height:30px;padding:10px;border-radius:50%;background-color:#f3f4f5}.cube-dialog-icon+.cube-dialog-title .cube-dialog-title-def{margin-top:0}.cube-dialog-icon+.cube-dialog-content{margin-top:-4px}.cube-dialog-title{color:#333;font-size:16px;line-height:1}.cube-dialog-title+.cube-dialog-content{margin-top:12px}.cube-dialog-title-def{margin:30px 16px 0;overflow:hidden;white-space:nowrap}.cube-dialog-content{margin:16px 0;text-align:left;color:#666;font-size:14px;line-height:22px}.cube-dialog-content-def{padding:0 16px}.cube-dialog-content-def>p{display:table;margin:auto}.cube-dialog-confirm .cube-dialog-btns .cube-dialog-btn{width:50%;float:left}.cube-dialog-confirm .cube-dialog-btns.border-right-1px:after{right:50%;border-color:#ebebeb}.cube-dialog-close{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;z-index:1;position:absolute;top:0;right:0;width:32px;height:32px;color:#999;font-size:18px}.cube-dialog-btns{overflow:hidden;width:100%;font-size:0}.cube-dialog-btn{display:inline-block;width:100%;padding:17px 10px;margin:0;font-size:16px;line-height:1;text-align:center;text-decoration:none;color:#999;background-color:#fff;background-clip:padding-box;box-sizing:border-box}.cube-dialog-btn:active{background-color:rgba(0,0,0,.04)}.cube-dialog-btn_highlight{color:#fc9153}.cube-dialog-btn_highlight:active{background-color:rgba(252,145,83,.04)}.cube-dialog-btn_disabled{color:#999}.cube-dialog-btn_disabled:active{background-color:transparent}.cube-dialog-fade-enter-active{-webkit-animation:dialog-fadein .4s;animation:dialog-fadein .4s}.cube-dialog-fade-enter-active .cube-dialog-main{-webkit-animation:dialog-zoom .4s;animation:dialog-zoom .4s}@-webkit-keyframes dialog-fadein{0%{opacity:0}to{opacity:1}}@keyframes dialog-fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-zoom{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes dialog-zoom{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.cube-loading{font-size:24px}.cube-loading-spinners{position:relative;display:block;width:1em;height:1em}.cube-loading-spinner{position:absolute;left:44.5%;top:37%;width:2px;height:25%;border-radius:50%/20%;opacity:.25;background-color:currentColor;-webkit-animation:spinner-fade 1s linear infinite;animation:spinner-fade 1s linear infinite}.cube-loading-spinner:first-child{-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(-150deg) translateY(-150%);transform:rotate(-150deg) translateY(-150%)}.cube-loading-spinner:nth-child(2){-webkit-animation-delay:.083333333333333s;animation-delay:.083333333333333s;-webkit-transform:rotate(-120deg) translateY(-150%);transform:rotate(-120deg) translateY(-150%)}.cube-loading-spinner:nth-child(3){-webkit-animation-delay:.166666666666667s;animation-delay:.166666666666667s;-webkit-transform:rotate(-90deg) translateY(-150%);transform:rotate(-90deg) translateY(-150%)}.cube-loading-spinner:nth-child(4){-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-transform:rotate(-60deg) translateY(-150%);transform:rotate(-60deg) translateY(-150%)}.cube-loading-spinner:nth-child(5){-webkit-animation-delay:.333333333333333s;animation-delay:.333333333333333s;-webkit-transform:rotate(-30deg) translateY(-150%);transform:rotate(-30deg) translateY(-150%)}.cube-loading-spinner:nth-child(6){-webkit-animation-delay:.416666666666667s;animation-delay:.416666666666667s;-webkit-transform:rotate(0deg) translateY(-150%);transform:rotate(0deg) translateY(-150%)}.cube-loading-spinner:nth-child(7){-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-transform:rotate(30deg) translateY(-150%);transform:rotate(30deg) translateY(-150%)}.cube-loading-spinner:nth-child(8){-webkit-animation-delay:.583333333333333s;animation-delay:.583333333333333s;-webkit-transform:rotate(60deg) translateY(-150%);transform:rotate(60deg) translateY(-150%)}.cube-loading-spinner:nth-child(9){-webkit-animation-delay:.666666666666667s;animation-delay:.666666666666667s;-webkit-transform:rotate(90deg) translateY(-150%);transform:rotate(90deg) translateY(-150%)}.cube-loading-spinner:nth-child(10){-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-transform:rotate(120deg) translateY(-150%);transform:rotate(120deg) translateY(-150%)}.cube-loading-spinner:nth-child(11){-webkit-animation-delay:.833333333333333s;animation-delay:.833333333333333s;-webkit-transform:rotate(150deg) translateY(-150%);transform:rotate(150deg) translateY(-150%)}.cube-loading-spinner:nth-child(12){-webkit-animation-delay:.916666666666667s;animation-delay:.916666666666667s;-webkit-transform:rotate(180deg) translateY(-150%);transform:rotate(180deg) translateY(-150%)}@-webkit-keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}@keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}.cube-toast.cube-popup{z-index:900}.cube-toast .cube-popup-content{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:13px 16px;color:#ccc;background-color:rgba(37,38,45,.9);border-radius:2px}.cube-toast-icon{width:24px;height:24px;font-size:24px}.cube-toast-tip{line-height:20px;font-size:14px;max-width:12em;max-height:40px;overflow:hidden;margin-left:8px}.cube-toast-fade-enter-active{-webkit-animation:toast-in .2s;animation:toast-in .2s}.cube-toast-fade-leave-active{-webkit-animation:toast-out .2s;animation:toast-out .2s}@-webkit-keyframes toast-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes toast-out{0%{opacity:1}to{opacity:0}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.cube-tip{display:-webkit-box;display:flex;z-index:10;position:absolute;padding:10px 38px 10px 16px;max-height:60px;font-size:12px;color:#fff;background:rgba(74,76,91,.8);border-radius:2px;-webkit-transition:opacity .2s;transition:opacity .2s}.cube-tip[data-dir=bottom] .cube-tip-angle,.cube-tip[data-dir=top] .cube-tip-angle{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cube-tip[data-dir=top] .cube-tip-angle{top:0}.cube-tip[data-dir=top] .cube-tip-angle:before{margin-top:-6px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.cube-tip[data-dir=bottom] .cube-tip-angle{bottom:0}.cube-tip[data-dir=bottom] .cube-tip-angle:before{margin-bottom:-6px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.cube-tip[data-dir=left] .cube-tip-angle,.cube-tip[data-dir=right] .cube-tip-angle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cube-tip[data-dir=left] .cube-tip-angle{left:0}.cube-tip[data-dir=left] .cube-tip-angle:before{margin-left:-9px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.cube-tip[data-dir=right] .cube-tip-angle{right:0}.cube-tip[data-dir=right] .cube-tip-angle:before{margin-right:-9px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cube-tip-angle{position:absolute}.cube-tip-angle:before{content:"";display:block;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent rgba(74,76,91,.8)}.cube-tip-close{position:absolute;right:14px;top:12px;width:12px;height:12px;padding:0;color:inherit;outline:none;border:none;background:none;-webkit-transform:scale(1.3);transform:scale(1.3)}.cube-tip-content{min-height:18px;line-height:18px;-webkit-box-flex:1;flex:1;flex-basis:1e-9px;width:1%;overflow:hidden}.cube-tip-zoom-enter-active{-webkit-animation:tip-in .4s;animation:tip-in .4s;-webkit-transform:translateZ(0);transform:translateZ(0)}.cube-tip-zoom-leave-active{-webkit-animation:tip-out .2s;animation:tip-out .2s;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes tip-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tip-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes tip-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes tip-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.cube-slide{position:relative;min-height:1px;height:100%}.cube-slide-group{position:relative;height:100%;overflow:hidden;white-space:nowrap}.cube-slide-dots{position:absolute;bottom:2px;right:0;left:0;padding:0 6px;font-size:0;text-align:center;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.cube-slide-dots>span{display:inline-block;vertical-align:bottom;margin:0 1px;width:10px;height:1px;background:#ccc}.cube-slide-dots>span.active{background:#fc9153}.cube-slide-item{float:left;box-sizing:border-box;height:100%;text-align:center}.cube-slide-item>a{overflow:hidden;text-decoration:none}.cube-slide-item>a,.cube-slide-item img{display:block;height:100%}.cube-index-list{position:relative;height:100%;overflow:hidden}.cube-index-list .cube-scroll-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.cube-index-list-content{background:#fff;border-radius:2px}.cube-index-list-title{padding:14px 16px;font-size:14px;line-height:1.6;color:#333}.cube-index-list-anchor{padding:16px 16px 10px;line-height:1;font-size:14px;color:#999;background:#f7f7f7}.cube-index-list-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-index-list-nav{position:absolute;z-index:30;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:Helvetica}.cube-index-list-nav>ul{padding:0;margin:0}.cube-index-list-nav>ul>li{padding:6px 16px 0;line-height:1;text-align:center;font-size:12px;color:#666}.cube-index-list-nav>ul>li.active{color:#fc9153}@media (max-height:480px){.cube-index-list-nav>ul>li{padding-top:3px}}.cube-scroll-wrapper{position:relative;height:100%;overflow:hidden}.cube-pulldown-wrapper{position:absolute;width:100%;left:0;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-transition:all;transition:all}.cube-pulldown-wrapper .after-trigger{margin-top:5px}.cube-pullup-wrapper{width:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.cube-pullup-wrapper .before-trigger{padding:22px 0;min-height:1em}.cube-pullup-wrapper .after-trigger{padding:19px 0}.cube-scroll-content{position:relative;z-index:1}.cube-scroll-item{height:60px;line-height:60px;font-size:18px;padding-left:20px}.cube-index-list-item-def{position:relative;height:50px;line-height:50px;padding:0 16px;font-size:14px;color:#333}.cube-index-list-item-def:last-child:after,.cube-index-list-item-def:last-child:before{display:none}.cube-index-list-item_active{background:rgba(0,0,0,.04)}.cube-picker-fade-enter,.cube-picker-fade-leave-active{opacity:0}.cube-picker-fade-enter-active,.cube-picker-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-panel{height:273px;text-align:center;font-size:14px;background:#fff}.cube-picker-move-enter,.cube-picker-move-leave-active{-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}.cube-picker-move-enter-active,.cube-picker-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-choose{position:relative;height:60px}.cube-picker-choose>span{position:absolute;top:6px;padding:16px;font-size:14px}.cube-picker-choose>[data-action=confirm]{right:0;color:#fc9153}.cube-picker-choose>[data-action=confirm]:active{color:#fdc2a5}.cube-picker-choose>[data-action=cancel]{left:0;color:#999}.cube-picker-choose>[data-action=cancel]:active{color:#ccc}.cube-picker-choose>h1{margin:0;line-height:60px;text-align:center;font-weight:400;font-size:18px;color:#333}.cube-picker-content{position:relative;top:20px}.cube-picker-content>i{position:absolute;z-index:10;left:0;width:100%;height:68px;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.cube-picker-content>.border-bottom-1px{top:0;background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,.8)));background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))}.cube-picker-content>.border-top-1px{bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,.8)));background:-webkit-linear-gradient(top,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))}.cube-picker-wheel-wrapper{display:-webkit-box;display:flex;padding:0 16px}.cube-picker-wheel-wrapper>div{-webkit-box-flex:1;flex:1;flex-basis:1e-9px;width:1%;height:173px;overflow:hidden;font-size:20px}.wheel-scroll{padding:0;margin-top:68px;line-height:36px;list-style:none}.wheel-scroll>li{list-style:none;height:36px;overflow:hidden;white-space:nowrap;color:#333}.cube-picker-footer{height:20px}.cube-upload{position:relative}.cube-upload-def{margin-right:-10px}.cube-upload-def .cube-upload-btn,.cube-upload-def .cube-upload-file{float:left;margin:0 10px 10px 0}.cube-upload-btn{position:relative;overflow:hidden}.cube-upload-btn:active .cube-upload-btn-def{background-color:rgba(0,0,0,.04)}.cube-upload-input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;font-size:0;opacity:0}.cube-upload-btn-def{width:80px;height:80px;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,.08);border-radius:2px;position:relative}.cube-upload-btn-def,.cube-upload-btn-def:after{box-sizing:border-box}.cube-upload-btn-def:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #e5e5e5;border-radius:2px;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-upload-btn-def:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-upload-btn-def:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-upload-btn-def>i:after,.cube-upload-btn-def>i:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:2px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#666}.cube-upload-btn-def>i:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.cube-upload-file{position:relative}.cube-upload-file-def{position:relative;width:80px;height:80px;box-sizing:border-box;background:#fff no-repeat 50%;background-size:cover;border-radius:2px}.cube-upload-file-def>.cubeic-wrong{position:absolute;z-index:2;top:-2px;right:-2px;color:rgba(0,0,0,.8);font-size:16px;background-color:#fff;border-radius:50%}.cube-upload-file-def>.cubeic-wrong:before{display:inline-block;-webkit-transform:scale(1.625);transform:scale(1.625);-webkit-transform-origin:center;transform-origin:center}.cube-upload-file-state{position:relative;width:100%;height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;overflow:hidden;opacity:0;background-color:rgba(37,38,45,.4);border-radius:2px;-webkit-transition:opacity .1s;transition:opacity .1s}.cube-upload-file-state:before{content:".";position:relative;left:-50%;display:block;width:1px;height:1px;margin-left:-1px;background-color:rgba(0,0,0,.1)}.cube-upload-file_stat{opacity:1}.cube-upload-file-status{position:relative;z-index:1;font-size:30px;display:none}.cube-upload-file-status.cubeic-right{display:block;color:#fc9153}.cube-upload-file-status.cubeic-warn{display:block;color:#f43530}.cube-upload-file-status.cubeic-right:after,.cube-upload-file-status.cubeic-warn:after{content:"";z-index:-1;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.56em;height:.56em;border-radius:50%;background-color:#fff}.cube-upload-file-status.cubeic-right+.cube-upload-file-progress,.cube-upload-file-status.cubeic-warn+.cube-upload-file-progress{display:none}.cube-upload-file-progress{color:#fff;font-size:20px}.cube-action-sheet-fade-enter,.cube-action-sheet-fade-leave-active{opacity:0}.cube-action-sheet-fade-enter-active,.cube-action-sheet-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-action-sheet-panel{text-align:center;font-size:14px;background-color:#fff}.cube-action-sheet-move-enter,.cube-action-sheet-move-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.cube-action-sheet-move-enter-active,.cube-action-sheet-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-action-sheet-cancel{background-color:#fff}.cube-action-sheet-cancel span,.cube-action-sheet-item,.cube-action-sheet-title{display:block;padding:17px 16px;margin:0;text-align:center;overflow:hidden;white-space:nowrap;font-size:16px;font-weight:400;line-height:1;color:#666;background-color:#fff}.cube-action-sheet-cancel span:active,.cube-action-sheet-item:active{background-color:rgba(0,0,0,.04)}.cube-action-sheet-title{padding-top:16px;padding-bottom:16px;color:#333;font-size:18px}.cube-action-sheet-content{overflow:hidden;background:#fff}.cube-action-sheet-list{list-style:none}.cube-action-sheet-item{list-style:none;-webkit-user-select:none;user-select:none}.cube-action-sheet-item:last-of-type:after,.cube-action-sheet-item:last-of-type:before{display:none}.cube-action-sheet-item[data-align=left]{text-align:left}.cube-action-sheet-item[data-align=right]{text-align:right}.cube-action-sheet-space{height:6px;background-color:rgba(37,38,45,.4)}.cube-action-sheet-item_active{color:#fc9153}.cube-action-sheet_picker .cube-action-sheet-space{height:0}.cube-action-sheet_picker .cube-action-sheet-title{height:1em;padding-top:21px;padding-bottom:21px}.cube-action-sheet_picker .cube-action-sheet-cancel{position:absolute;top:0;background-color:transparent}.cube-action-sheet_picker .cube-action-sheet-cancel span{padding-top:23px;padding-bottom:23px;color:#999;font-size:14px;background-color:transparent}.cube-action-sheet_picker .cube-action-sheet-cancel span:active{color:#ccc;background-color:transparent}#app,body,html{height:100%}body{background-color:#fff;overflow:hidden}.cube-bar{z-index:10;position:absolute;right:0;left:0;height:44px;line-height:44px;text-align:center;background-color:#f7f7f7;box-shadow:0 1px 6px #ccc;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cube-bar h1{font-size:18px;font-weight:500}.cube-content{position:absolute;top:44px;left:0;right:0;bottom:0;overflow:scroll;-webkit-overflow-scrolling:touch}.cube-content .cube-list{padding-left:10px}.cube-content .cube-list .cube-item{height:40px;line-height:40px}.cube-content .cube-list .cube-item .link{display:block;position:relative;width:100%;color:#333;text-decoration:none;outline:0}.cube-content .cube-list .cube-item .link .cubeic-arrow{position:absolute;right:0;padding:0 5px;color:#ccc}.cube-view{-webkit-transform:translateZ(0);transform:translateZ(0)}.page-move-enter,.page-move-leave-active{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.page-move-enter-active,.page-move-leave-active{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.cube-btn-group>button{margin:10px 0}.cube-btn-group.row>button{display:inline-block;width:auto;margin:10px 5px}.cube-btn-group.row>button:first-child{margin-left:0}.cube-btn-group.row>button:last-child{margin-right:0}.cube-page{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:#efeff4}.cube-page .header{position:relative;height:44px;line-height:44px;text-align:center;background-color:#f7f7f7;box-shadow:0 1px 6px #ccc;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5}.cube-page .header h1{font-size:16px;font-weight:700}.cube-page .header .cubeic-back{position:absolute;top:0;left:0;padding:0 15px;color:#fc9153}.cube-page>.wrapper{height:calc(100% - 44px);overflow:auto;-webkit-overflow-scrolling:touch}.cube-page>.wrapper .desc{padding:10px;margin:10px 0;line-height:20px;font-size:14px}.cube-page>.wrapper .content{margin:10px}.cube-page.option-demo .wrapper{background-color:#fff}.cube-page.option-demo .title{font-size:16px;font-weight:500;color:#333;padding:15px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:15px}.cube-page.option-demo .options{margin-bottom:15px}.cube-page.option-demo .option-list .group{margin-bottom:15px;border:1px solid rgba(0,0,0,.1);border-radius:5px}.cube-page.option-demo .option-list .item{height:52px;border-bottom:1px solid rgba(0,0,0,.1)}.cube-page.option-demo .option-list .item.sub{font-size:14px;background-color:rgba(0,0,0,.04)}.cube-page.option-demo .option-list .item.sub.first{box-shadow:inset 0 1px 1px 1px #eee}.cube-page.option-demo .option-list .item.sub.last{border-bottom:none}.cube-page.option-demo .demo{margin-bottom:15px}.cube-page.option-demo .methods .method-list .group{margin-bottom:15px;border:1px solid rgba(0,0,0,.1);border-radius:5px}.cube-page.option-demo .methods .method-list .item,.cube-page.option-demo .methods .method-list button{height:40px;font-size:16px}.cube-page.option-demo .methods .method-list .item{background-color:$color-active-light-gray;border-bottom:1px solid rgba(0,0,0,.1)}.cube-page.option-demo .methods .method-list button{width:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fc9153;box-shadow:0 0 0 1px #fc9153;border:none;outline:none;color:#fff}.checkbox-group-view .content>*,.checkbox-view .content>*,.radio-view .content>*{margin:10px 0}.tip-view .tip-eg{position:relative;width:300px;margin:70px auto;text-align:center}.tip-view .cube-btn{margin-bottom:10px}.popup-view .content>div{margin:10px 0}.cube-my-popup .cube-popup-center .cube-popup-content{padding:20px}.cube-my-popup .cube-popup-content{padding:80px 20px;color:#fff;background-color:rgba(0,0,0,.8)}.cube-extend-popup .cube-extend-popup-content{padding:20px;color:#fff;background-color:rgba(0,0,0,.8)}.my-title-img{height:120px;margin-bottom:16px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhYAAADwCAMAAABrG91XAAAC+lBMVEXz9fnz9Pr29v/y9PoAAADy9Pnk5+7/tFH////x8/iWlpnf39/v8vfV2eHj5u3x8fHw8vjO0tvx9Pnk5ORWVlba3eVZWVr/4Gri5ew6Ojo8PDzm5uYtLi7w8fbu8PaysrIsLS3h5OsvLzDf4+oxMTLn6fA9PT1bW1ve4ej3xsP/riXN0tswMDHZ3eXs7/Tc3+f+/v7c3NxYWFjX2+Pj5ezq7fPo6/L8/Pw7OzsjSXfn1b74+Pr6+vpMTEzt7e3r6+z/gDXw8PArLCwyMjPv8PTp6eri4uJSUlJAQEDg4+vc4Ofb3+a+vr//05j09fnt7vDm5eXOzs9oaGhUVFVDQ0NJSUnU1NW0tLZGRkUqKiq6urxQUFD29/n19fWmp6rv7+//7NLR0dLKysuYmJro6Oja2trX19ff397ExMT/6MnHx8j/1Jv//fj/xHbr7vScnJ7/wW7/t1jk4+Pd3d2/wML/+fP/8Nr/1p8oKCj5+fz/9ef/47z/uV3xaiGrrK6kpKf/2KSioqSRkZOEhIX/yH7/+Oz/8uG3t7n/zYj/v2f7u2X/vWLy6d/4zsz/3bCfn6H/z496env/4bivr7H/26uKi4x/gIH4229hYWH+t0Dl2Mf4eS11dXWljGvu5Nb52Nbp2cP/5cL+y4TntnXi2tDCxczAn3Pv1XL3u2vt28P/4LNicY3BtIZAXYLOvoAtT3r/4nXrt3Rvb3CwlG//fjPx7ebv3sjpza3/7qnty5+gnZX/05Gtoo3/5orMp3WZhWmBclxtYlP2cCft397wwb6+qaz52avLtZm5qo5seI30woGfkn79rHrjtHbyum/7jUDyqzTy5+fh3dfv4sv/9cn33Lb6zbT2uLT7wZ3wx5J3fpLuyon52IjeyXn67+7c3uP74+H15dT24cT51sTQyL/m0rmOj5n/6pbfsnX4wXSNemH+mVn8mUDju7yWpbj/8bfZtbfGqrLNsbGDhpbxlZDSq3VcVEr+qUn4sjrt4rjxyanjxZrtenNhWE3FMZ3eAAAABXRSTlPmpxztAEuvwscAACDOSURBVHja7NVBSgNhDIDRaTU/FFx4AWfXrbv2WHP/pdhUaWwERSyUeW+TA+QjmR63myng07TZPk7bh4DiYTttAr7YTD4IV1RBRxbIAlkgC2RBJQsasqAhCxqyoCELGrKgIQsasqAhCxqyoCELGrKgIQsasqAhCxqyoCELGrKgIYt/Mr++BGey+HAcx+BMFkkWhSySLApZJFkUskiyKGSRZFHIIsmikEWSRSGLJItCFkkWhSySLApZJFkUskiyKGSRZFHIIsmikEWSRSGLJItCFkkWhSwi9idjjPdxCCJkETEuOBknsvgmi+dljjWTRZvF69jHmq08i3lZxqX9suwiZHGTLJ5/YRe3tB9XniJkcYssduPnbruOeciisfYsjrLorDyLpyGLzv1mMY+TQ/zFQRatu83ijZ07SG0chsI4vsqjgUiUgEGrgngEtMlowEm6mQvYhp6gZ+j9lyPZceJpPZaHWB67+v4Lv8alq/xontM6OxZ1ZvNAewKL3tbKYkdTsPgAi/5WymJHk7A4gEV/62SxPTzK4vnF9UG9fdTfO1xedpt0WyELp+JRFi80oh+bdFshizOBRdzmZJF1k0RkMp+qmhNZVoLFYpqNhRTdPItS+DivhxLiCBaLCSzAoqfZWJDt5lkU1qeMP5bSWjM7C10UUhaFJndQ1ObPgEXsFrxy5kJoLUROVoiK2pQQAixiBxYrLGkWxlp1stYQW8vUJq0twSJ2C2aBlbM/sACLnhZwgapvF6hZkMX54juQT9bR5bz5524sTrKJ6kObfwQWsZvwfYvDNP/NhZUzEFiARU8zsiDuRi7FPqmbwaxnZ1FVlVJVZYmrylCbrKoMLGL3+Mo5/ufHLRpYOQOBBVj0BBZg0VPiLLBy9jcnC9XtfkLeB1gspjVcoEZjkeW5VnmekclzQ22nPD+CRewWzAK7RX9gARY9fbeV83Ae1wUshvpuLMZmwGKoRFnIDCyGSpQFH8FiqERZZGAxWKIsBFgMliYLBovh0mRxBIvhkmQhBVgMlyQLAxaBkmRxvLEwZXlSZWmIy5KpTbozYBG7pbGQwrHAH9aHWhELI4TQ1/uG2E3tpulM6WZJIzJgEWplLLjDgjssyuuTaWlExzuLgllKZk2KWVGbO8NgEbuJWBTWWuUZuKk9AzcLN6WbfJvBPB+snIFWxEJqreXAJDdPFK4Ei2ArYjHVi0gOFsHSY6EFWARLj0UJFuHSY5GDRbjkWGjRZcHNBSqTYta4QL21QBaX3ZeeyaWNMcpN1ZnaTfnHDGWdCbydFWqBLOKWg8WI/ut9IvbThyQdKXpagMWIFnj7UNQqsBhTaiwEWIxpRhZUdKuhFD6p/VG7B4piV0RgsR3bZk0ltXJmk7H49DS/vde9bca0BiIpsZBiChb3J3XbtN//err2+rb/S19/ZywaR0os+HEW22Z4C80XvtenWz/fwy8jtZGNb7k2frNzZrFtFGEAfrKzu1kcyyNkS5GDELJUgwi2SG0VWwmRmjxAME4eGily0ibNXSCQtkShNE2B0nIkBVqoShERFVIRR1shLnG80HJJSLSACiqnhAAh7kPifOD/598d7zqOk6w3PpJ+Xs9uDyUP8+1/jHe8krQ4P08tZBo9OABcDLLCQDynFuQEXelKlKIZhdPiQiP0BAWCI52WtOSkHGJdC5o8cEEMFDF0K64jcgUMMAHQL/lIbpRg0FhBDepFlrXQpfBwJWR98IgMMnaxxl1bwYscAUPXgp81KXAotZixgrS41LIWfPI8uheyeAO82nzlYsHBO+HPMXcmRjOEHjiQGp5SM6Poi98F08J1nmUtNCHICTpknGnV7Y6TFQYvNsxRX4AcqkoXZIf4Ufij8V1CYqycknOVNS1keutTiIMbDjG98eiei808OTtYqAgpofKRvEI8FDAwbpSMFCtJi8staCGk4LHCw8UgK1Q4VBVn/PDFmbyiZsMNcDlg5GLQQWbw41y0KCyUQxavhZACfUDc/KWCFDjPKkLVpplrslqhn2jAsKHqapBx+LtKJJWsGC1WZdECn+jxweC8aNUqwx5U/Bv6NkfwIS2Fm16kAwzEHVm0+E6dhd+fYQke+OO4HBQySkiMFaOFyCELf5bTIIVHmz91Lcxmoz7VONx718GDB0+dOnUQ+OvUqb/gdM+97gz8gMqZZYdML8JTKmLYq4WnNjL37WrEhetbdMXHq1x4vy4hrkuNXDX//9dGF+Grc7nguPDEzAn19Am1Rk3EoiFJsFNRsCVZpyg90pyEQtFoPBZLJOQMQWSVQhFkklIRw1Ytap3ZKY11i0XgIiVwEFL4wIvRqalg8vSMUCKLFjD18aqqGBAHotFQdkXGUzKJQekIrTCK4SmaGPZrEXEuDy1ICjiMUvjwajQYDE59PiUR8VTnF5esqq+vb+jr7+/tra5ONjePMmAg3MzSJKurm5oa6tdXdXbGokY14gk3xB2CehuZxOC9yXKJFpF5FhmNuDCr8KsLr8bxfN+ll17mLAmEFKSFzyWk8NWt/RK9CIakeGd9U5L99MyaNWue+amSNQ/09Xe39gwPtnTsHmZsM2jR397R0TI43NPava7PYEmyqb4qFkqrEUvo2QT7VhJDdlDT6ih8wLBfi1rncoGkIIQU4Ect3OszQeB0L2OVrYNPrSGe+UYxsIWxcJixVsXEyN4dXfvaO7YMr6tENxo703EjGkvU6M0JrpxqvSofCiyG/Vp4nMsBvahIOwEZhKRYPc5v76lg8MybfVu6FIVbQV4oBrrZaHgzY8PKXOyd6GgdADWq4obHNETXijVG8ZsSm7RYHsHCmD8EdVyKQIzKifoTZz71el9VgGNrBO8ogo3NrDk8wNigkpOdu3sqWW9jLP1cl6g/SYyi1J72axFxljuZRUWdJgXkEGcixKVogOTwidfrPQITe5aMyPSii4EWkChalPnYODEIZoiYEXUYxZCLIob9WjiXAYaiwkdVBZeizk9S1DPW3aW87AWehhxy7Jc3jq05dvYpcxrp0LTYrSyAjRf0M9bUqZWg4zKJ4Yazlkio9izjaOEsbzKLCtF+1PluiPL0X5Vkle0KcBS0OPCy8s7vweCv3/wYDGI7ckzR6YFqFDuPdmVhTHQzVl0V1VYz3CpAUrhFU1Ko2vOcFtmlSHtRJ/yIUJCPQfPRM6IgLx8ALz5Tzv4aJJ4yabFZ02JCWShdrYwlGzUxYnq7yhfbAcojhZDinBa5Kk1RVCCBlMQRoYLCBfA2BAriHWMS2cto2YJBq7IoMaqrQlpTQmKIkCG61aUPGedKzrkrTe6EVmnKNFXRBqgq9iqICBdHNoIRH/FoAS3J74rGBYyWLRishy9WjE69KaEP1sxNCR1AAcywUYsbnGWJK+vyFTgBRcXaqMRJVbPRlo0KIcLF0ZOgxUnU4uTZdCMyyGjZgo0oi6NrHWMNcWO36jY3JegGhQxxsh37tXA7yw6oJWZJUecUy1dxiWhkrI9SgiFcAKjFR0FkhyLoZ7RswUCjRbKvnyWrpLmaEpFIxP4S++2wX4tyCxdcCXLCIIWhqIhJRLRJ1JoZ4eKfoMZvho5zVOtPK5XFs3F3JWsISbOaEngT1JmgGmk37JeDtLCNgLM8cBnNgLfwwVBUOEKSSCDN7bMnEMPFp8HgH//9AVq8YWg3GRiBWvQpVhgZZk30m6kpMYjh1jOJ2HskzohdativhRyYcx5KA5dLXJEShljh41LwosLFiwqRQPp3KLN52gsEEbMWHUzrT9cp1mhh6yWdUMIghvioRNZsECc422oGaWEjq50lSoYQQgmRPzQpXKjFapRCJJBhKhKyhovZWrTqT1u0KhbpZlTTiKYk/TgGvhD0QWxmtX9nGmlhJ+rqUssk2YSgSCGcIC9QCiQSk3Q6q1nlBQqQNVwgb/2SUVsM8GWLUShHFIvso3AhxHD4a0gMVEMzw2PenUZq2CYGaWEzsmoPtfkIFqlRsfcn6FKc/QBd86PGX2PAb3hEZj2kgp1zlodHvMCRN8CKk/8e1SPKTqYvWwwqFtnJeiUT4w7Vn/bClE9EUrF1lwlpUbJELJeUNQ5CfA+FbNxlbtpDik/4y/rz/UYp4k0wtzjducNF8MVP+FI40c70ZYsWxSI7WLVkJhQjn93khkpb2rgchIcO+x7PKGktHBFrGQOtIAH4WQhBoz646aB9H24uRYKkEAlkn4Lc/myOcHHASzytcIaZvmzRYT2JJCXCLIaeSXAgKUgM03qXTV6UthZuayVEIHuAQBcI6vi07WHw4vgdUcM8YALRVrvb2m7PES4Q+kQV6WfasgVrVyzSkaGFaEr8lEtE2CA5cDQ9Mm6HF6WthSOwGCNETVmbTQjaPYpCCCnozkOgEpHHJY5IIGK1+5G2Z5WsQLgQUBoZYfqyBdunWKQnqxbikxJhBh5iY5omBnmRPyWuRWReJUxCuOjsF7FBG8TXDog37QIVgcLPiwpBZ5JtnlB0bm9re1DJxmdeI6/yxSyxG2Bi0UucI3t37ujqmuij2iKrGGoNhAy02LTFRN9kopnhyT9clLUW5IQwQnjhNwthjhIiBAMUJ1S/O2WUIlTPWOuIIritre0RJQtHvSaO4FoUaTEK445sM09TPzGxr719d0fLlsFhvl+gvy88ACYJGqQ5CUXHcVca9VJCDu65KD0d+fckJa5FYF4nyAUcxOiqNZUQ4owRgt5CCYwTcizjK9F62ahWL4os0nZbztKCeBuXooAw16L9Aph5nHqYeT71mytH2YKojkvzESI93KC0roZMoBXLvbZQc0vhMi1W4kBEKDiIt5BBw0+H351ImXcNUgLBj0tNPNjWdr+SyatUaR44cERvRj5tbeX3PPSniyYJO896e2HvWUND47xWmINHKuFIVxzkRd5ppLS1yJlDuA+khIC2gLlqsmUMgoSQE7HxTCFEAukZyUz4D91/O7/1BwfTQb/5/Wa6+//2EscfZZzmTC2S1TDlTTjlsC1xfWNjFdAJpGCbKu1SDUnWEXrIKkBt+PKuLVbnenJGeCGEENQ50QtNCLdZCMccQogEwvq0ue+nhJ+TZHXyAy/x2vMw5VVAbzjZmUppMw6/qlCEEtiv8rYcjvwoYS1qArkjhcEJ3EuO4MnH35Eagwx4DRkjMTtjzE4gguT8N/ktH7702nEv8e11kkZlOCUVlNCGj898NXTn1pBDtau+KK4Wcm0kYGl12/CUto90cNahED54Az48RIoJ3OBPYP85P/GF3OT8n3aREYKXQkKtcLNUYN597krOu7jsaUu4KKoW1h/nctGLwAsuBeHz8QNlQSHitobxz2dgw/qMMEJYIQl6w+ulAhN6T/Nird6QlHFtIQesW2GgDl9oAx0+nkickVo5ZX9e3zozFUS8GfxsmKKBzVGp0NxyiLR4lC96Ap48s0iRtCAr8tdClBUYIfg5sHqtI7ZEExPaOkNeeNMcf+3blz40lidhZu1nX7d11y133rxhw9Bj2x54cnr//snJyTFgE3DNHGzSGBt793WuxRlqUT2YRcpUi4glH7TRuEeUrkGIa/2J8aUt/ENfghZTU8Hj3IafP7x513VSBg3hemkeQACY/6HHHpjeP3bNfXvuuP7Gu269qSI/DvF48bGqh4tyXeWssWYFHRQl9K+owZoytbRCiHAx9WUIJ1aak2S402gAjwBD2x6YngQDDoMB99xasRT8uf05XnMCshvXwMu0E4lYrjXxEO1owA8ZowTAFIAZYNv74Wk9BNwDIaBgHMI08j23AqTId02rWFp4rFphXtB0hKSCohUAQ3j/75/cpM2/MQI8HgYZisB7PFz46Sv7gPxa1GJp4be+q5zjxH40Ym+goLIPph1ve63ymxzb9Mp9ezD6Q/jPOeFCC3CkGGzH6uJe8iJvK4qlRY3FYGH89lRH3v3mnRD1pyd50l9QyC9lLQ5tBy2+wsV+yiJl2YnUWl3ahLOPWyFCRWdqcSFh181DT07ed8eN91QsBQ+H764oCj9guPhYNWYR62KUW7TQKk3oPrSqItrXklxYaLh5aHrTnutnybBctKjY/jq2In635kVZdiKqxWAhiEmceE/LYDR3dLhlwwNje24sRCFIWjxRURwOQdH5vZ++QRyzSDl2Io6A1dLCx+144Y5tfPGgu6VlYM74sGHb2GHwoaBcUTQtfoBw8Z5f98Ih59OiFk2LGywEC0ohfG3zcEXF9ZBGGlpatsSlWezaMH3N9cUp/b4Of1dRJLZDuDitAuKDEcsUb/HbYoNKpcX/7J19bBNlGMD/qu3ZmhvlXHI3us1ZDxOnsedXo7bNVkYbM6Pr17o1OjcYTBQBmYYoEdlUPlyEiSwLAkFxBPwPCBqj4UMTNRow0ZhoTDR+JUb/1v9MfJ73uXvbrre2t3WObv052y0r8PTp7573ed9r7/0EsvA4DBAbOjsHp1WId60JsYi0eBOazl9ZtcBBZE5WLJwWHutaIKTFE1AsQILlUCzu46cR33rx7YKGcsuVP06cPXLhyNnzx/+f4v6+7wv7nDl5/DwL+sQfV7ZYGEWgXHznaqQpKlhRhTMR4DbLYwhf3Vy+nRWL+4Y6O9fh2uOzzz+40SR/e89flMNhLwPu00cuFz7oqtNiy+ULaS+P2itfPL+3/FHk4788FZmiohYLhcda20mlghWLb+32Pbc77oMhpHOMjDDh+EUvJLcVaGlpRSDN6tmCHF9dWuw9q3oxaB41qnHxeLmjyMdfjXn4Qmc1zkQYT91kaRbC312x2W5/w/EIWvGbfQaOX8L0tgAriBZMMxyGR+ZXjA98P8xBiiMgAQrBgwZQ50unyzqN+pXdvrkvO0WtwpmIjuBqtMBtjbcBT/0CKdh/dMPQ0NBvJ2fI7594yLHsNjc381vMcVg9b58nSIvv7bPlvBL2mgYNZlwo1+bdfIqKWsxWjKv3nd/5ZC9G4Tq3x16C4wnKbzPSvgKy2oIpbiYxvBdzU3zVaLH3opekgEAh6pbWcCt7ArrNieP28vg0p7lY9FqgF2RF32Z7CU5QfiG97eFoQFqJ1EeSagvmGFOcvmKfL773fWCfFVfSoDJKAcjpjMai1jJpGXVmNp8os2c9Z3hRlTMRS+iXosTPiX1qL8ERL8svZDMaQSEYTI1AuJlSrPCx+mrR4rSi17d2b1rLi1pK4JNBL87ay+JbWrmYy3pWdWhBV68VBBdY4dpcjhWY36hGySUoyRkQA1Msz5cXP8xOi9MyBd3ckqwviLo+3cKC9h6xl8N+fnK9Kieo5SNQa0HXMyo5glAtDkeM9EqRSCQuGWIkVrAUR+dpdesL3/uzGUFUXWVF0qPW4hi1pkctyVAvyh1HXsKeE1j0WlBnQa1Fm70ol3Ur/FQqpEBCVRVFUdVoOqKxFGdamRf/8CXyymuxZcv27a++umfz5s0bN2586aW3d+/ev//DB+Gd+y+++MYbr732+uvPP//WW48//thjjz377CuvPPfcWFqvFUkWtBZJJihoNRGI6zaTF+X0nXv03sK2+LWgq+OhFsHi7XyUrIiy/MbTKiYXwW+iATr0vOhF+IK9BPkv70sFL++7BS/vyy8/86OvwfqbBWNhZsWKAEatZRI8aHQjEWFRJ5kXib1lRE1azOUkatVogR0U6y3G7MX4M5y1QguoiqpwVJVSDF5gvfB6P8t7eR/Pf3mfefJJx2x4ZBZaNHm9rFYwK6Q0RspBnZMS9yL8p700faSFsBS0cLvpqnJFtbhMCZZZfhNMivSZkQO9u3aOrmQ5VgOY4QgdeaKj8txn/VNlYoINIe04gmgZciIyvqm7t2nNeIAFHWU2J0DmsoaRtqWihZDV4md7Ef6BBDc3eyW0IqoA0gvLQ20iEOxIjUYxxcnskXetA6i4Fk87LDLCKly7yqxAlf2Hh9YGRSS4tjemAOSFjDL/ay/FRteS08JVVIs/wuywC6xEK1TI5pq1bSAFAvfB1KSi6PVCxiNPnYdycb/l6xiIKqtwXmyIMyhFZDjEoxbFjqYAqBKN4+DXgl5cLrnMuaR6C5yMgBa/2GfmEh9CNGw2k51BkYM5bpjAepEBL+KsXOxwVJx7fE6HNXaSy0lskdGK2NY+MS/sVD22yxp4kW6GhfxL9hKM8ZMiS0ELmokU0+IkJRg79wB2FV1GfjkdB/HIkyDDUSwXmsOx8FpIXjz3EUaXEypY8bBIZG1eDV7Q4NeKMp8sNT9dKstZAK1bwHHwbbGVLLQCi4WE047eoFhAxxlFZRmOs0nqVkfF8Vn8Owf1fpNmTkp8vcjhXqRwThWhctFSak1rNysWS0gLXM8qpsUl6iwgwUk47A4GRROc2NtL1F20enc6Ks5Wn8MS+1ixWKFB1FEIbUObWEjbLly/AJk1lPlSCS3osr7uan13lhXcAoJPeOaWcztr6FmC4bALPC2a0Na2Q1FZ15nEDJ9xVJz1Pmsfl455MWqF+k3/eEg0oyMG5SJuyLy9nInIEjiDKtiMTZjqXJ49M55uwslpuwxWYIJHglwF57rBtaLBw1AuomwUgQwnHBXH6bP2gWmVjyFpiLpfNAgNpnzZetepT6HSKPPpUr0FWTGHU6hVowXc6FdpnvHE+t942PUkcAyBhn6dqLO6twkYCOqOBEchw3HIMDy6xdvnqDSrffc7LBBk/VBPnErcZIeo098NQXfzJ9EApuMoksETwH/bi/Eq1FT9SkmL/91Z1FzgysW5e2fgczwF2ROo17SEokhGgp+G/CJDos4uRVVwjirDWezWwYZK41z/cIMF1rFi0Y6nTLEf6jOsaCIML4LjILMGvXQ7aPH5vcX4nX98aEm8aQ9XtLBcuI45zfkID7ueDGgRhYXCkFF+m3QGRWKroihYj9V2KBfrnAtMqhVlDusjX7dIrDWC7g7qk5FNispqHLanHzmL8Q1dzNdWve/8toAAYuht51GnOV+iFtviWr2kZI+7jiaDDfoo0pBQ1CQceFE88PqdC0wXG/lQiwBEPSASKR61TyS6ocbhCngrRP2lswjH8AxBFX98yAq00yd72x7w3nqnGRfQim2SpkmK3z+ia/E0T/CwcSQmFTWNWvRAuehyLjAD0CajFhpo4ecdZxePOiUSw1DjMhB1uL25uZgWh4KsB6PGYtFPUHm5qEOOHnvHxIwv23tAi3g9asGrBS/HvLmAaqGQFpDhha8WWCy4Fl0F1WJQr3G9fkVFLVog6hm1WH/o1EMugbBV50eTrUHqczFcrlVjR987dexQrh4foRXbMlQtxoMi0ds0rXtz+v1KUtPq1R7I8ML3Fs1Y47y6FrsMdXlvEdK12OdXFFzVb4eoP3cW8PWhY6e+GfPUGVK4q/NKe1YhM2ijSn2DLiRPj896tgEBTZKifnllh2FBE9HZZvSgoEUAtAhvAy22OhcY3wqscT2apkVw6DOCHGgijFElOAFa4Pi4DaL+rECIc8Ze7HXZrSOq+VNl5YLPEJ4peYH/kxecOs/Yod+6kQnQIu2X/T5RZ7CbdRYhkeg7CFpE4GXY9Ciw2rnArMYoduyYhFdc9csxQ+Y28qKLL3PG/f6opNXHdsAud/c6Ge8cO/Xe0XPZDctoWx0qFVV7zW/rCDZjE1jaUZqbUcdODekJGZYkKeCX5U1tfL1wXVe/UzRYG5H9Khx3MfoTQecC44Ex0e0+CDIn/LIymF2N7e9KZddmB2S/PwlR78OoDzEh+lwcvo0d7W9Y7fuJWEHgXlCHAf/pNZP2AjUSco0GXoAWkQbRjLYDsuxPS5I2IhCrOpavBpwLxUMC0q2RzKNB0YzQYdAiA1FPCQg+ZSoQvFBQQrJOCNV57SzrCPSFT9vwAmoGQGLwhEyAFmkZykWfaMLDEdAiAg/Z4Ca98jYz8+TQyFi1apXHs2oGHnqI3QJ4Q3R04C0niIRC7LaADoBp4b6zHkJSZTmaMnV5CIyJwiMmG6la6ha4qP3OOTD0vZMX+YaXBV64qWRQzaBiQYMBT4i7E9IXwTSanaMOTYAwCXhETKCJDcsq98LjmgONeXjycHE8jbkbH/Od8w9CTEmIbXK5WIgTXJYD8Ig1VCsBF+3bSGaTJzwDi3wLOxMv0Ar6Yrjzb3GF3OaK6RkODBZ4Edwn68XiBX1iU0cVme9N/f9A/w69om5WAPslIArRjXeI02mIyVgsgJ9yR1EUA3DRD+6cHCzyfVBNvaAFPHYHt4hAR75xxrAb8hfHDEf6+6bVijWKftjF7qIRGAEr+G6p1qkrjskfIP/07ogvMuDYl/GjF9PqRZsTrVDQ5ZGcUsnJ7pbM7jBLi33X5JnEQAPytCAv3LRIfhiHERVymW4KiVn6nOMykJaAXrJCn/HyfZVLvsxCCVxlAEYwKxh8X3QfdhcBGZhMBXML3EAcKxy6PHknxMzXb9xcCuMnPSu2Rb/HurkXZAa9pwCheoFS0AOuW4lHniIDsaEOPceh1ZtY0hNx+OWoMd8lNXhJFixjtXpkyz6JgXaSz49KbPADoqODoT6qFKHUhEpWoMu8WKIZlAL4npfLbArmStVpkTUD1eCwrPDf7ZKoXiDx0QMDqf7hTYcTMpJGK2I3Cdkpry3v2KsrgVAR6nKKP1kBt6MSLbkAamyktyvVtWtkUkYUZsWIjR8S9OQFhJ473dkqJUU1akGFkhAILozOTgmIkwgcnt9JX2GbgqW4XNwmCBYgB2nUoy8Wz12HJSATlacTjUjAhMd4hgLd6ti4GPSrSlCdWpgmIO/nTZJJiv3pOLMiZSNIDLKCivLccZcBb4a4ERT8neAFkFTlXNSAhEzclX3a0/sqnoFKUb1alOAFicRIq4YT0WRcQs78lJtFoxq72Q+Vo4QV1BRMbxHvHpWQeADWwQklEaCoRzy2Yq++YKsoVarFXdeUZComEZFMIBkIZOIScfDma65idtZLZEYmgFFHJGLlgWvK5G5bJahOLW5YVgZdI/VSAbED+Q+65Rb+XXksqxA5fxnecYbHpUImppaVzR22ClCVWgjXlZehqZFJKY8zj9JLYKrG/EMylPq3d41rUi71o73LrNBomztVqYXt1rJfhhcOxjS9Do+vGS758LKomCEz6rxvwvA5Nrqja5k1bBWgOrVw3Xh9+dwxMNzbObXs+uriuqnh3uGp6663ygO32SpAdWpRowg1LWoY1LSoYUJNixom1LSoYUJNixom1LSoYUJNixom1LT4r106JAAAAGAY1L/1C0xfQQYIWhC0IGhB0IKgBUELghYELQhaELQgaMHDAGGDZSKaQRUzAAAAAElFTkSuQmCC") no-repeat 50%;background-size:100%}.my-content{text-align:center}.scroll-wrapper .cube-pulldown-wrapper .before-trigger{font-size:30px;align-self:flex-end}.scroll-wrapper .cube-pulldown-wrapper .before-trigger span{display:inline-block;-webkit-transition:all .3s;transition:all .3s;color:#666}.scroll-wrapper .cube-pulldown-wrapper .before-trigger span.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.scroll-list-wrap{height:480px;border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);overflow:hidden}.foods-wrapper .food-item{display:-webkit-box;display:flex;padding:18px;border-bottom:1px solid rgba(7,17,27,.1)}.foods-wrapper .food-item:last-child{margin-bottom:0}.foods-wrapper .food-item .icon{-webkit-box-flex:0;flex:0 0 57px;margin-right:10px}.foods-wrapper .food-item .food-content{-webkit-box-flex:1;flex:1}.foods-wrapper .food-item .food-content .name{margin:2px 0 8px;height:14px;line-height:14px;font-size:14px;color:#07111b}.foods-wrapper .food-item .food-content .description,.foods-wrapper .food-item .food-content .extra{line-height:10px;font-size:10px;color:#93999f}.foods-wrapper .food-item .food-content .description{line-height:12px;margin-bottom:8px}.foods-wrapper .food-item .food-content .extra .count{margin-right:12px}.foods-wrapper .food-item .food-content .price{font-weight:700;line-height:24px}.foods-wrapper .food-item .food-content .price .now{margin-right:8px;font-size:14px;color:#f01414}.foods-wrapper .food-item .food-content .price .old{text-decoration:line-through;font-size:10px;color:#93999f}.foods-wrapper .food-item .food-content .cartcontrol-wrapper{position:absolute;right:0;bottom:12px}.input-option[data-v-2295ccaf]{display:-webkit-box;display:flex;height:100%;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:stretch;align-items:stretch;-webkit-transform:rotate(0deg);transform:rotate(0deg);overflow:hidden}.input-option .name[data-v-2295ccaf]{-webkit-box-flex:0;flex:0 0 120px;padding-left:10px;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center}.input-option input[data-v-2295ccaf]{-webkit-box-flex:1;flex:1 1 auto;min-width:1px;padding:0 10px;background-color:#fff;border-left:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 1px 1px #eee;outline:none}.input-option input[data-v-2295ccaf]:focus{outline:1px solid #fc9153;outline-offset:-1px}.select-option[data-v-7605c0c2]{display:-webkit-box;display:flex;height:100%;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:stretch;align-items:stretch}.select-option .name[data-v-7605c0c2]{-webkit-box-flex:0;flex:0 0 auto;width:120px}.select-option .name[data-v-7605c0c2],.select-option .select[data-v-7605c0c2]{display:-webkit-inline-box;display:inline-flex;padding-left:10px;-webkit-box-align:center;align-items:center}.select-option .select[data-v-7605c0c2]{-webkit-box-flex:1;flex:1 1 auto;border-left:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 1px 1px #eee}.select-option .select[data-v-7605c0c2]:focus{border:1px solid #fc9153}.switch-option[data-v-73578a67]{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:stretch;align-items:stretch;height:100%;padding:0 15px}.switch-option .name[data-v-73578a67]{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-flex:0;flex:0 1 auto}.switch-option .switch-ellipse[data-v-73578a67]{align-self:center;-webkit-box-flex:0;flex:0 0 auto;margin-top:5px;display:inline-block;position:relative;height:22px;width:36px;background-color:#fff;border-radius:1000px;border:2px solid rgba(0,0,0,.1);-webkit-transition:all .1s;transition:all .1s}.switch-option .switch-ellipse.active[data-v-73578a67]{background-color:#fc9153;border-color:transparent;-webkit-transition:all .2s ease .2s;transition:all .2s ease .2s}.switch-option .switch-ellipse .switch-circle[data-v-73578a67]{position:absolute;display:inline-block;height:20px;width:20px;background:#fff;border-radius:50%;border:1px solid rgba(0,0,0,.1);box-shadow:-1px 1px 1px #999;top:0;left:0;-webkit-transition:all .3s;transition:all .3s}.switch-option .switch-ellipse .switch-circle.active[data-v-73578a67]{left:14px;border:1px solid #fff;box-shadow:-1px 1px 1px #e8864c;-webkit-transition:all .3s ease .05s;transition:all .3s ease .05s}.slide-container{height:75px;margin-bottom:15px;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:2px;overflow:hidden;box-shadow:0 2px 9px #ddd}.slide-container .cube-slide-dots .my-dot{height:auto;font-size:12px;background:none}.slide-container .cube-slide-dots .my-dot.active{color:#fc9153}.view-wrapper{position:fixed;top:54px;left:0;bottom:0;width:100%}.view-wrapper .index-list-wrapper{height:98%;width:94%;margin:0 auto;overflow:hidden}.view-wrapper .index-list-wrapper.custom .cube-index-list-content{background-color:#222;color:#909090}.view-wrapper .index-list-wrapper.custom .cube-index-list-group{padding-bottom:30px}.view-wrapper .index-list-wrapper.custom .cube-index-list-anchor{background-color:#333;height:30px;line-height:30px;padding:0 0 0 20px}.view-wrapper .index-list-wrapper.custom .custom-item{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:20px 0 0 30px}.view-wrapper .index-list-wrapper.custom .custom-item .avatar{width:50px;height:50px;border-radius:50%}.view-wrapper .index-list-wrapper.custom .custom-item .name{margin-left:20px;color:$color-text-l;font-size:$font-size-medium}.view-wrapper .index-list-wrapper.custom .cube-index-list-nav{padding:20px 0;border-radius:10px;background:rgba(0,0,0,.3)}.view-wrapper .index-list-wrapper.custom .cube-index-list-nav>ul>li{padding:3px;font-size:12px;color:#909090}.view-wrapper .index-list-wrapper.custom .cube-index-list-nav>ul>li.active{color:#ffcd32}.upload-view .content>div,.upload-view .content>p{margin:20px 0}.upload-view .content>div .cube-btn,.upload-view .content>div .cube-upload{margin:10px 0} \ No newline at end of file diff --git a/docs/example/css/app.5c34df9a19984a58132dee61f065687b.css b/docs/example/css/app.5c34df9a19984a58132dee61f065687b.css deleted file mode 100644 index 8b2ac123..00000000 --- a/docs/example/css/app.5c34df9a19984a58132dee61f065687b.css +++ /dev/null @@ -1 +0,0 @@ -a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;-webkit-backface-visibility:hidden;text-decoration:none}li{list-style:none}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{line-height:1;font-family:PingFang SC,STHeitiSC-Light,Helvetica-Light,arial,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.clear-fix:after{content:"";display:table;clear:both}.border-bottom-1px,.border-left-1px,.border-right-1px,.border-top-1px{position:relative}.border-bottom-1px:after,.border-bottom-1px:before,.border-left-1px:after,.border-left-1px:before,.border-right-1px:after,.border-right-1px:before,.border-top-1px:after,.border-top-1px:before{content:"";display:block;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}.border-top-1px:before{border-top:1px solid #ebebeb;left:0;top:0;width:100%;-webkit-transform-origin:0 top;transform-origin:0 top}.border-right-1px:after{border-right:1px solid #f5f5f5;top:0;right:0;height:100%;-webkit-transform-origin:right 0;transform-origin:right 0}.border-bottom-1px:after{border-bottom:1px solid #ebebeb;left:0;bottom:0;width:100%;-webkit-transform-origin:0 bottom;transform-origin:0 bottom}.border-left-1px:before{border-left:1px solid #f5f5f5;top:0;left:0;height:100%;-webkit-transform-origin:left 0;transform-origin:left 0}.cube-safe-area-pb{padding-bottom:constant(safe-area-inset-bottom)!important;padding-bottom:env(safe-area-inset-bottom)!important}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.border-top-1px:before{width:200%}.border-right-1px:after,.border-top-1px:before{-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}.border-right-1px:after{height:200%}.border-bottom-1px:after{width:200%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}.border-left-1px:before{height:200%}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.border-top-1px:before{width:300%}.border-right-1px:after,.border-top-1px:before{-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}.border-right-1px:after{height:300%}.border-bottom-1px:after{width:300%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}.border-left-1px:before{height:300%}}@font-face{font-family:cube-icon;src:url(data:application/font-woff;base64,d09GRgABAAAAAAikAAsAAAAADbAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kh8Y21hcAAAAYAAAADAAAACbmMXOqBnbHlmAAACQAAAA/wAAAX4pdZ6/2hlYWQAAAY8AAAALgAAADYPLJwsaGhlYQAABmwAAAAcAAAAJAfeA5BobXR4AAAGiAAAABQAAAA8O+kAAGxvY2EAAAacAAAAIAAAACALQgymbWF4cAAABrwAAAAfAAAAIAEeAF1uYW1lAAAG3AAAAU4AAAJ5Hs+NonBvc3QAAAgsAAAAdQAAAJyx5qFgeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sc4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzrYW7438AQw9zA0AAUZgTJAQAvsgz+eJzFkkEOgkAMRf8IIgoYFwQl8QhegksR9rjDw7gynuhfA38pCTG61jZvkvmT9DftAFgDiMRFxEB4IMDiLjVMeoTdpMe46l7hICVBx5QZC5as2bBlz9s46n3Rq1kfJv0zgmoteZ7T9JUcYnWWYIMUW/lnyFFgr8fka62fRPif9Xvk0/mcb5oKuhm1yNTRFMHMsQ2zcGzLLB3bPitH0waPjuYOnhxYvdrRLsDGsV/B1oH59I51x8GBed4c7F/jOD05eJxlVE2IHEUUrle9XVUz09s9M/033bM9vz3du87saHp6ejYJmawiSmRXAqIggpCDYUX0aHIwsAcDooLiRRFhMURjIIu3HCQHwYuHePCgF0FIlJgc9OQhsGzH17O7sL0ONV9Vvar53qvvvXlEJuTRHemWVCM6WSTHyNPkLCHA+tBRqQftMB7SPpht2bQNVQq7YZt3O0PpFNgdZlhREgc240wDFRowakdJOKQhjOMpPQmR5QE4dfeFam+hKn0MxVrYuJw+R6+A2ewuaNPl9MzgtBG1dHFBqVadavVDwWRZUDqnqfCmbRXkQpGlV2XNNW81l2gTFCd0116eb9Wr596L3/J6dgFgcxP0eku9drriVnC841p61eHleVFz57u+ARf+LNV0xQv+IPgBfOs9+kByiYGbJGqCZfACggasE0IQT+inwhA+5+n38JQQvtBF+r4QUjVbGyK9md7MzoWATZxnfP/SO5JCKjM+O+NDKiQqIBuMtECDVzQt/UoLGhqspD9qdFdVsy3a1EavDCuwUu7tx0aINKA3SIkQvQD4OAwtLMAOyCCH6UMQYbqT7oQg0of0Rn4fZnfw59n7pM/xfSWiEQdJVeANsKcwGQKXupKOzwziJLIMSrbvy/L97Rm+qyXz6+XFsuYNPMk9sCJ+m/4FTrqqKOVlz1vO8RtkJc8vDWHGzHQsCK6CB91xnEyS05CM46AbcGZ2s71tmQbLuf/O9Ly+520oj9mC8TGX1bFtPL4Y1ezk+TNPBoGai2n3Dchu9z2oK6FRLoKiaWVWag5tuxkMoVOPnnkJoNc5ZS5mktJDMVePRMzDiQ12LpZf/S/8t4H7eZe/B5lV+Ef47P/xISNyTmyeIy34m5f8S3sjT/zPgRkHOaLv8pH8ZdpiaSV6N8OTMN6fI8uujLLDvKhly2pZ1tnziqoqjpPhSJmHbJFPcXarZaWxaqv38KuWHhGcslgwoM/oA+wLNmkR0psAqss42MzEmNoYVAxZTR3kXfpISr9kbuCydIsKqJv0J2sB0k+0WFuyPCwt73WZvlgxzcru17JSslwAzyzAb7MaG82Sulzf19dFDQTx0CsqMIRwPBqbWE5BiGt0jP7RrgI9Dyf6/RNw+3Z/0D8G0tbFi1sSPLE0HKwPjlN6fOCsOw5di8KNKR7g8XQjjNaO5lA+RCodUjyn5/b1u3Nzd6/P8LB+kn9gRdyrD4Qp/QH/gTXM4ChKxnoShF0VTH3mYq9twt9tXmxAUbw6m+y63xv3eiAJDlu8CFDk6TkuVsFPev7EP+gPz9LXZr0rDDo8A2xcBnaxaAJJLK02WJWl31xFbDD2M68wuMwoWll65RrnDTT8wjl8wLFb/Qe4TzceeJxjYGRgYADiO1X3jOL5bb4ycLMwgMA1tjVSCPr/QxYGZhCfg4EJJAoAH3UJZgAAeJxjYGRgYG7438AQw8IAAkCSkQEV8AMARxUCeHicY2FgYGB+ycDAwkA6BgA5kwElAAAAAAB2AJ4AxADmARYBcAGYAcYCDAJIAnoCqALUAvx4nGNgZGBg4GcIZGBlAAEmIOYCQgaG/2A+AwASOwF8AHicbZG7TgJBFIb/5WZYogVGS51GCw3LpTGhlAQKOwt6WGYXyN4yO0vCI/g8PoNPYG/nM9j6sxwpkJ3Myff/57InGQBtfMHB/rvi3bODJtWeKzjDjXCV/p1wjewJ19HCk3CD/rOwi0e8CLdwiQ0nOLUm1QPehB3u8C5cwQU+hKv0P4Vr5G/hOq7xI9xA2zkXdjF1boVbuHcKd2T0zOqFmm/Vyk+TIE2s6xdz3dmpVx0W0cwc9AGm2uSrNFF9r3fwJjrR5m9WvgkH1gYqMGmsxhyqoyhVmUnX2rfe0tps2O0G4nt+GnO1EQw0ZrCMCyjMsWVcwUeKBEEZLet8FMxpdA65V6qQbsRucyL/35lSGeTUO6XQ5zP1TtRNqJKy9nivnA8VYkDXcjfFa9gRk8ayqeY+EVkhK3NrOj59D8uyK8MQXZ7gqN4r/x3/AlLlb9YAAHicbcFRFoIgEAXQeQSmZtlGWhQKEUebqREPLb+PfruXDP309N8IgwMsHBoc0aJDjxMGnHHBiCvhYyc/L86rSnXzKlu01Su37z1uJQs7zelRXFXhZDPfpQmeU1Tn16hlUNk53CbRELXLz5do8VyMLERf/XogggAAAA==) format("woff"),url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJW7kh8AAABfAAAAFZjbWFwYxc6oAAAAhAAAAJuZ2x5ZqXWev8AAASgAAAF+GhlYWQPLJwsAAAA4AAAADZoaGVhB94DkAAAALwAAAAkaG10eDvpAAAAAAHUAAAAPGxvY2ELQgymAAAEgAAAACBtYXhwAR4AXQAAARgAAAAgbmFtZR7PjaIAAAqYAAACeXBvc3Sx5qFgAAANFAAAAJwAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAA8AAQAAAAEAANx63jJfDzz1AAsEAAAAAADWBqwaAAAAANYGrBoAAP/hBAADGgAAAAgAAgAAAAAAAAABAAAADwBRAAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQP+AZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAHjmjAOA/4AAXAOAAIAAAAABAAAAAAAABAAAAAPpAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAAAAABQAAAAMAAAAsAAAABAAAAbYAAQAAAAAAsAADAAEAAAAsAAMACgAAAbYABACEAAAAFgAQAAMABgB45gjmC+YN5hTmGeZB5nbmg+aM//8AAAB45gjmC+YN5hTmFuZB5nbmg+aL//8AAAAAAAAAAAAAAAAAAAAAAAAAAAABABYAFgAWABYAFgAWABwAHAAcABwAAAABAAIAAwAEAAUABgAHAAgACQAKAAsADAANAA4AAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAALgAAAAAAAAADgAAAHgAAAB4AAAAAQAA5ggAAOYIAAAAAgAA5gsAAOYLAAAAAwAA5g0AAOYNAAAABAAA5hQAAOYUAAAABQAA5hYAAOYWAAAABgAA5hcAAOYXAAAABwAA5hgAAOYYAAAACAAA5hkAAOYZAAAACQAA5kEAAOZBAAAACgAA5nYAAOZ2AAAACwAA5oMAAOaDAAAADAAA5osAAOaLAAAADQAA5owAAOaMAAAADgAAAAAAAAB2AJ4AxADmARYBcAGYAcYCDAJIAnoCqALUAvwABQAA/+EDvAMYABMAKAAxAEQAUAAAAQYrASIOAh0BISc0LgIrARUhBRUXFA4DJyMnIQcjIi4DPQEXIgYUFjI2NCYXBgcGDwEOAR4BMyEyNicuAicBNTQ+AjsBMhYdAQEZGxpTEiUcEgOQAQoYJx6F/koCogEVHyMcDz4t/kksPxQyIBMIdwwSEhkSEowIBgUFCAICBA8OAW0XFgkFCQoG/qQFDxoVvB8pAh8BDBknGkxZDSAbEmGING4dJRcJAQGAgAETGyAOpz8RGhERGhF8GhYTEhkHEA0IGBoNIyQUAXfkCxgTDB0m4wAAAAABAAD/5gLpAxoAFAAAATYyHwEWFAcJARYUDwEGIicBJjQ3ApcIFAgkBwf+wAFCCAgkCBMI/ooICAMSCAgkCBQI/rb+tggUCCQICAGACBQIAAEAAP/0AuEDDAARAAABNjIXARYUBwEGIiY0NwkBJjQBMw8mDwFbDw/+pQ8mHg8BOP7IDwL9Dg7+pQ8mD/6lDh4lEAE4ATgQJQAAAAABAAAAAAMsAqwACwAAEwkBFwkBBwkBJwkB+wEFAQUn/vgBCCf++/77JwEI/vgCrP74AQgn/vv++ycBCP74JwEFAQUAAAMAAP/mA5oDGgALAA8AGQAAAQ4BBx4BFz4BNy4BBwMjAxMGIicmNDYyFhQCAK3oBQXora3oBQXohA82DU0QKBAPHSwdAxoF6K2t6AUF6K2t6K/+5wEZ/kAMDBAtHR0tAAMAAP/mA5oDGgALABQAOAAAAQ4BBx4BFz4BNy4BAy4BNDYyFhQGEwYHBgcOAR0BIzU0Njc2PwE2NTQmIyYHBhUjNDY3NhcWFRQGAgCt6AUF6K2t6AUF6LoVHR0rHR1oDCoXCAYHNQcFDjUXFC8oMhgXNk5JQSYmDgMaBeitregFBeitrej9awEdKx0dKx0BGwwnFBAKAQwPDxAGCx8uFxcfJi4BIhsyRlYBASUiPRUoAAAAAAIAAP/mA5oDGgALABIAAAEOAQceARc+ATcuAQMHJzcXARcCAK3oBQXora3oBQXo1iScJHYBByQDGgXora3oBQXora3o/d4mnCR2AQgkAAAAAgAA/+YDmgMaAAsAFwAAAQ4BBx4BFz4BNy4BAwcnByc3JzcXNxcHAgCt6AUF6K2t6AUF6AkkgH0kfX0kfX0kfQMaBeitregFBeitrej97iR9fSR9fSR9fSR9AAADAAD/5gOaAxoACwAUAC0AAAEOAQceARc+ATcuAQcyFhQGIiY0NhMjIiY0NjsBNSMiJjQ2OwEyFhcRMzIWFAYCAK3oBQXora3oBQXouhAWFiAWFlBmDA4ODBkZDA4ODDMMDQEZDA4OAxoF6K2t6AUF6K2t6K8WIBYWIBb+NA4XDuYOFw4OC/8ADhcOAAMAAAAAA5gC6QATABcAIAAAJTcBLgEiBgcBFwYVHgEXIT4BNzQBAyMDEy4BNDYyFhQGA48D/qEGGiYaBv6fAggBGxUCzRYcAf6SDzQPKRYdHSwdHWkFAlURFRUR/aYFDAsWGgEBHRUJAdv+5wEZ/jMBHSsdHS0bAAIAAP/mAxoDGgAIAB0AACUOAQcuASc1MzUVIzU0JicuASc+ATceARcOAQcOAQJmATorKzoBzMwrLCsxAQOfeHifAwEwKS4sTSw5AgI5LBlNGRkCTDInaD54nwMDn3g+aCcyTAACAAD/5gOaAxoACwAXAAAFLgEnPgE3HgEXDgEDDgEHHgEXPgE3LgECAK3oBQXora3oBQXoraniBATiqaniBATiGgXora3oBQXora3oAyQE4qmp4gQE4qmp4gAAAAIAAAAAAj4CwwAPABgAAAEzMjY1EzYmJyMOARUTHgEXDgEUFjI2NCYB7SEHCh4BCgheBwoeAQoXGyQlNSUlAQMIBwGfBwoBAQoH/mEHCEABJDYlJDckAAABAAAAAANHAmUAFAAAAScmIgcBJyYiDwEGFB8BFjI3ATY0A0AeBhIG/qikBhIGHgYG0QcRBgGFBgJAHgYG/qKnBwceBxEG1QcHAYsHEQAAAAAAEgDeAAEAAAAAAAAAFQAAAAEAAAAAAAEACQAVAAEAAAAAAAIABwAeAAEAAAAAAAMACQAlAAEAAAAAAAQACQAuAAEAAAAAAAUACwA3AAEAAAAAAAYACQBCAAEAAAAAAAoAKwBLAAEAAAAAAAsAEwB2AAMAAQQJAAAAKgCJAAMAAQQJAAEAEgCzAAMAAQQJAAIADgDFAAMAAQQJAAMAEgDTAAMAAQQJAAQAEgDlAAMAAQQJAAUAFgD3AAMAAQQJAAYAEgENAAMAAQQJAAoAVgEfAAMAAQQJAAsAJgF1CkNyZWF0ZWQgYnkgaWNvbmZvbnQKY3ViZS1pY29uUmVndWxhcmN1YmUtaWNvbmN1YmUtaWNvblZlcnNpb24gMS4wY3ViZS1pY29uR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AAoAYwB1AGIAZQAtAGkAYwBvAG4AUgBlAGcAdQBsAGEAcgBjAHUAYgBlAC0AaQBjAG8AbgBjAHUAYgBlAC0AaQBjAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAYwB1AGIAZQAtAGkAYwBvAG4ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAABeARiYWNrBWFycm93BWNsb3NlBHdhcm4IcXVlc3Rpb24FcmlnaHQFd3JvbmcEaW5mbwZkYW5nZXIFYWxlcnQMcm91bmQtYm9yZGVyCWltcG9ydGFudAJvawAA) format("truetype")}[class*=" cubeic-"],[class^=cubeic-]{font-family:cube-icon!important;font-size:100%;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.cubeic-important:before{content:"\E68B"}.cubeic-alert:before{content:"\E676"}.cubeic-ok:before{content:"\E68C"}.cubeic-back:before{content:"\E608"}.cubeic-arrow:before{content:"\E60B"}.cubeic-close:before{content:"\E60D"}.cubeic-warn:before{content:"\E614"}.cubeic-question:before{content:"\E616"}.cubeic-right:before{content:"\E617"}.cubeic-wrong:before{content:"\E618"}.cubeic-info:before{content:"\E619"}.cubeic-danger:before{content:"\E641"}.cubeic-round-border:before{content:"\E683"}.cube-btn{display:block;margin:0;padding:17px 16px;width:100%;text-align:center;white-space:nowrap;cursor:pointer;font-size:16px;line-height:1;color:#fff;background:#4a4c5b;outline:none;border:none;border-radius:2px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.cube-btn>i{display:inline-block;margin-right:4px;font-size:100%;-webkit-transform:scale(1.13);transform:scale(1.13);-webkit-transform-origin:right center;transform-origin:right center}.cube-btn.cube-btn_active,.cube-btn:active{background:#444654;position:relative}.cube-btn.cube-btn_active:after,.cube-btn:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #444654;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn.cube-btn_active:after,.cube-btn:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn.cube-btn_active:after,.cube-btn:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn.cube-btn_disabled,.cube-btn.cube-btn_disabled.cube-btn_active,.cube-btn.cube-btn_disabled:active{color:#fff;background:#ccc;position:relative}.cube-btn.cube-btn_disabled.cube-btn_active:after,.cube-btn.cube-btn_disabled:active:after,.cube-btn.cube-btn_disabled:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn.cube-btn_disabled.cube-btn_active:after,.cube-btn.cube-btn_disabled:active:after,.cube-btn.cube-btn_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn.cube-btn_disabled.cube-btn_active:after,.cube-btn.cube-btn_disabled:active:after,.cube-btn.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-inline{width:auto;display:inline-block;vertical-align:middle;padding:9px 10px;font-size:12px}.cube-btn-inline>i{margin-right:2px;-webkit-transform:scale(1.14);transform:scale(1.14)}.cube-btn-primary{color:#fff;background:#fc9153;position:relative}.cube-btn-primary:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-primary:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-primary:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c;position:relative}.cube-btn-primary.cube-btn_active:after,.cube-btn-primary:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #e8864c;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-primary.cube-btn_active:after,.cube-btn-primary:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-primary.cube-btn_active:after,.cube-btn-primary:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-light{color:#666;background:#fcfcfc;box-shadow:0 1px 3px rgba(0,0,0,.1)}.cube-btn-light.cube-btn_active,.cube-btn-light:active{background:#e8e8e8;position:relative}.cube-btn-light.cube-btn_active:after,.cube-btn-light:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #e8e8e8;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-light.cube-btn_active:after,.cube-btn-light:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-light.cube-btn_active:after,.cube-btn-light:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-outline{color:#666;background:transparent;position:relative}.cube-btn-outline:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #666;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-outline.cube-btn_active,.cube-btn-outline:active{background:rgba(0,0,0,.08);position:relative}.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #666;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-outline-primary{color:#fc9153;background:transparent;position:relative}.cube-btn-outline-primary:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline-primary:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline-primary:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-outline-primary.cube-btn_active,.cube-btn-outline-primary:active{background:rgba(252,145,83,.08);position:relative}.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #e8864c;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-checkbox{position:relative;padding:0 16px;text-align:left;font-size:100%;color:#666;background-color:#fff}.cube-checkbox[data-pos=right] .cube-checkbox-ui{margin-right:0;position:absolute;right:0}.cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:1.42em}.cube-checkbox-wrap{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:11px 0;line-height:1.5;word-break:break-word;word-wrap:break-word}.cube-checkbox-input{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.cube-checkbox-ui{position:relative;width:1em;height:1em;margin-right:.42em;line-height:1;border-radius:50%}.cube-checkbox-ui:before,.cube-checkbox-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-checkbox-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.2);transform:scale(1.2)}.cube-checkbox-ui i{position:absolute;top:0;left:0;color:transparent;-webkit-transform:scale(.4);transform:scale(.4)}.cube-checkbox_checked .cube-checkbox-ui:before{color:transparent}.cube-checkbox_checked .cube-checkbox-ui i{color:#fc9153;-webkit-transform:scale(1.23);transform:scale(1.23)}.cube-checkbox_disabled .cube-checkbox-ui{background-color:#eee}.cube-checkbox_disabled .cube-checkbox-ui:before,.cube-checkbox_disabled .cube-checkbox-ui i{-webkit-transition:none;transition:none}.cube-checkbox_disabled .cube-checkbox-ui:before{color:transparent}.cube-checkbox_disabled .cube-checkbox-ui i{color:#eee}.cube-checkbox_checked.cube-checkbox_disabled .cube-checkbox-ui{background-color:#fff}.cube-checkbox-group{z-index:1;overflow:hidden}.cube-checkbox-group .cube-checkbox:last-child .cube-checkbox-wrap:after,.cube-checkbox-group .cube-checkbox:last-child .cube-checkbox-wrap:before{display:none}.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-horz=true]:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;flex:1;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-horz=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:last-child:before{display:none}.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;order:1}.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;justify-content:center}.cube-popup{position:fixed;left:0;right:0;top:0;bottom:0;z-index:100}.cube-popup-container,.cube-popup-mask{position:absolute;width:100%;height:100%}.cube-popup-mask{overflow:hidden;background-color:#25262d;opacity:.4}.cube-popup-mask:before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,.1);margin-left:-10px}.cube-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.cube-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.cube-popup-center .cube-popup-content{position:absolute;top:-50%;left:-50%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cube-dialog-main{width:270px;padding:0;text-align:center;overflow:hidden;border-radius:2px;background-color:#fff}.cube-dialog-alert,.cube-dialog-confirm{position:relative;overflow:hidden}.cube-dialog-icon{margin-top:20px;margin-bottom:16px;line-height:1;color:#4a4c5b;font-size:30px}.cube-dialog-icon i{display:inline-block;width:30px;height:30px;padding:10px;border-radius:50%;background-color:#f3f4f5}.cube-dialog-icon+.cube-dialog-title .cube-dialog-title-def{margin-top:0}.cube-dialog-icon+.cube-dialog-content{margin-top:-4px}.cube-dialog-title{color:#333;font-size:16px;line-height:1}.cube-dialog-title+.cube-dialog-content{margin-top:12px}.cube-dialog-title-def{margin:30px 16px 0;overflow:hidden;white-space:nowrap}.cube-dialog-content{margin:16px 0;text-align:left;color:#666;font-size:14px;line-height:22px}.cube-dialog-content-def{padding:0 16px}.cube-dialog-content-def>p{display:table;margin:auto}.cube-dialog-confirm .cube-dialog-btns .cube-dialog-btn{width:50%;float:left}.cube-dialog-confirm .cube-dialog-btns.border-right-1px:after{right:50%;border-color:#ebebeb}.cube-dialog-close{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;z-index:1;position:absolute;top:0;right:0;width:32px;height:32px;color:#999;font-size:18px}.cube-dialog-btns{overflow:hidden;width:100%;font-size:0}.cube-dialog-btn{display:inline-block;width:100%;padding:17px 10px;margin:0;font-size:16px;line-height:1;text-align:center;text-decoration:none;color:#999;background-color:#fff;background-clip:padding-box;box-sizing:border-box}.cube-dialog-btn:active{background-color:rgba(0,0,0,.04)}.cube-dialog-btn_highlight{color:#fc9153}.cube-dialog-btn_highlight:active{background-color:rgba(252,145,83,.04)}.cube-dialog-btn_disabled{color:#999}.cube-dialog-btn_disabled:active{background-color:transparent}.cube-dialog-fade-enter-active{-webkit-animation:dialog-fadein .4s;animation:dialog-fadein .4s}.cube-dialog-fade-enter-active .cube-dialog-main{-webkit-animation:dialog-zoom .4s;animation:dialog-zoom .4s}@-webkit-keyframes dialog-fadein{0%{opacity:0}to{opacity:1}}@keyframes dialog-fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-zoom{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes dialog-zoom{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.cube-loading{font-size:24px}.cube-loading-spinners{position:relative;display:block;width:1em;height:1em}.cube-loading-spinner{position:absolute;left:44.5%;top:37%;width:2px;height:25%;border-radius:50%/20%;opacity:.25;background-color:currentColor;-webkit-animation:spinner-fade 1s linear infinite;animation:spinner-fade 1s linear infinite}.cube-loading-spinner:first-child{-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(-150deg) translateY(-150%);transform:rotate(-150deg) translateY(-150%)}.cube-loading-spinner:nth-child(2){-webkit-animation-delay:.083333333333333s;animation-delay:.083333333333333s;-webkit-transform:rotate(-120deg) translateY(-150%);transform:rotate(-120deg) translateY(-150%)}.cube-loading-spinner:nth-child(3){-webkit-animation-delay:.166666666666667s;animation-delay:.166666666666667s;-webkit-transform:rotate(-90deg) translateY(-150%);transform:rotate(-90deg) translateY(-150%)}.cube-loading-spinner:nth-child(4){-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-transform:rotate(-60deg) translateY(-150%);transform:rotate(-60deg) translateY(-150%)}.cube-loading-spinner:nth-child(5){-webkit-animation-delay:.333333333333333s;animation-delay:.333333333333333s;-webkit-transform:rotate(-30deg) translateY(-150%);transform:rotate(-30deg) translateY(-150%)}.cube-loading-spinner:nth-child(6){-webkit-animation-delay:.416666666666667s;animation-delay:.416666666666667s;-webkit-transform:rotate(0deg) translateY(-150%);transform:rotate(0deg) translateY(-150%)}.cube-loading-spinner:nth-child(7){-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-transform:rotate(30deg) translateY(-150%);transform:rotate(30deg) translateY(-150%)}.cube-loading-spinner:nth-child(8){-webkit-animation-delay:.583333333333333s;animation-delay:.583333333333333s;-webkit-transform:rotate(60deg) translateY(-150%);transform:rotate(60deg) translateY(-150%)}.cube-loading-spinner:nth-child(9){-webkit-animation-delay:.666666666666667s;animation-delay:.666666666666667s;-webkit-transform:rotate(90deg) translateY(-150%);transform:rotate(90deg) translateY(-150%)}.cube-loading-spinner:nth-child(10){-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-transform:rotate(120deg) translateY(-150%);transform:rotate(120deg) translateY(-150%)}.cube-loading-spinner:nth-child(11){-webkit-animation-delay:.833333333333333s;animation-delay:.833333333333333s;-webkit-transform:rotate(150deg) translateY(-150%);transform:rotate(150deg) translateY(-150%)}.cube-loading-spinner:nth-child(12){-webkit-animation-delay:.916666666666667s;animation-delay:.916666666666667s;-webkit-transform:rotate(180deg) translateY(-150%);transform:rotate(180deg) translateY(-150%)}@-webkit-keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}@keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}.cube-toast.cube-popup{z-index:900}.cube-toast .cube-popup-content{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:13px 16px;color:#ccc;background-color:rgba(37,38,45,.9);border-radius:2px}.cube-toast-icon{width:24px;height:24px;font-size:24px}.cube-toast-tip{line-height:20px;font-size:14px;max-width:12em;max-height:40px;overflow:hidden;margin-left:8px}.cube-toast-fade-enter-active{-webkit-animation:toast-in .2s;animation:toast-in .2s}.cube-toast-fade-leave-active{-webkit-animation:toast-out .2s;animation:toast-out .2s}@-webkit-keyframes toast-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes toast-out{0%{opacity:1}to{opacity:0}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.cube-tip{display:-webkit-box;display:flex;z-index:10;position:absolute;padding:10px 38px 10px 16px;max-height:60px;font-size:12px;color:#fff;background:rgba(74,76,91,.8);border-radius:2px;-webkit-transition:opacity .2s;transition:opacity .2s}.cube-tip[data-dir=bottom] .cube-tip-angle,.cube-tip[data-dir=top] .cube-tip-angle{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cube-tip[data-dir=top] .cube-tip-angle{top:0}.cube-tip[data-dir=top] .cube-tip-angle:before{margin-top:-6px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.cube-tip[data-dir=bottom] .cube-tip-angle{bottom:0}.cube-tip[data-dir=bottom] .cube-tip-angle:before{margin-bottom:-6px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.cube-tip[data-dir=left] .cube-tip-angle,.cube-tip[data-dir=right] .cube-tip-angle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cube-tip[data-dir=left] .cube-tip-angle{left:0}.cube-tip[data-dir=left] .cube-tip-angle:before{margin-left:-9px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.cube-tip[data-dir=right] .cube-tip-angle{right:0}.cube-tip[data-dir=right] .cube-tip-angle:before{margin-right:-9px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cube-tip-angle{position:absolute}.cube-tip-angle:before{content:"";display:block;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent rgba(74,76,91,.8)}.cube-tip-close{position:absolute;right:14px;top:12px;width:12px;height:12px;padding:0;color:inherit;outline:none;border:none;background:none;-webkit-transform:scale(1.3);transform:scale(1.3)}.cube-tip-content{min-height:18px;line-height:18px;-webkit-box-flex:1;flex:1;flex-basis:1e-9px;width:1%;overflow:hidden}.cube-tip-zoom-enter-active{-webkit-animation:tip-in .4s;animation:tip-in .4s;-webkit-transform:translateZ(0);transform:translateZ(0)}.cube-tip-zoom-leave-active{-webkit-animation:tip-out .2s;animation:tip-out .2s;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes tip-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tip-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes tip-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes tip-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.cube-slide{position:relative;min-height:1px;height:100%}.cube-slide-group{position:relative;height:100%;overflow:hidden;white-space:nowrap}.cube-slide-dots{position:absolute;bottom:2px;right:0;left:0;padding:0 6px;font-size:0;text-align:center;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.cube-slide-dots>span{display:inline-block;vertical-align:bottom;margin:0 1px;width:10px;height:1px;background:#ccc}.cube-slide-dots>span.active{background:#fc9153}.cube-slide-item{float:left;box-sizing:border-box;height:100%;text-align:center}.cube-slide-item>a{overflow:hidden;text-decoration:none}.cube-slide-item>a,.cube-slide-item>a>img{display:block;height:100%}.cube-index-list{position:relative;height:100%;overflow:hidden}.cube-index-list .cube-scroll-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.cube-index-list-content{background:#fff;border-radius:2px}.cube-index-list-title{padding:14px 16px;font-size:14px;line-height:1.6;color:#333}.cube-index-list-anchor{padding:16px 16px 10px;line-height:1;font-size:14px;color:#999;background:#f7f7f7}.cube-index-list-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-index-list-nav{position:absolute;z-index:30;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:Helvetica}.cube-index-list-nav>ul{padding:0;margin:0}.cube-index-list-nav>ul>li{padding:6px 16px 0;line-height:1;text-align:center;font-size:12px;color:#666}.cube-index-list-nav>ul>li.active{color:#fc9153}@media (max-height:480px){.cube-index-list-nav>ul>li{padding-top:3px}}.cube-scroll-wrapper{position:relative;height:100%;overflow:hidden}.cube-pulldown-wrapper{position:absolute;width:100%;left:0;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-transition:all;transition:all}.cube-pulldown-wrapper .after-trigger{margin-top:5px}.cube-pullup-wrapper{width:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.cube-pullup-wrapper .before-trigger{padding:22px 0;min-height:1em}.cube-pullup-wrapper .after-trigger{padding:19px 0}.cube-scroll-content{position:relative;z-index:1}.cube-scroll-item{height:60px;line-height:60px;font-size:18px;padding-left:20px}.cube-index-list-item-def{position:relative;height:50px;line-height:50px;padding:0 16px;font-size:14px;color:#333}.cube-index-list-item-def:last-child:after,.cube-index-list-item-def:last-child:before{display:none}.cube-index-list-item_active{background:rgba(0,0,0,.04)}.cube-picker-fade-enter,.cube-picker-fade-leave-active{opacity:0}.cube-picker-fade-enter-active,.cube-picker-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-panel{height:273px;text-align:center;font-size:14px;background:#fff}.cube-picker-move-enter,.cube-picker-move-leave-active{-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}.cube-picker-move-enter-active,.cube-picker-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-choose{position:relative;height:60px}.cube-picker-choose>span{position:absolute;top:6px;padding:16px;font-size:14px}.cube-picker-choose>[data-action=confirm]{right:0;color:#fc9153}.cube-picker-choose>[data-action=confirm]:active{color:#fdc2a5}.cube-picker-choose>[data-action=cancel]{left:0;color:#999}.cube-picker-choose>[data-action=cancel]:active{color:#ccc}.cube-picker-choose>h1{margin:0;line-height:60px;text-align:center;font-weight:400;font-size:18px;color:#333}.cube-picker-content{position:relative;top:20px}.cube-picker-content>i{position:absolute;z-index:10;left:0;width:100%;height:68px;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.cube-picker-content>.border-bottom-1px{top:0;background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,.8)));background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))}.cube-picker-content>.border-top-1px{bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,.8)));background:-webkit-linear-gradient(top,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))}.cube-picker-wheel-wrapper{display:-webkit-box;display:flex;padding:0 16px}.cube-picker-wheel-wrapper>div{-webkit-box-flex:1;flex:1;flex-basis:1e-9px;width:1%;height:173px;overflow:hidden;font-size:20px}.wheel-scroll{padding:0;margin-top:68px;line-height:36px;list-style:none}.wheel-scroll>li{list-style:none;height:36px;overflow:hidden;white-space:nowrap;color:#333}.cube-picker-footer{height:20px}.cube-action-sheet-fade-enter,.cube-action-sheet-fade-leave-active{opacity:0}.cube-action-sheet-fade-enter-active,.cube-action-sheet-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-action-sheet-panel{text-align:center;font-size:14px;background-color:#fff}.cube-action-sheet-move-enter,.cube-action-sheet-move-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.cube-action-sheet-move-enter-active,.cube-action-sheet-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-action-sheet-cancel{background-color:#fff}.cube-action-sheet-cancel span,.cube-action-sheet-item,.cube-action-sheet-title{display:block;padding:17px 16px;margin:0;text-align:center;overflow:hidden;white-space:nowrap;font-size:16px;font-weight:400;line-height:1;color:#666;background-color:#fff}.cube-action-sheet-cancel span:active,.cube-action-sheet-item:active{background-color:rgba(0,0,0,.04)}.cube-action-sheet-title{padding-top:16px;padding-bottom:16px;color:#333;font-size:18px}.cube-action-sheet-content{overflow:hidden;background:#fff}.cube-action-sheet-list{list-style:none}.cube-action-sheet-item{list-style:none;-webkit-user-select:none;user-select:none}.cube-action-sheet-item:last-of-type:after,.cube-action-sheet-item:last-of-type:before{display:none}.cube-action-sheet-item[data-align=left]{text-align:left}.cube-action-sheet-item[data-align=right]{text-align:right}.cube-action-sheet-space{height:6px;background-color:rgba(37,38,45,.4)}.cube-action-sheet-item_active{color:#fc9153}.cube-action-sheet_picker .cube-action-sheet-space{height:0}.cube-action-sheet_picker .cube-action-sheet-title{height:1em;padding-top:21px;padding-bottom:21px}.cube-action-sheet_picker .cube-action-sheet-cancel{position:absolute;top:0;background-color:transparent}.cube-action-sheet_picker .cube-action-sheet-cancel span{padding-top:23px;padding-bottom:23px;color:#999;font-size:14px;background-color:transparent}.cube-action-sheet_picker .cube-action-sheet-cancel span:active{color:#ccc;background-color:transparent}#app,body,html{height:100%}body{background-color:#fff;overflow:hidden}.cube-bar{z-index:10;position:absolute;right:0;left:0;height:44px;line-height:44px;text-align:center;background-color:#f7f7f7;box-shadow:0 1px 6px #ccc;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cube-bar h1{font-size:18px;font-weight:500}.cube-content{position:absolute;top:44px;left:0;right:0;bottom:0;overflow:scroll;-webkit-overflow-scrolling:touch}.cube-content .cube-list{padding-left:10px}.cube-content .cube-list .cube-item{height:40px;line-height:40px}.cube-content .cube-list .cube-item .link{display:block;position:relative;width:100%;color:#333;text-decoration:none;outline:0}.cube-content .cube-list .cube-item .link .cubeic-arrow{position:absolute;right:0;padding:0 5px;color:#ccc}.cube-view{-webkit-transform:translateZ(0);transform:translateZ(0)}.page-move-enter,.page-move-leave-active{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.page-move-enter-active,.page-move-leave-active{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.cube-btn-group>button{margin:10px 0}.cube-btn-group.row>button{display:inline-block;width:auto;margin:10px 5px}.cube-btn-group.row>button:first-child{margin-left:0}.cube-btn-group.row>button:last-child{margin-right:0}.cube-page{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:#efeff4}.cube-page .header{position:relative;height:44px;line-height:44px;text-align:center;background-color:#f7f7f7;box-shadow:0 1px 6px #ccc;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5}.cube-page .header h1{font-size:16px;font-weight:700}.cube-page .header .cubeic-back{position:absolute;top:0;left:0;padding:0 15px;color:#fc9153}.cube-page>.wrapper{height:calc(100% - 44px);overflow:auto;-webkit-overflow-scrolling:touch}.cube-page>.wrapper .desc{padding:10px;margin:10px 0;line-height:20px;font-size:14px}.cube-page>.wrapper .content{margin:10px}.cube-page.option-demo .wrapper{background-color:#fff}.cube-page.option-demo .title{font-size:16px;font-weight:500;color:#333;padding:15px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:15px}.cube-page.option-demo .options{margin-bottom:15px}.cube-page.option-demo .option-list .group{margin-bottom:15px;border:1px solid rgba(0,0,0,.1);border-radius:5px}.cube-page.option-demo .option-list .item{height:52px;border-bottom:1px solid rgba(0,0,0,.1)}.cube-page.option-demo .option-list .item.sub{font-size:14px;background-color:rgba(0,0,0,.04)}.cube-page.option-demo .option-list .item.sub.first{box-shadow:inset 0 1px 1px 1px #eee}.cube-page.option-demo .option-list .item.sub.last{border-bottom:none}.cube-page.option-demo .demo{margin-bottom:15px}.cube-page.option-demo .methods .method-list .group{margin-bottom:15px;border:1px solid rgba(0,0,0,.1);border-radius:5px}.cube-page.option-demo .methods .method-list .item,.cube-page.option-demo .methods .method-list button{height:40px;font-size:16px}.cube-page.option-demo .methods .method-list .item{background-color:$color-active-light-gray;border-bottom:1px solid rgba(0,0,0,.1)}.cube-page.option-demo .methods .method-list button{width:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fc9153;box-shadow:0 0 0 1px #fc9153;border:none;outline:none;color:#fff}.checkbox-group-view .content>*,.checkbox-view .content>*{margin:10px 0}.tip-view .tip-eg{position:relative;width:300px;margin:70px auto;text-align:center}.tip-view .cube-btn{margin-bottom:10px}.popup-view .content>div{margin:10px 0}.cube-my-popup .cube-popup-center .cube-popup-content{padding:20px}.cube-my-popup .cube-popup-content{padding:80px 20px;color:#fff;background-color:rgba(0,0,0,.8)}.cube-extend-popup .cube-extend-popup-content{padding:20px;color:#fff;background-color:rgba(0,0,0,.8)}.my-title-img{height:120px;margin-bottom:16px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhYAAADwCAMAAABrG91XAAAC+lBMVEXz9fnz9Pr29v/y9PoAAADy9Pnk5+7/tFH////x8/iWlpnf39/v8vfV2eHj5u3x8fHw8vjO0tvx9Pnk5ORWVlba3eVZWVr/4Gri5ew6Ojo8PDzm5uYtLi7w8fbu8PaysrIsLS3h5OsvLzDf4+oxMTLn6fA9PT1bW1ve4ej3xsP/riXN0tswMDHZ3eXs7/Tc3+f+/v7c3NxYWFjX2+Pj5ezq7fPo6/L8/Pw7OzsjSXfn1b74+Pr6+vpMTEzt7e3r6+z/gDXw8PArLCwyMjPv8PTp6eri4uJSUlJAQEDg4+vc4Ofb3+a+vr//05j09fnt7vDm5eXOzs9oaGhUVFVDQ0NJSUnU1NW0tLZGRkUqKiq6urxQUFD29/n19fWmp6rv7+//7NLR0dLKysuYmJro6Oja2trX19ff397ExMT/6MnHx8j/1Jv//fj/xHbr7vScnJ7/wW7/t1jk4+Pd3d2/wML/+fP/8Nr/1p8oKCj5+fz/9ef/47z/uV3xaiGrrK6kpKf/2KSioqSRkZOEhIX/yH7/+Oz/8uG3t7n/zYj/v2f7u2X/vWLy6d/4zsz/3bCfn6H/z496env/4bivr7H/26uKi4x/gIH4229hYWH+t0Dl2Mf4eS11dXWljGvu5Nb52Nbp2cP/5cL+y4TntnXi2tDCxczAn3Pv1XL3u2vt28P/4LNicY3BtIZAXYLOvoAtT3r/4nXrt3Rvb3CwlG//fjPx7ebv3sjpza3/7qnty5+gnZX/05Gtoo3/5orMp3WZhWmBclxtYlP2cCft397wwb6+qaz52avLtZm5qo5seI30woGfkn79rHrjtHbyum/7jUDyqzTy5+fh3dfv4sv/9cn33Lb6zbT2uLT7wZ3wx5J3fpLuyon52IjeyXn67+7c3uP74+H15dT24cT51sTQyL/m0rmOj5n/6pbfsnX4wXSNemH+mVn8mUDju7yWpbj/8bfZtbfGqrLNsbGDhpbxlZDSq3VcVEr+qUn4sjrt4rjxyanjxZrtenNhWE3FMZ3eAAAABXRSTlPmpxztAEuvwscAACDOSURBVHja7NVBSgNhDIDRaTU/FFx4AWfXrbv2WHP/pdhUaWwERSyUeW+TA+QjmR63myng07TZPk7bh4DiYTttAr7YTD4IV1RBRxbIAlkgC2RBJQsasqAhCxqyoCELGrKgIQsasqAhCxqyoCELGrKgIQsasqAhCxqyoCELGrKgIYt/Mr++BGey+HAcx+BMFkkWhSySLApZJFkUskiyKGSRZFHIIsmikEWSRSGLJItCFkkWhSySLApZJFkUskiyKGSRZFHIIsmikEWSRSGLJItCFkkWhSwi9idjjPdxCCJkETEuOBknsvgmi+dljjWTRZvF69jHmq08i3lZxqX9suwiZHGTLJ5/YRe3tB9XniJkcYssduPnbruOeciisfYsjrLorDyLpyGLzv1mMY+TQ/zFQRatu83ijZ07SG0chsI4vsqjgUiUgEGrgngEtMlowEm6mQvYhp6gZ+j9lyPZceJpPZaHWB67+v4Lv8alq/xontM6OxZ1ZvNAewKL3tbKYkdTsPgAi/5WymJHk7A4gEV/62SxPTzK4vnF9UG9fdTfO1xedpt0WyELp+JRFi80oh+bdFshizOBRdzmZJF1k0RkMp+qmhNZVoLFYpqNhRTdPItS+DivhxLiCBaLCSzAoqfZWJDt5lkU1qeMP5bSWjM7C10UUhaFJndQ1ObPgEXsFrxy5kJoLUROVoiK2pQQAixiBxYrLGkWxlp1stYQW8vUJq0twSJ2C2aBlbM/sACLnhZwgapvF6hZkMX54juQT9bR5bz5524sTrKJ6kObfwQWsZvwfYvDNP/NhZUzEFiARU8zsiDuRi7FPqmbwaxnZ1FVlVJVZYmrylCbrKoMLGL3+Mo5/ufHLRpYOQOBBVj0BBZg0VPiLLBy9jcnC9XtfkLeB1gspjVcoEZjkeW5VnmekclzQ22nPD+CRewWzAK7RX9gARY9fbeV83Ae1wUshvpuLMZmwGKoRFnIDCyGSpQFH8FiqERZZGAxWKIsBFgMliYLBovh0mRxBIvhkmQhBVgMlyQLAxaBkmRxvLEwZXlSZWmIy5KpTbozYBG7pbGQwrHAH9aHWhELI4TQ1/uG2E3tpulM6WZJIzJgEWplLLjDgjssyuuTaWlExzuLgllKZk2KWVGbO8NgEbuJWBTWWuUZuKk9AzcLN6WbfJvBPB+snIFWxEJqreXAJDdPFK4Ei2ArYjHVi0gOFsHSY6EFWARLj0UJFuHSY5GDRbjkWGjRZcHNBSqTYta4QL21QBaX3ZeeyaWNMcpN1ZnaTfnHDGWdCbydFWqBLOKWg8WI/ut9IvbThyQdKXpagMWIFnj7UNQqsBhTaiwEWIxpRhZUdKuhFD6p/VG7B4piV0RgsR3bZk0ltXJmk7H49DS/vde9bca0BiIpsZBiChb3J3XbtN//err2+rb/S19/ZywaR0os+HEW22Z4C80XvtenWz/fwy8jtZGNb7k2frNzZrFtFGEAfrKzu1kcyyNkS5GDELJUgwi2SG0VWwmRmjxAME4eGily0ibNXSCQtkShNE2B0nIkBVqoShERFVIRR1shLnG80HJJSLSACiqnhAAh7kPifOD/598d7zqOk6w3PpJ+Xs9uDyUP8+1/jHe8krQ4P08tZBo9OABcDLLCQDynFuQEXelKlKIZhdPiQiP0BAWCI52WtOSkHGJdC5o8cEEMFDF0K64jcgUMMAHQL/lIbpRg0FhBDepFlrXQpfBwJWR98IgMMnaxxl1bwYscAUPXgp81KXAotZixgrS41LIWfPI8uheyeAO82nzlYsHBO+HPMXcmRjOEHjiQGp5SM6Poi98F08J1nmUtNCHICTpknGnV7Y6TFQYvNsxRX4AcqkoXZIf4Ufij8V1CYqycknOVNS1keutTiIMbDjG98eiei808OTtYqAgpofKRvEI8FDAwbpSMFCtJi8staCGk4LHCw8UgK1Q4VBVn/PDFmbyiZsMNcDlg5GLQQWbw41y0KCyUQxavhZACfUDc/KWCFDjPKkLVpplrslqhn2jAsKHqapBx+LtKJJWsGC1WZdECn+jxweC8aNUqwx5U/Bv6NkfwIS2Fm16kAwzEHVm0+E6dhd+fYQke+OO4HBQySkiMFaOFyCELf5bTIIVHmz91Lcxmoz7VONx718GDB0+dOnUQ+OvUqb/gdM+97gz8gMqZZYdML8JTKmLYq4WnNjL37WrEhetbdMXHq1x4vy4hrkuNXDX//9dGF+Grc7nguPDEzAn19Am1Rk3EoiFJsFNRsCVZpyg90pyEQtFoPBZLJOQMQWSVQhFkklIRw1Ytap3ZKY11i0XgIiVwEFL4wIvRqalg8vSMUCKLFjD18aqqGBAHotFQdkXGUzKJQekIrTCK4SmaGPZrEXEuDy1ICjiMUvjwajQYDE59PiUR8VTnF5esqq+vb+jr7+/tra5ONjePMmAg3MzSJKurm5oa6tdXdXbGokY14gk3xB2CehuZxOC9yXKJFpF5FhmNuDCr8KsLr8bxfN+ll17mLAmEFKSFzyWk8NWt/RK9CIakeGd9U5L99MyaNWue+amSNQ/09Xe39gwPtnTsHmZsM2jR397R0TI43NPava7PYEmyqb4qFkqrEUvo2QT7VhJDdlDT6ih8wLBfi1rncoGkIIQU4Ect3OszQeB0L2OVrYNPrSGe+UYxsIWxcJixVsXEyN4dXfvaO7YMr6tENxo703EjGkvU6M0JrpxqvSofCiyG/Vp4nMsBvahIOwEZhKRYPc5v76lg8MybfVu6FIVbQV4oBrrZaHgzY8PKXOyd6GgdADWq4obHNETXijVG8ZsSm7RYHsHCmD8EdVyKQIzKifoTZz71el9VgGNrBO8ogo3NrDk8wNigkpOdu3sqWW9jLP1cl6g/SYyi1J72axFxljuZRUWdJgXkEGcixKVogOTwidfrPQITe5aMyPSii4EWkChalPnYODEIZoiYEXUYxZCLIob9WjiXAYaiwkdVBZeizk9S1DPW3aW87AWehhxy7Jc3jq05dvYpcxrp0LTYrSyAjRf0M9bUqZWg4zKJ4Yazlkio9izjaOEsbzKLCtF+1PluiPL0X5Vkle0KcBS0OPCy8s7vweCv3/wYDGI7ckzR6YFqFDuPdmVhTHQzVl0V1VYz3CpAUrhFU1Ko2vOcFtmlSHtRJ/yIUJCPQfPRM6IgLx8ALz5Tzv4aJJ4yabFZ02JCWShdrYwlGzUxYnq7yhfbAcojhZDinBa5Kk1RVCCBlMQRoYLCBfA2BAriHWMS2cto2YJBq7IoMaqrQlpTQmKIkCG61aUPGedKzrkrTe6EVmnKNFXRBqgq9iqICBdHNoIRH/FoAS3J74rGBYyWLRishy9WjE69KaEP1sxNCR1AAcywUYsbnGWJK+vyFTgBRcXaqMRJVbPRlo0KIcLF0ZOgxUnU4uTZdCMyyGjZgo0oi6NrHWMNcWO36jY3JegGhQxxsh37tXA7yw6oJWZJUecUy1dxiWhkrI9SgiFcAKjFR0FkhyLoZ7RswUCjRbKvnyWrpLmaEpFIxP4S++2wX4tyCxdcCXLCIIWhqIhJRLRJ1JoZ4eKfoMZvho5zVOtPK5XFs3F3JWsISbOaEngT1JmgGmk37JeDtLCNgLM8cBnNgLfwwVBUOEKSSCDN7bMnEMPFp8HgH//9AVq8YWg3GRiBWvQpVhgZZk30m6kpMYjh1jOJ2HskzohdativhRyYcx5KA5dLXJEShljh41LwosLFiwqRQPp3KLN52gsEEbMWHUzrT9cp1mhh6yWdUMIghvioRNZsECc422oGaWEjq50lSoYQQgmRPzQpXKjFapRCJJBhKhKyhovZWrTqT1u0KhbpZlTTiKYk/TgGvhD0QWxmtX9nGmlhJ+rqUssk2YSgSCGcIC9QCiQSk3Q6q1nlBQqQNVwgb/2SUVsM8GWLUShHFIvso3AhxHD4a0gMVEMzw2PenUZq2CYGaWEzsmoPtfkIFqlRsfcn6FKc/QBd86PGX2PAb3hEZj2kgp1zlodHvMCRN8CKk/8e1SPKTqYvWwwqFtnJeiUT4w7Vn/bClE9EUrF1lwlpUbJELJeUNQ5CfA+FbNxlbtpDik/4y/rz/UYp4k0wtzjducNF8MVP+FI40c70ZYsWxSI7WLVkJhQjn93khkpb2rgchIcO+x7PKGktHBFrGQOtIAH4WQhBoz646aB9H24uRYKkEAlkn4Lc/myOcHHASzytcIaZvmzRYT2JJCXCLIaeSXAgKUgM03qXTV6UthZuayVEIHuAQBcI6vi07WHw4vgdUcM8YALRVrvb2m7PES4Q+kQV6WfasgVrVyzSkaGFaEr8lEtE2CA5cDQ9Mm6HF6WthSOwGCNETVmbTQjaPYpCCCnozkOgEpHHJY5IIGK1+5G2Z5WsQLgQUBoZYfqyBdunWKQnqxbikxJhBh5iY5omBnmRPyWuRWReJUxCuOjsF7FBG8TXDog37QIVgcLPiwpBZ5JtnlB0bm9re1DJxmdeI6/yxSyxG2Bi0UucI3t37ujqmuij2iKrGGoNhAy02LTFRN9kopnhyT9clLUW5IQwQnjhNwthjhIiBAMUJ1S/O2WUIlTPWOuIIritre0RJQtHvSaO4FoUaTEK445sM09TPzGxr719d0fLlsFhvl+gvy88ACYJGqQ5CUXHcVca9VJCDu65KD0d+fckJa5FYF4nyAUcxOiqNZUQ4owRgt5CCYwTcizjK9F62ahWL4os0nZbztKCeBuXooAw16L9Aph5nHqYeT71mytH2YKojkvzESI93KC0roZMoBXLvbZQc0vhMi1W4kBEKDiIt5BBw0+H351ImXcNUgLBj0tNPNjWdr+SyatUaR44cERvRj5tbeX3PPSniyYJO896e2HvWUND47xWmINHKuFIVxzkRd5ppLS1yJlDuA+khIC2gLlqsmUMgoSQE7HxTCFEAukZyUz4D91/O7/1BwfTQb/5/Wa6+//2EscfZZzmTC2S1TDlTTjlsC1xfWNjFdAJpGCbKu1SDUnWEXrIKkBt+PKuLVbnenJGeCGEENQ50QtNCLdZCMccQogEwvq0ue+nhJ+TZHXyAy/x2vMw5VVAbzjZmUppMw6/qlCEEtiv8rYcjvwoYS1qArkjhcEJ3EuO4MnH35Eagwx4DRkjMTtjzE4gguT8N/ktH7702nEv8e11kkZlOCUVlNCGj898NXTn1pBDtau+KK4Wcm0kYGl12/CUto90cNahED54Az48RIoJ3OBPYP85P/GF3OT8n3aREYKXQkKtcLNUYN597krOu7jsaUu4KKoW1h/nctGLwAsuBeHz8QNlQSHitobxz2dgw/qMMEJYIQl6w+ulAhN6T/Nird6QlHFtIQesW2GgDl9oAx0+nkickVo5ZX9e3zozFUS8GfxsmKKBzVGp0NxyiLR4lC96Ap48s0iRtCAr8tdClBUYIfg5sHqtI7ZEExPaOkNeeNMcf+3blz40lidhZu1nX7d11y133rxhw9Bj2x54cnr//snJyTFgE3DNHGzSGBt793WuxRlqUT2YRcpUi4glH7TRuEeUrkGIa/2J8aUt/ENfghZTU8Hj3IafP7x513VSBg3hemkeQACY/6HHHpjeP3bNfXvuuP7Gu269qSI/DvF48bGqh4tyXeWssWYFHRQl9K+owZoytbRCiHAx9WUIJ1aak2S402gAjwBD2x6YngQDDoMB99xasRT8uf05XnMCshvXwMu0E4lYrjXxEO1owA8ZowTAFIAZYNv74Wk9BNwDIaBgHMI08j23AqTId02rWFp4rFphXtB0hKSCohUAQ3j/75/cpM2/MQI8HgYZisB7PFz46Sv7gPxa1GJp4be+q5zjxH40Ym+goLIPph1ve63ymxzb9Mp9ezD6Q/jPOeFCC3CkGGzH6uJe8iJvK4qlRY3FYGH89lRH3v3mnRD1pyd50l9QyC9lLQ5tBy2+wsV+yiJl2YnUWl3ahLOPWyFCRWdqcSFh181DT07ed8eN91QsBQ+H764oCj9guPhYNWYR62KUW7TQKk3oPrSqItrXklxYaLh5aHrTnutnybBctKjY/jq2In635kVZdiKqxWAhiEmceE/LYDR3dLhlwwNje24sRCFIWjxRURwOQdH5vZ++QRyzSDl2Io6A1dLCx+144Y5tfPGgu6VlYM74sGHb2GHwoaBcUTQtfoBw8Z5f98Ih59OiFk2LGywEC0ohfG3zcEXF9ZBGGlpatsSlWezaMH3N9cUp/b4Of1dRJLZDuDitAuKDEcsUb/HbYoNKpcX/7J19bBNlGMD/qu3ZmhvlXHI3us1ZDxOnsedXo7bNVkYbM6Pr17o1OjcYTBQBmYYoEdlUPlyEiSwLAkFxBPwPCBqj4UMTNRow0ZhoTDR+JUb/1v9MfJ73uXvbrre2t3WObv052y0r8PTp7573ed9r7/0EsvA4DBAbOjsHp1WId60JsYi0eBOazl9ZtcBBZE5WLJwWHutaIKTFE1AsQILlUCzu46cR33rx7YKGcsuVP06cPXLhyNnzx/+f4v6+7wv7nDl5/DwL+sQfV7ZYGEWgXHznaqQpKlhRhTMR4DbLYwhf3Vy+nRWL+4Y6O9fh2uOzzz+40SR/e89flMNhLwPu00cuFz7oqtNiy+ULaS+P2itfPL+3/FHk4788FZmiohYLhcda20mlghWLb+32Pbc77oMhpHOMjDDh+EUvJLcVaGlpRSDN6tmCHF9dWuw9q3oxaB41qnHxeLmjyMdfjXn4Qmc1zkQYT91kaRbC312x2W5/w/EIWvGbfQaOX8L0tgAriBZMMxyGR+ZXjA98P8xBiiMgAQrBgwZQ50unyzqN+pXdvrkvO0WtwpmIjuBqtMBtjbcBT/0CKdh/dMPQ0NBvJ2fI7594yLHsNjc381vMcVg9b58nSIvv7bPlvBL2mgYNZlwo1+bdfIqKWsxWjKv3nd/5ZC9G4Tq3x16C4wnKbzPSvgKy2oIpbiYxvBdzU3zVaLH3opekgEAh6pbWcCt7ArrNieP28vg0p7lY9FqgF2RF32Z7CU5QfiG97eFoQFqJ1EeSagvmGFOcvmKfL773fWCfFVfSoDJKAcjpjMai1jJpGXVmNp8os2c9Z3hRlTMRS+iXosTPiX1qL8ERL8svZDMaQSEYTI1AuJlSrPCx+mrR4rSi17d2b1rLi1pK4JNBL87ay+JbWrmYy3pWdWhBV68VBBdY4dpcjhWY36hGySUoyRkQA1Msz5cXP8xOi9MyBd3ckqwviLo+3cKC9h6xl8N+fnK9Kieo5SNQa0HXMyo5glAtDkeM9EqRSCQuGWIkVrAUR+dpdesL3/uzGUFUXWVF0qPW4hi1pkctyVAvyh1HXsKeE1j0WlBnQa1Fm70ol3Ur/FQqpEBCVRVFUdVoOqKxFGdamRf/8CXyymuxZcv27a++umfz5s0bN2586aW3d+/ev//DB+Gd+y+++MYbr732+uvPP//WW48//thjjz377CuvPPfcWFqvFUkWtBZJJihoNRGI6zaTF+X0nXv03sK2+LWgq+OhFsHi7XyUrIiy/MbTKiYXwW+iATr0vOhF+IK9BPkv70sFL++7BS/vyy8/86OvwfqbBWNhZsWKAEatZRI8aHQjEWFRJ5kXib1lRE1azOUkatVogR0U6y3G7MX4M5y1QguoiqpwVJVSDF5gvfB6P8t7eR/Pf3mfefJJx2x4ZBZaNHm9rFYwK6Q0RspBnZMS9yL8p700faSFsBS0cLvpqnJFtbhMCZZZfhNMivSZkQO9u3aOrmQ5VgOY4QgdeaKj8txn/VNlYoINIe04gmgZciIyvqm7t2nNeIAFHWU2J0DmsoaRtqWihZDV4md7Ef6BBDc3eyW0IqoA0gvLQ20iEOxIjUYxxcnskXetA6i4Fk87LDLCKly7yqxAlf2Hh9YGRSS4tjemAOSFjDL/ay/FRteS08JVVIs/wuywC6xEK1TI5pq1bSAFAvfB1KSi6PVCxiNPnYdycb/l6xiIKqtwXmyIMyhFZDjEoxbFjqYAqBKN4+DXgl5cLrnMuaR6C5yMgBa/2GfmEh9CNGw2k51BkYM5bpjAepEBL+KsXOxwVJx7fE6HNXaSy0lskdGK2NY+MS/sVD22yxp4kW6GhfxL9hKM8ZMiS0ELmokU0+IkJRg79wB2FV1GfjkdB/HIkyDDUSwXmsOx8FpIXjz3EUaXEypY8bBIZG1eDV7Q4NeKMp8sNT9dKstZAK1bwHHwbbGVLLQCi4WE047eoFhAxxlFZRmOs0nqVkfF8Vn8Owf1fpNmTkp8vcjhXqRwThWhctFSak1rNysWS0gLXM8qpsUl6iwgwUk47A4GRROc2NtL1F20enc6Ks5Wn8MS+1ixWKFB1FEIbUObWEjbLly/AJk1lPlSCS3osr7uan13lhXcAoJPeOaWcztr6FmC4bALPC2a0Na2Q1FZ15nEDJ9xVJz1Pmsfl455MWqF+k3/eEg0oyMG5SJuyLy9nInIEjiDKtiMTZjqXJ49M55uwslpuwxWYIJHglwF57rBtaLBw1AuomwUgQwnHBXH6bP2gWmVjyFpiLpfNAgNpnzZetepT6HSKPPpUr0FWTGHU6hVowXc6FdpnvHE+t942PUkcAyBhn6dqLO6twkYCOqOBEchw3HIMDy6xdvnqDSrffc7LBBk/VBPnErcZIeo098NQXfzJ9EApuMoksETwH/bi/Eq1FT9SkmL/91Z1FzgysW5e2fgczwF2ROo17SEokhGgp+G/CJDos4uRVVwjirDWezWwYZK41z/cIMF1rFi0Y6nTLEf6jOsaCIML4LjILMGvXQ7aPH5vcX4nX98aEm8aQ9XtLBcuI45zfkID7ueDGgRhYXCkFF+m3QGRWKroihYj9V2KBfrnAtMqhVlDusjX7dIrDWC7g7qk5FNispqHLanHzmL8Q1dzNdWve/8toAAYuht51GnOV+iFtviWr2kZI+7jiaDDfoo0pBQ1CQceFE88PqdC0wXG/lQiwBEPSASKR61TyS6ocbhCngrRP2lswjH8AxBFX98yAq00yd72x7w3nqnGRfQim2SpkmK3z+ia/E0T/CwcSQmFTWNWvRAuehyLjAD0CajFhpo4ecdZxePOiUSw1DjMhB1uL25uZgWh4KsB6PGYtFPUHm5qEOOHnvHxIwv23tAi3g9asGrBS/HvLmAaqGQFpDhha8WWCy4Fl0F1WJQr3G9fkVFLVog6hm1WH/o1EMugbBV50eTrUHqczFcrlVjR987dexQrh4foRXbMlQtxoMi0ds0rXtz+v1KUtPq1R7I8ML3Fs1Y47y6FrsMdXlvEdK12OdXFFzVb4eoP3cW8PWhY6e+GfPUGVK4q/NKe1YhM2ijSn2DLiRPj896tgEBTZKifnllh2FBE9HZZvSgoEUAtAhvAy22OhcY3wqscT2apkVw6DOCHGgijFElOAFa4Pi4DaL+rECIc8Ze7HXZrSOq+VNl5YLPEJ4peYH/kxecOs/Yod+6kQnQIu2X/T5RZ7CbdRYhkeg7CFpE4GXY9Ciw2rnArMYoduyYhFdc9csxQ+Y28qKLL3PG/f6opNXHdsAud/c6Ge8cO/Xe0XPZDctoWx0qFVV7zW/rCDZjE1jaUZqbUcdODekJGZYkKeCX5U1tfL1wXVe/UzRYG5H9Khx3MfoTQecC44Ex0e0+CDIn/LIymF2N7e9KZddmB2S/PwlR78OoDzEh+lwcvo0d7W9Y7fuJWEHgXlCHAf/pNZP2AjUSco0GXoAWkQbRjLYDsuxPS5I2IhCrOpavBpwLxUMC0q2RzKNB0YzQYdAiA1FPCQg+ZSoQvFBQQrJOCNV57SzrCPSFT9vwAmoGQGLwhEyAFmkZykWfaMLDEdAiAg/Z4Ca98jYz8+TQyFi1apXHs2oGHnqI3QJ4Q3R04C0niIRC7LaADoBp4b6zHkJSZTmaMnV5CIyJwiMmG6la6ha4qP3OOTD0vZMX+YaXBV64qWRQzaBiQYMBT4i7E9IXwTSanaMOTYAwCXhETKCJDcsq98LjmgONeXjycHE8jbkbH/Od8w9CTEmIbXK5WIgTXJYD8Ig1VCsBF+3bSGaTJzwDi3wLOxMv0Ar6Yrjzb3GF3OaK6RkODBZ4Edwn68XiBX1iU0cVme9N/f9A/w69om5WAPslIArRjXeI02mIyVgsgJ9yR1EUA3DRD+6cHCzyfVBNvaAFPHYHt4hAR75xxrAb8hfHDEf6+6bVijWKftjF7qIRGAEr+G6p1qkrjskfIP/07ogvMuDYl/GjF9PqRZsTrVDQ5ZGcUsnJ7pbM7jBLi33X5JnEQAPytCAv3LRIfhiHERVymW4KiVn6nOMykJaAXrJCn/HyfZVLvsxCCVxlAEYwKxh8X3QfdhcBGZhMBXML3EAcKxy6PHknxMzXb9xcCuMnPSu2Rb/HurkXZAa9pwCheoFS0AOuW4lHniIDsaEOPceh1ZtY0hNx+OWoMd8lNXhJFixjtXpkyz6JgXaSz49KbPADoqODoT6qFKHUhEpWoMu8WKIZlAL4npfLbArmStVpkTUD1eCwrPDf7ZKoXiDx0QMDqf7hTYcTMpJGK2I3Cdkpry3v2KsrgVAR6nKKP1kBt6MSLbkAamyktyvVtWtkUkYUZsWIjR8S9OQFhJ473dkqJUU1akGFkhAILozOTgmIkwgcnt9JX2GbgqW4XNwmCBYgB2nUoy8Wz12HJSATlacTjUjAhMd4hgLd6ti4GPSrSlCdWpgmIO/nTZJJiv3pOLMiZSNIDLKCivLccZcBb4a4ERT8neAFkFTlXNSAhEzclX3a0/sqnoFKUb1alOAFicRIq4YT0WRcQs78lJtFoxq72Q+Vo4QV1BRMbxHvHpWQeADWwQklEaCoRzy2Yq++YKsoVarFXdeUZComEZFMIBkIZOIScfDma65idtZLZEYmgFFHJGLlgWvK5G5bJahOLW5YVgZdI/VSAbED+Q+65Rb+XXksqxA5fxnecYbHpUImppaVzR22ClCVWgjXlZehqZFJKY8zj9JLYKrG/EMylPq3d41rUi71o73LrNBomztVqYXt1rJfhhcOxjS9Do+vGS758LKomCEz6rxvwvA5Nrqja5k1bBWgOrVw3Xh9+dwxMNzbObXs+uriuqnh3uGp6663ygO32SpAdWpRowg1LWoY1LSoYUJNixom1LSoYUJNixom1LSoYUJNixom1LT4r106JAAAAGAY1L/1C0xfQQYIWhC0IGhB0IKgBUELghYELQhaELQgaMHDAGGDZSKaQRUzAAAAAElFTkSuQmCC") no-repeat 50%;background-size:100%}.my-content{text-align:center}.scroll-wrapper .cube-pulldown-wrapper .before-trigger{font-size:30px;align-self:flex-end}.scroll-wrapper .cube-pulldown-wrapper .before-trigger span{display:inline-block;-webkit-transition:all .3s;transition:all .3s;color:#666}.scroll-wrapper .cube-pulldown-wrapper .before-trigger span.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.scroll-list-wrap{height:480px;border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);overflow:hidden}.foods-wrapper .food-item{display:-webkit-box;display:flex;padding:18px;border-bottom:1px solid rgba(7,17,27,.1)}.foods-wrapper .food-item:last-child{margin-bottom:0}.foods-wrapper .food-item .icon{-webkit-box-flex:0;flex:0 0 57px;margin-right:10px}.foods-wrapper .food-item .food-content{-webkit-box-flex:1;flex:1}.foods-wrapper .food-item .food-content .name{margin:2px 0 8px;height:14px;line-height:14px;font-size:14px;color:#07111b}.foods-wrapper .food-item .food-content .description,.foods-wrapper .food-item .food-content .extra{line-height:10px;font-size:10px;color:#93999f}.foods-wrapper .food-item .food-content .description{line-height:12px;margin-bottom:8px}.foods-wrapper .food-item .food-content .extra .count{margin-right:12px}.foods-wrapper .food-item .food-content .price{font-weight:700;line-height:24px}.foods-wrapper .food-item .food-content .price .now{margin-right:8px;font-size:14px;color:#f01414}.foods-wrapper .food-item .food-content .price .old{text-decoration:line-through;font-size:10px;color:#93999f}.foods-wrapper .food-item .food-content .cartcontrol-wrapper{position:absolute;right:0;bottom:12px}.input-option[data-v-311953ea]{display:-webkit-box;display:flex;height:100%;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:stretch;align-items:stretch;-webkit-transform:rotate(0deg);transform:rotate(0deg);overflow:hidden}.input-option .name[data-v-311953ea]{-webkit-box-flex:0;flex:0 0 120px;padding-left:10px;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center}.input-option input[data-v-311953ea]{-webkit-box-flex:1;flex:1 1 auto;min-width:1px;padding:0 10px;background-color:#fff;border-left:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 1px 1px #eee;outline:none}.input-option input[data-v-311953ea]:focus{outline:1px solid #fc9153;outline-offset:-1px}.select-option[data-v-c85e7c7a]{display:-webkit-box;display:flex;height:100%;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:stretch;align-items:stretch}.select-option .name[data-v-c85e7c7a]{-webkit-box-flex:0;flex:0 0 auto;width:120px}.select-option .name[data-v-c85e7c7a],.select-option .select[data-v-c85e7c7a]{display:-webkit-inline-box;display:inline-flex;padding-left:10px;-webkit-box-align:center;align-items:center}.select-option .select[data-v-c85e7c7a]{-webkit-box-flex:1;flex:1 1 auto;border-left:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 1px 1px #eee}.select-option .select[data-v-c85e7c7a]:focus{border:1px solid #fc9153}.switch-option[data-v-4a2b2c8b]{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:stretch;align-items:stretch;height:100%;padding:0 15px}.switch-option .name[data-v-4a2b2c8b]{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-flex:0;flex:0 1 auto}.switch-option .switch-ellipse[data-v-4a2b2c8b]{align-self:center;-webkit-box-flex:0;flex:0 0 auto;margin-top:5px;display:inline-block;position:relative;height:22px;width:36px;background-color:#fff;border-radius:1000px;border:2px solid rgba(0,0,0,.1);-webkit-transition:all .1s;transition:all .1s}.switch-option .switch-ellipse.active[data-v-4a2b2c8b]{background-color:#fc9153;border-color:transparent;-webkit-transition:all .2s ease .2s;transition:all .2s ease .2s}.switch-option .switch-ellipse .switch-circle[data-v-4a2b2c8b]{position:absolute;display:inline-block;height:20px;width:20px;background:#fff;border-radius:50%;border:1px solid rgba(0,0,0,.1);box-shadow:-1px 1px 1px #999;top:0;left:0;-webkit-transition:all .3s;transition:all .3s}.switch-option .switch-ellipse .switch-circle.active[data-v-4a2b2c8b]{left:14px;border:1px solid #fff;box-shadow:-1px 1px 1px #e8864c;-webkit-transition:all .3s ease .05s;transition:all .3s ease .05s}.slide-container{height:75px;margin-bottom:15px;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:2px;overflow:hidden;box-shadow:0 2px 9px #ddd}.slide-container .cube-slide-dots .my-dot{height:auto;font-size:12px;background:none}.slide-container .cube-slide-dots .my-dot.active{color:#fc9153}.view-wrapper{position:fixed;top:54px;left:0;bottom:0;width:100%}.view-wrapper .index-list-wrapper{height:98%;width:94%;margin:0 auto;overflow:hidden}.view-wrapper .index-list-wrapper.custom .cube-index-list-content{background-color:#222;color:#909090}.view-wrapper .index-list-wrapper.custom .cube-index-list-group{padding-bottom:30px}.view-wrapper .index-list-wrapper.custom .cube-index-list-anchor{background-color:#333;height:30px;line-height:30px;padding:0 0 0 20px}.view-wrapper .index-list-wrapper.custom .custom-item{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:20px 0 0 30px}.view-wrapper .index-list-wrapper.custom .custom-item .avatar{width:50px;height:50px;border-radius:50%}.view-wrapper .index-list-wrapper.custom .custom-item .name{margin-left:20px;color:$color-text-l;font-size:$font-size-medium}.view-wrapper .index-list-wrapper.custom .cube-index-list-nav{padding:20px 0;border-radius:10px;background:rgba(0,0,0,.3)}.view-wrapper .index-list-wrapper.custom .cube-index-list-nav>ul>li{padding:3px;font-size:12px;color:#909090}.view-wrapper .index-list-wrapper.custom .cube-index-list-nav>ul>li.active{color:#ffcd32} \ No newline at end of file diff --git a/docs/example/index.html b/docs/example/index.html index 8e3e1ee9..5ac80901 100644 --- a/docs/example/index.html +++ b/docs/example/index.html @@ -1 +1 @@ -cube-ui lib
\ No newline at end of file +cube-ui lib
\ No newline at end of file diff --git a/docs/example/js/app.09c41d0750b30b8ab6f9.js b/docs/example/js/app.09c41d0750b30b8ab6f9.js deleted file mode 100644 index dfb5fc99..00000000 --- a/docs/example/js/app.09c41d0750b30b8ab6f9.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([0],[,function(t,e,a){function i(t){a(221)}var c=a(0)(a(222),a(223),i,null,null);t.exports=c.exports},,,,function(t,e,a){function i(t){a(218)}var c=a(0)(a(219),a(220),i,null,null);t.exports=c.exports},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{isVisible:!1}},methods:{show:function(){this.isVisible=!0},hide:function(){this.isVisible=!1}}},t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(42),a(96)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t,e,i,c){var u=l.default.apply(this,arguments),n=e.name,o=n.replace(/^cube-/i,""),v="$"+(0,a.camelize)("create-"+o);return t.prototype[v]=u.create,u}Object.defineProperty(e,"__esModule",{value:!0}),e.default=c;var l=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,function(t,e,a){function i(t){a(92)}var c=a(0)(a(93),a(94),i,null,null);t.exports=c.exports},,,,,,,,,,,,,function(t,e,a){function i(t){a(181)}var c=a(0)(a(182),a(188),i,null,null);t.exports=c.exports},,,,,,,,,,function(t,e,a){function i(t){a(116)}var c=a(0)(a(117),a(118),i,null,null);t.exports=c.exports},function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";function e(t,e){return new RegExp("(^|\\s)"+e+"(\\s|$)").test(t.className)}function a(t,a){if(!e(t,a)){var i=t.className.split(" ");i.push(a),t.className=i.join(" ")}}function i(t,a){if(e(t,a)){var i=new RegExp("(^|\\s)"+a+"(\\s|$)","g");t.className=t.className.replace(i," ")}}function c(t,e){return t.getAttribute("data-"+e)}function l(t){return{top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth,height:t.offsetHeight}}function u(t){return!1!==n&&("standard"===n?"transitionEnd"===t?"transitionend":t:n+t.charAt(0).toUpperCase()+t.substr(1))}Object.defineProperty(t,"__esModule",{value:!0}),t.hasClass=e,t.addClass=a,t.removeClass=i,t.getData=c,t.getRect=l,t.prefixStyle=u;var n=function(){var t=document.createElement("div").style,e={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var a in e)if(void 0!==t[e[a]])return a;return!1}()})},,,function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.warn=function(t){console.warn("[cube-ui warn]: "+t)}})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(7)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default=i.default,t.exports=e.default})},,,function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";function e(t){return t=String(t),t.replace(a,function(t,e){return e?e.toUpperCase():""})}Object.defineProperty(t,"__esModule",{value:!0}),t.camelize=e;var a=/-(\w)/g})},,,,,,function(t,e,a){function i(t){a(146)}var c=a(0)(a(147),a(173),i,null,null);t.exports=c.exports},,,,,,,,,,,,,,function(t,e,a){var i=a(0)(a(174),a(178),null,null,null);t.exports=i.exports},function(t,e,a){function i(t){a(175)}var c=a(0)(a(176),a(177),i,null,null);t.exports=c.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(7),a(38)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t,e){(0,l.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,a){a&&(0,i.warn)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=c;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},function(t,e,a){function i(t){a(210)}var c=a(0)(a(211),a(212),i,null,null);t.exports=c.exports},function(t,e,a){function i(t){a(272)}var c=a(0)(a(273),a(274),i,"data-v-311953ea",null);t.exports=c.exports},function(t,e,a){function i(t){a(281)}var c=a(0)(a(282),a(283),i,"data-v-4a2b2c8b",null);t.exports=c.exports},function(t,e,a){var i,c,l;!function(u,n){c=[a(17),a(41),a(72),a(207),a(214),a(310),a(311)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}var o=n(t),v=n(e),s=n(a),r=n(i),x=n(c),y=n(l),p=n(u);y.default.attach(document.body),o.default.use(s.default),o.default.use(v.default),o.default.use(p.default),new o.default({router:x.default,render:function(t){return t(r.default)}}).$mount("#app")})},,,,function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(73)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t){if(!i.installed){i.installed=!0;[a.Style,a.Button,a.TimePicker,a.CascadePicker,a.Dialog,a.Tip,a.Toast,a.CheckboxGroup,a.Slide,a.IndexList,a.ActionSheet,a.Scroll,a.Popup].forEach(function(e){e.install(t)})}}Object.defineProperty(e,"__esModule",{value:!0});var c={version:"1.2.6",install:i,BScroll:a.BScroll,createAPI:a.createAPI};"undefined"!=typeof window&&window.Vue&&window.Vue.use(i),e.default=c,t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[e,a(74),a(77),a(82),a(91),a(109),a(115),a(124),a(201),a(133),a(142),a(180),a(194),a(199),a(200),a(39)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l,u,n,o,v,s,r,x,y,p,d){"use strict";function f(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.createAPI=t.BScroll=t.IndexList=t.Loading=t.SlideItem=t.Slide=t.CheckboxGroup=t.Checkbox=t.ActionSheet=t.Toast=t.Tip=t.Dialog=t.CascadePicker=t.TimePicker=t.Picker=t.Popup=t.Scroll=t.Button=t.Style=void 0;var h=f(e),m=f(a),g=f(i),_=f(c),b=f(l),w=f(u),T=f(n),k=f(o),j=f(v),C=f(s),P=f(r),M=f(x),S=f(y),D=f(p),R=f(d),I=P.default.Picker,$=g.default.Checkbox,O=w.default.Loading,L=j.default.Item;t.Style=h.default,t.Button=m.default,t.Scroll=S.default,t.Popup=_.default,t.Picker=I,t.TimePicker=P.default,t.CascadePicker=M.default,t.Dialog=b.default,t.Tip=T.default,t.Toast=w.default,t.ActionSheet=k.default,t.Checkbox=$,t.CheckboxGroup=g.default,t.Slide=j.default,t.SlideItem=L,t.Loading=O,t.IndexList=C.default,t.BScroll=D.default,t.createAPI=R.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(75)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={install:function(){}},t.exports=e.default})},function(t,e){},,function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(78)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},function(t,e,a){function i(t){a(79)}var c=a(0)(a(80),a(81),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-button",props:{icon:{type:String,default:""},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},light:{type:Boolean,default:!1},type:{type:String,default:"button"}},computed:{btnClass:function(){return{"cube-btn_active":this.active,"cube-btn_disabled":this.disabled,"cube-btn-inline":this.inline,"cube-btn-primary":this.primary,"cube-btn-outline":this.outline,"cube-btn-outline-primary":this.outline&&this.primary,"cube-btn-light":this.light}}},methods:{handleClick:function(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.$emit("click",t)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("button",{staticClass:"cube-btn",class:t.btnClass,attrs:{type:t.type},on:{click:t.handleClick}},[t.icon?a("i",{class:t.icon}):t._e(),t._v(" "),t._t("default")],2)},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(83),a(87)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);u.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default)},u.default.Checkbox=l.default,e.default=u.default,t.exports=e.default})},function(t,e,a){function i(t){a(84)}var c=a(0)(a(85),a(86),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checkbox",props:{value:{type:[Boolean,String]},label:{type:[Boolean,String]},disabled:{type:Boolean,default:!1},position:{type:String,default:"left"}},data:function(){var t=this.$parent,e=t.$data._checkboxGroup;return{isInGroup:e,isInHorizontalGroup:e&&t.$props.horizontal}},computed:{checkValue:{get:function(){return this.isInGroup?this.$parent.value.indexOf(this.label)>-1:Boolean(this.value)},set:function(t){var e=this.label&&t?this.label:t,a=t?"checked":"cancel-checked";this.$emit("input",e),this.isInGroup&&this.$parent.$emit(a,this.label||t,this)}},_containerClass:function(){if(this.isInHorizontalGroup)return"border-right-1px"},_wrapClass:function(){var t=this.isInHorizontalGroup;return{"cube-checkbox_checked":this.checkValue,"cube-checkbox_disabled":this.disabled,"border-bottom-1px":this.isInGroup&&!t}}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-checkbox",class:t._containerClass,attrs:{"data-pos":t.position}},[a("label",{staticClass:"cube-checkbox-wrap",class:t._wrapClass},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:t.disabled},domProps:{checked:Array.isArray(t.checkValue)?t._i(t.checkValue,null)>-1:t.checkValue},on:{change:function(e){var a=t.checkValue,i=e.target,c=!!i.checked;if(Array.isArray(a)){var l=t._i(a,null);i.checked?l<0&&(t.checkValue=a.concat([null])):l>-1&&(t.checkValue=a.slice(0,l).concat(a.slice(l+1)))}else t.checkValue=c}}}),t._v(" "),t._m(0),t._v(" "),a("span",{staticClass:"cube-checkbox-label"},[t._t("default",[t._v(t._s(t.label))])],2)])])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("span",{staticClass:"cube-checkbox-ui cubeic-round-border"},[a("i",{staticClass:"cubeic-right"})])}]}},function(t,e,a){function i(t){a(88)}var c=a(0)(a(89),a(90),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checkbox-group",props:{value:{type:Array},horizontal:{type:Boolean,default:!1}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(t,e){this._value=this.value.concat()}}},mounted:function(){this.$on("checked",function(t){this._value.push(t),this.$emit("input",this._value)}),this.$on("cancel-checked",function(t){var e=this._value.indexOf(t);this._value.splice(e,1),this.$emit("input",this._value)})}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{ref:"group",staticClass:"cube-checkbox-group",class:t.groupClass,attrs:{"data-horz":t.horizontal}},[t._t("default")],2)},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(11),a(95)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);l.default.install=function(t){t.component(l.default.name,l.default),(0,u.default)(t,l.default)},e.default=l.default,t.exports=e.default})},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(6)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-popup",mixins:[i.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0}},computed:{typeClass:function(){return this.type?"cube-"+this.type:""}},methods:{maskClick:function(t){this.$emit("mask-click",t)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-popup",class:t.typeClass},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.mask,expression:"mask"}],staticClass:"cube-popup-mask",on:{click:t.maskClick}},[t._t("mask")],2),t._v(" "),a("div",{staticClass:"cube-popup-container",class:{"cube-popup-center":t.center}},[t.$slots.default?a("div",{staticClass:"cube-popup-content"},[t._t("default")],2):a("div",{staticClass:"cube-popup-content",domProps:{innerHTML:t._s(t.content)}})])])},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(7)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,c.default)(t,e,["mask-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var c=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(97),a(98)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}function l(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],c=void 0,l=void 0,o=[],v={before:function(t){o.push(t)},open:function(a,n,v){if("function"!=typeof n&&(v=n,n=null),o.forEach(function(t){t(a,n,v)}),void 0===v&&(v=i),v&&c)return l.updateRenderData(a,n),l.$forceUpdate(),c;var s=(0,u.default)(t,e,a,n),r=s.$parent,x=s.remove;s.remove=function(){r.__cube__destroyed||(x&&x.call(this),r.destroy(),r.__cube__destroyed=!0,v&&(c=null,l=null))};var y=s.show;s.show=function(){return y&&y.call(this),this};var p=s.hide;return s.hide=function(){return p&&p.call(this),this},v&&(c=s,l=r),s},create:function(t,e,i){var c=this,l=v.open((0,n.default)(t,a),e,i);if(l.__cube__parent!==c){l.__cube__parent=c;var u=function t(){l.__cube__parent===c&&l.remove(),c.$off("hook:beforeDestroy",t),l.__cube__parent=null};c.$on("hook:beforeDestroy",u)}return l}};return v}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var u=c(a),n=c(i);t.exports=e.default})},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e,a,i){var c=void 0,l=void 0,u=new t({render:function(t){var a=l&&l(t);return a&&!Array.isArray(a)&&(a=[a]),t(e,c,a||[])},methods:{init:function(){document.body.appendChild(this.$el)},destroy:function(){this.$destroy(),document.body.removeChild(this.$el)}}});return u.updateRenderData=function(t,e){c=t,l=e},u.updateRenderData(a,i),u.$mount(),u.init(),u.$children[0]}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a,t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(43),a(42)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=l(e);var a=(0,u.default)({},t),i={};for(var c in e)if(e.hasOwnProperty(c)){var n=e[c];a[n]&&(i[c]=a[n],delete a[n])}return{props:a,on:i}}function l(t){var e={};return t.forEach(function(t){e[t]=(0,i.camelize)("on-"+t)}),e}Object.defineProperty(e,"__esModule",{value:!0}),e.default=c;var u=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},,,,,,,,,,,function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(110),a(114)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);l.default.install=function(t){t.component(l.default.name,l.default),(0,u.default)(t,l.default)},e.default=l.default,t.exports=e.default})},function(t,e,a){function i(t){a(111)}var c=a(0)(a(112),a(113),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(43),a(25),a(11),a(6)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(a),o=u(i),v=u(c),s=u(l),r={text:"确定",active:!0,disabled:!1,href:"javascript:;"},x={text:"取消",active:!1,disabled:!1,href:"javascript:;"},y=function(t,e){return"string"==typeof t&&(t={text:t}),(0,o.default)({},e,t)};e.default={name:"cube-dialog",mixins:[s.default],props:{type:{type:String,default:"alert"},icon:{type:String,default:""},title:{type:String,default:""},content:{type:String,default:""},showClose:{type:Boolean,default:!1},confirmBtn:{type:[Object,String],default:function(){return(0,n.default)({},r)}},cancelBtn:{type:[Object,String],default:function(){return(0,n.default)({},x)}}},data:function(){return{defHref:"javascript:;"}},computed:{_confirmBtn:function(){return y(this.confirmBtn,r)},_cancelBtn:function(){return y(this.cancelBtn,x)},isConfirm:function(){return"confirm"===this.type},containerClass:function(){return"cube-dialog-"+this.type}},methods:{confirm:function(t){this._confirmBtn.disabled||(this.hide(),this.$emit("confirm",t))},cancel:function(t){this._cancelBtn.disabled||(this.hide(),this.$emit("cancel",t))},close:function(t){this.hide(),this.$emit("close",t)}},components:{CubePopup:v.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-dialog-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"dialog",mask:!0,center:!0}},[a("div",{staticClass:"cube-dialog-main"},[a("span",{directives:[{name:"show",rawName:"v-show",value:t.showClose,expression:"showClose"}],staticClass:"cube-dialog-close",on:{click:t.close}},[a("i",{staticClass:"cubeic-close"})]),t._v(" "),a("div",{class:t.containerClass},[t.icon?a("p",{staticClass:"cube-dialog-icon"},[a("i",{class:t.icon})]):t._e(),t._v(" "),t.title||t.$slots.title?a("h2",{staticClass:"cube-dialog-title"},[t._t("title",[a("p",{staticClass:"cube-dialog-title-def"},[t._v(t._s(t.title))])])],2):t._e(),t._v(" "),a("div",{staticClass:"cube-dialog-content"},[t._t("content",[a("div",{staticClass:"cube-dialog-content-def"},[a("p",{domProps:{innerHTML:t._s(t.content)}})])])],2),t._v(" "),a("div",{staticClass:"cube-dialog-btns",class:{"border-right-1px":t.isConfirm}},[t._t("btns",[t.isConfirm?a("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._cancelBtn.active,"cube-dialog-btn_disabled":t._cancelBtn.disabled},attrs:{href:t._cancelBtn.href},on:{click:t.cancel}},[t._v(t._s(t._cancelBtn.text))]):t._e(),t._v(" "),a("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._confirmBtn.active,"cube-dialog-btn_disabled":t._confirmBtn.disabled},attrs:{href:t._confirmBtn.href},on:{click:t.confirm}},[t._v(t._s(t._confirmBtn.text))])])],2)])])])],1)},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(7)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,c.default)(t,e,["confirm","cancel","close","btn-click","link-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var c=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(34),a(119),a(123)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),n=l(i),o=l(c);n.default.install=function(t){t.component(u.default.name,u.default),t.component(n.default.name,n.default),(0,o.default)(t,n.default)},n.default.Loading=u.default,e.default=n.default,t.exports=e.default})},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-loading",data:function(){return{balde:12}},props:{size:{type:Number}},computed:{style:function(){if(this.size){var t=this.size+"px";return{width:t,height:t}}}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-loading"},[a("span",{staticClass:"cube-loading-spinners",style:t.style},t._l(t.balde,function(t){return a("i",{staticClass:"cube-loading-spinner"})}))])},staticRenderFns:[]}},function(t,e,a){function i(t){a(120)}var c=a(0)(a(121),a(122),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(34),a(11),a(6)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),n=l(i),o=l(c);e.default={name:"cube-toast",mixins:[o.default],props:{type:{type:String,default:"loading"},mask:{type:Boolean,default:!1},txt:{type:String,default:""},time:{type:Number,default:3e3}},computed:{iconClass:function(){var t={},e={correct:"cubeic-right",error:"cubeic-wrong",warn:"cubeic-warn"},a=e[this.type];return a&&(t[a]=!0),t},isLoading:function(){return"loading"===this.type}},methods:{show:function(){var t=this;this.isVisible=!0,this.clearTimer(),this.$nextTick(function(){0!==t.time&&(t.timer=setTimeout(function(){t.hide()},t.time))})},hide:function(){this.isVisible=!1,this.clearTimer()},clearTimer:function(){clearTimeout(this.timer),this.timer=null}},components:{CubePopup:n.default,CubeLoading:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-toast-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"toast",mask:t.mask}},[a("i",{directives:[{name:"show",rawName:"v-show",value:!t.isLoading,expression:"!isLoading"}],staticClass:"cube-toast-icon",class:t.iconClass}),t._v(" "),a("cube-loading",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}]}),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.txt,expression:"txt"}],staticClass:"cube-toast-tip"},[t._v(t._s(t.txt))])],1)],1)},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(7)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,c.default)(t,e,[],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var c=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(125)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},function(t,e,a){function i(t){a(126)}var c=a(0)(a(127),a(132),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(128),a(6)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={name:"cube-tip",mixins:[u.default],props:{direction:{type:String,default:"top"},offsetLeft:{type:[String,Number],default:0},offsetRight:{type:[String,Number],default:0},offsetTop:{type:[String,Number],default:0},offsetBottom:{type:[String,Number],default:0}},mounted:function(){var t=this;this.$nextTick(function(){var e=t.$refs.angle.style,a={left:"right",right:"left",top:"bottom",bottom:"top"};[{name:"offsetLeft",target:"left",percentFix:{marginLeft:"-6px"}},{name:"offsetRight",target:"right",percentFix:{marginRight:"-6px"}},{name:"offsetTop",target:"top",percentFix:{marginTop:"-6px"}},{name:"offsetBottom",target:"bottom",percentFix:{marginBottom:"-6px"}}].forEach(function(i){var c=t[i.name];if(0!==c){var u="number"==typeof c;e[i.target]=c+(u?"px":""),i.percentFix&&!u&&(0,l.default)(i.percentFix).forEach(function(t){e[t]=i.percentFix[t]}),e[a[i.target]]="auto"}})})},methods:{handleClick:function(){this.hide(),this.$emit("click")},close:function(){this.hide(),this.$emit("close")}}},t.exports=e.default})},,,,,function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-tip-zoom"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-tip",attrs:{"data-dir":t.direction},on:{click:t.handleClick}},[a("i",{ref:"angle",staticClass:"cube-tip-angle"}),t._v(" "),a("button",{staticClass:"cube-tip-close cubeic-close",on:{click:function(e){e.stopPropagation(),t.close(e)}}}),t._v(" "),a("div",{staticClass:"cube-tip-content"},[t._t("default")],2)])])},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(134),a(138)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default)},l.default.Item=u.default,e.default=l.default,t.exports=e.default})},function(t,e,a){function i(t){a(135)}var c=a(0)(a(136),a(137),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(23)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-slide",props:{initialIndex:{type:Number,default:0},loop:{type:Boolean,default:!0},autoPlay:{type:Boolean,default:!0},interval:{type:Number,default:4e3},threshold:{type:Number,default:.3},speed:{type:Number,default:400},allowVertical:{type:Boolean,default:!1}},data:function(){return{dots:0,currentPageIndex:this.initialIndex||0}},watch:{initialIndex:function(t){t!==this.currentPageIndex&&this.slide&&this.slide.goToPage(t)}},methods:{refresh:function(){var t=this;this.slide&&this.slide.destroy(),clearTimeout(this._timer),this.$nextTick(function(){null!==t.slide&&(void 0!==t.slide&&(t.currentPageIndex=0),t.dots=0,t._setSlideWidth(),t._initDots(),t._initSlide(),t.autoPlay&&t._play())})},_refresh:function(){this._setSlideWidth(!0),this.slide.refresh()},_setSlideWidth:function(t){this.children=this.$refs.slideGroup.children;for(var e=0,a=this.$refs.slide.clientWidth,i=0;i-this.titleHeight?"":this.data[this.currentIndex]?this.data[this.currentIndex].name:""},shortcutList:function(){return this.data.map(function(t){return t?t.shortcut||t.name.substr(0,1):""})}},methods:{refresh:function(){this.$refs.indexList.refresh()},selectItem:function(t){this.$emit("select",t)},scroll:function(t){this.scrollY=t.y},titleClick:function(){this.$emit("title-click",this.title)},onShortcutTouchStart:function(t){var e=(0,a.getData)(t.target,"index"),i=t.touches[0];this.touch.y1=i.pageY,this.touch.anchorIndex=e,this._scrollTo(e)},onShortcutTouchMove:function(t){var e=t.touches[0];this.touch.y2=e.pageY;var a=(this.touch.y2-this.touch.y1)/o|0,i=parseInt(this.touch.anchorIndex)+a;this._scrollTo(i)},_calculateHeight:function(){this.groupList=this.$el.getElementsByClassName("cube-index-list-group");var t=this.$el.getElementsByClassName("cube-index-list-anchor")[0];if(this.subTitleHeight=t?(0,a.getRect)(t).height:0,this.listHeight=[],this.groupList){var e=this.titleHeight;this.listHeight.push(e);for(var i=0;ithis.listHeight.length-2&&(t=this.listHeight.length-2),this.$refs.indexList.scrollToElement(this.groupList[t],this.speed),this.scrollY=this.$refs.indexList.scroll.y}},watch:{data:function(){var t=this;this.$nextTick(function(){t._calculateHeight()})},title:function(t){var e=this;this.$nextTick(function(){e.titleHeight=t&&e.$refs.title?(0,a.getRect)(e.$refs.title).height:0,e._calculateHeight()})},diff:function(t){var e=t>0&&t-this.titleHeight)return void(this.currentIndex=0);for(var a=0;a=i&&-t1?t:"0"+t}function n(t,e){return Math.ceil(t/e)*e}Object.defineProperty(e,"__esModule",{value:!0});var o=l(i),v=l(c);e.default={name:"cube-time-picker",mixins:[o.default],props:{title:{type:String,default:"选择时间"},delay:{type:Number,default:15},day:{type:Object,default:function(){return{len:3,filter:["今日"],format:"M月d日"}}},showNow:{type:Boolean,default:!0},minuteStep:{type:Number,default:10}},data:function(){return{selectedDayIndex:0,selectedHourIndex:0,selectedMinuteIndex:0,days:[],hours:[],minutes:[],minTime:0}},computed:{data:function(){return[this.days,this.hours,this.minutes]},selectedIndex:function(){return[this.selectedDayIndex,this.selectedHourIndex,this.selectedMinuteIndex]}},created:function(){this.selectedTimeStamp=null},methods:{show:function(){var t=this;this.$refs.picker.show(),this._updateMinTime(),this._initDays(),this.today=this.days[0].value,this.$nextTick(function(){t.selectedDayIndex=t.$refs.picker.refillColumn(0,t.days),t._handleHourAndMinute(!0),t._resetTime()})},hide:function(){this.$refs.picker.hide()},setTime:function(t){this.selectedTimeStamp=parseInt(t)},_resetTime:function(){var t=this;if(this.selectedTimeStamp){var e=new Date,i=e.getTime(),c=!1;this.selectedTimeStamp60-this.minuteStep&&24===(e+=1)&&(c=!0)),this.days[this.selectedDayIndex].value1&&void 0!==arguments[1]?arguments[1]:[];this.cascadeData=t,this.pickerSelectedIndex=e,this.updatePickerData()},_pickerSelect:function(t,e,a){this.$emit("select",t,e,a)},_pickerCancel:function(){this.$emit("cancel")},_pickerChange:function(t,e){e!==this.pickerSelectedIndex[t]&&(this.pickerSelectedIndex.splice(t,1,e),this.updatePickerData(t+1)),this.$emit("change",t,e)},updatePickerData:function(){for(var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,a=this.cascadeData,i=0;a;)i>=e&&function(){var c=[];a.forEach(function(e){c.push({value:e[t.valueKey],text:e[t.textKey]})}),t.pickerData[i]=c,t.pickerSelectedIndex[i]=0===e?t.pickerSelectedIndex[i]=0},outlineStyle:function(){return this.buttonStyle.indexOf("outline")>=0},primaryStyle:function(){return this.buttonStyle.indexOf("primary")>=0}},components:{CubeButtonGroup:l.default,CubePage:u.default}},t.exports=e.default})},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{direction:{type:String,default:"column"}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"cube-btn-group",class:t.direction},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String,default:"",required:!0},type:{type:String,default:""},desc:{type:String,default:""},content:{type:String,default:""}},methods:{back:function(){this.$router.back()}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-page",class:t.type},[a("header",{staticClass:"header"},[a("h1",[t._v(t._s(t.title))]),t._v(" "),a("i",{staticClass:"cubeic-back",on:{click:t.back}})]),t._v(" "),a("div",{staticClass:"wrapper"},[a("section",{directives:[{name:"show",rawName:"v-show",value:t.desc,expression:"desc"}],staticClass:"desc"},[t._t("desc",[t._v(t._s(t.desc))])],2),t._v(" "),a("main",{staticClass:"content"},[t._t("content",[t._v(t._s(t.content))])],2)])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"button-view",title:"Button"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("form",{attrs:{action:"/"}},[a("cube-button-group",[a("cube-button",[t._v("Button")]),t._v(" "),a("cube-button",{attrs:{type:"submit"}},[t._v("Submit Button")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{active:!0}},[t._v("Active Button")]),t._v(" "),a("cube-button",{attrs:{disabled:!0}},[t._v("Disabled Button")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{icon:"cubeic-right"}},[t._v("Button With Icon")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{light:!0}},[t._v("Light Button")]),t._v(" "),a("cube-button",{attrs:{inline:!0}},[t._v("Inline Button")]),t._v(" "),a("cube-button",{attrs:{outline:!0}},[t._v("Outline Button")]),t._v(" "),a("cube-button",{attrs:{primary:!0}},[t._v("Primary Button")])],1),t._v(" "),a("div",[a("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.buttonStyle,callback:function(e){t.buttonStyle=e},expression:"buttonStyle"}},[a("cube-checkbox",{attrs:{label:"inline"}},[t._v("Inline")]),t._v(" "),a("cube-checkbox",{attrs:{label:"outline"}},[t._v("Outline")]),t._v(" "),a("cube-checkbox",{attrs:{label:"primary"}},[t._v("Primary")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{inline:t.inlineStyle,outline:t.outlineStyle,primary:t.primaryStyle}},[t._v("Demo Button")])],1)],1)],1)])])},staticRenderFns:[]}},function(t,e,a){function i(t){a(226)}var c=a(0)(a(227),a(228),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checked:!0,checked2:!1}},components:{CubePage:i.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"checkbox-view",title:"Checkbox"}},[a("template",{slot:"content"},[a("cube-checkbox",{model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Checkbox")]),t._v(" "),a("p",[t._v("checked value: "+t._s(t.checked))]),t._v(" "),a("cube-checkbox",{attrs:{disabled:!0},model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Disabled Checkbox")]),t._v(" "),a("cube-checkbox",{attrs:{position:"right"},model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Position Checkbox")]),t._v(" "),a("cube-checkbox",{attrs:{label:"labelValue"},model:{value:t.checked2,callback:function(e){t.checked2=e},expression:"checked2"}},[t._v("Set label Checkbox")]),t._v(" "),a("p",[t._v("checked value (with label) : "+t._s(t.checked2))])],1)],2)},staticRenderFns:[]}},function(t,e,a){function i(t){a(230)}var c=a(0)(a(231),a(232),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checkList:["1","4"]}},components:{CubePage:i.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"checkbox-group-view",title:"CheckboxGroup"}},[a("template",{slot:"content"},[a("cube-checkbox-group",{model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[a("cube-checkbox",{attrs:{label:"1"}},[t._v("Checkbox 1")]),t._v(" "),a("cube-checkbox",{attrs:{label:"2"}},[t._v("Checkbox 2")]),t._v(" "),a("cube-checkbox",{attrs:{label:"3",disabled:!0}},[t._v("Disabled Checkbox")]),t._v(" "),a("cube-checkbox",{attrs:{label:"4",disabled:!0}},[t._v("Disabled & Checked Checkbox")])],1),t._v(" "),a("p",[t._v("checkList value : "+t._s(t.checkList))]),t._v(" "),a("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[a("cube-checkbox",{attrs:{label:"1"}},[t._v("1")]),t._v(" "),a("cube-checkbox",{attrs:{label:"2"}},[t._v("2")]),t._v(" "),a("cube-checkbox",{attrs:{label:"3",disabled:!0}},[t._v("3")]),t._v(" "),a("cube-checkbox",{attrs:{label:"4",disabled:!0}},[t._v("4")])],1)],1)],2)},staticRenderFns:[]}},function(t,e,a){var i=a(0)(a(234),a(235),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={components:{CubePage:i.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"loading-view",title:"Loading"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-loading"),t._v(" "),a("cube-loading",{attrs:{size:28}}),t._v(" "),a("cube-loading",{attrs:{size:40}})],1)])},staticRenderFns:[]}},function(t,e,a){function i(t){a(237)}var c=a(0)(a(238),a(239),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(5),a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={data:function(){return{direction:"",tipStyle:""}},methods:{showTip:function(t){switch(this.direction=t,this.$refs.tip2.show(),t){case"bottom":this.tipStyle="left: 96px; top: -50px;";break;case"top":this.tipStyle="left: 96px; top: 40px;";break;case"right":this.tipStyle="left: -2px; top: -5px;";break;case"left":this.tipStyle="left: 190px; top: -5px;"}},close:function(){console.log("click close button")},clickHandler:function(){console.log("click tip area")}},components:{CubeButtonGroup:l.default,CubePage:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tip-view",title:"Tip"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("p",{staticClass:"tip-eg"},[a("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.$refs.tip.show()}}},[t._v("Show tip")]),t._v(" "),a("cube-tip",{ref:"tip",staticStyle:{left:"115px",top:"-50px"},attrs:{direction:"bottom"}},[t._v("Tip")])],1),t._v(" "),a("p",{staticClass:"tip-eg"},[a("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.showTip("bottom")}}},[t._v("cube-ui")]),t._v(" "),a("cube-tip",{ref:"tip2",style:t.tipStyle,attrs:{direction:t.direction},on:{close:t.close,click:t.clickHandler}},[a("div",[t._v("Awesome!")])])],1),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("bottom")}}},[t._v("top")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("top")}}},[t._v("bottom")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("right")}}},[t._v("left")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("left")}}},[t._v("right")])],1)])},staticRenderFns:[]}},function(t,e,a){function i(t){a(241)}var c=a(0)(a(242),a(247),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(5),a(1),a(243)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),n=l(i),o=l(c);e.default={data:function(){return{type:"popup-dialog",mask:!0}},methods:{showPopup:function(t){var e=this.$refs[t];e.show(),setTimeout(function(){e.hide()},1e3)}},components:{CubeButtonGroup:u.default,CubePage:n.default,CubeExtendPopup:o.default}},t.exports=e.default})},function(t,e,a){function i(t){a(244)}var c=a(0)(a(245),a(246),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-extend-popup",props:{content:{type:String}},methods:{show:function(){this.$refs.popup.show()},hide:function(){this.$refs.popup.hide(),this.$emit("hide")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-popup",{ref:"popup",attrs:{type:"extend-popup"}},[a("div",{staticClass:"cube-extend-popup-content",on:{click:t.hide}},[t._t("default",[t._v(t._s(t.content))])],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"popup-view",title:"popup"}},[a("template",{slot:"content"},[a("div",[a("cube-popup",{ref:"myPopup",attrs:{type:"my-popup"}},[t._v("My Popup Content 1")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup("myPopup")}}},[t._v("Show Popup")])],1),t._v(" "),a("div",[a("cube-popup",{ref:"myPopup2",attrs:{type:"my-popup",mask:!1}},[t._v("My Popup Content 2")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup("myPopup2")}}},[t._v("Show Popup - no mask")])],1),t._v(" "),a("div",[a("cube-popup",{ref:"myPopup3",attrs:{type:"my-popup",mask:!1,content:"My Popup Content 3"}}),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup("myPopup3")}}},[t._v("Show Popup - with content")])],1),t._v(" "),a("div",[a("cube-popup",{ref:"myPopup4",attrs:{type:"my-popup",center:!1}},[t._v("My Popup Content 4")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup("myPopup4")}}},[t._v("Show Popup - bottom")])],1),t._v(" "),a("div",[a("cube-extend-popup",{ref:"extendPopup",attrs:{content:"click here hide"}}),t._v(" "),a("cube-button",{on:{click:function(e){t.$refs.extendPopup.show()}}},[t._v("Show Extend Popup")])],1)])],2)},staticRenderFns:[]}},function(t,e,a){var i=a(0)(a(249),a(250),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(5),a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={methods:{showToastTime:function(){this.toast=this.$createToast({time:1e3,txt:"Toast time 1s"}),this.toast.show()},showToastTime0:function(){var t=this;this.toast=this.$createToast({time:0,txt:"Toast time 0"}),this.toast.show(),setTimeout(function(){t.toast.hide()},2e3)},showToastMask:function(){this.toast=this.$createToast({txt:"Loading...",mask:!0}),this.toast.show()},showToastType:function(){this.toast=this.$createToast({txt:"Correct",type:"correct"}),this.toast.show()}},components:{CubeButtonGroup:l.default,CubePage:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"toast-view",title:"Toast"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showToastTime}},[t._v("Toast - time 1s")]),t._v(" "),a("cube-button",{on:{click:t.showToastTime0}},[t._v("Toast - time 0")]),t._v(" "),a("cube-button",{on:{click:t.showToastMask}},[t._v("Toast- with mask")]),t._v(" "),a("cube-button",{on:{click:t.showToastType}},[t._v("Toast - type")])],1)],1)])},staticRenderFns:[]}},function(t,e,a){var i=a(0)(a(252),a(258),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(5),a(255),a(17),a(39),a(253),a(254)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l,u,n,o){"use strict";function v(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=v(a),r=v(i),x=v(c),y=v(l);(0,v(u).default)(y.default,x.default,["select","cancel"],!1);var p=n.provinceList;p.forEach(function(t){t.children=n.cityList[t.value],t.children.forEach(function(t){t.children=n.areaList[t.value]})}),e.default={mounted:function(){this.cascadePicker=this.$createCascadePicker({title:"Cascade Picker",data:o.cascadeData,selectedIndex:[0,1,0],cancelTxt:"Cancel",confirmTxt:"Confirm",onSelect:this.selectHandle,onCancel:this.cancelHandle,onChange:function(){console.log("change")}}),this.cityPicker=this.$createCascadePicker({title:"City Picker",data:p,onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.datePicker=this.$createDatePicker({min:[2008,8,8],max:[2020,10,20],onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.setDataPicker=this.$createCascadePicker({title:"Set Data",onSelect:this.selectHandle,onCancel:this.cancelHandle})},methods:{showCascadePicker:function(){this.cascadePicker.show()},showCityPicker:function(){this.cityPicker.show()},showDatePicker:function(){this.datePicker.show()},showSetDataPicker:function(){var t=this;this.setDataPicker.setData(o.cascadeData),this.setDataPicker.show(),setTimeout(function(){t.setDataPicker.setData(p,[1,1,0])},1e3)},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item:
- value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:s.default,CubeButtonGroup:r.default}},t.exports=e.default})},function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.provinceList=[{text:"北京市",value:"110000"},{text:"天津市",value:"120000"},{text:"河北省",value:"130000"},{text:"山西省",value:"140000"},{text:"内蒙古自治区",value:"150000"},{text:"辽宁省",value:"210000"},{text:"吉林省",value:"220000"},{text:"黑龙江省",value:"230000"},{text:"上海市",value:"310000"},{text:"江苏省",value:"320000"},{text:"浙江省",value:"330000"},{text:"安徽省",value:"340000"},{text:"福建省",value:"350000"},{text:"江西省",value:"360000"},{text:"山东省",value:"370000"},{text:"河南省",value:"410000"},{text:"湖北省",value:"420000"},{text:"湖南省",value:"430000"},{text:"广东省",value:"440000"},{text:"广西壮族自治区",value:"450000"},{text:"海南省",value:"460000"},{text:"重庆市",value:"500000"},{text:"四川省",value:"510000"},{text:"贵州省",value:"520000"},{text:"云南省",value:"530000"},{text:"西藏自治区",value:"540000"},{text:"陕西省",value:"610000"},{text:"甘肃省",value:"620000"},{text:"青海省",value:"630000"},{text:"宁夏回族自治区",value:"640000"},{text:"新疆维吾尔自治区",value:"650000"}],t.cityList={110000:[{province:"北京市",text:"北京市",value:"110100"}],120000:[{province:"天津市",text:"天津市",value:"120100"}],130000:[{province:"河北省",text:"石家庄市",value:"130100"},{province:"河北省",text:"唐山市",value:"130200"},{province:"河北省",text:"秦皇岛市",value:"130300"},{province:"河北省",text:"邯郸市",value:"130400"},{province:"河北省",text:"邢台市",value:"130500"},{province:"河北省",text:"保定市",value:"130600"},{province:"河北省",text:"张家口市",value:"130700"},{province:"河北省",text:"承德市",value:"130800"},{province:"河北省",text:"沧州市",value:"130900"},{province:"河北省",text:"廊坊市",value:"131000"},{province:"河北省",text:"衡水市",value:"131100"},{province:"河北省",text:"省直辖县级行政区划",value:"139000"}],140000:[{province:"山西省",text:"太原市",value:"140100"},{province:"山西省",text:"大同市",value:"140200"},{province:"山西省",text:"阳泉市",value:"140300"},{province:"山西省",text:"长治市",value:"140400"},{province:"山西省",text:"晋城市",value:"140500"},{province:"山西省",text:"朔州市",value:"140600"},{province:"山西省",text:"晋中市",value:"140700"},{province:"山西省",text:"运城市",value:"140800"},{province:"山西省",text:"忻州市",value:"140900"},{province:"山西省",text:"临汾市",value:"141000"},{province:"山西省",text:"吕梁市",value:"141100"}],150000:[{province:"内蒙古自治区",text:"呼和浩特市",value:"150100"},{province:"内蒙古自治区",text:"包头市",value:"150200"},{province:"内蒙古自治区",text:"乌海市",value:"150300"},{province:"内蒙古自治区",text:"赤峰市",value:"150400"},{province:"内蒙古自治区",text:"通辽市",value:"150500"},{province:"内蒙古自治区",text:"鄂尔多斯市",value:"150600"},{province:"内蒙古自治区",text:"呼伦贝尔市",value:"150700"},{province:"内蒙古自治区",text:"巴彦淖尔市",value:"150800"},{province:"内蒙古自治区",text:"乌兰察布市",value:"150900"},{province:"内蒙古自治区",text:"兴安盟",value:"152200"},{province:"内蒙古自治区",text:"锡林郭勒盟",value:"152500"},{province:"内蒙古自治区",text:"阿拉善盟",value:"152900"}],210000:[{province:"辽宁省",text:"沈阳市",value:"210100"},{province:"辽宁省",text:"大连市",value:"210200"},{province:"辽宁省",text:"鞍山市",value:"210300"},{province:"辽宁省",text:"抚顺市",value:"210400"},{province:"辽宁省",text:"本溪市",value:"210500"},{province:"辽宁省",text:"丹东市",value:"210600"},{province:"辽宁省",text:"锦州市",value:"210700"},{province:"辽宁省",text:"营口市",value:"210800"},{province:"辽宁省",text:"阜新市",value:"210900"},{province:"辽宁省",text:"辽阳市",value:"211000"},{province:"辽宁省",text:"盘锦市",value:"211100"},{province:"辽宁省",text:"铁岭市",value:"211200"},{province:"辽宁省",text:"朝阳市",value:"211300"},{province:"辽宁省",text:"葫芦岛市",value:"211400"}],220000:[{province:"吉林省",text:"长春市",value:"220100"},{province:"吉林省",text:"吉林市",value:"220200"},{province:"吉林省",text:"四平市",value:"220300"},{province:"吉林省",text:"辽源市",value:"220400"},{province:"吉林省",text:"通化市",value:"220500"},{province:"吉林省",text:"白山市",value:"220600"},{province:"吉林省",text:"松原市",value:"220700"},{province:"吉林省",text:"白城市",value:"220800"},{province:"吉林省",text:"延边朝鲜族自治州",value:"222400"}],230000:[{province:"黑龙江省",text:"哈尔滨市",value:"230100"},{province:"黑龙江省",text:"齐齐哈尔市",value:"230200"},{province:"黑龙江省",text:"鸡西市",value:"230300"},{province:"黑龙江省",text:"鹤岗市",value:"230400"},{province:"黑龙江省",text:"双鸭山市",value:"230500"},{province:"黑龙江省",text:"大庆市",value:"230600"},{province:"黑龙江省",text:"伊春市",value:"230700"},{province:"黑龙江省",text:"佳木斯市",value:"230800"},{province:"黑龙江省",text:"七台河市",value:"230900"},{province:"黑龙江省",text:"牡丹江市",value:"231000"},{province:"黑龙江省",text:"黑河市",value:"231100"},{province:"黑龙江省",text:"绥化市",value:"231200"},{province:"黑龙江省",text:"大兴安岭地区",value:"232700"}],310000:[{province:"上海市",text:"上海市",value:"310100"}],320000:[{province:"江苏省",text:"南京市",value:"320100"},{province:"江苏省",text:"无锡市",value:"320200"},{province:"江苏省",text:"徐州市",value:"320300"},{province:"江苏省",text:"常州市",value:"320400"},{province:"江苏省",text:"苏州市",value:"320500"},{province:"江苏省",text:"南通市",value:"320600"},{province:"江苏省",text:"连云港市",value:"320700"},{province:"江苏省",text:"淮安市",value:"320800"},{province:"江苏省",text:"盐城市",value:"320900"},{province:"江苏省",text:"扬州市",value:"321000"},{province:"江苏省",text:"镇江市",value:"321100"},{province:"江苏省",text:"泰州市",value:"321200"},{province:"江苏省",text:"宿迁市",value:"321300"}],330000:[{province:"浙江省",text:"杭州市",value:"330100"},{province:"浙江省",text:"宁波市",value:"330200"},{province:"浙江省",text:"温州市",value:"330300"},{province:"浙江省",text:"嘉兴市",value:"330400"},{province:"浙江省",text:"湖州市",value:"330500"},{province:"浙江省",text:"绍兴市",value:"330600"},{province:"浙江省",text:"金华市",value:"330700"},{province:"浙江省",text:"衢州市",value:"330800"},{province:"浙江省",text:"舟山市",value:"330900"},{province:"浙江省",text:"台州市",value:"331000"},{province:"浙江省",text:"丽水市",value:"331100"}],340000:[{province:"安徽省",text:"合肥市",value:"340100"},{province:"安徽省",text:"芜湖市",value:"340200"},{province:"安徽省",text:"蚌埠市",value:"340300"},{province:"安徽省",text:"淮南市",value:"340400"},{province:"安徽省",text:"马鞍山市",value:"340500"},{province:"安徽省",text:"淮北市",value:"340600"},{province:"安徽省",text:"铜陵市",value:"340700"},{province:"安徽省",text:"安庆市",value:"340800"},{province:"安徽省",text:"黄山市",value:"341000"},{province:"安徽省",text:"滁州市",value:"341100"},{province:"安徽省",text:"阜阳市",value:"341200"},{province:"安徽省",text:"宿州市",value:"341300"},{province:"安徽省",text:"六安市",value:"341500"},{province:"安徽省",text:"亳州市",value:"341600"},{province:"安徽省",text:"池州市",value:"341700"},{province:"安徽省",text:"宣城市",value:"341800"}],350000:[{province:"福建省",text:"福州市",value:"350100"},{province:"福建省",text:"厦门市",value:"350200"},{province:"福建省",text:"莆田市",value:"350300"},{province:"福建省",text:"三明市",value:"350400"},{province:"福建省",text:"泉州市",value:"350500"},{province:"福建省",text:"漳州市",value:"350600"},{province:"福建省",text:"南平市",value:"350700"},{province:"福建省",text:"龙岩市",value:"350800"},{province:"福建省",text:"宁德市",value:"350900"}],360000:[{province:"江西省",text:"南昌市",value:"360100"},{province:"江西省",text:"景德镇市",value:"360200"},{province:"江西省",text:"萍乡市",value:"360300"},{province:"江西省",text:"九江市",value:"360400"},{province:"江西省",text:"新余市",value:"360500"},{province:"江西省",text:"鹰潭市",value:"360600"},{province:"江西省",text:"赣州市",value:"360700"},{province:"江西省",text:"吉安市",value:"360800"},{province:"江西省",text:"宜春市",value:"360900"},{province:"江西省",text:"抚州市",value:"361000"},{province:"江西省",text:"上饶市",value:"361100"}],370000:[{province:"山东省",text:"济南市",value:"370100"},{province:"山东省",text:"青岛市",value:"370200"},{province:"山东省",text:"淄博市",value:"370300"},{province:"山东省",text:"枣庄市",value:"370400"},{province:"山东省",text:"东营市",value:"370500"},{province:"山东省",text:"烟台市",value:"370600"},{province:"山东省",text:"潍坊市",value:"370700"},{province:"山东省",text:"济宁市",value:"370800"},{province:"山东省",text:"泰安市",value:"370900"},{province:"山东省",text:"威海市",value:"371000"},{province:"山东省",text:"日照市",value:"371100"},{province:"山东省",text:"莱芜市",value:"371200"},{province:"山东省",text:"临沂市",value:"371300"},{province:"山东省",text:"德州市",value:"371400"},{province:"山东省",text:"聊城市",value:"371500"},{province:"山东省",text:"滨州市",value:"371600"},{province:"山东省",text:"菏泽市",value:"371700"}],410000:[{province:"河南省",text:"郑州市",value:"410100"},{province:"河南省",text:"开封市",value:"410200"},{province:"河南省",text:"洛阳市",value:"410300"},{province:"河南省",text:"平顶山市",value:"410400"},{province:"河南省",text:"安阳市",value:"410500"},{province:"河南省",text:"鹤壁市",value:"410600"},{province:"河南省",text:"新乡市",value:"410700"},{province:"河南省",text:"焦作市",value:"410800"},{province:"河南省",text:"濮阳市",value:"410900"},{province:"河南省",text:"许昌市",value:"411000"},{province:"河南省",text:"漯河市",value:"411100"},{province:"河南省",text:"三门峡市",value:"411200"},{province:"河南省",text:"南阳市",value:"411300"},{province:"河南省",text:"商丘市",value:"411400"},{province:"河南省",text:"信阳市",value:"411500"},{province:"河南省",text:"周口市",value:"411600"},{province:"河南省",text:"驻马店市",value:"411700"},{province:"河南省",text:"省直辖县级行政区划",value:"419000"}],420000:[{province:"湖北省",text:"武汉市",value:"420100"},{province:"湖北省",text:"黄石市",value:"420200"},{province:"湖北省",text:"十堰市",value:"420300"},{province:"湖北省",text:"宜昌市",value:"420500"},{province:"湖北省",text:"襄阳市",value:"420600"},{province:"湖北省",text:"鄂州市",value:"420700"},{province:"湖北省",text:"荆门市",value:"420800"},{province:"湖北省",text:"孝感市",value:"420900"},{province:"湖北省",text:"荆州市",value:"421000"},{province:"湖北省",text:"黄冈市",value:"421100"},{province:"湖北省",text:"咸宁市",value:"421200"},{province:"湖北省",text:"随州市",value:"421300"},{province:"湖北省",text:"恩施土家族苗族自治州",value:"422800"},{province:"湖北省",text:"省直辖县级行政区划",value:"429000"}],430000:[{province:"湖南省",text:"长沙市",value:"430100"},{province:"湖南省",text:"株洲市",value:"430200"},{province:"湖南省",text:"湘潭市",value:"430300"},{province:"湖南省",text:"衡阳市",value:"430400"},{province:"湖南省",text:"邵阳市",value:"430500"},{province:"湖南省",text:"岳阳市",value:"430600"},{province:"湖南省",text:"常德市",value:"430700"},{province:"湖南省",text:"张家界市",value:"430800"},{province:"湖南省",text:"益阳市",value:"430900"},{province:"湖南省",text:"郴州市",value:"431000"},{province:"湖南省",text:"永州市",value:"431100"},{province:"湖南省",text:"怀化市",value:"431200"},{province:"湖南省",text:"娄底市",value:"431300"},{province:"湖南省",text:"湘西土家族苗族自治州",value:"433100"}],440000:[{province:"广东省",text:"广州市",value:"440100"},{province:"广东省",text:"韶关市",value:"440200"},{province:"广东省",text:"深圳市",value:"440300"},{province:"广东省",text:"珠海市",value:"440400"},{province:"广东省",text:"汕头市",value:"440500"},{province:"广东省",text:"佛山市",value:"440600"},{province:"广东省",text:"江门市",value:"440700"},{province:"广东省",text:"湛江市",value:"440800"},{province:"广东省",text:"茂名市",value:"440900"},{province:"广东省",text:"肇庆市",value:"441200"},{province:"广东省",text:"惠州市",value:"441300"},{province:"广东省",text:"梅州市",value:"441400"},{province:"广东省",text:"汕尾市",value:"441500"},{province:"广东省",text:"河源市",value:"441600"},{province:"广东省",text:"阳江市",value:"441700"},{province:"广东省",text:"清远市",value:"441800"},{province:"广东省",text:"东莞市",value:"441900"},{province:"广东省",text:"中山市",value:"442000"},{province:"广东省",text:"潮州市",value:"445100"},{province:"广东省",text:"揭阳市",value:"445200"},{province:"广东省",text:"云浮市",value:"445300"}],450000:[{province:"广西壮族自治区",text:"南宁市",value:"450100"},{province:"广西壮族自治区",text:"柳州市",value:"450200"},{province:"广西壮族自治区",text:"桂林市",value:"450300"},{province:"广西壮族自治区",text:"梧州市",value:"450400"},{province:"广西壮族自治区",text:"北海市",value:"450500"},{province:"广西壮族自治区",text:"防城港市",value:"450600"},{province:"广西壮族自治区",text:"钦州市",value:"450700"},{province:"广西壮族自治区",text:"贵港市",value:"450800"},{province:"广西壮族自治区",text:"玉林市",value:"450900"},{province:"广西壮族自治区",text:"百色市",value:"451000"},{province:"广西壮族自治区",text:"贺州市",value:"451100"},{province:"广西壮族自治区",text:"河池市",value:"451200"},{province:"广西壮族自治区",text:"来宾市",value:"451300"},{province:"广西壮族自治区",text:"崇左市",value:"451400"}],460000:[{province:"海南省",text:"海口市",value:"460100"},{province:"海南省",text:"三亚市",value:"460200"},{province:"海南省",text:"三沙市",value:"460300"},{province:"海南省",text:"儋州市",value:"460400"},{province:"海南省",text:"省直辖县级行政区划",value:"469000"}],500000:[{province:"重庆市",text:"重庆市",value:"500100"},{province:"重庆市",text:"县",value:"500200"}],510000:[{province:"四川省",text:"成都市",value:"510100"},{province:"四川省",text:"自贡市",value:"510300"},{province:"四川省",text:"攀枝花市",value:"510400"},{province:"四川省",text:"泸州市",value:"510500"},{province:"四川省",text:"德阳市",value:"510600"},{province:"四川省",text:"绵阳市",value:"510700"},{province:"四川省",text:"广元市",value:"510800"},{province:"四川省",text:"遂宁市",value:"510900"},{province:"四川省",text:"内江市",value:"511000"},{province:"四川省",text:"乐山市",value:"511100"},{province:"四川省",text:"南充市",value:"511300"},{province:"四川省",text:"眉山市",value:"511400"},{province:"四川省",text:"宜宾市",value:"511500"},{province:"四川省",text:"广安市",value:"511600"},{province:"四川省",text:"达州市",value:"511700"},{province:"四川省",text:"雅安市",value:"511800"},{province:"四川省",text:"巴中市",value:"511900"},{province:"四川省",text:"资阳市",value:"512000"},{province:"四川省",text:"阿坝藏族羌族自治州",value:"513200"},{province:"四川省",text:"甘孜藏族自治州",value:"513300"},{province:"四川省",text:"凉山彝族自治州",value:"513400"}],520000:[{province:"贵州省",text:"贵阳市",value:"520100"},{province:"贵州省",text:"六盘水市",value:"520200"},{province:"贵州省",text:"遵义市",value:"520300"},{province:"贵州省",text:"安顺市",value:"520400"},{province:"贵州省",text:"毕节市",value:"520500"},{province:"贵州省",text:"铜仁市",value:"520600"},{province:"贵州省",text:"黔西南布依族苗族自治州",value:"522300"},{province:"贵州省",text:"黔东南苗族侗族自治州",value:"522600"},{province:"贵州省",text:"黔南布依族苗族自治州",value:"522700"}],530000:[{province:"云南省",text:"昆明市",value:"530100"},{province:"云南省",text:"曲靖市",value:"530300"},{province:"云南省",text:"玉溪市",value:"530400"},{province:"云南省",text:"保山市",value:"530500"},{province:"云南省",text:"昭通市",value:"530600"},{province:"云南省",text:"丽江市",value:"530700"},{province:"云南省",text:"普洱市",value:"530800"},{province:"云南省",text:"临沧市",value:"530900"},{province:"云南省",text:"楚雄彝族自治州",value:"532300"},{province:"云南省",text:"红河哈尼族彝族自治州",value:"532500"},{province:"云南省",text:"文山壮族苗族自治州",value:"532600"},{province:"云南省",text:"西双版纳傣族自治州",value:"532800"},{province:"云南省",text:"大理白族自治州",value:"532900"},{province:"云南省",text:"德宏傣族景颇族自治州",value:"533100"},{province:"云南省",text:"怒江傈僳族自治州",value:"533300"},{province:"云南省",text:"迪庆藏族自治州",value:"533400"}],540000:[{province:"西藏自治区",text:"拉萨市",value:"540100"},{province:"西藏自治区",text:"日喀则市",value:"540200"},{province:"西藏自治区",text:"昌都市",value:"540300"},{province:"西藏自治区",text:"林芝市",value:"540400"},{province:"西藏自治区",text:"山南市",value:"540500"},{province:"西藏自治区",text:"那曲地区",value:"542400"},{province:"西藏自治区",text:"阿里地区",value:"542500"}],610000:[{province:"陕西省",text:"西安市",value:"610100"},{province:"陕西省",text:"铜川市",value:"610200"},{province:"陕西省",text:"宝鸡市",value:"610300"},{province:"陕西省",text:"咸阳市",value:"610400"},{province:"陕西省",text:"渭南市",value:"610500"},{province:"陕西省",text:"延安市",value:"610600"},{province:"陕西省",text:"汉中市",value:"610700"},{province:"陕西省",text:"榆林市",value:"610800"},{province:"陕西省",text:"安康市",value:"610900"},{province:"陕西省",text:"商洛市",value:"611000"}],620000:[{province:"甘肃省",text:"兰州市",value:"620100"},{province:"甘肃省",text:"嘉峪关市",value:"620200"},{province:"甘肃省",text:"金昌市",value:"620300"},{province:"甘肃省",text:"白银市",value:"620400"},{province:"甘肃省",text:"天水市",value:"620500"},{province:"甘肃省",text:"武威市",value:"620600"},{province:"甘肃省",text:"张掖市",value:"620700"},{province:"甘肃省",text:"平凉市",value:"620800"},{province:"甘肃省",text:"酒泉市",value:"620900"},{province:"甘肃省",text:"庆阳市",value:"621000"},{province:"甘肃省",text:"定西市",value:"621100"},{province:"甘肃省",text:"陇南市",value:"621200"},{province:"甘肃省",text:"临夏回族自治州",value:"622900"},{province:"甘肃省",text:"甘南藏族自治州",value:"623000"}],630000:[{province:"青海省",text:"西宁市",value:"630100"},{province:"青海省",text:"海东市",value:"630200"},{province:"青海省",text:"海北藏族自治州",value:"632200"},{province:"青海省",text:"黄南藏族自治州",value:"632300"},{province:"青海省",text:"海南藏族自治州",value:"632500"},{province:"青海省",text:"果洛藏族自治州",value:"632600"},{province:"青海省",text:"玉树藏族自治州",value:"632700"},{province:"青海省",text:"海西蒙古族藏族自治州",value:"632800"}],640000:[{province:"宁夏回族自治区",text:"银川市",value:"640100"},{province:"宁夏回族自治区",text:"石嘴山市",value:"640200"},{province:"宁夏回族自治区",text:"吴忠市",value:"640300"},{province:"宁夏回族自治区",text:"固原市",value:"640400"},{province:"宁夏回族自治区",text:"中卫市",value:"640500"}],650000:[{province:"新疆维吾尔自治区",text:"乌鲁木齐市",value:"650100"},{province:"新疆维吾尔自治区",text:"克拉玛依市",value:"650200"},{province:"新疆维吾尔自治区",text:"吐鲁番市",value:"650400"},{province:"新疆维吾尔自治区",text:"哈密市",value:"650500"},{province:"新疆维吾尔自治区",text:"昌吉回族自治州",value:"652300"},{province:"新疆维吾尔自治区",text:"博尔塔拉蒙古自治州",value:"652700"},{province:"新疆维吾尔自治区",text:"巴音郭楞蒙古自治州",value:"652800"},{province:"新疆维吾尔自治区",text:"阿克苏地区",value:"652900"},{province:"新疆维吾尔自治区",text:"克孜勒苏柯尔克孜自治州",value:"653000"},{province:"新疆维吾尔自治区",text:"喀什地区",value:"653100"},{province:"新疆维吾尔自治区",text:"和田地区",value:"653200"},{province:"新疆维吾尔自治区",text:"伊犁哈萨克自治州",value:"654000"},{province:"新疆维吾尔自治区",text:"塔城地区",value:"654200"},{province:"新疆维吾尔自治区",text:"阿勒泰地区",value:"654300"},{province:"新疆维吾尔自治区",text:"自治区直辖县级行政区划",value:"659000"}]},t.areaList={110100:[{city:"市辖区",text:"东城区",value:"110101"},{city:"市辖区",text:"西城区",value:"110102"},{city:"市辖区",text:"朝阳区",value:"110105"},{city:"市辖区",text:"丰台区",value:"110106"},{city:"市辖区",text:"石景山区",value:"110107"},{city:"市辖区",text:"海淀区",value:"110108"},{city:"市辖区",text:"门头沟区",value:"110109"},{city:"市辖区",text:"房山区",value:"110111"},{city:"市辖区",text:"通州区",value:"110112"},{city:"市辖区",text:"顺义区",value:"110113"},{city:"市辖区",text:"昌平区",value:"110114"},{city:"市辖区",text:"大兴区",value:"110115"},{city:"市辖区",text:"怀柔区",value:"110116"},{city:"市辖区",text:"平谷区",value:"110117"},{city:"市辖区",text:"密云区",value:"110118"},{city:"市辖区",text:"延庆区",value:"110119"}],120100:[{city:"市辖区",text:"和平区",value:"120101"},{city:"市辖区",text:"河东区",value:"120102"},{city:"市辖区",text:"河西区",value:"120103"},{city:"市辖区",text:"南开区",value:"120104"},{city:"市辖区",text:"河北区",value:"120105"},{city:"市辖区",text:"红桥区",value:"120106"},{city:"市辖区",text:"东丽区",value:"120110"},{city:"市辖区",text:"西青区",value:"120111"},{city:"市辖区",text:"津南区",value:"120112"},{city:"市辖区",text:"北辰区",value:"120113"},{city:"市辖区",text:"武清区",value:"120114"},{city:"市辖区",text:"宝坻区",value:"120115"},{city:"市辖区",text:"滨海新区",value:"120116"},{city:"市辖区",text:"宁河区",value:"120117"},{city:"市辖区",text:"静海区",value:"120118"},{city:"市辖区",text:"蓟州区",value:"120119"}],130100:[{city:"石家庄市",text:"市辖区",value:"130101"},{city:"石家庄市",text:"长安区",value:"130102"},{city:"石家庄市",text:"桥西区",value:"130104"},{city:"石家庄市",text:"新华区",value:"130105"},{city:"石家庄市",text:"井陉矿区",value:"130107"},{city:"石家庄市",text:"裕华区",value:"130108"},{city:"石家庄市",text:"藁城区",value:"130109"},{city:"石家庄市",text:"鹿泉区",value:"130110"},{city:"石家庄市",text:"栾城区",value:"130111"},{city:"石家庄市",text:"井陉县",value:"130121"},{city:"石家庄市",text:"正定县",value:"130123"},{city:"石家庄市",text:"行唐县",value:"130125"},{city:"石家庄市",text:"灵寿县",value:"130126"},{city:"石家庄市",text:"高邑县",value:"130127"},{city:"石家庄市",text:"深泽县",value:"130128"},{city:"石家庄市",text:"赞皇县",value:"130129"},{city:"石家庄市",text:"无极县",value:"130130"},{city:"石家庄市",text:"平山县",value:"130131"},{city:"石家庄市",text:"元氏县",value:"130132"},{city:"石家庄市",text:"赵县",value:"130133"},{city:"石家庄市",text:"晋州市",value:"130183"},{city:"石家庄市",text:"新乐市",value:"130184"}],130200:[{city:"唐山市",text:"市辖区",value:"130201"},{city:"唐山市",text:"路南区",value:"130202"},{city:"唐山市",text:"路北区",value:"130203"},{city:"唐山市",text:"古冶区",value:"130204"},{city:"唐山市",text:"开平区",value:"130205"},{city:"唐山市",text:"丰南区",value:"130207"},{city:"唐山市",text:"丰润区",value:"130208"},{city:"唐山市",text:"曹妃甸区",value:"130209"},{city:"唐山市",text:"滦县",value:"130223"},{city:"唐山市",text:"滦南县",value:"130224"},{city:"唐山市",text:"乐亭县",value:"130225"},{city:"唐山市",text:"迁西县",value:"130227"},{city:"唐山市",text:"玉田县",value:"130229"},{city:"唐山市",text:"遵化市",value:"130281"},{city:"唐山市",text:"迁安市",value:"130283"}],130300:[{city:"秦皇岛市",text:"市辖区",value:"130301"},{city:"秦皇岛市",text:"海港区",value:"130302"},{city:"秦皇岛市",text:"山海关区",value:"130303"},{city:"秦皇岛市",text:"北戴河区",value:"130304"},{city:"秦皇岛市",text:"抚宁区",value:"130306"},{city:"秦皇岛市",text:"青龙满族自治县",value:"130321"},{city:"秦皇岛市",text:"昌黎县",value:"130322"},{city:"秦皇岛市",text:"卢龙县",value:"130324"}],130400:[{city:"邯郸市",text:"市辖区",value:"130401"},{city:"邯郸市",text:"邯山区",value:"130402"},{city:"邯郸市",text:"丛台区",value:"130403"},{city:"邯郸市",text:"复兴区",value:"130404"},{city:"邯郸市",text:"峰峰矿区",value:"130406"},{city:"邯郸市",text:"邯郸县",value:"130421"},{city:"邯郸市",text:"临漳县",value:"130423"},{city:"邯郸市",text:"成安县",value:"130424"},{city:"邯郸市",text:"大名县",value:"130425"},{city:"邯郸市",text:"涉县",value:"130426"},{city:"邯郸市",text:"磁县",value:"130427"},{city:"邯郸市",text:"肥乡县",value:"130428"},{city:"邯郸市",text:"永年县",value:"130429"},{city:"邯郸市",text:"邱县",value:"130430"},{city:"邯郸市",text:"鸡泽县",value:"130431"},{city:"邯郸市",text:"广平县",value:"130432"},{city:"邯郸市",text:"馆陶县",value:"130433"},{city:"邯郸市",text:"魏县",value:"130434"},{city:"邯郸市",text:"曲周县",value:"130435"},{city:"邯郸市",text:"武安市",value:"130481"}],130500:[{city:"邢台市",text:"市辖区",value:"130501"},{city:"邢台市",text:"桥东区",value:"130502"},{city:"邢台市",text:"桥西区",value:"130503"},{city:"邢台市",text:"邢台县",value:"130521"},{city:"邢台市",text:"临城县",value:"130522"},{city:"邢台市",text:"内丘县",value:"130523"},{city:"邢台市",text:"柏乡县",value:"130524"},{city:"邢台市",text:"隆尧县",value:"130525"},{city:"邢台市",text:"任县",value:"130526"},{city:"邢台市",text:"南和县",value:"130527"},{city:"邢台市",text:"宁晋县",value:"130528"},{city:"邢台市",text:"巨鹿县",value:"130529"},{city:"邢台市",text:"新河县",value:"130530"},{city:"邢台市",text:"广宗县",value:"130531"},{city:"邢台市",text:"平乡县",value:"130532"},{city:"邢台市",text:"威县",value:"130533"},{city:"邢台市",text:"清河县",value:"130534"},{city:"邢台市",text:"临西县",value:"130535"},{city:"邢台市",text:"南宫市",value:"130581"},{city:"邢台市",text:"沙河市",value:"130582"}],130600:[{city:"保定市",text:"市辖区",value:"130601"},{city:"保定市",text:"竞秀区",value:"130602"},{city:"保定市",text:"莲池区",value:"130606"},{city:"保定市",text:"满城区",value:"130607"},{city:"保定市",text:"清苑区",value:"130608"},{city:"保定市",text:"徐水区",value:"130609"},{city:"保定市",text:"涞水县",value:"130623"},{city:"保定市",text:"阜平县",value:"130624"},{city:"保定市",text:"定兴县",value:"130626"},{city:"保定市",text:"唐县",value:"130627"},{city:"保定市",text:"高阳县",value:"130628"},{city:"保定市",text:"容城县",value:"130629"},{city:"保定市",text:"涞源县",value:"130630"},{city:"保定市",text:"望都县",value:"130631"},{city:"保定市",text:"安新县",value:"130632"},{city:"保定市",text:"易县",value:"130633"},{city:"保定市",text:"曲阳县",value:"130634"},{city:"保定市",text:"蠡县",value:"130635"},{city:"保定市",text:"顺平县",value:"130636"},{city:"保定市",text:"博野县",value:"130637"},{city:"保定市",text:"雄县",value:"130638"},{city:"保定市",text:"涿州市",value:"130681"},{city:"保定市",text:"安国市",value:"130683"},{city:"保定市",text:"高碑店市",value:"130684"}],130700:[{city:"张家口市",text:"市辖区",value:"130701"},{city:"张家口市",text:"桥东区",value:"130702"},{city:"张家口市",text:"桥西区",value:"130703"},{city:"张家口市",text:"宣化区",value:"130705"},{city:"张家口市",text:"下花园区",value:"130706"},{city:"张家口市",text:"万全区",value:"130708"},{city:"张家口市",text:"崇礼区",value:"130709"},{city:"张家口市",text:"张北县",value:"130722"},{city:"张家口市",text:"康保县",value:"130723"},{city:"张家口市",text:"沽源县",value:"130724"},{city:"张家口市",text:"尚义县",value:"130725"},{city:"张家口市",text:"蔚县",value:"130726"},{city:"张家口市",text:"阳原县",value:"130727"},{city:"张家口市",text:"怀安县",value:"130728"},{city:"张家口市",text:"怀来县",value:"130730"},{city:"张家口市",text:"涿鹿县",value:"130731"},{city:"张家口市",text:"赤城县",value:"130732"}],130800:[{city:"承德市",text:"市辖区",value:"130801"},{city:"承德市",text:"双桥区",value:"130802"},{city:"承德市",text:"双滦区",value:"130803"},{city:"承德市",text:"鹰手营子矿区",value:"130804"},{city:"承德市",text:"承德县",value:"130821"},{city:"承德市",text:"兴隆县",value:"130822"},{city:"承德市",text:"平泉县",value:"130823"},{city:"承德市",text:"滦平县",value:"130824"},{city:"承德市",text:"隆化县",value:"130825"},{city:"承德市",text:"丰宁满族自治县",value:"130826"},{city:"承德市",text:"宽城满族自治县",value:"130827"},{city:"承德市",text:"围场满族蒙古族自治县",value:"130828"}],130900:[{city:"沧州市",text:"市辖区",value:"130901"},{city:"沧州市",text:"新华区",value:"130902"},{city:"沧州市",text:"运河区",value:"130903"},{city:"沧州市",text:"沧县",value:"130921"},{city:"沧州市",text:"青县",value:"130922"},{city:"沧州市",text:"东光县",value:"130923"},{city:"沧州市",text:"海兴县",value:"130924"},{city:"沧州市",text:"盐山县",value:"130925"},{city:"沧州市",text:"肃宁县",value:"130926"},{city:"沧州市",text:"南皮县",value:"130927"},{city:"沧州市",text:"吴桥县",value:"130928"},{city:"沧州市",text:"献县",value:"130929"},{city:"沧州市",text:"孟村回族自治县",value:"130930"},{city:"沧州市",text:"泊头市",value:"130981"},{city:"沧州市",text:"任丘市",value:"130982"},{city:"沧州市",text:"黄骅市",value:"130983"},{city:"沧州市",text:"河间市",value:"130984"}],131000:[{city:"廊坊市",text:"市辖区",value:"131001"},{city:"廊坊市",text:"安次区",value:"131002"},{city:"廊坊市",text:"广阳区",value:"131003"},{city:"廊坊市",text:"固安县",value:"131022"},{city:"廊坊市",text:"永清县",value:"131023"},{city:"廊坊市",text:"香河县",value:"131024"},{city:"廊坊市",text:"大城县",value:"131025"},{city:"廊坊市",text:"文安县",value:"131026"},{city:"廊坊市",text:"大厂回族自治县",value:"131028"},{city:"廊坊市",text:"霸州市",value:"131081"},{city:"廊坊市",text:"三河市",value:"131082"}],131100:[{city:"衡水市",text:"市辖区",value:"131101"},{city:"衡水市",text:"桃城区",value:"131102"},{city:"衡水市",text:"冀州区",value:"131103"},{city:"衡水市",text:"枣强县",value:"131121"},{city:"衡水市",text:"武邑县",value:"131122"},{city:"衡水市",text:"武强县",value:"131123"},{city:"衡水市",text:"饶阳县",value:"131124"},{city:"衡水市",text:"安平县",value:"131125"},{city:"衡水市",text:"故城县",value:"131126"},{city:"衡水市",text:"景县",value:"131127"},{city:"衡水市",text:"阜城县",value:"131128"},{city:"衡水市",text:"深州市",value:"131182"}],139000:[{city:"省直辖县级行政区划",text:"定州市",value:"139001"},{city:"省直辖县级行政区划",text:"辛集市",value:"139002"}],140100:[{city:"太原市",text:"市辖区",value:"140101"},{city:"太原市",text:"小店区",value:"140105"},{city:"太原市",text:"迎泽区",value:"140106"},{city:"太原市",text:"杏花岭区",value:"140107"},{city:"太原市",text:"尖草坪区",value:"140108"},{city:"太原市",text:"万柏林区",value:"140109"},{city:"太原市",text:"晋源区",value:"140110"},{city:"太原市",text:"清徐县",value:"140121"},{city:"太原市",text:"阳曲县",value:"140122"},{city:"太原市",text:"娄烦县",value:"140123"},{city:"太原市",text:"古交市",value:"140181"}],140200:[{city:"大同市",text:"市辖区",value:"140201"},{city:"大同市",text:"城区",value:"140202"},{city:"大同市",text:"矿区",value:"140203"},{city:"大同市",text:"南郊区",value:"140211"},{city:"大同市",text:"新荣区",value:"140212"},{city:"大同市",text:"阳高县",value:"140221"},{city:"大同市",text:"天镇县",value:"140222"},{city:"大同市",text:"广灵县",value:"140223"},{city:"大同市",text:"灵丘县",value:"140224"},{city:"大同市",text:"浑源县",value:"140225"},{city:"大同市",text:"左云县",value:"140226"},{city:"大同市",text:"大同县",value:"140227"}],140300:[{city:"阳泉市",text:"市辖区",value:"140301"},{city:"阳泉市",text:"城区",value:"140302"},{city:"阳泉市",text:"矿区",value:"140303"},{city:"阳泉市",text:"郊区",value:"140311"},{city:"阳泉市",text:"平定县",value:"140321"},{city:"阳泉市",text:"盂县",value:"140322"}],140400:[{city:"长治市",text:"市辖区",value:"140401"},{city:"长治市",text:"城区",value:"140402"},{city:"长治市",text:"郊区",value:"140411"},{city:"长治市",text:"长治县",value:"140421"},{city:"长治市",text:"襄垣县",value:"140423"},{city:"长治市",text:"屯留县",value:"140424"},{city:"长治市",text:"平顺县",value:"140425"},{city:"长治市",text:"黎城县",value:"140426"},{city:"长治市",text:"壶关县",value:"140427"},{city:"长治市",text:"长子县",value:"140428"},{city:"长治市",text:"武乡县",value:"140429"},{city:"长治市",text:"沁县",value:"140430"},{city:"长治市",text:"沁源县",value:"140431"},{city:"长治市",text:"潞城市",value:"140481"}],140500:[{city:"晋城市",text:"市辖区",value:"140501"},{city:"晋城市",text:"城区",value:"140502"},{city:"晋城市",text:"沁水县",value:"140521"},{city:"晋城市",text:"阳城县",value:"140522"},{city:"晋城市",text:"陵川县",value:"140524"},{city:"晋城市",text:"泽州县",value:"140525"},{city:"晋城市",text:"高平市",value:"140581"}],140600:[{city:"朔州市",text:"市辖区",value:"140601"},{city:"朔州市",text:"朔城区",value:"140602"},{city:"朔州市",text:"平鲁区",value:"140603"},{city:"朔州市",text:"山阴县",value:"140621"},{city:"朔州市",text:"应县",value:"140622"},{city:"朔州市",text:"右玉县",value:"140623"},{city:"朔州市",text:"怀仁县",value:"140624"}],140700:[{city:"晋中市",text:"市辖区",value:"140701"},{city:"晋中市",text:"榆次区",value:"140702"},{city:"晋中市",text:"榆社县",value:"140721"},{city:"晋中市",text:"左权县",value:"140722"},{city:"晋中市",text:"和顺县",value:"140723"},{city:"晋中市",text:"昔阳县",value:"140724"},{city:"晋中市",text:"寿阳县",value:"140725"},{city:"晋中市",text:"太谷县",value:"140726"},{city:"晋中市",text:"祁县",value:"140727"},{city:"晋中市",text:"平遥县",value:"140728"},{city:"晋中市",text:"灵石县",value:"140729"},{city:"晋中市",text:"介休市",value:"140781"}],140800:[{city:"运城市",text:"市辖区",value:"140801"},{city:"运城市",text:"盐湖区",value:"140802"},{city:"运城市",text:"临猗县",value:"140821"},{city:"运城市",text:"万荣县",value:"140822"},{city:"运城市",text:"闻喜县",value:"140823"},{city:"运城市",text:"稷山县",value:"140824"},{city:"运城市",text:"新绛县",value:"140825"},{city:"运城市",text:"绛县",value:"140826"},{city:"运城市",text:"垣曲县",value:"140827"},{city:"运城市",text:"夏县",value:"140828"},{city:"运城市",text:"平陆县",value:"140829"},{city:"运城市",text:"芮城县",value:"140830"},{city:"运城市",text:"永济市",value:"140881"},{city:"运城市",text:"河津市",value:"140882"}],140900:[{city:"忻州市",text:"市辖区",value:"140901"},{city:"忻州市",text:"忻府区",value:"140902"},{city:"忻州市",text:"定襄县",value:"140921"},{city:"忻州市",text:"五台县",value:"140922"},{city:"忻州市",text:"代县",value:"140923"},{city:"忻州市",text:"繁峙县",value:"140924"},{city:"忻州市",text:"宁武县",value:"140925"},{city:"忻州市",text:"静乐县",value:"140926"},{city:"忻州市",text:"神池县",value:"140927"},{city:"忻州市",text:"五寨县",value:"140928"},{city:"忻州市",text:"岢岚县",value:"140929"},{city:"忻州市",text:"河曲县",value:"140930"},{city:"忻州市",text:"保德县",value:"140931"},{city:"忻州市",text:"偏关县",value:"140932"},{city:"忻州市",text:"原平市",value:"140981"}],141000:[{city:"临汾市",text:"市辖区",value:"141001"},{city:"临汾市",text:"尧都区",value:"141002"},{city:"临汾市",text:"曲沃县",value:"141021"},{city:"临汾市",text:"翼城县",value:"141022"},{city:"临汾市",text:"襄汾县",value:"141023"},{city:"临汾市",text:"洪洞县",value:"141024"},{city:"临汾市",text:"古县",value:"141025"},{city:"临汾市",text:"安泽县",value:"141026"},{city:"临汾市",text:"浮山县",value:"141027"},{city:"临汾市",text:"吉县",value:"141028"},{city:"临汾市",text:"乡宁县",value:"141029"},{city:"临汾市",text:"大宁县",value:"141030"},{city:"临汾市",text:"隰县",value:"141031"},{city:"临汾市",text:"永和县",value:"141032"},{city:"临汾市",text:"蒲县",value:"141033"},{city:"临汾市",text:"汾西县",value:"141034"},{city:"临汾市",text:"侯马市",value:"141081"},{city:"临汾市",text:"霍州市",value:"141082"}],141100:[{city:"吕梁市",text:"市辖区",value:"141101"},{city:"吕梁市",text:"离石区",value:"141102"},{city:"吕梁市",text:"文水县",value:"141121"},{city:"吕梁市",text:"交城县",value:"141122"},{city:"吕梁市",text:"兴县",value:"141123"},{city:"吕梁市",text:"临县",value:"141124"},{city:"吕梁市",text:"柳林县",value:"141125"},{city:"吕梁市",text:"石楼县",value:"141126"},{city:"吕梁市",text:"岚县",value:"141127"},{city:"吕梁市",text:"方山县",value:"141128"},{city:"吕梁市",text:"中阳县",value:"141129"},{city:"吕梁市",text:"交口县",value:"141130"},{city:"吕梁市",text:"孝义市",value:"141181"},{city:"吕梁市",text:"汾阳市",value:"141182"}],150100:[{city:"呼和浩特市",text:"市辖区",value:"150101"},{city:"呼和浩特市",text:"新城区",value:"150102"},{city:"呼和浩特市",text:"回民区",value:"150103"},{city:"呼和浩特市",text:"玉泉区",value:"150104"},{city:"呼和浩特市",text:"赛罕区",value:"150105"},{city:"呼和浩特市",text:"土默特左旗",value:"150121"},{city:"呼和浩特市",text:"托克托县",value:"150122"},{city:"呼和浩特市",text:"和林格尔县",value:"150123"},{city:"呼和浩特市",text:"清水河县",value:"150124"},{city:"呼和浩特市",text:"武川县",value:"150125"}],150200:[{city:"包头市",text:"市辖区",value:"150201"},{city:"包头市",text:"东河区",value:"150202"},{city:"包头市",text:"昆都仑区",value:"150203"},{city:"包头市",text:"青山区",value:"150204"},{city:"包头市",text:"石拐区",value:"150205"},{city:"包头市",text:"白云鄂博矿区",value:"150206"},{city:"包头市",text:"九原区",value:"150207"},{city:"包头市",text:"土默特右旗",value:"150221"},{city:"包头市",text:"固阳县",value:"150222"},{city:"包头市",text:"达尔罕茂明安联合旗",value:"150223"}],150300:[{city:"乌海市",text:"市辖区",value:"150301"},{city:"乌海市",text:"海勃湾区",value:"150302"},{city:"乌海市",text:"海南区",value:"150303"},{city:"乌海市",text:"乌达区",value:"150304"}],150400:[{city:"赤峰市",text:"市辖区",value:"150401"},{city:"赤峰市",text:"红山区",value:"150402"},{city:"赤峰市",text:"元宝山区",value:"150403"},{city:"赤峰市",text:"松山区",value:"150404"},{city:"赤峰市",text:"阿鲁科尔沁旗",value:"150421"},{city:"赤峰市",text:"巴林左旗",value:"150422"},{city:"赤峰市",text:"巴林右旗",value:"150423"},{city:"赤峰市",text:"林西县",value:"150424"},{city:"赤峰市",text:"克什克腾旗",value:"150425"},{city:"赤峰市",text:"翁牛特旗",value:"150426"},{city:"赤峰市",text:"喀喇沁旗",value:"150428"},{city:"赤峰市",text:"宁城县",value:"150429"},{city:"赤峰市",text:"敖汉旗",value:"150430"}],150500:[{city:"通辽市",text:"市辖区",value:"150501"},{city:"通辽市",text:"科尔沁区",value:"150502"},{city:"通辽市",text:"科尔沁左翼中旗",value:"150521"},{city:"通辽市",text:"科尔沁左翼后旗",value:"150522"},{city:"通辽市",text:"开鲁县",value:"150523"},{city:"通辽市",text:"库伦旗",value:"150524"},{city:"通辽市",text:"奈曼旗",value:"150525"},{city:"通辽市",text:"扎鲁特旗",value:"150526"},{city:"通辽市",text:"霍林郭勒市",value:"150581"}],150600:[{city:"鄂尔多斯市",text:"市辖区",value:"150601"},{city:"鄂尔多斯市",text:"东胜区",value:"150602"},{city:"鄂尔多斯市",text:"康巴什区",value:"150603"},{city:"鄂尔多斯市",text:"达拉特旗",value:"150621"},{city:"鄂尔多斯市",text:"准格尔旗",value:"150622"},{city:"鄂尔多斯市",text:"鄂托克前旗",value:"150623"},{city:"鄂尔多斯市",text:"鄂托克旗",value:"150624"},{city:"鄂尔多斯市",text:"杭锦旗",value:"150625"},{city:"鄂尔多斯市",text:"乌审旗",value:"150626"},{city:"鄂尔多斯市",text:"伊金霍洛旗",value:"150627"}],150700:[{city:"呼伦贝尔市",text:"市辖区",value:"150701"},{city:"呼伦贝尔市",text:"海拉尔区",value:"150702"},{city:"呼伦贝尔市",text:"扎赉诺尔区",value:"150703"},{city:"呼伦贝尔市",text:"阿荣旗",value:"150721"},{city:"呼伦贝尔市",text:"莫力达瓦达斡尔族自治旗",value:"150722"},{city:"呼伦贝尔市",text:"鄂伦春自治旗",value:"150723"},{city:"呼伦贝尔市",text:"鄂温克族自治旗",value:"150724"},{city:"呼伦贝尔市",text:"陈巴尔虎旗",value:"150725"},{city:"呼伦贝尔市",text:"新巴尔虎左旗",value:"150726"},{city:"呼伦贝尔市",text:"新巴尔虎右旗",value:"150727"},{city:"呼伦贝尔市",text:"满洲里市",value:"150781"},{city:"呼伦贝尔市",text:"牙克石市",value:"150782"},{city:"呼伦贝尔市",text:"扎兰屯市",value:"150783"},{city:"呼伦贝尔市",text:"额尔古纳市",value:"150784"},{city:"呼伦贝尔市",text:"根河市",value:"150785"}],150800:[{city:"巴彦淖尔市",text:"市辖区",value:"150801"},{city:"巴彦淖尔市",text:"临河区",value:"150802"},{city:"巴彦淖尔市",text:"五原县",value:"150821"},{city:"巴彦淖尔市",text:"磴口县",value:"150822"},{city:"巴彦淖尔市",text:"乌拉特前旗",value:"150823"},{city:"巴彦淖尔市",text:"乌拉特中旗",value:"150824"},{city:"巴彦淖尔市",text:"乌拉特后旗",value:"150825"},{city:"巴彦淖尔市",text:"杭锦后旗",value:"150826"}],150900:[{city:"乌兰察布市",text:"市辖区",value:"150901"},{city:"乌兰察布市",text:"集宁区",value:"150902"},{city:"乌兰察布市",text:"卓资县",value:"150921"},{city:"乌兰察布市",text:"化德县",value:"150922"},{city:"乌兰察布市",text:"商都县",value:"150923"},{city:"乌兰察布市",text:"兴和县",value:"150924"},{city:"乌兰察布市",text:"凉城县",value:"150925"},{city:"乌兰察布市",text:"察哈尔右翼前旗",value:"150926"},{city:"乌兰察布市",text:"察哈尔右翼中旗",value:"150927"},{city:"乌兰察布市",text:"察哈尔右翼后旗",value:"150928"},{city:"乌兰察布市",text:"四子王旗",value:"150929"},{city:"乌兰察布市",text:"丰镇市",value:"150981"}],152200:[{city:"兴安盟",text:"乌兰浩特市",value:"152201"},{city:"兴安盟",text:"阿尔山市",value:"152202"},{city:"兴安盟",text:"科尔沁右翼前旗",value:"152221"},{city:"兴安盟",text:"科尔沁右翼中旗",value:"152222"},{city:"兴安盟",text:"扎赉特旗",value:"152223"},{city:"兴安盟",text:"突泉县",value:"152224"}],152500:[{city:"锡林郭勒盟",text:"二连浩特市",value:"152501"},{city:"锡林郭勒盟",text:"锡林浩特市",value:"152502"},{city:"锡林郭勒盟",text:"阿巴嘎旗",value:"152522"},{city:"锡林郭勒盟",text:"苏尼特左旗",value:"152523"},{city:"锡林郭勒盟",text:"苏尼特右旗",value:"152524"},{city:"锡林郭勒盟",text:"东乌珠穆沁旗",value:"152525"},{city:"锡林郭勒盟",text:"西乌珠穆沁旗",value:"152526"},{city:"锡林郭勒盟",text:"太仆寺旗",value:"152527"},{city:"锡林郭勒盟",text:"镶黄旗",value:"152528"},{city:"锡林郭勒盟",text:"正镶白旗",value:"152529"},{city:"锡林郭勒盟",text:"正蓝旗",value:"152530"},{city:"锡林郭勒盟",text:"多伦县",value:"152531"}],152900:[{city:"阿拉善盟",text:"阿拉善左旗",value:"152921"},{city:"阿拉善盟",text:"阿拉善右旗",value:"152922"},{city:"阿拉善盟",text:"额济纳旗",value:"152923"}],210100:[{city:"沈阳市",text:"市辖区",value:"210101"},{city:"沈阳市",text:"和平区",value:"210102"},{city:"沈阳市",text:"沈河区",value:"210103"},{city:"沈阳市",text:"大东区",value:"210104"},{city:"沈阳市",text:"皇姑区",value:"210105"},{city:"沈阳市",text:"铁西区",value:"210106"},{city:"沈阳市",text:"苏家屯区",value:"210111"},{city:"沈阳市",text:"浑南区",value:"210112"},{city:"沈阳市",text:"沈北新区",value:"210113"},{city:"沈阳市",text:"于洪区",value:"210114"},{city:"沈阳市",text:"辽中区",value:"210115"},{city:"沈阳市",text:"康平县",value:"210123"},{city:"沈阳市",text:"法库县",value:"210124"},{city:"沈阳市",text:"新民市",value:"210181"}],210200:[{city:"大连市",text:"市辖区",value:"210201"},{city:"大连市",text:"中山区",value:"210202"},{city:"大连市",text:"西岗区",value:"210203"},{city:"大连市",text:"沙河口区",value:"210204"},{city:"大连市",text:"甘井子区",value:"210211"},{city:"大连市",text:"旅顺口区",value:"210212"},{city:"大连市",text:"金州区",value:"210213"},{city:"大连市",text:"普兰店区",value:"210214"},{city:"大连市",text:"长海县",value:"210224"},{city:"大连市",text:"瓦房店市",value:"210281"},{city:"大连市",text:"庄河市",value:"210283"}],210300:[{city:"鞍山市",text:"市辖区",value:"210301"},{city:"鞍山市",text:"铁东区",value:"210302"},{city:"鞍山市",text:"铁西区",value:"210303"},{city:"鞍山市",text:"立山区",value:"210304"},{city:"鞍山市",text:"千山区",value:"210311"},{city:"鞍山市",text:"台安县",value:"210321"},{city:"鞍山市",text:"岫岩满族自治县",value:"210323"},{city:"鞍山市",text:"海城市",value:"210381"}],210400:[{city:"抚顺市",text:"市辖区",value:"210401"},{city:"抚顺市",text:"新抚区",value:"210402"},{city:"抚顺市",text:"东洲区",value:"210403"},{city:"抚顺市",text:"望花区",value:"210404"},{city:"抚顺市",text:"顺城区",value:"210411"},{city:"抚顺市",text:"抚顺县",value:"210421"},{city:"抚顺市",text:"新宾满族自治县",value:"210422"},{city:"抚顺市",text:"清原满族自治县",value:"210423"}],210500:[{city:"本溪市",text:"市辖区",value:"210501"},{city:"本溪市",text:"平山区",value:"210502"},{city:"本溪市",text:"溪湖区",value:"210503"},{city:"本溪市",text:"明山区",value:"210504"},{city:"本溪市",text:"南芬区",value:"210505"},{city:"本溪市",text:"本溪满族自治县",value:"210521"},{city:"本溪市",text:"桓仁满族自治县",value:"210522"}],210600:[{city:"丹东市",text:"市辖区",value:"210601"},{city:"丹东市",text:"元宝区",value:"210602"},{city:"丹东市",text:"振兴区",value:"210603"},{city:"丹东市",text:"振安区",value:"210604"},{city:"丹东市",text:"宽甸满族自治县",value:"210624"},{city:"丹东市",text:"东港市",value:"210681"},{city:"丹东市",text:"凤城市",value:"210682"}],210700:[{city:"锦州市",text:"市辖区",value:"210701"},{city:"锦州市",text:"古塔区",value:"210702"},{city:"锦州市",text:"凌河区",value:"210703"},{city:"锦州市",text:"太和区",value:"210711"},{city:"锦州市",text:"黑山县",value:"210726"},{city:"锦州市",text:"义县",value:"210727"},{city:"锦州市",text:"凌海市",value:"210781"},{city:"锦州市",text:"北镇市",value:"210782"}],210800:[{city:"营口市",text:"市辖区",value:"210801"},{city:"营口市",text:"站前区",value:"210802"},{city:"营口市",text:"西市区",value:"210803"},{city:"营口市",text:"鲅鱼圈区",value:"210804"},{city:"营口市",text:"老边区",value:"210811"},{city:"营口市",text:"盖州市",value:"210881"},{city:"营口市",text:"大石桥市",value:"210882"}],210900:[{city:"阜新市",text:"市辖区",value:"210901"},{city:"阜新市",text:"海州区",value:"210902"},{city:"阜新市",text:"新邱区",value:"210903"},{city:"阜新市",text:"太平区",value:"210904"},{city:"阜新市",text:"清河门区",value:"210905"},{city:"阜新市",text:"细河区",value:"210911"},{city:"阜新市",text:"阜新蒙古族自治县",value:"210921"},{city:"阜新市",text:"彰武县",value:"210922"}],211000:[{city:"辽阳市",text:"市辖区",value:"211001"},{city:"辽阳市",text:"白塔区",value:"211002"},{city:"辽阳市",text:"文圣区",value:"211003"},{city:"辽阳市",text:"宏伟区",value:"211004"},{city:"辽阳市",text:"弓长岭区",value:"211005"},{city:"辽阳市",text:"太子河区",value:"211011"},{city:"辽阳市",text:"辽阳县",value:"211021"},{city:"辽阳市",text:"灯塔市",value:"211081"}],211100:[{city:"盘锦市",text:"市辖区",value:"211101"},{city:"盘锦市",text:"双台子区",value:"211102"},{city:"盘锦市",text:"兴隆台区",value:"211103"},{city:"盘锦市",text:"大洼区",value:"211104"},{city:"盘锦市",text:"盘山县",value:"211122"}],211200:[{city:"铁岭市",text:"市辖区",value:"211201"},{city:"铁岭市",text:"银州区",value:"211202"},{city:"铁岭市",text:"清河区",value:"211204"},{city:"铁岭市",text:"铁岭县",value:"211221"},{city:"铁岭市",text:"西丰县",value:"211223"},{city:"铁岭市",text:"昌图县",value:"211224"},{city:"铁岭市",text:"调兵山市",value:"211281"},{city:"铁岭市",text:"开原市",value:"211282"}],211300:[{city:"朝阳市",text:"市辖区",value:"211301"},{city:"朝阳市",text:"双塔区",value:"211302"},{city:"朝阳市",text:"龙城区",value:"211303"},{city:"朝阳市",text:"朝阳县",value:"211321"},{city:"朝阳市",text:"建平县",value:"211322"},{city:"朝阳市",text:"喀喇沁左翼蒙古族自治县",value:"211324"},{city:"朝阳市",text:"北票市",value:"211381"},{city:"朝阳市",text:"凌源市",value:"211382"}],211400:[{city:"葫芦岛市",text:"市辖区",value:"211401"},{city:"葫芦岛市",text:"连山区",value:"211402"},{city:"葫芦岛市",text:"龙港区",value:"211403"},{city:"葫芦岛市",text:"南票区",value:"211404"},{city:"葫芦岛市",text:"绥中县",value:"211421"},{city:"葫芦岛市",text:"建昌县",value:"211422"},{city:"葫芦岛市",text:"兴城市",value:"211481"}],220100:[{city:"长春市",text:"市辖区",value:"220101"},{city:"长春市",text:"南关区",value:"220102"},{city:"长春市",text:"宽城区",value:"220103"},{city:"长春市",text:"朝阳区",value:"220104"},{city:"长春市",text:"二道区",value:"220105"},{city:"长春市",text:"绿园区",value:"220106"},{city:"长春市",text:"双阳区",value:"220112"},{city:"长春市",text:"九台区",value:"220113"},{city:"长春市",text:"农安县",value:"220122"},{city:"长春市",text:"榆树市",value:"220182"},{city:"长春市",text:"德惠市",value:"220183"}],220200:[{city:"吉林市",text:"市辖区",value:"220201"},{city:"吉林市",text:"昌邑区",value:"220202"},{city:"吉林市",text:"龙潭区",value:"220203"},{city:"吉林市",text:"船营区",value:"220204"},{city:"吉林市",text:"丰满区",value:"220211"},{city:"吉林市",text:"永吉县",value:"220221"},{city:"吉林市",text:"蛟河市",value:"220281"},{city:"吉林市",text:"桦甸市",value:"220282"},{city:"吉林市",text:"舒兰市",value:"220283"},{city:"吉林市",text:"磐石市",value:"220284"}],220300:[{city:"四平市",text:"市辖区",value:"220301"},{city:"四平市",text:"铁西区",value:"220302"},{city:"四平市",text:"铁东区",value:"220303"},{city:"四平市",text:"梨树县",value:"220322"},{city:"四平市",text:"伊通满族自治县",value:"220323"},{city:"四平市",text:"公主岭市",value:"220381"},{city:"四平市",text:"双辽市",value:"220382"}],220400:[{city:"辽源市",text:"市辖区",value:"220401"},{city:"辽源市",text:"龙山区",value:"220402"},{city:"辽源市",text:"西安区",value:"220403"},{city:"辽源市",text:"东丰县",value:"220421"},{city:"辽源市",text:"东辽县",value:"220422"}],220500:[{city:"通化市",text:"市辖区",value:"220501"},{city:"通化市",text:"东昌区",value:"220502"},{city:"通化市",text:"二道江区",value:"220503"},{city:"通化市",text:"通化县",value:"220521"},{city:"通化市",text:"辉南县",value:"220523"},{city:"通化市",text:"柳河县",value:"220524"},{city:"通化市",text:"梅河口市",value:"220581"},{city:"通化市",text:"集安市",value:"220582"}],220600:[{city:"白山市",text:"市辖区",value:"220601"},{city:"白山市",text:"浑江区",value:"220602"},{city:"白山市",text:"江源区",value:"220605"},{city:"白山市",text:"抚松县",value:"220621"},{city:"白山市",text:"靖宇县",value:"220622"},{city:"白山市",text:"长白朝鲜族自治县",value:"220623"},{city:"白山市",text:"临江市",value:"220681"}],220700:[{city:"松原市",text:"市辖区",value:"220701"},{city:"松原市",text:"宁江区",value:"220702"},{city:"松原市",text:"前郭尔罗斯蒙古族自治县",value:"220721"},{city:"松原市",text:"长岭县",value:"220722"},{city:"松原市",text:"乾安县",value:"220723"},{city:"松原市",text:"扶余市",value:"220781"}],220800:[{city:"白城市",text:"市辖区",value:"220801"},{city:"白城市",text:"洮北区",value:"220802"},{city:"白城市",text:"镇赉县",value:"220821"},{city:"白城市",text:"通榆县",value:"220822"},{city:"白城市",text:"洮南市",value:"220881"},{city:"白城市",text:"大安市",value:"220882"}],222400:[{city:"延边朝鲜族自治州",text:"延吉市",value:"222401"},{city:"延边朝鲜族自治州",text:"图们市",value:"222402"},{city:"延边朝鲜族自治州",text:"敦化市",value:"222403"},{city:"延边朝鲜族自治州",text:"珲春市",value:"222404"},{city:"延边朝鲜族自治州",text:"龙井市",value:"222405"},{city:"延边朝鲜族自治州",text:"和龙市",value:"222406"},{city:"延边朝鲜族自治州",text:"汪清县",value:"222424"},{city:"延边朝鲜族自治州",text:"安图县",value:"222426"}],230100:[{city:"哈尔滨市",text:"市辖区",value:"230101"},{city:"哈尔滨市",text:"道里区",value:"230102"},{city:"哈尔滨市",text:"南岗区",value:"230103"},{city:"哈尔滨市",text:"道外区",value:"230104"},{city:"哈尔滨市",text:"平房区",value:"230108"},{city:"哈尔滨市",text:"松北区",value:"230109"},{city:"哈尔滨市",text:"香坊区",value:"230110"},{city:"哈尔滨市",text:"呼兰区",value:"230111"},{city:"哈尔滨市",text:"阿城区",value:"230112"},{city:"哈尔滨市",text:"双城区",value:"230113"},{city:"哈尔滨市",text:"依兰县",value:"230123"},{city:"哈尔滨市",text:"方正县",value:"230124"},{city:"哈尔滨市",text:"宾县",value:"230125"},{city:"哈尔滨市",text:"巴彦县",value:"230126"},{city:"哈尔滨市",text:"木兰县",value:"230127"},{city:"哈尔滨市",text:"通河县",value:"230128"},{city:"哈尔滨市",text:"延寿县",value:"230129"},{city:"哈尔滨市",text:"尚志市",value:"230183"},{city:"哈尔滨市",text:"五常市",value:"230184"}],230200:[{city:"齐齐哈尔市",text:"市辖区",value:"230201"},{city:"齐齐哈尔市",text:"龙沙区",value:"230202"},{city:"齐齐哈尔市",text:"建华区",value:"230203"},{city:"齐齐哈尔市",text:"铁锋区",value:"230204"},{city:"齐齐哈尔市",text:"昂昂溪区",value:"230205"},{city:"齐齐哈尔市",text:"富拉尔基区",value:"230206"},{city:"齐齐哈尔市",text:"碾子山区",value:"230207"},{city:"齐齐哈尔市",text:"梅里斯达斡尔族区",value:"230208"},{city:"齐齐哈尔市",text:"龙江县",value:"230221"},{city:"齐齐哈尔市",text:"依安县",value:"230223"},{city:"齐齐哈尔市",text:"泰来县",value:"230224"},{city:"齐齐哈尔市",text:"甘南县",value:"230225"},{city:"齐齐哈尔市",text:"富裕县",value:"230227"},{city:"齐齐哈尔市",text:"克山县",value:"230229"},{city:"齐齐哈尔市",text:"克东县",value:"230230"},{city:"齐齐哈尔市",text:"拜泉县",value:"230231"},{city:"齐齐哈尔市",text:"讷河市",value:"230281"}],230300:[{city:"鸡西市",text:"市辖区",value:"230301"},{city:"鸡西市",text:"鸡冠区",value:"230302"},{city:"鸡西市",text:"恒山区",value:"230303"},{city:"鸡西市",text:"滴道区",value:"230304"},{city:"鸡西市",text:"梨树区",value:"230305"},{city:"鸡西市",text:"城子河区",value:"230306"},{city:"鸡西市",text:"麻山区",value:"230307"},{city:"鸡西市",text:"鸡东县",value:"230321"},{city:"鸡西市",text:"虎林市",value:"230381"},{city:"鸡西市",text:"密山市",value:"230382"}],230400:[{city:"鹤岗市",text:"市辖区",value:"230401"},{city:"鹤岗市",text:"向阳区",value:"230402"},{city:"鹤岗市",text:"工农区",value:"230403"},{city:"鹤岗市",text:"南山区",value:"230404"},{city:"鹤岗市",text:"兴安区",value:"230405"},{city:"鹤岗市",text:"东山区",value:"230406"},{city:"鹤岗市",text:"兴山区",value:"230407"},{city:"鹤岗市",text:"萝北县",value:"230421"},{city:"鹤岗市",text:"绥滨县",value:"230422"}],230500:[{city:"双鸭山市",text:"市辖区",value:"230501"},{city:"双鸭山市",text:"尖山区",value:"230502"},{city:"双鸭山市",text:"岭东区",value:"230503"},{city:"双鸭山市",text:"四方台区",value:"230505"},{city:"双鸭山市",text:"宝山区",value:"230506"},{city:"双鸭山市",text:"集贤县",value:"230521"},{city:"双鸭山市",text:"友谊县",value:"230522"},{city:"双鸭山市",text:"宝清县",value:"230523"},{city:"双鸭山市",text:"饶河县",value:"230524"}],230600:[{city:"大庆市",text:"市辖区",value:"230601"},{city:"大庆市",text:"萨尔图区",value:"230602"},{city:"大庆市",text:"龙凤区",value:"230603"},{city:"大庆市",text:"让胡路区",value:"230604"},{city:"大庆市",text:"红岗区",value:"230605"},{city:"大庆市",text:"大同区",value:"230606"},{city:"大庆市",text:"肇州县",value:"230621"},{city:"大庆市",text:"肇源县",value:"230622"},{city:"大庆市",text:"林甸县",value:"230623"},{city:"大庆市",text:"杜尔伯特蒙古族自治县",value:"230624"}],230700:[{city:"伊春市",text:"市辖区",value:"230701"},{city:"伊春市",text:"伊春区",value:"230702"},{city:"伊春市",text:"南岔区",value:"230703"},{city:"伊春市",text:"友好区",value:"230704"},{city:"伊春市",text:"西林区",value:"230705"},{city:"伊春市",text:"翠峦区",value:"230706"},{city:"伊春市",text:"新青区",value:"230707"},{city:"伊春市",text:"美溪区",value:"230708"},{city:"伊春市",text:"金山屯区",value:"230709"},{city:"伊春市",text:"五营区",value:"230710"},{city:"伊春市",text:"乌马河区",value:"230711"},{city:"伊春市",text:"汤旺河区",value:"230712"},{city:"伊春市",text:"带岭区",value:"230713"},{city:"伊春市",text:"乌伊岭区",value:"230714"},{city:"伊春市",text:"红星区",value:"230715"},{city:"伊春市",text:"上甘岭区",value:"230716"},{city:"伊春市",text:"嘉荫县",value:"230722"},{city:"伊春市",text:"铁力市",value:"230781"}],230800:[{city:"佳木斯市",text:"市辖区",value:"230801"},{city:"佳木斯市",text:"向阳区",value:"230803"},{city:"佳木斯市",text:"前进区",value:"230804"},{city:"佳木斯市",text:"东风区",value:"230805"},{city:"佳木斯市",text:"郊区",value:"230811"},{city:"佳木斯市",text:"桦南县",value:"230822"},{city:"佳木斯市",text:"桦川县",value:"230826"},{city:"佳木斯市",text:"汤原县",value:"230828"},{city:"佳木斯市",text:"同江市",value:"230881"},{city:"佳木斯市",text:"富锦市",value:"230882"},{city:"佳木斯市",text:"抚远市",value:"230883"}],230900:[{city:"七台河市",text:"市辖区",value:"230901"},{city:"七台河市",text:"新兴区",value:"230902"},{city:"七台河市",text:"桃山区",value:"230903"},{city:"七台河市",text:"茄子河区",value:"230904"},{city:"七台河市",text:"勃利县",value:"230921"}],231000:[{city:"牡丹江市",text:"市辖区",value:"231001"},{city:"牡丹江市",text:"东安区",value:"231002"},{city:"牡丹江市",text:"阳明区",value:"231003"},{city:"牡丹江市",text:"爱民区",value:"231004"},{city:"牡丹江市",text:"西安区",value:"231005"},{city:"牡丹江市",text:"林口县",value:"231025"},{city:"牡丹江市",text:"绥芬河市",value:"231081"},{city:"牡丹江市",text:"海林市",value:"231083"},{city:"牡丹江市",text:"宁安市",value:"231084"},{city:"牡丹江市",text:"穆棱市",value:"231085"},{city:"牡丹江市",text:"东宁市",value:"231086"}],231100:[{city:"黑河市",text:"市辖区",value:"231101"},{city:"黑河市",text:"爱辉区",value:"231102"},{city:"黑河市",text:"嫩江县",value:"231121"},{city:"黑河市",text:"逊克县",value:"231123"},{city:"黑河市",text:"孙吴县",value:"231124"},{city:"黑河市",text:"北安市",value:"231181"},{city:"黑河市",text:"五大连池市",value:"231182"}],231200:[{city:"绥化市",text:"市辖区",value:"231201"},{city:"绥化市",text:"北林区",value:"231202"},{city:"绥化市",text:"望奎县",value:"231221"},{city:"绥化市",text:"兰西县",value:"231222"},{city:"绥化市",text:"青冈县",value:"231223"},{city:"绥化市",text:"庆安县",value:"231224"},{city:"绥化市",text:"明水县",value:"231225"},{city:"绥化市",text:"绥棱县",value:"231226"},{city:"绥化市",text:"安达市",value:"231281"},{city:"绥化市",text:"肇东市",value:"231282"},{city:"绥化市",text:"海伦市",value:"231283"}],232700:[{city:"大兴安岭地区",text:"呼玛县",value:"232721"},{city:"大兴安岭地区",text:"塔河县",value:"232722"},{city:"大兴安岭地区",text:"漠河县",value:"232723"}],310100:[{city:"市辖区",text:"黄浦区",value:"310101"},{city:"市辖区",text:"徐汇区",value:"310104"},{city:"市辖区",text:"长宁区",value:"310105"},{city:"市辖区",text:"静安区",value:"310106"},{city:"市辖区",text:"普陀区",value:"310107"},{city:"市辖区",text:"虹口区",value:"310109"},{city:"市辖区",text:"杨浦区",value:"310110"},{city:"市辖区",text:"闵行区",value:"310112"},{city:"市辖区",text:"宝山区",value:"310113"},{city:"市辖区",text:"嘉定区",value:"310114"},{city:"市辖区",text:"浦东新区",value:"310115"},{city:"市辖区",text:"金山区",value:"310116"},{city:"市辖区",text:"松江区",value:"310117"},{city:"市辖区",text:"青浦区",value:"310118"},{city:"市辖区",text:"奉贤区",value:"310120"},{city:"市辖区",text:"崇明区",value:"310151"}],320100:[{city:"南京市",text:"市辖区",value:"320101"},{city:"南京市",text:"玄武区",value:"320102"},{city:"南京市",text:"秦淮区",value:"320104"},{city:"南京市",text:"建邺区",value:"320105"},{city:"南京市",text:"鼓楼区",value:"320106"},{city:"南京市",text:"浦口区",value:"320111"},{city:"南京市",text:"栖霞区",value:"320113"},{city:"南京市",text:"雨花台区",value:"320114"},{city:"南京市",text:"江宁区",value:"320115"},{city:"南京市",text:"六合区",value:"320116"},{city:"南京市",text:"溧水区",value:"320117"},{city:"南京市",text:"高淳区",value:"320118"}],320200:[{city:"无锡市",text:"市辖区",value:"320201"},{city:"无锡市",text:"锡山区",value:"320205"},{city:"无锡市",text:"惠山区",value:"320206"},{city:"无锡市",text:"滨湖区",value:"320211"},{city:"无锡市",text:"梁溪区",value:"320213"},{city:"无锡市",text:"新吴区",value:"320214"},{city:"无锡市",text:"江阴市",value:"320281"},{city:"无锡市",text:"宜兴市",value:"320282"}],320300:[{city:"徐州市",text:"市辖区",value:"320301"},{city:"徐州市",text:"鼓楼区",value:"320302"},{city:"徐州市",text:"云龙区",value:"320303"},{city:"徐州市",text:"贾汪区",value:"320305"},{city:"徐州市",text:"泉山区",value:"320311"},{city:"徐州市",text:"铜山区",value:"320312"},{city:"徐州市",text:"丰县",value:"320321"},{city:"徐州市",text:"沛县",value:"320322"},{city:"徐州市",text:"睢宁县",value:"320324"},{city:"徐州市",text:"新沂市",value:"320381"},{city:"徐州市",text:"邳州市",value:"320382"}],320400:[{city:"常州市",text:"市辖区",value:"320401"},{city:"常州市",text:"天宁区",value:"320402"},{city:"常州市",text:"钟楼区",value:"320404"},{city:"常州市",text:"新北区",value:"320411"},{city:"常州市",text:"武进区",value:"320412"},{city:"常州市",text:"金坛区",value:"320413"},{city:"常州市",text:"溧阳市",value:"320481"}],320500:[{city:"苏州市",text:"市辖区",value:"320501"},{city:"苏州市",text:"虎丘区",value:"320505"},{city:"苏州市",text:"吴中区",value:"320506"},{city:"苏州市",text:"相城区",value:"320507"},{city:"苏州市",text:"姑苏区",value:"320508"},{city:"苏州市",text:"吴江区",value:"320509"},{city:"苏州市",text:"常熟市",value:"320581"},{city:"苏州市",text:"张家港市",value:"320582"},{city:"苏州市",text:"昆山市",value:"320583"},{city:"苏州市",text:"太仓市",value:"320585"}],320600:[{city:"南通市",text:"市辖区",value:"320601"},{city:"南通市",text:"崇川区",value:"320602"},{city:"南通市",text:"港闸区",value:"320611"},{city:"南通市",text:"通州区",value:"320612"},{city:"南通市",text:"海安县",value:"320621"},{city:"南通市",text:"如东县",value:"320623"},{city:"南通市",text:"启东市",value:"320681"},{city:"南通市",text:"如皋市",value:"320682"},{city:"南通市",text:"海门市",value:"320684"}],320700:[{city:"连云港市",text:"市辖区",value:"320701"},{city:"连云港市",text:"连云区",value:"320703"},{city:"连云港市",text:"海州区",value:"320706"},{city:"连云港市",text:"赣榆区",value:"320707"},{city:"连云港市",text:"东海县",value:"320722"},{city:"连云港市",text:"灌云县",value:"320723"},{city:"连云港市",text:"灌南县",value:"320724"}],320800:[{city:"淮安市",text:"市辖区",value:"320801"},{city:"淮安市",text:"淮安区",value:"320803"},{city:"淮安市",text:"淮阴区",value:"320804"},{city:"淮安市",text:"清江浦区",value:"320812"},{city:"淮安市",text:"洪泽区",value:"320813"},{city:"淮安市",text:"涟水县",value:"320826"},{city:"淮安市",text:"盱眙县",value:"320830"},{city:"淮安市",text:"金湖县",value:"320831"}],320900:[{city:"盐城市",text:"市辖区",value:"320901"},{city:"盐城市",text:"亭湖区",value:"320902"},{city:"盐城市",text:"盐都区",value:"320903"},{city:"盐城市",text:"大丰区",value:"320904"},{city:"盐城市",text:"响水县",value:"320921"},{city:"盐城市",text:"滨海县",value:"320922"},{city:"盐城市",text:"阜宁县",value:"320923"},{city:"盐城市",text:"射阳县",value:"320924"},{city:"盐城市",text:"建湖县",value:"320925"},{city:"盐城市",text:"东台市",value:"320981"}],321000:[{city:"扬州市",text:"市辖区",value:"321001"},{city:"扬州市",text:"广陵区",value:"321002"},{city:"扬州市",text:"邗江区",value:"321003"},{city:"扬州市",text:"江都区",value:"321012"},{city:"扬州市",text:"宝应县",value:"321023"},{city:"扬州市",text:"仪征市",value:"321081"},{city:"扬州市",text:"高邮市",value:"321084"}],321100:[{city:"镇江市",text:"市辖区",value:"321101"},{city:"镇江市",text:"京口区",value:"321102"},{city:"镇江市",text:"润州区",value:"321111"},{city:"镇江市",text:"丹徒区",value:"321112"},{city:"镇江市",text:"丹阳市",value:"321181"},{city:"镇江市",text:"扬中市",value:"321182"},{city:"镇江市",text:"句容市",value:"321183"}],321200:[{city:"泰州市",text:"市辖区",value:"321201"},{city:"泰州市",text:"海陵区",value:"321202"},{city:"泰州市",text:"高港区",value:"321203"},{city:"泰州市",text:"姜堰区",value:"321204"},{city:"泰州市",text:"兴化市",value:"321281"},{city:"泰州市",text:"靖江市",value:"321282"},{city:"泰州市",text:"泰兴市",value:"321283"}],321300:[{city:"宿迁市",text:"市辖区",value:"321301"},{city:"宿迁市",text:"宿城区",value:"321302"},{city:"宿迁市",text:"宿豫区",value:"321311"},{city:"宿迁市",text:"沭阳县",value:"321322"},{city:"宿迁市",text:"泗阳县",value:"321323"},{city:"宿迁市",text:"泗洪县",value:"321324"}],330100:[{city:"杭州市",text:"市辖区",value:"330101"},{city:"杭州市",text:"上城区",value:"330102"},{city:"杭州市",text:"下城区",value:"330103"},{city:"杭州市",text:"江干区",value:"330104"},{city:"杭州市",text:"拱墅区",value:"330105"},{city:"杭州市",text:"西湖区",value:"330106"},{city:"杭州市",text:"滨江区",value:"330108"},{city:"杭州市",text:"萧山区",value:"330109"},{city:"杭州市",text:"余杭区",value:"330110"},{city:"杭州市",text:"富阳区",value:"330111"},{city:"杭州市",text:"桐庐县",value:"330122"},{city:"杭州市",text:"淳安县",value:"330127"},{city:"杭州市",text:"建德市",value:"330182"},{city:"杭州市",text:"临安市",value:"330185"}],330200:[{city:"宁波市",text:"市辖区",value:"330201"},{city:"宁波市",text:"海曙区",value:"330203"},{city:"宁波市",text:"江东区",value:"330204"},{city:"宁波市",text:"江北区",value:"330205"},{city:"宁波市",text:"北仑区",value:"330206"},{city:"宁波市",text:"镇海区",value:"330211"},{city:"宁波市",text:"鄞州区",value:"330212"},{city:"宁波市",text:"象山县",value:"330225"},{city:"宁波市",text:"宁海县",value:"330226"},{city:"宁波市",text:"余姚市",value:"330281"},{city:"宁波市",text:"慈溪市",value:"330282"},{city:"宁波市",text:"奉化市",value:"330283"}],330300:[{city:"温州市",text:"市辖区",value:"330301"},{city:"温州市",text:"鹿城区",value:"330302"},{city:"温州市",text:"龙湾区",value:"330303"},{city:"温州市",text:"瓯海区",value:"330304"},{city:"温州市",text:"洞头区",value:"330305"},{city:"温州市",text:"永嘉县",value:"330324"},{city:"温州市",text:"平阳县",value:"330326"},{city:"温州市",text:"苍南县",value:"330327"},{city:"温州市",text:"文成县",value:"330328"},{city:"温州市",text:"泰顺县",value:"330329"},{city:"温州市",text:"瑞安市",value:"330381"},{city:"温州市",text:"乐清市",value:"330382"}],330400:[{city:"嘉兴市",text:"市辖区",value:"330401"},{city:"嘉兴市",text:"南湖区",value:"330402"},{city:"嘉兴市",text:"秀洲区",value:"330411"},{city:"嘉兴市",text:"嘉善县",value:"330421"},{city:"嘉兴市",text:"海盐县",value:"330424"},{city:"嘉兴市",text:"海宁市",value:"330481"},{city:"嘉兴市",text:"平湖市",value:"330482"},{city:"嘉兴市",text:"桐乡市",value:"330483"}],330500:[{city:"湖州市",text:"市辖区",value:"330501"},{city:"湖州市",text:"吴兴区",value:"330502"},{city:"湖州市",text:"南浔区",value:"330503"},{city:"湖州市",text:"德清县",value:"330521"},{city:"湖州市",text:"长兴县",value:"330522"},{city:"湖州市",text:"安吉县",value:"330523"}],330600:[{city:"绍兴市",text:"市辖区",value:"330601"},{city:"绍兴市",text:"越城区",value:"330602"},{city:"绍兴市",text:"柯桥区",value:"330603"},{city:"绍兴市",text:"上虞区",value:"330604"},{city:"绍兴市",text:"新昌县",value:"330624"},{city:"绍兴市",text:"诸暨市",value:"330681"},{city:"绍兴市",text:"嵊州市",value:"330683"}],330700:[{city:"金华市",text:"市辖区",value:"330701"},{city:"金华市",text:"婺城区",value:"330702"},{city:"金华市",text:"金东区",value:"330703"},{city:"金华市",text:"武义县",value:"330723"},{city:"金华市",text:"浦江县",value:"330726"},{city:"金华市",text:"磐安县",value:"330727"},{city:"金华市",text:"兰溪市",value:"330781"},{city:"金华市",text:"义乌市",value:"330782"},{city:"金华市",text:"东阳市",value:"330783"},{city:"金华市",text:"永康市",value:"330784"}],330800:[{city:"衢州市",text:"市辖区",value:"330801"},{city:"衢州市",text:"柯城区",value:"330802"},{city:"衢州市",text:"衢江区",value:"330803"},{city:"衢州市",text:"常山县",value:"330822"},{city:"衢州市",text:"开化县",value:"330824"},{city:"衢州市",text:"龙游县",value:"330825"},{city:"衢州市",text:"江山市",value:"330881"}],330900:[{city:"舟山市",text:"市辖区",value:"330901"},{city:"舟山市",text:"定海区",value:"330902"},{city:"舟山市",text:"普陀区",value:"330903"},{city:"舟山市",text:"岱山县",value:"330921"},{city:"舟山市",text:"嵊泗县",value:"330922"}],331000:[{city:"台州市",text:"市辖区",value:"331001"},{city:"台州市",text:"椒江区",value:"331002"},{city:"台州市",text:"黄岩区",value:"331003"},{city:"台州市",text:"路桥区",value:"331004"},{city:"台州市",text:"玉环县",value:"331021"},{city:"台州市",text:"三门县",value:"331022"},{city:"台州市",text:"天台县",value:"331023"},{city:"台州市",text:"仙居县",value:"331024"},{city:"台州市",text:"温岭市",value:"331081"},{city:"台州市",text:"临海市",value:"331082"}],331100:[{city:"丽水市",text:"市辖区",value:"331101"},{city:"丽水市",text:"莲都区",value:"331102"},{city:"丽水市",text:"青田县",value:"331121"},{city:"丽水市",text:"缙云县",value:"331122"},{city:"丽水市",text:"遂昌县",value:"331123"},{city:"丽水市",text:"松阳县",value:"331124"},{city:"丽水市",text:"云和县",value:"331125"},{city:"丽水市",text:"庆元县",value:"331126"},{city:"丽水市",text:"景宁畲族自治县",value:"331127"},{city:"丽水市",text:"龙泉市",value:"331181"}],340100:[{city:"合肥市",text:"市辖区",value:"340101"},{city:"合肥市",text:"瑶海区",value:"340102"},{city:"合肥市",text:"庐阳区",value:"340103"},{city:"合肥市",text:"蜀山区",value:"340104"},{city:"合肥市",text:"包河区",value:"340111"},{city:"合肥市",text:"长丰县",value:"340121"},{city:"合肥市",text:"肥东县",value:"340122"},{city:"合肥市",text:"肥西县",value:"340123"},{city:"合肥市",text:"庐江县",value:"340124"},{city:"合肥市",text:"巢湖市",value:"340181"}],340200:[{city:"芜湖市",text:"市辖区",value:"340201"},{city:"芜湖市",text:"镜湖区",value:"340202"},{city:"芜湖市",text:"弋江区",value:"340203"},{city:"芜湖市",text:"鸠江区",value:"340207"},{city:"芜湖市",text:"三山区",value:"340208"},{city:"芜湖市",text:"芜湖县",value:"340221"},{city:"芜湖市",text:"繁昌县",value:"340222"},{city:"芜湖市",text:"南陵县",value:"340223"},{city:"芜湖市",text:"无为县",value:"340225"}],340300:[{city:"蚌埠市",text:"市辖区",value:"340301"},{city:"蚌埠市",text:"龙子湖区",value:"340302"},{city:"蚌埠市",text:"蚌山区",value:"340303"},{city:"蚌埠市",text:"禹会区",value:"340304"},{city:"蚌埠市",text:"淮上区",value:"340311"},{city:"蚌埠市",text:"怀远县",value:"340321"},{city:"蚌埠市",text:"五河县",value:"340322"},{city:"蚌埠市",text:"固镇县",value:"340323"}],340400:[{city:"淮南市",text:"市辖区",value:"340401"},{city:"淮南市",text:"大通区",value:"340402"},{city:"淮南市",text:"田家庵区",value:"340403"},{city:"淮南市",text:"谢家集区",value:"340404"},{city:"淮南市",text:"八公山区",value:"340405"},{city:"淮南市",text:"潘集区",value:"340406"},{city:"淮南市",text:"凤台县",value:"340421"},{city:"淮南市",text:"寿县",value:"340422"}],340500:[{city:"马鞍山市",text:"市辖区",value:"340501"},{city:"马鞍山市",text:"花山区",value:"340503"},{city:"马鞍山市",text:"雨山区",value:"340504"},{city:"马鞍山市",text:"博望区",value:"340506"},{city:"马鞍山市",text:"当涂县",value:"340521"},{city:"马鞍山市",text:"含山县",value:"340522"},{city:"马鞍山市",text:"和县",value:"340523"}],340600:[{city:"淮北市",text:"市辖区",value:"340601"},{city:"淮北市",text:"杜集区",value:"340602"},{city:"淮北市",text:"相山区",value:"340603"},{city:"淮北市",text:"烈山区",value:"340604"},{city:"淮北市",text:"濉溪县",value:"340621"}],340700:[{city:"铜陵市",text:"市辖区",value:"340701"},{city:"铜陵市",text:"铜官区",value:"340705"},{city:"铜陵市",text:"义安区",value:"340706"},{city:"铜陵市",text:"郊区",value:"340711"},{city:"铜陵市",text:"枞阳县",value:"340722"}],340800:[{city:"安庆市",text:"市辖区",value:"340801"},{city:"安庆市",text:"迎江区",value:"340802"},{city:"安庆市",text:"大观区",value:"340803"},{city:"安庆市",text:"宜秀区",value:"340811"},{city:"安庆市",text:"怀宁县",value:"340822"},{city:"安庆市",text:"潜山县",value:"340824"},{city:"安庆市",text:"太湖县",value:"340825"},{city:"安庆市",text:"宿松县",value:"340826"},{city:"安庆市",text:"望江县",value:"340827"},{city:"安庆市",text:"岳西县",value:"340828"},{city:"安庆市",text:"桐城市",value:"340881"}],341000:[{city:"黄山市",text:"市辖区",value:"341001"},{city:"黄山市",text:"屯溪区",value:"341002"},{city:"黄山市",text:"黄山区",value:"341003"},{city:"黄山市",text:"徽州区",value:"341004"},{city:"黄山市",text:"歙县",value:"341021"},{city:"黄山市",text:"休宁县",value:"341022"},{city:"黄山市",text:"黟县",value:"341023"},{city:"黄山市",text:"祁门县",value:"341024"}],341100:[{city:"滁州市",text:"市辖区",value:"341101"},{city:"滁州市",text:"琅琊区",value:"341102"},{city:"滁州市",text:"南谯区",value:"341103"},{city:"滁州市",text:"来安县",value:"341122"},{city:"滁州市",text:"全椒县",value:"341124"},{city:"滁州市",text:"定远县",value:"341125"},{city:"滁州市",text:"凤阳县",value:"341126"},{city:"滁州市",text:"天长市",value:"341181"},{city:"滁州市",text:"明光市",value:"341182"}],341200:[{city:"阜阳市",text:"市辖区",value:"341201"},{city:"阜阳市",text:"颍州区",value:"341202"},{city:"阜阳市",text:"颍东区",value:"341203"},{city:"阜阳市",text:"颍泉区",value:"341204"},{city:"阜阳市",text:"临泉县",value:"341221"},{city:"阜阳市",text:"太和县",value:"341222"},{city:"阜阳市",text:"阜南县",value:"341225"},{city:"阜阳市",text:"颍上县",value:"341226"},{city:"阜阳市",text:"界首市",value:"341282"}],341300:[{city:"宿州市",text:"市辖区",value:"341301"},{city:"宿州市",text:"埇桥区",value:"341302"},{city:"宿州市",text:"砀山县",value:"341321"},{city:"宿州市",text:"萧县",value:"341322"},{city:"宿州市",text:"灵璧县",value:"341323"},{city:"宿州市",text:"泗县",value:"341324"}],341500:[{city:"六安市",text:"市辖区",value:"341501"},{city:"六安市",text:"金安区",value:"341502"},{city:"六安市",text:"裕安区",value:"341503"},{city:"六安市",text:"叶集区",value:"341504"},{city:"六安市",text:"霍邱县",value:"341522"},{city:"六安市",text:"舒城县",value:"341523"},{city:"六安市",text:"金寨县",value:"341524"},{city:"六安市",text:"霍山县",value:"341525"}],341600:[{city:"亳州市",text:"市辖区",value:"341601"},{city:"亳州市",text:"谯城区",value:"341602"},{city:"亳州市",text:"涡阳县",value:"341621"},{city:"亳州市",text:"蒙城县",value:"341622"},{city:"亳州市",text:"利辛县",value:"341623"}],341700:[{city:"池州市",text:"市辖区",value:"341701"},{city:"池州市",text:"贵池区",value:"341702"},{city:"池州市",text:"东至县",value:"341721"},{city:"池州市",text:"石台县",value:"341722"},{city:"池州市",text:"青阳县",value:"341723"}],341800:[{city:"宣城市",text:"市辖区",value:"341801"},{city:"宣城市",text:"宣州区",value:"341802"},{city:"宣城市",text:"郎溪县",value:"341821"},{city:"宣城市",text:"广德县",value:"341822"},{city:"宣城市",text:"泾县",value:"341823"},{city:"宣城市",text:"绩溪县",value:"341824"},{city:"宣城市",text:"旌德县",value:"341825"},{city:"宣城市",text:"宁国市",value:"341881"}],350100:[{city:"福州市",text:"市辖区",value:"350101"},{city:"福州市",text:"鼓楼区",value:"350102"},{city:"福州市",text:"台江区",value:"350103"},{city:"福州市",text:"仓山区",value:"350104"},{city:"福州市",text:"马尾区",value:"350105"},{city:"福州市",text:"晋安区",value:"350111"},{city:"福州市",text:"闽侯县",value:"350121"},{city:"福州市",text:"连江县",value:"350122"},{city:"福州市",text:"罗源县",value:"350123"},{city:"福州市",text:"闽清县",value:"350124"},{city:"福州市",text:"永泰县",value:"350125"},{city:"福州市",text:"平潭县",value:"350128"},{city:"福州市",text:"福清市",value:"350181"},{city:"福州市",text:"长乐市",value:"350182"}],350200:[{city:"厦门市",text:"市辖区",value:"350201"},{city:"厦门市",text:"思明区",value:"350203"},{city:"厦门市",text:"海沧区",value:"350205"},{city:"厦门市",text:"湖里区",value:"350206"},{city:"厦门市",text:"集美区",value:"350211"},{city:"厦门市",text:"同安区",value:"350212"},{city:"厦门市",text:"翔安区",value:"350213"}],350300:[{city:"莆田市",text:"市辖区",value:"350301"},{city:"莆田市",text:"城厢区",value:"350302"},{city:"莆田市",text:"涵江区",value:"350303"},{city:"莆田市",text:"荔城区",value:"350304"},{city:"莆田市",text:"秀屿区",value:"350305"},{city:"莆田市",text:"仙游县",value:"350322"}],350400:[{city:"三明市",text:"市辖区",value:"350401"},{city:"三明市",text:"梅列区",value:"350402"},{city:"三明市",text:"三元区",value:"350403"},{city:"三明市",text:"明溪县",value:"350421"},{city:"三明市",text:"清流县",value:"350423"},{city:"三明市",text:"宁化县",value:"350424"},{city:"三明市",text:"大田县",value:"350425"},{city:"三明市",text:"尤溪县",value:"350426"},{city:"三明市",text:"沙县",value:"350427"},{city:"三明市",text:"将乐县",value:"350428"},{city:"三明市",text:"泰宁县",value:"350429"},{city:"三明市",text:"建宁县",value:"350430"},{city:"三明市",text:"永安市",value:"350481"}],350500:[{city:"泉州市",text:"市辖区",value:"350501"},{city:"泉州市",text:"鲤城区",value:"350502"},{city:"泉州市",text:"丰泽区",value:"350503"},{city:"泉州市",text:"洛江区",value:"350504"},{city:"泉州市",text:"泉港区",value:"350505"},{city:"泉州市",text:"惠安县",value:"350521"},{city:"泉州市",text:"安溪县",value:"350524"},{city:"泉州市",text:"永春县",value:"350525"},{city:"泉州市",text:"德化县",value:"350526"},{city:"泉州市",text:"金门县",value:"350527"},{city:"泉州市",text:"石狮市",value:"350581"},{city:"泉州市",text:"晋江市",value:"350582"},{city:"泉州市",text:"南安市",value:"350583"}],350600:[{city:"漳州市",text:"市辖区",value:"350601"},{city:"漳州市",text:"芗城区",value:"350602"},{city:"漳州市",text:"龙文区",value:"350603"},{city:"漳州市",text:"云霄县",value:"350622"},{city:"漳州市",text:"漳浦县",value:"350623"},{city:"漳州市",text:"诏安县",value:"350624"},{city:"漳州市",text:"长泰县",value:"350625"},{city:"漳州市",text:"东山县",value:"350626"},{city:"漳州市",text:"南靖县",value:"350627"},{city:"漳州市",text:"平和县",value:"350628"},{city:"漳州市",text:"华安县",value:"350629"},{city:"漳州市",text:"龙海市",value:"350681"}],350700:[{city:"南平市",text:"市辖区",value:"350701"},{city:"南平市",text:"延平区",value:"350702"},{city:"南平市",text:"建阳区",value:"350703"},{city:"南平市",text:"顺昌县",value:"350721"},{city:"南平市",text:"浦城县",value:"350722"},{city:"南平市",text:"光泽县",value:"350723"},{city:"南平市",text:"松溪县",value:"350724"},{city:"南平市",text:"政和县",value:"350725"},{city:"南平市",text:"邵武市",value:"350781"},{city:"南平市",text:"武夷山市",value:"350782"},{city:"南平市",text:"建瓯市",value:"350783"}],350800:[{city:"龙岩市",text:"市辖区",value:"350801"},{city:"龙岩市",text:"新罗区",value:"350802"},{city:"龙岩市",text:"永定区",value:"350803"},{city:"龙岩市",text:"长汀县",value:"350821"},{city:"龙岩市",text:"上杭县",value:"350823"},{city:"龙岩市",text:"武平县",value:"350824"},{city:"龙岩市",text:"连城县",value:"350825"},{city:"龙岩市",text:"漳平市",value:"350881"}],350900:[{city:"宁德市",text:"市辖区",value:"350901"},{city:"宁德市",text:"蕉城区",value:"350902"},{city:"宁德市",text:"霞浦县",value:"350921"},{city:"宁德市",text:"古田县",value:"350922"},{city:"宁德市",text:"屏南县",value:"350923"},{city:"宁德市",text:"寿宁县",value:"350924"},{city:"宁德市",text:"周宁县",value:"350925"},{city:"宁德市",text:"柘荣县",value:"350926"},{city:"宁德市",text:"福安市",value:"350981"},{city:"宁德市",text:"福鼎市",value:"350982"}],360100:[{city:"南昌市",text:"市辖区",value:"360101"},{city:"南昌市",text:"东湖区",value:"360102"},{city:"南昌市",text:"西湖区",value:"360103"},{city:"南昌市",text:"青云谱区",value:"360104"},{city:"南昌市",text:"湾里区",value:"360105"},{city:"南昌市",text:"青山湖区",value:"360111"},{city:"南昌市",text:"新建区",value:"360112"},{city:"南昌市",text:"南昌县",value:"360121"},{city:"南昌市",text:"安义县",value:"360123"},{city:"南昌市",text:"进贤县",value:"360124"}],360200:[{city:"景德镇市",text:"市辖区",value:"360201"},{city:"景德镇市",text:"昌江区",value:"360202"},{city:"景德镇市",text:"珠山区",value:"360203"},{city:"景德镇市",text:"浮梁县",value:"360222"},{city:"景德镇市",text:"乐平市",value:"360281"}],360300:[{city:"萍乡市",text:"市辖区",value:"360301"},{city:"萍乡市",text:"安源区",value:"360302"},{city:"萍乡市",text:"湘东区",value:"360313"},{city:"萍乡市",text:"莲花县",value:"360321"},{city:"萍乡市",text:"上栗县",value:"360322"},{city:"萍乡市",text:"芦溪县",value:"360323"}],360400:[{city:"九江市",text:"市辖区",value:"360401"},{city:"九江市",text:"濂溪区",value:"360402"},{city:"九江市",text:"浔阳区",value:"360403"},{city:"九江市",text:"九江县",value:"360421"},{city:"九江市",text:"武宁县",value:"360423"},{city:"九江市",text:"修水县",value:"360424"},{city:"九江市",text:"永修县",value:"360425"},{city:"九江市",text:"德安县",value:"360426"},{city:"九江市",text:"都昌县",value:"360428"},{city:"九江市",text:"湖口县",value:"360429"},{city:"九江市",text:"彭泽县",value:"360430"},{city:"九江市",text:"瑞昌市",value:"360481"},{city:"九江市",text:"共青城市",value:"360482"},{city:"九江市",text:"庐山市",value:"360483"}],360500:[{city:"新余市",text:"市辖区",value:"360501"},{city:"新余市",text:"渝水区",value:"360502"},{city:"新余市",text:"分宜县",value:"360521"}],360600:[{city:"鹰潭市",text:"市辖区",value:"360601"},{city:"鹰潭市",text:"月湖区",value:"360602"},{city:"鹰潭市",text:"余江县",value:"360622"},{city:"鹰潭市",text:"贵溪市",value:"360681"}],360700:[{city:"赣州市",text:"市辖区",value:"360701"},{city:"赣州市",text:"章贡区",value:"360702"},{city:"赣州市",text:"南康区",value:"360703"},{city:"赣州市",text:"赣县",value:"360721"},{city:"赣州市",text:"信丰县",value:"360722"},{city:"赣州市",text:"大余县",value:"360723"},{city:"赣州市",text:"上犹县",value:"360724"},{city:"赣州市",text:"崇义县",value:"360725"},{city:"赣州市",text:"安远县",value:"360726"},{city:"赣州市",text:"龙南县",value:"360727"},{city:"赣州市",text:"定南县",value:"360728"},{city:"赣州市",text:"全南县",value:"360729"},{city:"赣州市",text:"宁都县",value:"360730"},{city:"赣州市",text:"于都县",value:"360731"},{city:"赣州市",text:"兴国县",value:"360732"},{city:"赣州市",text:"会昌县",value:"360733"},{city:"赣州市",text:"寻乌县",value:"360734"},{city:"赣州市",text:"石城县",value:"360735"},{city:"赣州市",text:"瑞金市",value:"360781"}],360800:[{city:"吉安市",text:"市辖区",value:"360801"},{city:"吉安市",text:"吉州区",value:"360802"},{city:"吉安市",text:"青原区",value:"360803"},{city:"吉安市",text:"吉安县",value:"360821"},{city:"吉安市",text:"吉水县",value:"360822"},{city:"吉安市",text:"峡江县",value:"360823"},{city:"吉安市",text:"新干县",value:"360824"},{city:"吉安市",text:"永丰县",value:"360825"},{city:"吉安市",text:"泰和县",value:"360826"},{city:"吉安市",text:"遂川县",value:"360827"},{city:"吉安市",text:"万安县",value:"360828"},{city:"吉安市",text:"安福县",value:"360829"},{city:"吉安市",text:"永新县",value:"360830"},{city:"吉安市",text:"井冈山市",value:"360881"}],360900:[{city:"宜春市",text:"市辖区",value:"360901"},{city:"宜春市",text:"袁州区",value:"360902"},{city:"宜春市",text:"奉新县",value:"360921"},{city:"宜春市",text:"万载县",value:"360922"},{city:"宜春市",text:"上高县",value:"360923"},{city:"宜春市",text:"宜丰县",value:"360924"},{city:"宜春市",text:"靖安县",value:"360925"},{city:"宜春市",text:"铜鼓县",value:"360926"},{city:"宜春市",text:"丰城市",value:"360981"},{city:"宜春市",text:"樟树市",value:"360982"},{city:"宜春市",text:"高安市",value:"360983"}],361000:[{city:"抚州市",text:"市辖区",value:"361001"},{city:"抚州市",text:"临川区",value:"361002"},{city:"抚州市",text:"南城县",value:"361021"},{city:"抚州市",text:"黎川县",value:"361022"},{city:"抚州市",text:"南丰县",value:"361023"},{city:"抚州市",text:"崇仁县",value:"361024"},{city:"抚州市",text:"乐安县",value:"361025"},{city:"抚州市",text:"宜黄县",value:"361026"},{city:"抚州市",text:"金溪县",value:"361027"},{city:"抚州市",text:"资溪县",value:"361028"},{city:"抚州市",text:"东乡县",value:"361029"},{city:"抚州市",text:"广昌县",value:"361030"}],361100:[{city:"上饶市",text:"市辖区",value:"361101"},{city:"上饶市",text:"信州区",value:"361102"},{city:"上饶市",text:"广丰区",value:"361103"},{city:"上饶市",text:"上饶县",value:"361121"},{city:"上饶市",text:"玉山县",value:"361123"},{city:"上饶市",text:"铅山县",value:"361124"},{city:"上饶市",text:"横峰县",value:"361125"},{city:"上饶市",text:"弋阳县",value:"361126"},{city:"上饶市",text:"余干县",value:"361127"},{city:"上饶市",text:"鄱阳县",value:"361128"},{city:"上饶市",text:"万年县",value:"361129"},{city:"上饶市",text:"婺源县",value:"361130"},{city:"上饶市",text:"德兴市",value:"361181"}],370100:[{city:"济南市",text:"市辖区",value:"370101"},{city:"济南市",text:"历下区",value:"370102"},{city:"济南市",text:"市中区",value:"370103"},{city:"济南市",text:"槐荫区",value:"370104"},{city:"济南市",text:"天桥区",value:"370105"},{city:"济南市",text:"历城区",value:"370112"},{city:"济南市",text:"长清区",value:"370113"},{city:"济南市",text:"平阴县",value:"370124"},{city:"济南市",text:"济阳县",value:"370125"},{city:"济南市",text:"商河县",value:"370126"},{city:"济南市",text:"章丘市",value:"370181"}],370200:[{city:"青岛市",text:"市辖区",value:"370201"},{city:"青岛市",text:"市南区",value:"370202"},{city:"青岛市",text:"市北区",value:"370203"},{city:"青岛市",text:"黄岛区",value:"370211"},{city:"青岛市",text:"崂山区",value:"370212"},{city:"青岛市",text:"李沧区",value:"370213"},{city:"青岛市",text:"城阳区",value:"370214"},{city:"青岛市",text:"胶州市",value:"370281"},{city:"青岛市",text:"即墨市",value:"370282"},{city:"青岛市",text:"平度市",value:"370283"},{city:"青岛市",text:"莱西市",value:"370285"}],370300:[{city:"淄博市",text:"市辖区",value:"370301"},{city:"淄博市",text:"淄川区",value:"370302"},{city:"淄博市",text:"张店区",value:"370303"},{city:"淄博市",text:"博山区",value:"370304"},{city:"淄博市",text:"临淄区",value:"370305"},{city:"淄博市",text:"周村区",value:"370306"},{city:"淄博市",text:"桓台县",value:"370321"},{city:"淄博市",text:"高青县",value:"370322"},{city:"淄博市",text:"沂源县",value:"370323"}],370400:[{city:"枣庄市",text:"市辖区",value:"370401"},{city:"枣庄市",text:"市中区",value:"370402"},{city:"枣庄市",text:"薛城区",value:"370403"},{city:"枣庄市",text:"峄城区",value:"370404"},{city:"枣庄市",text:"台儿庄区",value:"370405"},{city:"枣庄市",text:"山亭区",value:"370406"},{city:"枣庄市",text:"滕州市",value:"370481"}],370500:[{city:"东营市",text:"市辖区",value:"370501"},{city:"东营市",text:"东营区",value:"370502"},{city:"东营市",text:"河口区",value:"370503"},{city:"东营市",text:"垦利区",value:"370505"},{city:"东营市",text:"利津县",value:"370522"},{city:"东营市",text:"广饶县",value:"370523"}],370600:[{city:"烟台市",text:"市辖区",value:"370601"},{city:"烟台市",text:"芝罘区",value:"370602"},{city:"烟台市",text:"福山区",value:"370611"},{city:"烟台市",text:"牟平区",value:"370612"},{city:"烟台市",text:"莱山区",value:"370613"},{city:"烟台市",text:"长岛县",value:"370634"},{city:"烟台市",text:"龙口市",value:"370681"},{city:"烟台市",text:"莱阳市",value:"370682"},{city:"烟台市",text:"莱州市",value:"370683"},{city:"烟台市",text:"蓬莱市",value:"370684"},{city:"烟台市",text:"招远市",value:"370685"},{city:"烟台市",text:"栖霞市",value:"370686"},{city:"烟台市",text:"海阳市",value:"370687"}],370700:[{city:"潍坊市",text:"市辖区",value:"370701"},{city:"潍坊市",text:"潍城区",value:"370702"},{city:"潍坊市",text:"寒亭区",value:"370703"},{city:"潍坊市",text:"坊子区",value:"370704"},{city:"潍坊市",text:"奎文区",value:"370705"},{city:"潍坊市",text:"临朐县",value:"370724"},{city:"潍坊市",text:"昌乐县",value:"370725"},{city:"潍坊市",text:"青州市",value:"370781"},{city:"潍坊市",text:"诸城市",value:"370782"},{city:"潍坊市",text:"寿光市",value:"370783"},{city:"潍坊市",text:"安丘市",value:"370784"},{city:"潍坊市",text:"高密市",value:"370785"},{city:"潍坊市",text:"昌邑市",value:"370786"}],370800:[{city:"济宁市",text:"市辖区",value:"370801"},{city:"济宁市",text:"任城区",value:"370811"},{city:"济宁市",text:"兖州区",value:"370812"},{city:"济宁市",text:"微山县",value:"370826"},{city:"济宁市",text:"鱼台县",value:"370827"},{city:"济宁市",text:"金乡县",value:"370828"},{city:"济宁市",text:"嘉祥县",value:"370829"},{city:"济宁市",text:"汶上县",value:"370830"},{city:"济宁市",text:"泗水县",value:"370831"},{city:"济宁市",text:"梁山县",value:"370832"},{city:"济宁市",text:"曲阜市",value:"370881"},{city:"济宁市",text:"邹城市",value:"370883"}],370900:[{city:"泰安市",text:"市辖区",value:"370901"},{city:"泰安市",text:"泰山区",value:"370902"},{city:"泰安市",text:"岱岳区",value:"370911"},{city:"泰安市",text:"宁阳县",value:"370921"},{city:"泰安市",text:"东平县",value:"370923"},{city:"泰安市",text:"新泰市",value:"370982"},{city:"泰安市",text:"肥城市",value:"370983"}],371000:[{city:"威海市",text:"市辖区",value:"371001"},{city:"威海市",text:"环翠区",value:"371002"},{city:"威海市",text:"文登区",value:"371003"},{city:"威海市",text:"荣成市",value:"371082"},{city:"威海市",text:"乳山市",value:"371083"}],371100:[{city:"日照市",text:"市辖区",value:"371101"},{city:"日照市",text:"东港区",value:"371102"},{city:"日照市",text:"岚山区",value:"371103"},{city:"日照市",text:"五莲县",value:"371121"},{city:"日照市",text:"莒县",value:"371122"}],371200:[{city:"莱芜市",text:"市辖区",value:"371201"},{city:"莱芜市",text:"莱城区",value:"371202"},{city:"莱芜市",text:"钢城区",value:"371203"}],371300:[{city:"临沂市",text:"市辖区",value:"371301"},{city:"临沂市",text:"兰山区",value:"371302"},{city:"临沂市",text:"罗庄区",value:"371311"},{city:"临沂市",text:"河东区",value:"371312"},{city:"临沂市",text:"沂南县",value:"371321"},{city:"临沂市",text:"郯城县",value:"371322"},{city:"临沂市",text:"沂水县",value:"371323"},{city:"临沂市",text:"兰陵县",value:"371324"},{city:"临沂市",text:"费县",value:"371325"},{city:"临沂市",text:"平邑县",value:"371326"},{city:"临沂市",text:"莒南县",value:"371327"},{city:"临沂市",text:"蒙阴县",value:"371328"},{city:"临沂市",text:"临沭县",value:"371329"}],371400:[{city:"德州市",text:"市辖区",value:"371401"},{city:"德州市",text:"德城区",value:"371402"},{city:"德州市",text:"陵城区",value:"371403"},{city:"德州市",text:"宁津县",value:"371422"},{city:"德州市",text:"庆云县",value:"371423"},{city:"德州市",text:"临邑县",value:"371424"},{city:"德州市",text:"齐河县",value:"371425"},{city:"德州市",text:"平原县",value:"371426"},{city:"德州市",text:"夏津县",value:"371427"},{city:"德州市",text:"武城县",value:"371428"},{city:"德州市",text:"乐陵市",value:"371481"},{city:"德州市",text:"禹城市",value:"371482"}],371500:[{city:"聊城市",text:"市辖区",value:"371501"},{city:"聊城市",text:"东昌府区",value:"371502"},{city:"聊城市",text:"阳谷县",value:"371521"},{city:"聊城市",text:"莘县",value:"371522"},{city:"聊城市",text:"茌平县",value:"371523"},{city:"聊城市",text:"东阿县",value:"371524"},{city:"聊城市",text:"冠县",value:"371525"},{city:"聊城市",text:"高唐县",value:"371526"},{city:"聊城市",text:"临清市",value:"371581"}],371600:[{city:"滨州市",text:"市辖区",value:"371601"},{city:"滨州市",text:"滨城区",value:"371602"},{city:"滨州市",text:"沾化区",value:"371603"},{city:"滨州市",text:"惠民县",value:"371621"},{city:"滨州市",text:"阳信县",value:"371622"},{city:"滨州市",text:"无棣县",value:"371623"},{city:"滨州市",text:"博兴县",value:"371625"},{city:"滨州市",text:"邹平县",value:"371626"}],371700:[{city:"菏泽市",text:"市辖区",value:"371701"},{city:"菏泽市",text:"牡丹区",value:"371702"},{city:"菏泽市",text:"定陶区",value:"371703"},{city:"菏泽市",text:"曹县",value:"371721"},{city:"菏泽市",text:"单县",value:"371722"},{city:"菏泽市",text:"成武县",value:"371723"},{city:"菏泽市",text:"巨野县",value:"371724"},{city:"菏泽市",text:"郓城县",value:"371725"},{city:"菏泽市",text:"鄄城县",value:"371726"},{city:"菏泽市",text:"东明县",value:"371728"}],410100:[{city:"郑州市",text:"市辖区",value:"410101"},{city:"郑州市",text:"中原区",value:"410102"},{city:"郑州市",text:"二七区",value:"410103"},{city:"郑州市",text:"管城回族区",value:"410104"},{city:"郑州市",text:"金水区",value:"410105"},{city:"郑州市",text:"上街区",value:"410106"},{city:"郑州市",text:"惠济区",value:"410108"},{city:"郑州市",text:"中牟县",value:"410122"},{city:"郑州市",text:"巩义市",value:"410181"},{city:"郑州市",text:"荥阳市",value:"410182"},{city:"郑州市",text:"新密市",value:"410183"},{city:"郑州市",text:"新郑市",value:"410184"},{city:"郑州市",text:"登封市",value:"410185"}],410200:[{city:"开封市",text:"市辖区",value:"410201"},{city:"开封市",text:"龙亭区",value:"410202"},{city:"开封市",text:"顺河回族区",value:"410203"},{city:"开封市",text:"鼓楼区",value:"410204"},{city:"开封市",text:"禹王台区",value:"410205"},{city:"开封市",text:"金明区",value:"410211"},{city:"开封市",text:"祥符区",value:"410212"},{city:"开封市",text:"杞县",value:"410221"},{city:"开封市",text:"通许县",value:"410222"},{city:"开封市",text:"尉氏县",value:"410223"},{city:"开封市",text:"兰考县",value:"410225"}],410300:[{city:"洛阳市",text:"市辖区",value:"410301"},{city:"洛阳市",text:"老城区",value:"410302"},{city:"洛阳市",text:"西工区",value:"410303"},{city:"洛阳市",text:"瀍河回族区",value:"410304"},{city:"洛阳市",text:"涧西区",value:"410305"},{city:"洛阳市",text:"吉利区",value:"410306"},{city:"洛阳市",text:"洛龙区",value:"410311"},{city:"洛阳市",text:"孟津县",value:"410322"},{city:"洛阳市",text:"新安县",value:"410323"},{city:"洛阳市",text:"栾川县",value:"410324"},{city:"洛阳市",text:"嵩县",value:"410325"},{city:"洛阳市",text:"汝阳县",value:"410326"},{city:"洛阳市",text:"宜阳县",value:"410327"},{city:"洛阳市",text:"洛宁县",value:"410328"},{city:"洛阳市",text:"伊川县",value:"410329"},{city:"洛阳市",text:"偃师市",value:"410381"}],410400:[{city:"平顶山市",text:"市辖区",value:"410401"},{city:"平顶山市",text:"新华区",value:"410402"},{city:"平顶山市",text:"卫东区",value:"410403"},{city:"平顶山市",text:"石龙区",value:"410404"},{city:"平顶山市",text:"湛河区",value:"410411"},{city:"平顶山市",text:"宝丰县",value:"410421"},{city:"平顶山市",text:"叶县",value:"410422"},{city:"平顶山市",text:"鲁山县",value:"410423"},{city:"平顶山市",text:"郏县",value:"410425"},{city:"平顶山市",text:"舞钢市",value:"410481"},{city:"平顶山市",text:"汝州市",value:"410482"}],410500:[{city:"安阳市",text:"市辖区",value:"410501"},{city:"安阳市",text:"文峰区",value:"410502"},{city:"安阳市",text:"北关区",value:"410503"},{city:"安阳市",text:"殷都区",value:"410505"},{city:"安阳市",text:"龙安区",value:"410506"},{city:"安阳市",text:"安阳县",value:"410522"},{city:"安阳市",text:"汤阴县",value:"410523"},{city:"安阳市",text:"滑县",value:"410526"},{city:"安阳市",text:"内黄县",value:"410527"},{city:"安阳市",text:"林州市",value:"410581"}],410600:[{city:"鹤壁市",text:"市辖区",value:"410601"},{city:"鹤壁市",text:"鹤山区",value:"410602"},{city:"鹤壁市",text:"山城区",value:"410603"},{city:"鹤壁市",text:"淇滨区",value:"410611"},{city:"鹤壁市",text:"浚县",value:"410621"},{city:"鹤壁市",text:"淇县",value:"410622"}],410700:[{city:"新乡市",text:"市辖区",value:"410701"},{city:"新乡市",text:"红旗区",value:"410702"},{city:"新乡市",text:"卫滨区",value:"410703"},{city:"新乡市",text:"凤泉区",value:"410704"},{city:"新乡市",text:"牧野区",value:"410711"},{city:"新乡市",text:"新乡县",value:"410721"},{city:"新乡市",text:"获嘉县",value:"410724"},{city:"新乡市",text:"原阳县",value:"410725"},{city:"新乡市",text:"延津县",value:"410726"},{city:"新乡市",text:"封丘县",value:"410727"},{city:"新乡市",text:"长垣县",value:"410728"},{city:"新乡市",text:"卫辉市",value:"410781"},{city:"新乡市",text:"辉县市",value:"410782"}],410800:[{city:"焦作市",text:"市辖区",value:"410801"},{city:"焦作市",text:"解放区",value:"410802"},{city:"焦作市",text:"中站区",value:"410803"},{city:"焦作市",text:"马村区",value:"410804"},{city:"焦作市",text:"山阳区",value:"410811"},{city:"焦作市",text:"修武县",value:"410821"},{city:"焦作市",text:"博爱县",value:"410822"},{city:"焦作市",text:"武陟县",value:"410823"},{city:"焦作市",text:"温县",value:"410825"},{city:"焦作市",text:"沁阳市",value:"410882"},{city:"焦作市",text:"孟州市",value:"410883"}],410900:[{city:"濮阳市",text:"市辖区",value:"410901"},{city:"濮阳市",text:"华龙区",value:"410902"},{city:"濮阳市",text:"清丰县",value:"410922"},{city:"濮阳市",text:"南乐县",value:"410923"},{city:"濮阳市",text:"范县",value:"410926"},{city:"濮阳市",text:"台前县",value:"410927"},{city:"濮阳市",text:"濮阳县",value:"410928"}],411000:[{city:"许昌市",text:"市辖区",value:"411001"},{city:"许昌市",text:"魏都区",value:"411002"},{city:"许昌市",text:"许昌县",value:"411023"},{city:"许昌市",text:"鄢陵县",value:"411024"},{city:"许昌市",text:"襄城县",value:"411025"},{city:"许昌市",text:"禹州市",value:"411081"},{city:"许昌市",text:"长葛市",value:"411082"}],411100:[{city:"漯河市",text:"市辖区",value:"411101"},{city:"漯河市",text:"源汇区",value:"411102"},{city:"漯河市",text:"郾城区",value:"411103"},{city:"漯河市",text:"召陵区",value:"411104"},{city:"漯河市",text:"舞阳县",value:"411121"},{city:"漯河市",text:"临颍县",value:"411122"}],411200:[{city:"三门峡市",text:"市辖区",value:"411201"},{city:"三门峡市",text:"湖滨区",value:"411202"},{city:"三门峡市",text:"陕州区",value:"411203"},{city:"三门峡市",text:"渑池县",value:"411221"},{city:"三门峡市",text:"卢氏县",value:"411224"},{city:"三门峡市",text:"义马市",value:"411281"},{city:"三门峡市",text:"灵宝市",value:"411282"}],411300:[{city:"南阳市",text:"市辖区",value:"411301"},{city:"南阳市",text:"宛城区",value:"411302"},{city:"南阳市",text:"卧龙区",value:"411303"},{city:"南阳市",text:"南召县",value:"411321"},{city:"南阳市",text:"方城县",value:"411322"},{city:"南阳市",text:"西峡县",value:"411323"},{city:"南阳市",text:"镇平县",value:"411324"},{city:"南阳市",text:"内乡县",value:"411325"},{city:"南阳市",text:"淅川县",value:"411326"},{city:"南阳市",text:"社旗县",value:"411327"},{city:"南阳市",text:"唐河县",value:"411328"},{city:"南阳市",text:"新野县",value:"411329"},{city:"南阳市",text:"桐柏县",value:"411330"},{city:"南阳市",text:"邓州市",value:"411381"}],411400:[{city:"商丘市",text:"市辖区",value:"411401"},{city:"商丘市",text:"梁园区",value:"411402"},{city:"商丘市",text:"睢阳区",value:"411403"},{city:"商丘市",text:"民权县",value:"411421"},{city:"商丘市",text:"睢县",value:"411422"},{city:"商丘市",text:"宁陵县",value:"411423"},{city:"商丘市",text:"柘城县",value:"411424"},{city:"商丘市",text:"虞城县",value:"411425"},{city:"商丘市",text:"夏邑县",value:"411426"},{city:"商丘市",text:"永城市",value:"411481"}],411500:[{city:"信阳市",text:"市辖区",value:"411501"},{city:"信阳市",text:"浉河区",value:"411502"},{city:"信阳市",text:"平桥区",value:"411503"},{city:"信阳市",text:"罗山县",value:"411521"},{city:"信阳市",text:"光山县",value:"411522"},{city:"信阳市",text:"新县",value:"411523"},{city:"信阳市",text:"商城县",value:"411524"},{city:"信阳市",text:"固始县",value:"411525"},{city:"信阳市",text:"潢川县",value:"411526"},{city:"信阳市",text:"淮滨县",value:"411527"},{city:"信阳市",text:"息县",value:"411528"}],411600:[{city:"周口市",text:"市辖区",value:"411601"},{city:"周口市",text:"川汇区",value:"411602"},{city:"周口市",text:"扶沟县",value:"411621"},{city:"周口市",text:"西华县",value:"411622"},{city:"周口市",text:"商水县",value:"411623"},{city:"周口市",text:"沈丘县",value:"411624"},{city:"周口市",text:"郸城县",value:"411625"},{city:"周口市",text:"淮阳县",value:"411626"},{city:"周口市",text:"太康县",value:"411627"},{city:"周口市",text:"鹿邑县",value:"411628"},{city:"周口市",text:"项城市",value:"411681"}],411700:[{city:"驻马店市",text:"市辖区",value:"411701"},{city:"驻马店市",text:"驿城区",value:"411702"},{city:"驻马店市",text:"西平县",value:"411721"},{city:"驻马店市",text:"上蔡县",value:"411722"},{city:"驻马店市",text:"平舆县",value:"411723"},{city:"驻马店市",text:"正阳县",value:"411724"},{city:"驻马店市",text:"确山县",value:"411725"},{city:"驻马店市",text:"泌阳县",value:"411726"},{city:"驻马店市",text:"汝南县",value:"411727"},{city:"驻马店市",text:"遂平县",value:"411728"},{city:"驻马店市",text:"新蔡县",value:"411729"}],419000:[{city:"省直辖县级行政区划",text:"济源市",value:"419001"}],420100:[{city:"武汉市",text:"市辖区",value:"420101"},{city:"武汉市",text:"江岸区",value:"420102"},{city:"武汉市",text:"江汉区",value:"420103"},{city:"武汉市",text:"硚口区",value:"420104"},{city:"武汉市",text:"汉阳区",value:"420105"},{city:"武汉市",text:"武昌区",value:"420106"},{city:"武汉市",text:"青山区",value:"420107"},{city:"武汉市",text:"洪山区",value:"420111"},{city:"武汉市",text:"东西湖区",value:"420112"},{city:"武汉市",text:"汉南区",value:"420113"},{city:"武汉市",text:"蔡甸区",value:"420114"},{city:"武汉市",text:"江夏区",value:"420115"},{city:"武汉市",text:"黄陂区",value:"420116"},{city:"武汉市",text:"新洲区",value:"420117"}],420200:[{city:"黄石市",text:"市辖区",value:"420201"},{city:"黄石市",text:"黄石港区",value:"420202"},{city:"黄石市",text:"西塞山区",value:"420203"},{city:"黄石市",text:"下陆区",value:"420204"},{city:"黄石市",text:"铁山区",value:"420205"},{city:"黄石市",text:"阳新县",value:"420222"},{city:"黄石市",text:"大冶市",value:"420281"}],420300:[{city:"十堰市",text:"市辖区",value:"420301"},{city:"十堰市",text:"茅箭区",value:"420302"},{city:"十堰市",text:"张湾区",value:"420303"},{city:"十堰市",text:"郧阳区",value:"420304"},{city:"十堰市",text:"郧西县",value:"420322"},{city:"十堰市",text:"竹山县",value:"420323"},{city:"十堰市",text:"竹溪县",value:"420324"},{city:"十堰市",text:"房县",value:"420325"},{city:"十堰市",text:"丹江口市",value:"420381"}],420500:[{city:"宜昌市",text:"市辖区",value:"420501"},{city:"宜昌市",text:"西陵区",value:"420502"},{city:"宜昌市",text:"伍家岗区",value:"420503"},{city:"宜昌市",text:"点军区",value:"420504"},{city:"宜昌市",text:"猇亭区",value:"420505"},{city:"宜昌市",text:"夷陵区",value:"420506"},{city:"宜昌市",text:"远安县",value:"420525"},{city:"宜昌市",text:"兴山县",value:"420526"},{city:"宜昌市",text:"秭归县",value:"420527"},{city:"宜昌市",text:"长阳土家族自治县",value:"420528"},{city:"宜昌市",text:"五峰土家族自治县",value:"420529"},{city:"宜昌市",text:"宜都市",value:"420581"},{city:"宜昌市",text:"当阳市",value:"420582"},{city:"宜昌市",text:"枝江市",value:"420583"}],420600:[{city:"襄阳市",text:"市辖区",value:"420601"},{city:"襄阳市",text:"襄城区",value:"420602"},{city:"襄阳市",text:"樊城区",value:"420606"},{city:"襄阳市",text:"襄州区",value:"420607"},{city:"襄阳市",text:"南漳县",value:"420624"},{city:"襄阳市",text:"谷城县",value:"420625"},{city:"襄阳市",text:"保康县",value:"420626"},{city:"襄阳市",text:"老河口市",value:"420682"},{city:"襄阳市",text:"枣阳市",value:"420683"},{city:"襄阳市",text:"宜城市",value:"420684"}],420700:[{city:"鄂州市",text:"市辖区",value:"420701"},{city:"鄂州市",text:"梁子湖区",value:"420702"},{city:"鄂州市",text:"华容区",value:"420703"},{city:"鄂州市",text:"鄂城区",value:"420704"}],420800:[{city:"荆门市",text:"市辖区",value:"420801"},{city:"荆门市",text:"东宝区",value:"420802"},{city:"荆门市",text:"掇刀区",value:"420804"},{city:"荆门市",text:"京山县",value:"420821"},{city:"荆门市",text:"沙洋县",value:"420822"},{city:"荆门市",text:"钟祥市",value:"420881"}],420900:[{city:"孝感市",text:"市辖区",value:"420901"},{city:"孝感市",text:"孝南区",value:"420902"},{city:"孝感市",text:"孝昌县",value:"420921"},{city:"孝感市",text:"大悟县",value:"420922"},{city:"孝感市",text:"云梦县",value:"420923"},{city:"孝感市",text:"应城市",value:"420981"},{city:"孝感市",text:"安陆市",value:"420982"},{city:"孝感市",text:"汉川市",value:"420984"}],421000:[{city:"荆州市",text:"市辖区",value:"421001"},{city:"荆州市",text:"沙市区",value:"421002"},{city:"荆州市",text:"荆州区",value:"421003"},{city:"荆州市",text:"公安县",value:"421022"},{city:"荆州市",text:"监利县",value:"421023"},{city:"荆州市",text:"江陵县",value:"421024"},{city:"荆州市",text:"石首市",value:"421081"},{city:"荆州市",text:"洪湖市",value:"421083"},{city:"荆州市",text:"松滋市",value:"421087"}],421100:[{city:"黄冈市",text:"市辖区",value:"421101"},{city:"黄冈市",text:"黄州区",value:"421102"},{city:"黄冈市",text:"团风县",value:"421121"},{city:"黄冈市",text:"红安县",value:"421122"},{city:"黄冈市",text:"罗田县",value:"421123"},{city:"黄冈市",text:"英山县",value:"421124"},{city:"黄冈市",text:"浠水县",value:"421125"},{city:"黄冈市",text:"蕲春县",value:"421126"},{city:"黄冈市",text:"黄梅县",value:"421127"},{city:"黄冈市",text:"麻城市",value:"421181"},{city:"黄冈市",text:"武穴市",value:"421182"}],421200:[{city:"咸宁市",text:"市辖区",value:"421201"},{city:"咸宁市",text:"咸安区",value:"421202"},{city:"咸宁市",text:"嘉鱼县",value:"421221"},{city:"咸宁市",text:"通城县",value:"421222"},{city:"咸宁市",text:"崇阳县",value:"421223"},{city:"咸宁市",text:"通山县",value:"421224"},{city:"咸宁市",text:"赤壁市",value:"421281"}],421300:[{city:"随州市",text:"市辖区",value:"421301"},{city:"随州市",text:"曾都区",value:"421303"},{city:"随州市",text:"随县",value:"421321"},{city:"随州市",text:"广水市",value:"421381"}],422800:[{city:"恩施土家族苗族自治州",text:"恩施市",value:"422801"},{city:"恩施土家族苗族自治州",text:"利川市",value:"422802"},{city:"恩施土家族苗族自治州",text:"建始县",value:"422822"},{city:"恩施土家族苗族自治州",text:"巴东县",value:"422823"},{city:"恩施土家族苗族自治州",text:"宣恩县",value:"422825"},{city:"恩施土家族苗族自治州",text:"咸丰县",value:"422826"},{city:"恩施土家族苗族自治州",text:"来凤县",value:"422827"},{city:"恩施土家族苗族自治州",text:"鹤峰县",value:"422828"}],429000:[{city:"省直辖县级行政区划",text:"仙桃市",value:"429004"},{city:"省直辖县级行政区划",text:"潜江市",value:"429005"},{city:"省直辖县级行政区划",text:"天门市",value:"429006"},{city:"省直辖县级行政区划",text:"神农架林区",value:"429021"}],430100:[{city:"长沙市",text:"市辖区",value:"430101"},{city:"长沙市",text:"芙蓉区",value:"430102"},{city:"长沙市",text:"天心区",value:"430103"},{city:"长沙市",text:"岳麓区",value:"430104"},{city:"长沙市",text:"开福区",value:"430105"},{city:"长沙市",text:"雨花区",value:"430111"},{city:"长沙市",text:"望城区",value:"430112"},{city:"长沙市",text:"长沙县",value:"430121"},{city:"长沙市",text:"宁乡县",value:"430124"},{city:"长沙市",text:"浏阳市",value:"430181"}],430200:[{city:"株洲市",text:"市辖区",value:"430201"},{city:"株洲市",text:"荷塘区",value:"430202"},{city:"株洲市",text:"芦淞区",value:"430203"},{city:"株洲市",text:"石峰区",value:"430204"},{city:"株洲市",text:"天元区",value:"430211"},{city:"株洲市",text:"株洲县",value:"430221"},{city:"株洲市",text:"攸县",value:"430223"},{city:"株洲市",text:"茶陵县",value:"430224"},{city:"株洲市",text:"炎陵县",value:"430225"},{city:"株洲市",text:"醴陵市",value:"430281"}],430300:[{city:"湘潭市",text:"市辖区",value:"430301"},{city:"湘潭市",text:"雨湖区",value:"430302"},{city:"湘潭市",text:"岳塘区",value:"430304"},{city:"湘潭市",text:"湘潭县",value:"430321"},{city:"湘潭市",text:"湘乡市",value:"430381"},{city:"湘潭市",text:"韶山市",value:"430382"}],430400:[{city:"衡阳市",text:"市辖区",value:"430401"},{city:"衡阳市",text:"珠晖区",value:"430405"},{city:"衡阳市",text:"雁峰区",value:"430406"},{city:"衡阳市",text:"石鼓区",value:"430407"},{city:"衡阳市",text:"蒸湘区",value:"430408"},{city:"衡阳市",text:"南岳区",value:"430412"},{city:"衡阳市",text:"衡阳县",value:"430421"},{city:"衡阳市",text:"衡南县",value:"430422"},{city:"衡阳市",text:"衡山县",value:"430423"},{city:"衡阳市",text:"衡东县",value:"430424"},{city:"衡阳市",text:"祁东县",value:"430426"},{city:"衡阳市",text:"耒阳市",value:"430481"},{city:"衡阳市",text:"常宁市",value:"430482"}],430500:[{city:"邵阳市",text:"市辖区",value:"430501"},{city:"邵阳市",text:"双清区",value:"430502"},{city:"邵阳市",text:"大祥区",value:"430503"},{city:"邵阳市",text:"北塔区",value:"430511"},{city:"邵阳市",text:"邵东县",value:"430521"},{city:"邵阳市",text:"新邵县",value:"430522"},{city:"邵阳市",text:"邵阳县",value:"430523"},{city:"邵阳市",text:"隆回县",value:"430524"},{city:"邵阳市",text:"洞口县",value:"430525"},{city:"邵阳市",text:"绥宁县",value:"430527"},{city:"邵阳市",text:"新宁县",value:"430528"},{city:"邵阳市",text:"城步苗族自治县",value:"430529"},{city:"邵阳市",text:"武冈市",value:"430581"}],430600:[{city:"岳阳市",text:"市辖区",value:"430601"},{city:"岳阳市",text:"岳阳楼区",value:"430602"},{city:"岳阳市",text:"云溪区",value:"430603"},{city:"岳阳市",text:"君山区",value:"430611"},{city:"岳阳市",text:"岳阳县",value:"430621"},{city:"岳阳市",text:"华容县",value:"430623"},{city:"岳阳市",text:"湘阴县",value:"430624"},{city:"岳阳市",text:"平江县",value:"430626"},{city:"岳阳市",text:"汨罗市",value:"430681"},{city:"岳阳市",text:"临湘市",value:"430682"}],430700:[{city:"常德市",text:"市辖区",value:"430701"},{city:"常德市",text:"武陵区",value:"430702"},{city:"常德市",text:"鼎城区",value:"430703"},{city:"常德市",text:"安乡县",value:"430721"},{city:"常德市",text:"汉寿县",value:"430722"},{city:"常德市",text:"澧县",value:"430723"},{city:"常德市",text:"临澧县",value:"430724"},{city:"常德市",text:"桃源县",value:"430725"},{city:"常德市",text:"石门县",value:"430726"},{city:"常德市",text:"津市市",value:"430781"}],430800:[{city:"张家界市",text:"市辖区",value:"430801"},{city:"张家界市",text:"永定区",value:"430802"},{city:"张家界市",text:"武陵源区",value:"430811"},{city:"张家界市",text:"慈利县",value:"430821"},{city:"张家界市",text:"桑植县",value:"430822"}],430900:[{city:"益阳市",text:"市辖区",value:"430901"},{city:"益阳市",text:"资阳区",value:"430902"},{city:"益阳市",text:"赫山区",value:"430903"},{city:"益阳市",text:"南县",value:"430921"},{city:"益阳市",text:"桃江县",value:"430922"},{city:"益阳市",text:"安化县",value:"430923"},{city:"益阳市",text:"沅江市",value:"430981"}],431000:[{city:"郴州市",text:"市辖区",value:"431001"},{city:"郴州市",text:"北湖区",value:"431002"},{city:"郴州市",text:"苏仙区",value:"431003"},{city:"郴州市",text:"桂阳县",value:"431021"},{city:"郴州市",text:"宜章县",value:"431022"},{city:"郴州市",text:"永兴县",value:"431023"},{city:"郴州市",text:"嘉禾县",value:"431024"},{city:"郴州市",text:"临武县",value:"431025"},{city:"郴州市",text:"汝城县",value:"431026"},{city:"郴州市",text:"桂东县",value:"431027"},{city:"郴州市",text:"安仁县",value:"431028"},{city:"郴州市",text:"资兴市",value:"431081"}],431100:[{city:"永州市",text:"市辖区",value:"431101"},{city:"永州市",text:"零陵区",value:"431102"},{city:"永州市",text:"冷水滩区",value:"431103"},{city:"永州市",text:"祁阳县",value:"431121"},{city:"永州市",text:"东安县",value:"431122"},{city:"永州市",text:"双牌县",value:"431123"},{city:"永州市",text:"道县",value:"431124"},{city:"永州市",text:"江永县",value:"431125"},{city:"永州市",text:"宁远县",value:"431126"},{city:"永州市",text:"蓝山县",value:"431127"},{city:"永州市",text:"新田县",value:"431128"},{city:"永州市",text:"江华瑶族自治县",value:"431129"}],431200:[{city:"怀化市",text:"市辖区",value:"431201"},{city:"怀化市",text:"鹤城区",value:"431202"},{city:"怀化市",text:"中方县",value:"431221"},{city:"怀化市",text:"沅陵县",value:"431222"},{city:"怀化市",text:"辰溪县",value:"431223"},{city:"怀化市",text:"溆浦县",value:"431224"},{city:"怀化市",text:"会同县",value:"431225"},{city:"怀化市",text:"麻阳苗族自治县",value:"431226"},{city:"怀化市",text:"新晃侗族自治县",value:"431227"},{city:"怀化市",text:"芷江侗族自治县",value:"431228"},{city:"怀化市",text:"靖州苗族侗族自治县",value:"431229"},{city:"怀化市",text:"通道侗族自治县",value:"431230"},{city:"怀化市",text:"洪江市",value:"431281"}],431300:[{city:"娄底市",text:"市辖区",value:"431301"},{city:"娄底市",text:"娄星区",value:"431302"},{city:"娄底市",text:"双峰县",value:"431321"},{city:"娄底市",text:"新化县",value:"431322"},{city:"娄底市",text:"冷水江市",value:"431381"},{city:"娄底市",text:"涟源市",value:"431382"}],433100:[{city:"湘西土家族苗族自治州",text:"吉首市",value:"433101"},{city:"湘西土家族苗族自治州",text:"泸溪县",value:"433122"},{city:"湘西土家族苗族自治州",text:"凤凰县",value:"433123"},{city:"湘西土家族苗族自治州",text:"花垣县",value:"433124"},{city:"湘西土家族苗族自治州",text:"保靖县",value:"433125"},{city:"湘西土家族苗族自治州",text:"古丈县",value:"433126"},{city:"湘西土家族苗族自治州",text:"永顺县",value:"433127"},{city:"湘西土家族苗族自治州",text:"龙山县",value:"433130"}],440100:[{city:"广州市",text:"市辖区",value:"440101"},{city:"广州市",text:"荔湾区",value:"440103"},{city:"广州市",text:"越秀区",value:"440104"},{city:"广州市",text:"海珠区",value:"440105"},{city:"广州市",text:"天河区",value:"440106"},{city:"广州市",text:"白云区",value:"440111"},{city:"广州市",text:"黄埔区",value:"440112"},{city:"广州市",text:"番禺区",value:"440113"},{city:"广州市",text:"花都区",value:"440114"},{city:"广州市",text:"南沙区",value:"440115"},{city:"广州市",text:"从化区",value:"440117"},{city:"广州市",text:"增城区",value:"440118"}],440200:[{city:"韶关市",text:"市辖区",value:"440201"},{city:"韶关市",text:"武江区",value:"440203"},{city:"韶关市",text:"浈江区",value:"440204"},{city:"韶关市",text:"曲江区",value:"440205"},{city:"韶关市",text:"始兴县",value:"440222"},{city:"韶关市",text:"仁化县",value:"440224"},{city:"韶关市",text:"翁源县",value:"440229"},{city:"韶关市",text:"乳源瑶族自治县",value:"440232"},{city:"韶关市",text:"新丰县",value:"440233"},{city:"韶关市",text:"乐昌市",value:"440281"},{city:"韶关市",text:"南雄市",value:"440282"}],440300:[{city:"深圳市",text:"市辖区",value:"440301"},{city:"深圳市",text:"罗湖区",value:"440303"},{city:"深圳市",text:"福田区",value:"440304"},{city:"深圳市",text:"南山区",value:"440305"},{city:"深圳市",text:"宝安区",value:"440306"},{city:"深圳市",text:"龙岗区",value:"440307"},{city:"深圳市",text:"盐田区",value:"440308"}],440400:[{city:"珠海市",text:"市辖区",value:"440401"},{city:"珠海市",text:"香洲区",value:"440402"},{city:"珠海市",text:"斗门区",value:"440403"},{city:"珠海市",text:"金湾区",value:"440404"}],440500:[{city:"汕头市",text:"市辖区",value:"440501"},{city:"汕头市",text:"龙湖区",value:"440507"},{city:"汕头市",text:"金平区",value:"440511"},{city:"汕头市",text:"濠江区",value:"440512"},{city:"汕头市",text:"潮阳区",value:"440513"},{city:"汕头市",text:"潮南区",value:"440514"},{city:"汕头市",text:"澄海区",value:"440515"},{city:"汕头市",text:"南澳县",value:"440523"}],440600:[{city:"佛山市",text:"市辖区",value:"440601"},{city:"佛山市",text:"禅城区",value:"440604"},{city:"佛山市",text:"南海区",value:"440605"},{city:"佛山市",text:"顺德区",value:"440606"},{city:"佛山市",text:"三水区",value:"440607"},{city:"佛山市",text:"高明区",value:"440608"}],440700:[{city:"江门市",text:"市辖区",value:"440701"},{city:"江门市",text:"蓬江区",value:"440703"},{city:"江门市",text:"江海区",value:"440704"},{city:"江门市",text:"新会区",value:"440705"},{city:"江门市",text:"台山市",value:"440781"},{city:"江门市",text:"开平市",value:"440783"},{city:"江门市",text:"鹤山市",value:"440784"},{city:"江门市",text:"恩平市",value:"440785"}],440800:[{city:"湛江市",text:"市辖区",value:"440801"},{city:"湛江市",text:"赤坎区",value:"440802"},{city:"湛江市",text:"霞山区",value:"440803"},{city:"湛江市",text:"坡头区",value:"440804"},{city:"湛江市",text:"麻章区",value:"440811"},{city:"湛江市",text:"遂溪县",value:"440823"},{city:"湛江市",text:"徐闻县",value:"440825"},{city:"湛江市",text:"廉江市",value:"440881"},{city:"湛江市",text:"雷州市",value:"440882"},{city:"湛江市",text:"吴川市",value:"440883"}],440900:[{city:"茂名市",text:"市辖区",value:"440901"},{city:"茂名市",text:"茂南区",value:"440902"},{city:"茂名市",text:"电白区",value:"440904"},{city:"茂名市",text:"高州市",value:"440981"},{city:"茂名市",text:"化州市",value:"440982"},{city:"茂名市",text:"信宜市",value:"440983"}],441200:[{city:"肇庆市",text:"市辖区",value:"441201"},{city:"肇庆市",text:"端州区",value:"441202"},{city:"肇庆市",text:"鼎湖区",value:"441203"},{city:"肇庆市",text:"高要区",value:"441204"},{city:"肇庆市",text:"广宁县",value:"441223"},{city:"肇庆市",text:"怀集县",value:"441224"},{city:"肇庆市",text:"封开县",value:"441225"},{city:"肇庆市",text:"德庆县",value:"441226"},{city:"肇庆市",text:"四会市",value:"441284"}],441300:[{city:"惠州市",text:"市辖区",value:"441301"},{city:"惠州市",text:"惠城区",value:"441302"},{city:"惠州市",text:"惠阳区",value:"441303"},{city:"惠州市",text:"博罗县",value:"441322"},{city:"惠州市",text:"惠东县",value:"441323"},{city:"惠州市",text:"龙门县",value:"441324"}],441400:[{city:"梅州市",text:"市辖区",value:"441401"},{city:"梅州市",text:"梅江区",value:"441402"},{city:"梅州市",text:"梅县区",value:"441403"},{city:"梅州市",text:"大埔县",value:"441422"},{city:"梅州市",text:"丰顺县",value:"441423"},{city:"梅州市",text:"五华县",value:"441424"},{city:"梅州市",text:"平远县",value:"441426"},{city:"梅州市",text:"蕉岭县",value:"441427"},{city:"梅州市",text:"兴宁市",value:"441481"}],441500:[{city:"汕尾市",text:"市辖区",value:"441501"},{city:"汕尾市",text:"城区",value:"441502"},{city:"汕尾市",text:"海丰县",value:"441521"},{city:"汕尾市",text:"陆河县",value:"441523"},{city:"汕尾市",text:"陆丰市",value:"441581"}],441600:[{city:"河源市",text:"市辖区",value:"441601"},{city:"河源市",text:"源城区",value:"441602"},{city:"河源市",text:"紫金县",value:"441621"},{city:"河源市",text:"龙川县",value:"441622"},{city:"河源市",text:"连平县",value:"441623"},{city:"河源市",text:"和平县",value:"441624"},{city:"河源市",text:"东源县",value:"441625"}],441700:[{city:"阳江市",text:"市辖区",value:"441701"},{city:"阳江市",text:"江城区",value:"441702"},{city:"阳江市",text:"阳东区",value:"441704"},{city:"阳江市",text:"阳西县",value:"441721"},{city:"阳江市",text:"阳春市",value:"441781"}],441800:[{city:"清远市",text:"市辖区",value:"441801"},{city:"清远市",text:"清城区",value:"441802"},{city:"清远市",text:"清新区",value:"441803"},{city:"清远市",text:"佛冈县",value:"441821"},{city:"清远市",text:"阳山县",value:"441823"},{city:"清远市",text:"连山壮族瑶族自治县",value:"441825"},{city:"清远市",text:"连南瑶族自治县",value:"441826"},{city:"清远市",text:"英德市",value:"441881"},{city:"清远市",text:"连州市",value:"441882"}],441900:[],442000:[],445100:[{city:"潮州市",text:"市辖区",value:"445101"},{city:"潮州市",text:"湘桥区",value:"445102"},{city:"潮州市",text:"潮安区",value:"445103"},{city:"潮州市",text:"饶平县",value:"445122"}],445200:[{city:"揭阳市",text:"市辖区",value:"445201"},{city:"揭阳市",text:"榕城区",value:"445202"},{city:"揭阳市",text:"揭东区",value:"445203"},{city:"揭阳市",text:"揭西县",value:"445222"},{city:"揭阳市",text:"惠来县",value:"445224"},{city:"揭阳市",text:"普宁市",value:"445281"}],445300:[{city:"云浮市",text:"市辖区",value:"445301"},{city:"云浮市",text:"云城区",value:"445302"},{city:"云浮市",text:"云安区",value:"445303"},{city:"云浮市",text:"新兴县",value:"445321"},{city:"云浮市",text:"郁南县",value:"445322"},{city:"云浮市",text:"罗定市",value:"445381"}],450100:[{city:"南宁市",text:"市辖区",value:"450101"},{city:"南宁市",text:"兴宁区",value:"450102"},{city:"南宁市",text:"青秀区",value:"450103"},{city:"南宁市",text:"江南区",value:"450105"},{city:"南宁市",text:"西乡塘区",value:"450107"},{city:"南宁市",text:"良庆区",value:"450108"},{city:"南宁市",text:"邕宁区",value:"450109"},{city:"南宁市",text:"武鸣区",value:"450110"},{city:"南宁市",text:"隆安县",value:"450123"},{city:"南宁市",text:"马山县",value:"450124"},{city:"南宁市",text:"上林县",value:"450125"},{city:"南宁市",text:"宾阳县",value:"450126"},{city:"南宁市",text:"横县",value:"450127"}],450200:[{city:"柳州市",text:"市辖区",value:"450201"},{city:"柳州市",text:"城中区",value:"450202"},{city:"柳州市",text:"鱼峰区",value:"450203"},{city:"柳州市",text:"柳南区",value:"450204"},{city:"柳州市",text:"柳北区",value:"450205"},{city:"柳州市",text:"柳江区",value:"450206"},{city:"柳州市",text:"柳城县",value:"450222"},{city:"柳州市",text:"鹿寨县",value:"450223"},{city:"柳州市",text:"融安县",value:"450224"},{city:"柳州市",text:"融水苗族自治县",value:"450225"},{city:"柳州市",text:"三江侗族自治县",value:"450226"}],450300:[{city:"桂林市",text:"市辖区",value:"450301"},{city:"桂林市",text:"秀峰区",value:"450302"},{city:"桂林市",text:"叠彩区",value:"450303"},{city:"桂林市",text:"象山区",value:"450304"},{city:"桂林市",text:"七星区",value:"450305"},{city:"桂林市",text:"雁山区",value:"450311"},{city:"桂林市",text:"临桂区",value:"450312"},{city:"桂林市",text:"阳朔县",value:"450321"},{city:"桂林市",text:"灵川县",value:"450323"},{city:"桂林市",text:"全州县",value:"450324"},{city:"桂林市",text:"兴安县",value:"450325"},{city:"桂林市",text:"永福县",value:"450326"},{city:"桂林市",text:"灌阳县",value:"450327"},{city:"桂林市",text:"龙胜各族自治县",value:"450328"},{city:"桂林市",text:"资源县",value:"450329"},{city:"桂林市",text:"平乐县",value:"450330"},{city:"桂林市",text:"荔浦县",value:"450331"},{city:"桂林市",text:"恭城瑶族自治县",value:"450332"}],450400:[{city:"梧州市",text:"市辖区",value:"450401"},{city:"梧州市",text:"万秀区",value:"450403"},{city:"梧州市",text:"长洲区",value:"450405"},{city:"梧州市",text:"龙圩区",value:"450406"},{city:"梧州市",text:"苍梧县",value:"450421"},{city:"梧州市",text:"藤县",value:"450422"},{city:"梧州市",text:"蒙山县",value:"450423"},{city:"梧州市",text:"岑溪市",value:"450481"}],450500:[{city:"北海市",text:"市辖区",value:"450501"},{city:"北海市",text:"海城区",value:"450502"},{city:"北海市",text:"银海区",value:"450503"},{city:"北海市",text:"铁山港区",value:"450512"},{city:"北海市",text:"合浦县",value:"450521"}],450600:[{city:"防城港市",text:"市辖区",value:"450601"},{city:"防城港市",text:"港口区",value:"450602"},{city:"防城港市",text:"防城区",value:"450603"},{city:"防城港市",text:"上思县",value:"450621"},{city:"防城港市",text:"东兴市",value:"450681"}],450700:[{city:"钦州市",text:"市辖区",value:"450701"},{city:"钦州市",text:"钦南区",value:"450702"},{city:"钦州市",text:"钦北区",value:"450703"},{city:"钦州市",text:"灵山县",value:"450721"},{city:"钦州市",text:"浦北县",value:"450722"}],450800:[{city:"贵港市",text:"市辖区",value:"450801"},{city:"贵港市",text:"港北区",value:"450802"},{city:"贵港市",text:"港南区",value:"450803"},{city:"贵港市",text:"覃塘区",value:"450804"},{city:"贵港市",text:"平南县",value:"450821"},{city:"贵港市",text:"桂平市",value:"450881"}],450900:[{city:"玉林市",text:"市辖区",value:"450901"},{city:"玉林市",text:"玉州区",value:"450902"},{city:"玉林市",text:"福绵区",value:"450903"},{city:"玉林市",text:"容县",value:"450921"},{city:"玉林市",text:"陆川县",value:"450922"},{city:"玉林市",text:"博白县",value:"450923"},{city:"玉林市",text:"兴业县",value:"450924"},{city:"玉林市",text:"北流市",value:"450981"}],451000:[{city:"百色市",text:"市辖区",value:"451001"},{city:"百色市",text:"右江区",value:"451002"},{city:"百色市",text:"田阳县",value:"451021"},{city:"百色市",text:"田东县",value:"451022"},{city:"百色市",text:"平果县",value:"451023"},{city:"百色市",text:"德保县",value:"451024"},{city:"百色市",text:"那坡县",value:"451026"},{city:"百色市",text:"凌云县",value:"451027"},{city:"百色市",text:"乐业县",value:"451028"},{city:"百色市",text:"田林县",value:"451029"},{city:"百色市",text:"西林县",value:"451030"},{city:"百色市",text:"隆林各族自治县",value:"451031"},{city:"百色市",text:"靖西市",value:"451081"}],451100:[{city:"贺州市",text:"市辖区",value:"451101"},{city:"贺州市",text:"八步区",value:"451102"},{city:"贺州市",text:"平桂区",value:"451103"},{city:"贺州市",text:"昭平县",value:"451121"},{city:"贺州市",text:"钟山县",value:"451122"},{city:"贺州市",text:"富川瑶族自治县",value:"451123"}],451200:[{city:"河池市",text:"市辖区",value:"451201"},{city:"河池市",text:"金城江区",value:"451202"},{city:"河池市",text:"南丹县",value:"451221"},{city:"河池市",text:"天峨县",value:"451222"},{city:"河池市",text:"凤山县",value:"451223"},{city:"河池市",text:"东兰县",value:"451224"},{city:"河池市",text:"罗城仫佬族自治县",value:"451225"},{city:"河池市",text:"环江毛南族自治县",value:"451226"},{city:"河池市",text:"巴马瑶族自治县",value:"451227"},{city:"河池市",text:"都安瑶族自治县",value:"451228"},{city:"河池市",text:"大化瑶族自治县",value:"451229"},{city:"河池市",text:"宜州市",value:"451281"}],451300:[{city:"来宾市",text:"市辖区",value:"451301"},{city:"来宾市",text:"兴宾区",value:"451302"},{city:"来宾市",text:"忻城县",value:"451321"},{city:"来宾市",text:"象州县",value:"451322"},{city:"来宾市",text:"武宣县",value:"451323"},{city:"来宾市",text:"金秀瑶族自治县",value:"451324"},{city:"来宾市",text:"合山市",value:"451381"}],451400:[{city:"崇左市",text:"市辖区",value:"451401"},{city:"崇左市",text:"江州区",value:"451402"},{city:"崇左市",text:"扶绥县",value:"451421"},{city:"崇左市",text:"宁明县",value:"451422"},{city:"崇左市",text:"龙州县",value:"451423"},{city:"崇左市",text:"大新县",value:"451424"},{city:"崇左市",text:"天等县",value:"451425"},{city:"崇左市",text:"凭祥市",value:"451481"}],460100:[{city:"海口市",text:"市辖区",value:"460101"},{city:"海口市",text:"秀英区",value:"460105"},{city:"海口市",text:"龙华区",value:"460106"},{city:"海口市",text:"琼山区",value:"460107"},{city:"海口市",text:"美兰区",value:"460108"}],460200:[{city:"三亚市",text:"市辖区",value:"460201"},{city:"三亚市",text:"海棠区",value:"460202"},{city:"三亚市",text:"吉阳区",value:"460203"},{city:"三亚市",text:"天涯区",value:"460204"},{city:"三亚市",text:"崖州区",value:"460205"}],460300:[],460400:[],469000:[{city:"省直辖县级行政区划",text:"五指山市",value:"469001"},{city:"省直辖县级行政区划",text:"琼海市",value:"469002"},{city:"省直辖县级行政区划",text:"文昌市",value:"469005"},{city:"省直辖县级行政区划",text:"万宁市",value:"469006"},{city:"省直辖县级行政区划",text:"东方市",value:"469007"},{city:"省直辖县级行政区划",text:"定安县",value:"469021"},{city:"省直辖县级行政区划",text:"屯昌县",value:"469022"},{city:"省直辖县级行政区划",text:"澄迈县",value:"469023"},{city:"省直辖县级行政区划",text:"临高县",value:"469024"},{city:"省直辖县级行政区划",text:"白沙黎族自治县",value:"469025"},{city:"省直辖县级行政区划",text:"昌江黎族自治县",value:"469026"},{city:"省直辖县级行政区划",text:"乐东黎族自治县",value:"469027"},{city:"省直辖县级行政区划",text:"陵水黎族自治县",value:"469028"},{city:"省直辖县级行政区划",text:"保亭黎族苗族自治县",value:"469029"},{city:"省直辖县级行政区划",text:"琼中黎族苗族自治县",value:"469030"}],500100:[{city:"市辖区",text:"万州区",value:"500101"},{city:"市辖区",text:"涪陵区",value:"500102"},{city:"市辖区",text:"渝中区",value:"500103"},{city:"市辖区",text:"大渡口区",value:"500104"},{city:"市辖区",text:"江北区",value:"500105"},{city:"市辖区",text:"沙坪坝区",value:"500106"},{city:"市辖区",text:"九龙坡区",value:"500107"},{city:"市辖区",text:"南岸区",value:"500108"},{city:"市辖区",text:"北碚区",value:"500109"},{city:"市辖区",text:"綦江区",value:"500110"},{city:"市辖区",text:"大足区",value:"500111"},{city:"市辖区",text:"渝北区",value:"500112"},{city:"市辖区",text:"巴南区",value:"500113"},{city:"市辖区",text:"黔江区",value:"500114"},{city:"市辖区",text:"长寿区",value:"500115"},{city:"市辖区",text:"江津区",value:"500116"},{city:"市辖区",text:"合川区",value:"500117"},{city:"市辖区",text:"永川区",value:"500118"},{city:"市辖区",text:"南川区",value:"500119"},{city:"市辖区",text:"璧山区",value:"500120"},{city:"市辖区",text:"铜梁区",value:"500151"},{city:"市辖区",text:"潼南区",value:"500152"},{city:"市辖区",text:"荣昌区",value:"500153"},{city:"市辖区",text:"开州区",value:"500154"}],500200:[{city:"县",text:"梁平县",value:"500228"},{city:"县",text:"城口县",value:"500229"},{city:"县",text:"丰都县",value:"500230"},{city:"县",text:"垫江县",value:"500231"},{city:"县",text:"武隆县",value:"500232"},{city:"县",text:"忠县",value:"500233"},{city:"县",text:"云阳县",value:"500235"},{city:"县",text:"奉节县",value:"500236"},{city:"县",text:"巫山县",value:"500237"},{city:"县",text:"巫溪县",value:"500238"},{city:"县",text:"石柱土家族自治县",value:"500240"},{city:"县",text:"秀山土家族苗族自治县",value:"500241"},{city:"县",text:"酉阳土家族苗族自治县",value:"500242"},{city:"县",text:"彭水苗族土家族自治县",value:"500243"}],510100:[{city:"成都市",text:"市辖区",value:"510101"},{city:"成都市",text:"锦江区",value:"510104"},{city:"成都市",text:"青羊区",value:"510105"},{city:"成都市",text:"金牛区",value:"510106"},{city:"成都市",text:"武侯区",value:"510107"},{city:"成都市",text:"成华区",value:"510108"},{city:"成都市",text:"龙泉驿区",value:"510112"},{city:"成都市",text:"青白江区",value:"510113"},{city:"成都市",text:"新都区",value:"510114"},{city:"成都市",text:"温江区",value:"510115"},{city:"成都市",text:"双流区",value:"510116"},{city:"成都市",text:"金堂县",value:"510121"},{city:"成都市",text:"郫县",value:"510124"},{city:"成都市",text:"大邑县",value:"510129"},{city:"成都市",text:"蒲江县",value:"510131"},{city:"成都市",text:"新津县",value:"510132"},{city:"成都市",text:"都江堰市",value:"510181"},{city:"成都市",text:"彭州市",value:"510182"},{city:"成都市",text:"邛崃市",value:"510183"},{city:"成都市",text:"崇州市",value:"510184"},{city:"成都市",text:"简阳市",value:"510185"}],510300:[{city:"自贡市",text:"市辖区",value:"510301"},{city:"自贡市",text:"自流井区",value:"510302"},{city:"自贡市",text:"贡井区",value:"510303"},{city:"自贡市",text:"大安区",value:"510304"},{city:"自贡市",text:"沿滩区",value:"510311"},{city:"自贡市",text:"荣县",value:"510321"},{city:"自贡市",text:"富顺县",value:"510322"}],510400:[{city:"攀枝花市",text:"市辖区",value:"510401"},{city:"攀枝花市",text:"东区",value:"510402"},{city:"攀枝花市",text:"西区",value:"510403"},{city:"攀枝花市",text:"仁和区",value:"510411"},{city:"攀枝花市",text:"米易县",value:"510421"},{city:"攀枝花市",text:"盐边县",value:"510422"}],510500:[{city:"泸州市",text:"市辖区",value:"510501"},{city:"泸州市",text:"江阳区",value:"510502"},{city:"泸州市",text:"纳溪区",value:"510503"},{city:"泸州市",text:"龙马潭区",value:"510504"},{city:"泸州市",text:"泸县",value:"510521"},{city:"泸州市",text:"合江县",value:"510522"},{city:"泸州市",text:"叙永县",value:"510524"},{city:"泸州市",text:"古蔺县",value:"510525"}],510600:[{city:"德阳市",text:"市辖区",value:"510601"},{city:"德阳市",text:"旌阳区",value:"510603"},{city:"德阳市",text:"中江县",value:"510623"},{city:"德阳市",text:"罗江县",value:"510626"},{city:"德阳市",text:"广汉市",value:"510681"},{city:"德阳市",text:"什邡市",value:"510682"},{city:"德阳市",text:"绵竹市",value:"510683"}],510700:[{city:"绵阳市",text:"市辖区",value:"510701"},{city:"绵阳市",text:"涪城区",value:"510703"},{city:"绵阳市",text:"游仙区",value:"510704"},{city:"绵阳市",text:"安州区",value:"510705"},{city:"绵阳市",text:"三台县",value:"510722"},{city:"绵阳市",text:"盐亭县",value:"510723"},{city:"绵阳市",text:"梓潼县",value:"510725"},{city:"绵阳市",text:"北川羌族自治县",value:"510726"},{city:"绵阳市",text:"平武县",value:"510727"},{city:"绵阳市",text:"江油市",value:"510781"}],510800:[{city:"广元市",text:"市辖区",value:"510801"},{city:"广元市",text:"利州区",value:"510802"},{city:"广元市",text:"昭化区",value:"510811"},{city:"广元市",text:"朝天区",value:"510812"},{city:"广元市",text:"旺苍县",value:"510821"},{city:"广元市",text:"青川县",value:"510822"},{city:"广元市",text:"剑阁县",value:"510823"},{city:"广元市",text:"苍溪县",value:"510824"}],510900:[{city:"遂宁市",text:"市辖区",value:"510901"},{city:"遂宁市",text:"船山区",value:"510903"},{city:"遂宁市",text:"安居区",value:"510904"},{city:"遂宁市",text:"蓬溪县",value:"510921"},{city:"遂宁市",text:"射洪县",value:"510922"},{city:"遂宁市",text:"大英县",value:"510923"}],511000:[{city:"内江市",text:"市辖区",value:"511001"},{city:"内江市",text:"市中区",value:"511002"},{city:"内江市",text:"东兴区",value:"511011"},{city:"内江市",text:"威远县",value:"511024"},{city:"内江市",text:"资中县",value:"511025"},{city:"内江市",text:"隆昌县",value:"511028"}],511100:[{city:"乐山市",text:"市辖区",value:"511101"},{city:"乐山市",text:"市中区",value:"511102"},{city:"乐山市",text:"沙湾区",value:"511111"},{city:"乐山市",text:"五通桥区",value:"511112"},{city:"乐山市",text:"金口河区",value:"511113"},{city:"乐山市",text:"犍为县",value:"511123"},{city:"乐山市",text:"井研县",value:"511124"},{city:"乐山市",text:"夹江县",value:"511126"},{city:"乐山市",text:"沐川县",value:"511129"},{city:"乐山市",text:"峨边彝族自治县",value:"511132"},{city:"乐山市",text:"马边彝族自治县",value:"511133"},{city:"乐山市",text:"峨眉山市",value:"511181"}],511300:[{city:"南充市",text:"市辖区",value:"511301"},{city:"南充市",text:"顺庆区",value:"511302"},{city:"南充市",text:"高坪区",value:"511303"},{city:"南充市",text:"嘉陵区",value:"511304"},{city:"南充市",text:"南部县",value:"511321"},{city:"南充市",text:"营山县",value:"511322"},{city:"南充市",text:"蓬安县",value:"511323"},{city:"南充市",text:"仪陇县",value:"511324"},{city:"南充市",text:"西充县",value:"511325"},{city:"南充市",text:"阆中市",value:"511381"}],511400:[{city:"眉山市",text:"市辖区",value:"511401"},{city:"眉山市",text:"东坡区",value:"511402"},{city:"眉山市",text:"彭山区",value:"511403"},{city:"眉山市",text:"仁寿县",value:"511421"},{city:"眉山市",text:"洪雅县",value:"511423"},{city:"眉山市",text:"丹棱县",value:"511424"},{city:"眉山市",text:"青神县",value:"511425"}],511500:[{city:"宜宾市",text:"市辖区",value:"511501"},{city:"宜宾市",text:"翠屏区",value:"511502"},{city:"宜宾市",text:"南溪区",value:"511503"},{city:"宜宾市",text:"宜宾县",value:"511521"},{city:"宜宾市",text:"江安县",value:"511523"},{city:"宜宾市",text:"长宁县",value:"511524"},{city:"宜宾市",text:"高县",value:"511525"},{city:"宜宾市",text:"珙县",value:"511526"},{city:"宜宾市",text:"筠连县",value:"511527"},{city:"宜宾市",text:"兴文县",value:"511528"},{city:"宜宾市",text:"屏山县",value:"511529"}],511600:[{city:"广安市",text:"市辖区",value:"511601"},{city:"广安市",text:"广安区",value:"511602"},{city:"广安市",text:"前锋区",value:"511603"},{city:"广安市",text:"岳池县",value:"511621"},{city:"广安市",text:"武胜县",value:"511622"},{city:"广安市",text:"邻水县",value:"511623"},{city:"广安市",text:"华蓥市",value:"511681"}],511700:[{city:"达州市",text:"市辖区",value:"511701"},{city:"达州市",text:"通川区",value:"511702"},{city:"达州市",text:"达川区",value:"511703"},{city:"达州市",text:"宣汉县",value:"511722"},{city:"达州市",text:"开江县",value:"511723"},{city:"达州市",text:"大竹县",value:"511724"},{city:"达州市",text:"渠县",value:"511725"},{city:"达州市",text:"万源市",value:"511781"}],511800:[{city:"雅安市",text:"市辖区",value:"511801"},{city:"雅安市",text:"雨城区",value:"511802"},{city:"雅安市",text:"名山区",value:"511803"},{city:"雅安市",text:"荥经县",value:"511822"},{city:"雅安市",text:"汉源县",value:"511823"},{city:"雅安市",text:"石棉县",value:"511824"},{city:"雅安市",text:"天全县",value:"511825"},{city:"雅安市",text:"芦山县",value:"511826"},{city:"雅安市",text:"宝兴县",value:"511827"}],511900:[{city:"巴中市",text:"市辖区",value:"511901"},{city:"巴中市",text:"巴州区",value:"511902"},{city:"巴中市",text:"恩阳区",value:"511903"},{city:"巴中市",text:"通江县",value:"511921"},{city:"巴中市",text:"南江县",value:"511922"},{city:"巴中市",text:"平昌县",value:"511923"}],512000:[{city:"资阳市",text:"市辖区",value:"512001"},{city:"资阳市",text:"雁江区",value:"512002"},{city:"资阳市",text:"安岳县",value:"512021"},{city:"资阳市",text:"乐至县",value:"512022"}],513200:[{city:"阿坝藏族羌族自治州",text:"马尔康市",value:"513201"},{city:"阿坝藏族羌族自治州",text:"汶川县",value:"513221"},{city:"阿坝藏族羌族自治州",text:"理县",value:"513222"},{city:"阿坝藏族羌族自治州",text:"茂县",value:"513223"},{city:"阿坝藏族羌族自治州",text:"松潘县",value:"513224"},{city:"阿坝藏族羌族自治州",text:"九寨沟县",value:"513225"},{city:"阿坝藏族羌族自治州",text:"金川县",value:"513226"},{city:"阿坝藏族羌族自治州",text:"小金县",value:"513227"},{city:"阿坝藏族羌族自治州",text:"黑水县",value:"513228"},{city:"阿坝藏族羌族自治州",text:"壤塘县",value:"513230"},{city:"阿坝藏族羌族自治州",text:"阿坝县",value:"513231"},{city:"阿坝藏族羌族自治州",text:"若尔盖县",value:"513232"},{city:"阿坝藏族羌族自治州",text:"红原县",value:"513233"}],513300:[{city:"甘孜藏族自治州",text:"康定市",value:"513301"},{city:"甘孜藏族自治州",text:"泸定县",value:"513322"},{city:"甘孜藏族自治州",text:"丹巴县",value:"513323"},{city:"甘孜藏族自治州",text:"九龙县",value:"513324"},{city:"甘孜藏族自治州",text:"雅江县",value:"513325"},{city:"甘孜藏族自治州",text:"道孚县",value:"513326"},{city:"甘孜藏族自治州",text:"炉霍县",value:"513327"},{city:"甘孜藏族自治州",text:"甘孜县",value:"513328"},{city:"甘孜藏族自治州",text:"新龙县",value:"513329"},{city:"甘孜藏族自治州",text:"德格县",value:"513330"},{city:"甘孜藏族自治州",text:"白玉县",value:"513331"},{city:"甘孜藏族自治州",text:"石渠县",value:"513332"},{city:"甘孜藏族自治州",text:"色达县",value:"513333"},{city:"甘孜藏族自治州",text:"理塘县",value:"513334"},{city:"甘孜藏族自治州",text:"巴塘县",value:"513335"},{city:"甘孜藏族自治州",text:"乡城县",value:"513336"},{city:"甘孜藏族自治州",text:"稻城县",value:"513337"},{city:"甘孜藏族自治州",text:"得荣县",value:"513338"}],513400:[{city:"凉山彝族自治州",text:"西昌市",value:"513401"},{city:"凉山彝族自治州",text:"木里藏族自治县",value:"513422"},{city:"凉山彝族自治州",text:"盐源县",value:"513423"},{city:"凉山彝族自治州",text:"德昌县",value:"513424"},{city:"凉山彝族自治州",text:"会理县",value:"513425"},{city:"凉山彝族自治州",text:"会东县",value:"513426"},{city:"凉山彝族自治州",text:"宁南县",value:"513427"},{city:"凉山彝族自治州",text:"普格县",value:"513428"},{city:"凉山彝族自治州",text:"布拖县",value:"513429"},{city:"凉山彝族自治州",text:"金阳县",value:"513430"},{city:"凉山彝族自治州",text:"昭觉县",value:"513431"},{city:"凉山彝族自治州",text:"喜德县",value:"513432"},{city:"凉山彝族自治州",text:"冕宁县",value:"513433"},{city:"凉山彝族自治州",text:"越西县",value:"513434"},{city:"凉山彝族自治州",text:"甘洛县",value:"513435"},{city:"凉山彝族自治州",text:"美姑县",value:"513436"},{city:"凉山彝族自治州",text:"雷波县",value:"513437"}],520100:[{city:"贵阳市",text:"市辖区",value:"520101"},{city:"贵阳市",text:"南明区",value:"520102"},{city:"贵阳市",text:"云岩区",value:"520103"},{city:"贵阳市",text:"花溪区",value:"520111"},{city:"贵阳市",text:"乌当区",value:"520112"},{city:"贵阳市",text:"白云区",value:"520113"},{city:"贵阳市",text:"观山湖区",value:"520115"},{city:"贵阳市",text:"开阳县",value:"520121"},{city:"贵阳市",text:"息烽县",value:"520122"},{city:"贵阳市",text:"修文县",value:"520123"},{city:"贵阳市",text:"清镇市",value:"520181"}],520200:[{city:"六盘水市",text:"钟山区",value:"520201"},{city:"六盘水市",text:"六枝特区",value:"520203"},{city:"六盘水市",text:"水城县",value:"520221"},{city:"六盘水市",text:"盘县",value:"520222"}],520300:[{city:"遵义市",text:"市辖区",value:"520301"},{city:"遵义市",text:"红花岗区",value:"520302"},{city:"遵义市",text:"汇川区",value:"520303"},{city:"遵义市",text:"播州区",value:"520304"},{city:"遵义市",text:"桐梓县",value:"520322"},{city:"遵义市",text:"绥阳县",value:"520323"},{city:"遵义市",text:"正安县",value:"520324"},{city:"遵义市",text:"道真仡佬族苗族自治县",value:"520325"},{city:"遵义市",text:"务川仡佬族苗族自治县",value:"520326"},{city:"遵义市",text:"凤冈县",value:"520327"},{city:"遵义市",text:"湄潭县",value:"520328"},{city:"遵义市",text:"余庆县",value:"520329"},{city:"遵义市",text:"习水县",value:"520330"},{city:"遵义市",text:"赤水市",value:"520381"},{city:"遵义市",text:"仁怀市",value:"520382"}],520400:[{city:"安顺市",text:"市辖区",value:"520401"},{city:"安顺市",text:"西秀区",value:"520402"},{city:"安顺市",text:"平坝区",value:"520403"},{city:"安顺市",text:"普定县",value:"520422"},{city:"安顺市",text:"镇宁布依族苗族自治县",value:"520423"},{city:"安顺市",text:"关岭布依族苗族自治县",value:"520424"},{city:"安顺市",text:"紫云苗族布依族自治县",value:"520425"}],520500:[{city:"毕节市",text:"市辖区",value:"520501"},{city:"毕节市",text:"七星关区",value:"520502"},{city:"毕节市",text:"大方县",value:"520521"},{city:"毕节市",text:"黔西县",value:"520522"},{city:"毕节市",text:"金沙县",value:"520523"},{city:"毕节市",text:"织金县",value:"520524"},{city:"毕节市",text:"纳雍县",value:"520525"},{city:"毕节市",text:"威宁彝族回族苗族自治县",value:"520526"},{city:"毕节市",text:"赫章县",value:"520527"}],520600:[{city:"铜仁市",text:"市辖区",value:"520601"},{city:"铜仁市",text:"碧江区",value:"520602"},{city:"铜仁市",text:"万山区",value:"520603"},{city:"铜仁市",text:"江口县",value:"520621"},{city:"铜仁市",text:"玉屏侗族自治县",value:"520622"},{city:"铜仁市",text:"石阡县",value:"520623"},{city:"铜仁市",text:"思南县",value:"520624"},{city:"铜仁市",text:"印江土家族苗族自治县",value:"520625"},{city:"铜仁市",text:"德江县",value:"520626"},{city:"铜仁市",text:"沿河土家族自治县",value:"520627"},{city:"铜仁市",text:"松桃苗族自治县",value:"520628"}],522300:[{city:"黔西南布依族苗族自治州",text:"兴义市",value:"522301"},{city:"黔西南布依族苗族自治州",text:"兴仁县",value:"522322"},{city:"黔西南布依族苗族自治州",text:"普安县",value:"522323"},{city:"黔西南布依族苗族自治州",text:"晴隆县",value:"522324"},{city:"黔西南布依族苗族自治州",text:"贞丰县",value:"522325"},{city:"黔西南布依族苗族自治州",text:"望谟县",value:"522326"},{city:"黔西南布依族苗族自治州",text:"册亨县",value:"522327"},{city:"黔西南布依族苗族自治州",text:"安龙县",value:"522328"}],522600:[{city:"黔东南苗族侗族自治州",text:"凯里市",value:"522601"},{city:"黔东南苗族侗族自治州",text:"黄平县",value:"522622"},{city:"黔东南苗族侗族自治州",text:"施秉县",value:"522623"},{city:"黔东南苗族侗族自治州",text:"三穗县",value:"522624"},{city:"黔东南苗族侗族自治州",text:"镇远县",value:"522625"},{city:"黔东南苗族侗族自治州",text:"岑巩县",value:"522626"},{city:"黔东南苗族侗族自治州",text:"天柱县",value:"522627"},{city:"黔东南苗族侗族自治州",text:"锦屏县",value:"522628"},{city:"黔东南苗族侗族自治州",text:"剑河县",value:"522629"},{city:"黔东南苗族侗族自治州",text:"台江县",value:"522630"},{city:"黔东南苗族侗族自治州",text:"黎平县",value:"522631"},{city:"黔东南苗族侗族自治州",text:"榕江县",value:"522632"},{city:"黔东南苗族侗族自治州",text:"从江县",value:"522633"},{city:"黔东南苗族侗族自治州",text:"雷山县",value:"522634"},{city:"黔东南苗族侗族自治州",text:"麻江县",value:"522635"},{city:"黔东南苗族侗族自治州",text:"丹寨县",value:"522636"}],522700:[{city:"黔南布依族苗族自治州",text:"都匀市",value:"522701"},{city:"黔南布依族苗族自治州",text:"福泉市",value:"522702"},{city:"黔南布依族苗族自治州",text:"荔波县",value:"522722"},{city:"黔南布依族苗族自治州",text:"贵定县",value:"522723"},{city:"黔南布依族苗族自治州",text:"瓮安县",value:"522725"},{city:"黔南布依族苗族自治州",text:"独山县",value:"522726"},{city:"黔南布依族苗族自治州",text:"平塘县",value:"522727"},{city:"黔南布依族苗族自治州",text:"罗甸县",value:"522728"},{city:"黔南布依族苗族自治州",text:"长顺县",value:"522729"},{city:"黔南布依族苗族自治州",text:"龙里县",value:"522730"},{city:"黔南布依族苗族自治州",text:"惠水县",value:"522731"},{city:"黔南布依族苗族自治州",text:"三都水族自治县",value:"522732"}],530100:[{city:"昆明市",text:"市辖区",value:"530101"},{city:"昆明市",text:"五华区",value:"530102"},{city:"昆明市",text:"盘龙区",value:"530103"},{city:"昆明市",text:"官渡区",value:"530111"},{city:"昆明市",text:"西山区",value:"530112"},{city:"昆明市",text:"东川区",value:"530113"},{city:"昆明市",text:"呈贡区",value:"530114"},{city:"昆明市",text:"晋宁县",value:"530122"},{city:"昆明市",text:"富民县",value:"530124"},{city:"昆明市",text:"宜良县",value:"530125"},{city:"昆明市",text:"石林彝族自治县",value:"530126"},{city:"昆明市",text:"嵩明县",value:"530127"},{city:"昆明市",text:"禄劝彝族苗族自治县",value:"530128"},{city:"昆明市",text:"寻甸回族彝族自治县",value:"530129"},{city:"昆明市",text:"安宁市",value:"530181"}],530300:[{city:"曲靖市",text:"市辖区",value:"530301"},{city:"曲靖市",text:"麒麟区",value:"530302"},{city:"曲靖市",text:"沾益区",value:"530303"},{city:"曲靖市",text:"马龙县",value:"530321"},{city:"曲靖市",text:"陆良县",value:"530322"},{city:"曲靖市",text:"师宗县",value:"530323"},{city:"曲靖市",text:"罗平县",value:"530324"},{city:"曲靖市",text:"富源县",value:"530325"},{city:"曲靖市",text:"会泽县",value:"530326"},{city:"曲靖市",text:"宣威市",value:"530381"}],530400:[{city:"玉溪市",text:"市辖区",value:"530401"},{city:"玉溪市",text:"红塔区",value:"530402"},{city:"玉溪市",text:"江川区",value:"530403"},{city:"玉溪市",text:"澄江县",value:"530422"},{city:"玉溪市",text:"通海县",value:"530423"},{city:"玉溪市",text:"华宁县",value:"530424"},{city:"玉溪市",text:"易门县",value:"530425"},{city:"玉溪市",text:"峨山彝族自治县",value:"530426"},{city:"玉溪市",text:"新平彝族傣族自治县",value:"530427"},{city:"玉溪市",text:"元江哈尼族彝族傣族自治县",value:"530428"}],530500:[{city:"保山市",text:"市辖区",value:"530501"},{city:"保山市",text:"隆阳区",value:"530502"},{city:"保山市",text:"施甸县",value:"530521"},{city:"保山市",text:"龙陵县",value:"530523"},{city:"保山市",text:"昌宁县",value:"530524"},{city:"保山市",text:"腾冲市",value:"530581"}],530600:[{city:"昭通市",text:"市辖区",value:"530601"},{city:"昭通市",text:"昭阳区",value:"530602"},{city:"昭通市",text:"鲁甸县",value:"530621"},{city:"昭通市",text:"巧家县",value:"530622"},{city:"昭通市",text:"盐津县",value:"530623"},{city:"昭通市",text:"大关县",value:"530624"},{city:"昭通市",text:"永善县",value:"530625"},{city:"昭通市",text:"绥江县",value:"530626"},{city:"昭通市",text:"镇雄县",value:"530627"},{city:"昭通市",text:"彝良县",value:"530628"},{city:"昭通市",text:"威信县",value:"530629"},{city:"昭通市",text:"水富县",value:"530630"}],530700:[{city:"丽江市",text:"市辖区",value:"530701"},{city:"丽江市",text:"古城区",value:"530702"},{city:"丽江市",text:"玉龙纳西族自治县",value:"530721"},{city:"丽江市",text:"永胜县",value:"530722"},{city:"丽江市",text:"华坪县",value:"530723"},{city:"丽江市",text:"宁蒗彝族自治县",value:"530724"}],530800:[{city:"普洱市",text:"市辖区",value:"530801"},{city:"普洱市",text:"思茅区",value:"530802"},{city:"普洱市",text:"宁洱哈尼族彝族自治县",value:"530821"},{city:"普洱市",text:"墨江哈尼族自治县",value:"530822"},{city:"普洱市",text:"景东彝族自治县",value:"530823"},{city:"普洱市",text:"景谷傣族彝族自治县",value:"530824"},{city:"普洱市",text:"镇沅彝族哈尼族拉祜族自治县",value:"530825"},{city:"普洱市",text:"江城哈尼族彝族自治县",value:"530826"},{city:"普洱市",text:"孟连傣族拉祜族佤族自治县",value:"530827"},{city:"普洱市",text:"澜沧拉祜族自治县",value:"530828"},{city:"普洱市",text:"西盟佤族自治县",value:"530829"}],530900:[{city:"临沧市",text:"市辖区",value:"530901"},{city:"临沧市",text:"临翔区",value:"530902"},{city:"临沧市",text:"凤庆县",value:"530921"},{city:"临沧市",text:"云县",value:"530922"},{city:"临沧市",text:"永德县",value:"530923"},{city:"临沧市",text:"镇康县",value:"530924"},{city:"临沧市",text:"双江拉祜族佤族布朗族傣族自治县",value:"530925"},{city:"临沧市",text:"耿马傣族佤族自治县",value:"530926"},{city:"临沧市",text:"沧源佤族自治县",value:"530927"}],532300:[{city:"楚雄彝族自治州",text:"楚雄市",value:"532301"},{city:"楚雄彝族自治州",text:"双柏县",value:"532322"},{city:"楚雄彝族自治州",text:"牟定县",value:"532323"},{city:"楚雄彝族自治州",text:"南华县",value:"532324"},{city:"楚雄彝族自治州",text:"姚安县",value:"532325"},{city:"楚雄彝族自治州",text:"大姚县",value:"532326"},{city:"楚雄彝族自治州",text:"永仁县",value:"532327"},{city:"楚雄彝族自治州",text:"元谋县",value:"532328"},{city:"楚雄彝族自治州",text:"武定县",value:"532329"},{city:"楚雄彝族自治州",text:"禄丰县",value:"532331"}],532500:[{city:"红河哈尼族彝族自治州",text:"个旧市",value:"532501"},{city:"红河哈尼族彝族自治州",text:"开远市",value:"532502"},{city:"红河哈尼族彝族自治州",text:"蒙自市",value:"532503"},{city:"红河哈尼族彝族自治州",text:"弥勒市",value:"532504"},{city:"红河哈尼族彝族自治州",text:"屏边苗族自治县",value:"532523"},{city:"红河哈尼族彝族自治州",text:"建水县",value:"532524"},{city:"红河哈尼族彝族自治州",text:"石屏县",value:"532525"},{city:"红河哈尼族彝族自治州",text:"泸西县",value:"532527"},{city:"红河哈尼族彝族自治州",text:"元阳县",value:"532528"},{city:"红河哈尼族彝族自治州",text:"红河县",value:"532529"},{city:"红河哈尼族彝族自治州",text:"金平苗族瑶族傣族自治县",value:"532530"},{city:"红河哈尼族彝族自治州",text:"绿春县",value:"532531"},{city:"红河哈尼族彝族自治州",text:"河口瑶族自治县",value:"532532"}],532600:[{city:"文山壮族苗族自治州",text:"文山市",value:"532601"},{city:"文山壮族苗族自治州",text:"砚山县",value:"532622"},{city:"文山壮族苗族自治州",text:"西畴县",value:"532623"},{city:"文山壮族苗族自治州",text:"麻栗坡县",value:"532624"},{city:"文山壮族苗族自治州",text:"马关县",value:"532625"},{city:"文山壮族苗族自治州",text:"丘北县",value:"532626"},{city:"文山壮族苗族自治州",text:"广南县",value:"532627"},{city:"文山壮族苗族自治州",text:"富宁县",value:"532628"}],532800:[{city:"西双版纳傣族自治州",text:"景洪市",value:"532801"},{city:"西双版纳傣族自治州",text:"勐海县",value:"532822"},{city:"西双版纳傣族自治州",text:"勐腊县",value:"532823"}],532900:[{city:"大理白族自治州",text:"大理市",value:"532901"},{city:"大理白族自治州",text:"漾濞彝族自治县",value:"532922"},{city:"大理白族自治州",text:"祥云县",value:"532923"},{city:"大理白族自治州",text:"宾川县",value:"532924"},{city:"大理白族自治州",text:"弥渡县",value:"532925"},{city:"大理白族自治州",text:"南涧彝族自治县",value:"532926"},{city:"大理白族自治州",text:"巍山彝族回族自治县",value:"532927"},{city:"大理白族自治州",text:"永平县",value:"532928"},{city:"大理白族自治州",text:"云龙县",value:"532929"},{city:"大理白族自治州",text:"洱源县",value:"532930"},{city:"大理白族自治州",text:"剑川县",value:"532931"},{city:"大理白族自治州",text:"鹤庆县",value:"532932"}],533100:[{city:"德宏傣族景颇族自治州",text:"瑞丽市",value:"533102"},{city:"德宏傣族景颇族自治州",text:"芒市",value:"533103"},{city:"德宏傣族景颇族自治州",text:"梁河县",value:"533122"},{city:"德宏傣族景颇族自治州",text:"盈江县",value:"533123"},{city:"德宏傣族景颇族自治州",text:"陇川县",value:"533124"}],533300:[{city:"怒江傈僳族自治州",text:"泸水市",value:"533301"},{city:"怒江傈僳族自治州",text:"福贡县",value:"533323"},{city:"怒江傈僳族自治州",text:"贡山独龙族怒族自治县",value:"533324"},{city:"怒江傈僳族自治州",text:"兰坪白族普米族自治县",value:"533325"}],533400:[{city:"迪庆藏族自治州",text:"香格里拉市",value:"533401"},{city:"迪庆藏族自治州",text:"德钦县",value:"533422"},{city:"迪庆藏族自治州",text:"维西傈僳族自治县",value:"533423"}],540100:[{city:"拉萨市",text:"市辖区",value:"540101"},{city:"拉萨市",text:"城关区",value:"540102"},{city:"拉萨市",text:"堆龙德庆区",value:"540103"},{city:"拉萨市",text:"林周县",value:"540121"},{city:"拉萨市",text:"当雄县",value:"540122"},{city:"拉萨市",text:"尼木县",value:"540123"},{city:"拉萨市",text:"曲水县",value:"540124"},{city:"拉萨市",text:"达孜县",value:"540126"},{city:"拉萨市",text:"墨竹工卡县",value:"540127"}],540200:[{city:"日喀则市",text:"桑珠孜区",value:"540202"},{city:"日喀则市",text:"南木林县",value:"540221"},{city:"日喀则市",text:"江孜县",value:"540222"},{city:"日喀则市",text:"定日县",value:"540223"},{city:"日喀则市",text:"萨迦县",value:"540224"},{city:"日喀则市",text:"拉孜县",value:"540225"},{city:"日喀则市",text:"昂仁县",value:"540226"},{city:"日喀则市",text:"谢通门县",value:"540227"},{city:"日喀则市",text:"白朗县",value:"540228"},{city:"日喀则市",text:"仁布县",value:"540229"},{city:"日喀则市",text:"康马县",value:"540230"},{city:"日喀则市",text:"定结县",value:"540231"},{city:"日喀则市",text:"仲巴县",value:"540232"},{city:"日喀则市",text:"亚东县",value:"540233"},{city:"日喀则市",text:"吉隆县",value:"540234"},{city:"日喀则市",text:"聂拉木县",value:"540235"},{city:"日喀则市",text:"萨嘎县",value:"540236"},{city:"日喀则市",text:"岗巴县",value:"540237"}],540300:[{city:"昌都市",text:"卡若区",value:"540302"},{city:"昌都市",text:"江达县",value:"540321"},{city:"昌都市",text:"贡觉县",value:"540322"},{city:"昌都市",text:"类乌齐县",value:"540323"},{city:"昌都市",text:"丁青县",value:"540324"},{city:"昌都市",text:"察雅县",value:"540325"},{city:"昌都市",text:"八宿县",value:"540326"},{city:"昌都市",text:"左贡县",value:"540327"},{city:"昌都市",text:"芒康县",value:"540328"},{city:"昌都市",text:"洛隆县",value:"540329"},{city:"昌都市",text:"边坝县",value:"540330"}],540400:[{city:"林芝市",text:"巴宜区",value:"540402"},{city:"林芝市",text:"工布江达县",value:"540421"},{city:"林芝市",text:"米林县",value:"540422"},{city:"林芝市",text:"墨脱县",value:"540423"},{city:"林芝市",text:"波密县",value:"540424"},{city:"林芝市",text:"察隅县",value:"540425"},{city:"林芝市",text:"朗县",value:"540426"}],540500:[{city:"山南市",text:"市辖区",value:"540501"},{city:"山南市",text:"乃东区",value:"540502"},{city:"山南市",text:"扎囊县",value:"540521"},{city:"山南市",text:"贡嘎县",value:"540522"},{city:"山南市",text:"桑日县",value:"540523"},{city:"山南市",text:"琼结县",value:"540524"},{city:"山南市",text:"曲松县",value:"540525"},{city:"山南市",text:"措美县",value:"540526"},{city:"山南市",text:"洛扎县",value:"540527"},{city:"山南市",text:"加查县",value:"540528"},{city:"山南市",text:"隆子县",value:"540529"},{city:"山南市",text:"错那县",value:"540530"},{city:"山南市",text:"浪卡子县",value:"540531"}],542400:[{city:"那曲地区",text:"那曲县",value:"542421"},{city:"那曲地区",text:"嘉黎县",value:"542422"},{city:"那曲地区",text:"比如县",value:"542423"},{city:"那曲地区",text:"聂荣县",value:"542424"},{city:"那曲地区",text:"安多县",value:"542425"},{city:"那曲地区",text:"申扎县",value:"542426"},{city:"那曲地区",text:"索县",value:"542427"},{city:"那曲地区",text:"班戈县",value:"542428"},{city:"那曲地区",text:"巴青县",value:"542429"},{city:"那曲地区",text:"尼玛县",value:"542430"},{city:"那曲地区",text:"双湖县",value:"542431"}],542500:[{city:"阿里地区",text:"普兰县",value:"542521"},{city:"阿里地区",text:"札达县",value:"542522"},{city:"阿里地区",text:"噶尔县",value:"542523"},{city:"阿里地区",text:"日土县",value:"542524"},{city:"阿里地区",text:"革吉县",value:"542525"},{city:"阿里地区",text:"改则县",value:"542526"},{city:"阿里地区",text:"措勤县",value:"542527"}],610100:[{city:"西安市",text:"市辖区",value:"610101"},{city:"西安市",text:"新城区",value:"610102"},{city:"西安市",text:"碑林区",value:"610103"},{city:"西安市",text:"莲湖区",value:"610104"},{city:"西安市",text:"灞桥区",value:"610111"},{city:"西安市",text:"未央区",value:"610112"},{city:"西安市",text:"雁塔区",value:"610113"},{city:"西安市",text:"阎良区",value:"610114"},{city:"西安市",text:"临潼区",value:"610115"},{city:"西安市",text:"长安区",value:"610116"},{city:"西安市",text:"高陵区",value:"610117"},{city:"西安市",text:"蓝田县",value:"610122"},{city:"西安市",text:"周至县",value:"610124"},{city:"西安市",text:"户县",value:"610125"}],610200:[{city:"铜川市",text:"市辖区",value:"610201"},{city:"铜川市",text:"王益区",value:"610202"},{city:"铜川市",text:"印台区",value:"610203"},{city:"铜川市",text:"耀州区",value:"610204"},{city:"铜川市",text:"宜君县",value:"610222"}],610300:[{city:"宝鸡市",text:"市辖区",value:"610301"},{city:"宝鸡市",text:"渭滨区",value:"610302"},{city:"宝鸡市",text:"金台区",value:"610303"},{city:"宝鸡市",text:"陈仓区",value:"610304"},{city:"宝鸡市",text:"凤翔县",value:"610322"},{city:"宝鸡市",text:"岐山县",value:"610323"},{city:"宝鸡市",text:"扶风县",value:"610324"},{city:"宝鸡市",text:"眉县",value:"610326"},{city:"宝鸡市",text:"陇县",value:"610327"},{city:"宝鸡市",text:"千阳县",value:"610328"},{city:"宝鸡市",text:"麟游县",value:"610329"},{city:"宝鸡市",text:"凤县",value:"610330"},{city:"宝鸡市",text:"太白县",value:"610331"}],610400:[{city:"咸阳市",text:"市辖区",value:"610401"},{city:"咸阳市",text:"秦都区",value:"610402"},{city:"咸阳市",text:"杨陵区",value:"610403"},{city:"咸阳市",text:"渭城区",value:"610404"},{city:"咸阳市",text:"三原县",value:"610422"},{city:"咸阳市",text:"泾阳县",value:"610423"},{city:"咸阳市",text:"乾县",value:"610424"},{city:"咸阳市",text:"礼泉县",value:"610425"},{city:"咸阳市",text:"永寿县",value:"610426"},{city:"咸阳市",text:"彬县",value:"610427"},{city:"咸阳市",text:"长武县",value:"610428"},{city:"咸阳市",text:"旬邑县",value:"610429"},{city:"咸阳市",text:"淳化县",value:"610430"},{city:"咸阳市",text:"武功县",value:"610431"},{city:"咸阳市",text:"兴平市",value:"610481"}],610500:[{city:"渭南市",text:"市辖区",value:"610501"},{city:"渭南市",text:"临渭区",value:"610502"},{city:"渭南市",text:"华州区",value:"610503"},{city:"渭南市",text:"潼关县",value:"610522"},{city:"渭南市",text:"大荔县",value:"610523"},{city:"渭南市",text:"合阳县",value:"610524"},{city:"渭南市",text:"澄城县",value:"610525"},{city:"渭南市",text:"蒲城县",value:"610526"},{city:"渭南市",text:"白水县",value:"610527"},{city:"渭南市",text:"富平县",value:"610528"},{city:"渭南市",text:"韩城市",value:"610581"},{city:"渭南市",text:"华阴市",value:"610582"}],610600:[{city:"延安市",text:"市辖区",value:"610601"},{city:"延安市",text:"宝塔区",value:"610602"},{city:"延安市",text:"安塞区",value:"610603"},{city:"延安市",text:"延长县",value:"610621"},{city:"延安市",text:"延川县",value:"610622"},{city:"延安市",text:"子长县",value:"610623"},{city:"延安市",text:"志丹县",value:"610625"},{city:"延安市",text:"吴起县",value:"610626"},{city:"延安市",text:"甘泉县",value:"610627"},{city:"延安市",text:"富县",value:"610628"},{city:"延安市",text:"洛川县",value:"610629"},{city:"延安市",text:"宜川县",value:"610630"},{city:"延安市",text:"黄龙县",value:"610631"},{city:"延安市",text:"黄陵县",value:"610632"}],610700:[{city:"汉中市",text:"市辖区",value:"610701"},{city:"汉中市",text:"汉台区",value:"610702"},{city:"汉中市",text:"南郑县",value:"610721"},{city:"汉中市",text:"城固县",value:"610722"},{city:"汉中市",text:"洋县",value:"610723"},{city:"汉中市",text:"西乡县",value:"610724"},{city:"汉中市",text:"勉县",value:"610725"},{city:"汉中市",text:"宁强县",value:"610726"},{city:"汉中市",text:"略阳县",value:"610727"},{city:"汉中市",text:"镇巴县",value:"610728"},{city:"汉中市",text:"留坝县",value:"610729"},{city:"汉中市",text:"佛坪县",value:"610730"}],610800:[{city:"榆林市",text:"市辖区",value:"610801"},{city:"榆林市",text:"榆阳区",value:"610802"},{city:"榆林市",text:"横山区",value:"610803"},{city:"榆林市",text:"神木县",value:"610821"},{city:"榆林市",text:"府谷县",value:"610822"},{city:"榆林市",text:"靖边县",value:"610824"},{city:"榆林市",text:"定边县",value:"610825"},{city:"榆林市",text:"绥德县",value:"610826"},{city:"榆林市",text:"米脂县",value:"610827"},{city:"榆林市",text:"佳县",value:"610828"},{city:"榆林市",text:"吴堡县",value:"610829"},{city:"榆林市",text:"清涧县",value:"610830"},{city:"榆林市",text:"子洲县",value:"610831"}],610900:[{city:"安康市",text:"市辖区",value:"610901"},{city:"安康市",text:"汉滨区",value:"610902"},{city:"安康市",text:"汉阴县",value:"610921"},{city:"安康市",text:"石泉县",value:"610922"},{city:"安康市",text:"宁陕县",value:"610923"},{city:"安康市",text:"紫阳县",value:"610924"},{city:"安康市",text:"岚皋县",value:"610925"},{city:"安康市",text:"平利县",value:"610926"},{city:"安康市",text:"镇坪县",value:"610927"},{city:"安康市",text:"旬阳县",value:"610928"},{city:"安康市",text:"白河县",value:"610929"}],611000:[{city:"商洛市",text:"市辖区",value:"611001"},{city:"商洛市",text:"商州区",value:"611002"},{city:"商洛市",text:"洛南县",value:"611021"},{city:"商洛市",text:"丹凤县",value:"611022"},{city:"商洛市",text:"商南县",value:"611023"},{city:"商洛市",text:"山阳县",value:"611024"},{city:"商洛市",text:"镇安县",value:"611025"},{city:"商洛市",text:"柞水县",value:"611026"}],620100:[{city:"兰州市",text:"市辖区",value:"620101"},{city:"兰州市",text:"城关区",value:"620102"},{city:"兰州市",text:"七里河区",value:"620103"},{city:"兰州市",text:"西固区",value:"620104"},{city:"兰州市",text:"安宁区",value:"620105"},{city:"兰州市",text:"红古区",value:"620111"},{city:"兰州市",text:"永登县",value:"620121"},{city:"兰州市",text:"皋兰县",value:"620122"},{city:"兰州市",text:"榆中县",value:"620123"}],620200:[{city:"嘉峪关市",text:"市辖区",value:"620201"}],620300:[{city:"金昌市",text:"市辖区",value:"620301"},{city:"金昌市",text:"金川区",value:"620302"},{city:"金昌市",text:"永昌县",value:"620321"}],620400:[{city:"白银市",text:"市辖区",value:"620401"},{city:"白银市",text:"白银区",value:"620402"},{city:"白银市",text:"平川区",value:"620403"},{city:"白银市",text:"靖远县",value:"620421"},{city:"白银市",text:"会宁县",value:"620422"},{city:"白银市",text:"景泰县",value:"620423"}],620500:[{city:"天水市",text:"市辖区",value:"620501"},{city:"天水市",text:"秦州区",value:"620502"},{city:"天水市",text:"麦积区",value:"620503"},{city:"天水市",text:"清水县",value:"620521"},{city:"天水市",text:"秦安县",value:"620522"},{city:"天水市",text:"甘谷县",value:"620523"},{city:"天水市",text:"武山县",value:"620524"},{city:"天水市",text:"张家川回族自治县",value:"620525"}],620600:[{city:"武威市",text:"市辖区",value:"620601"},{city:"武威市",text:"凉州区",value:"620602"},{city:"武威市",text:"民勤县",value:"620621"},{city:"武威市",text:"古浪县",value:"620622"},{city:"武威市",text:"天祝藏族自治县",value:"620623"}],620700:[{city:"张掖市",text:"市辖区",value:"620701"},{city:"张掖市",text:"甘州区",value:"620702"},{city:"张掖市",text:"肃南裕固族自治县",value:"620721"},{city:"张掖市",text:"民乐县",value:"620722"},{city:"张掖市",text:"临泽县",value:"620723"},{city:"张掖市",text:"高台县",value:"620724"},{city:"张掖市",text:"山丹县",value:"620725"}],620800:[{city:"平凉市",text:"市辖区",value:"620801"},{city:"平凉市",text:"崆峒区",value:"620802"},{city:"平凉市",text:"泾川县",value:"620821"},{city:"平凉市",text:"灵台县",value:"620822"},{city:"平凉市",text:"崇信县",value:"620823"},{city:"平凉市",text:"华亭县",value:"620824"},{city:"平凉市",text:"庄浪县",value:"620825"},{city:"平凉市",text:"静宁县",value:"620826"}],620900:[{city:"酒泉市",text:"市辖区",value:"620901"},{city:"酒泉市",text:"肃州区",value:"620902"},{city:"酒泉市",text:"金塔县",value:"620921"},{city:"酒泉市",text:"瓜州县",value:"620922"},{city:"酒泉市",text:"肃北蒙古族自治县",value:"620923"},{city:"酒泉市",text:"阿克塞哈萨克族自治县",value:"620924"},{city:"酒泉市",text:"玉门市",value:"620981"},{city:"酒泉市",text:"敦煌市",value:"620982"}],621000:[{city:"庆阳市",text:"市辖区",value:"621001"},{city:"庆阳市",text:"西峰区",value:"621002"},{city:"庆阳市",text:"庆城县",value:"621021"},{city:"庆阳市",text:"环县",value:"621022"},{city:"庆阳市",text:"华池县",value:"621023"},{city:"庆阳市",text:"合水县",value:"621024"},{city:"庆阳市",text:"正宁县",value:"621025"},{city:"庆阳市",text:"宁县",value:"621026"},{city:"庆阳市",text:"镇原县",value:"621027"}],621100:[{city:"定西市",text:"市辖区",value:"621101"},{city:"定西市",text:"安定区",value:"621102"},{city:"定西市",text:"通渭县",value:"621121"},{city:"定西市",text:"陇西县",value:"621122"},{city:"定西市",text:"渭源县",value:"621123"},{city:"定西市",text:"临洮县",value:"621124"},{city:"定西市",text:"漳县",value:"621125"},{city:"定西市",text:"岷县",value:"621126"}],621200:[{city:"陇南市",text:"市辖区",value:"621201"},{city:"陇南市",text:"武都区",value:"621202"},{city:"陇南市",text:"成县",value:"621221"},{city:"陇南市",text:"文县",value:"621222"},{city:"陇南市",text:"宕昌县",value:"621223"},{city:"陇南市",text:"康县",value:"621224"},{city:"陇南市",text:"西和县",value:"621225"},{city:"陇南市",text:"礼县",value:"621226"},{city:"陇南市",text:"徽县",value:"621227"},{city:"陇南市",text:"两当县",value:"621228"}],622900:[{city:"临夏回族自治州",text:"临夏市",value:"622901"},{city:"临夏回族自治州",text:"临夏县",value:"622921"},{city:"临夏回族自治州",text:"康乐县",value:"622922"},{city:"临夏回族自治州",text:"永靖县",value:"622923"},{city:"临夏回族自治州",text:"广河县",value:"622924"},{city:"临夏回族自治州",text:"和政县",value:"622925"},{city:"临夏回族自治州",text:"东乡族自治县",value:"622926"},{city:"临夏回族自治州",text:"积石山保安族东乡族撒拉族自治县",value:"622927"}],623000:[{city:"甘南藏族自治州",text:"合作市",value:"623001"},{city:"甘南藏族自治州",text:"临潭县",value:"623021"},{city:"甘南藏族自治州",text:"卓尼县",value:"623022"},{city:"甘南藏族自治州",text:"舟曲县",value:"623023"},{city:"甘南藏族自治州",text:"迭部县",value:"623024"},{city:"甘南藏族自治州",text:"玛曲县",value:"623025"},{city:"甘南藏族自治州",text:"碌曲县",value:"623026"},{city:"甘南藏族自治州",text:"夏河县",value:"623027"}],630100:[{city:"西宁市",text:"市辖区",value:"630101"},{city:"西宁市",text:"城东区",value:"630102"},{city:"西宁市",text:"城中区",value:"630103"},{city:"西宁市",text:"城西区",value:"630104"},{city:"西宁市",text:"城北区",value:"630105"},{city:"西宁市",text:"大通回族土族自治县",value:"630121"},{city:"西宁市",text:"湟中县",value:"630122"},{city:"西宁市",text:"湟源县",value:"630123"}],630200:[{city:"海东市",text:"乐都区",value:"630202"},{city:"海东市",text:"平安区",value:"630203"},{city:"海东市",text:"民和回族土族自治县",value:"630222"},{city:"海东市",text:"互助土族自治县",value:"630223"},{city:"海东市",text:"化隆回族自治县",value:"630224"},{city:"海东市",text:"循化撒拉族自治县",value:"630225"}],632200:[{city:"海北藏族自治州",text:"门源回族自治县",value:"632221"},{city:"海北藏族自治州",text:"祁连县",value:"632222"},{city:"海北藏族自治州",text:"海晏县",value:"632223"},{city:"海北藏族自治州",text:"刚察县",value:"632224"}],632300:[{city:"黄南藏族自治州",text:"同仁县",value:"632321"},{city:"黄南藏族自治州",text:"尖扎县",value:"632322"},{city:"黄南藏族自治州",text:"泽库县",value:"632323"},{city:"黄南藏族自治州",text:"河南蒙古族自治县",value:"632324"}],632500:[{city:"海南藏族自治州",text:"共和县",value:"632521"},{city:"海南藏族自治州",text:"同德县",value:"632522"},{city:"海南藏族自治州",text:"贵德县",value:"632523"},{city:"海南藏族自治州",text:"兴海县",value:"632524"},{city:"海南藏族自治州",text:"贵南县",value:"632525"}],632600:[{city:"果洛藏族自治州",text:"玛沁县",value:"632621"},{city:"果洛藏族自治州",text:"班玛县",value:"632622"},{city:"果洛藏族自治州",text:"甘德县",value:"632623"},{city:"果洛藏族自治州",text:"达日县",value:"632624"},{city:"果洛藏族自治州",text:"久治县",value:"632625"},{city:"果洛藏族自治州",text:"玛多县",value:"632626"}],632700:[{city:"玉树藏族自治州",text:"玉树市",value:"632701"},{city:"玉树藏族自治州",text:"杂多县",value:"632722"},{city:"玉树藏族自治州",text:"称多县",value:"632723"},{city:"玉树藏族自治州",text:"治多县",value:"632724"},{city:"玉树藏族自治州",text:"囊谦县",value:"632725"},{city:"玉树藏族自治州",text:"曲麻莱县",value:"632726"}],632800:[{city:"海西蒙古族藏族自治州",text:"格尔木市",value:"632801"},{city:"海西蒙古族藏族自治州",text:"德令哈市",value:"632802"},{city:"海西蒙古族藏族自治州",text:"乌兰县",value:"632821"},{city:"海西蒙古族藏族自治州",text:"都兰县",value:"632822"},{city:"海西蒙古族藏族自治州",text:"天峻县",value:"632823"}],640100:[{city:"银川市",text:"市辖区",value:"640101"},{city:"银川市",text:"兴庆区",value:"640104"},{city:"银川市",text:"西夏区",value:"640105"},{city:"银川市",text:"金凤区",value:"640106"},{city:"银川市",text:"永宁县",value:"640121"},{city:"银川市",text:"贺兰县",value:"640122"},{city:"银川市",text:"灵武市",value:"640181"}],640200:[{city:"石嘴山市",text:"市辖区",value:"640201"},{city:"石嘴山市",text:"大武口区",value:"640202"},{city:"石嘴山市",text:"惠农区",value:"640205"},{city:"石嘴山市",text:"平罗县",value:"640221"}],640300:[{city:"吴忠市",text:"市辖区",value:"640301"},{city:"吴忠市",text:"利通区",value:"640302"},{city:"吴忠市",text:"红寺堡区",value:"640303"},{city:"吴忠市",text:"盐池县",value:"640323"},{city:"吴忠市",text:"同心县",value:"640324"},{city:"吴忠市",text:"青铜峡市",value:"640381"}],640400:[{city:"固原市",text:"市辖区",value:"640401"},{city:"固原市",text:"原州区",value:"640402"},{city:"固原市",text:"西吉县",value:"640422"},{city:"固原市",text:"隆德县",value:"640423"},{city:"固原市",text:"泾源县",value:"640424"},{city:"固原市",text:"彭阳县",value:"640425"}],640500:[{city:"中卫市",text:"市辖区",value:"640501"},{city:"中卫市",text:"沙坡头区",value:"640502"},{city:"中卫市",text:"中宁县",value:"640521"},{city:"中卫市",text:"海原县",value:"640522"}],650100:[{city:"乌鲁木齐市",text:"市辖区",value:"650101"},{city:"乌鲁木齐市",text:"天山区",value:"650102"},{city:"乌鲁木齐市",text:"沙依巴克区",value:"650103"},{city:"乌鲁木齐市",text:"新市区",value:"650104"},{city:"乌鲁木齐市",text:"水磨沟区",value:"650105"},{city:"乌鲁木齐市",text:"头屯河区",value:"650106"},{city:"乌鲁木齐市",text:"达坂城区",value:"650107"},{city:"乌鲁木齐市",text:"米东区",value:"650109"},{city:"乌鲁木齐市",text:"乌鲁木齐县",value:"650121"}],650200:[{city:"克拉玛依市",text:"市辖区",value:"650201"},{city:"克拉玛依市",text:"独山子区",value:"650202"},{city:"克拉玛依市",text:"克拉玛依区",value:"650203"},{city:"克拉玛依市",text:"白碱滩区",value:"650204"},{city:"克拉玛依市",text:"乌尔禾区",value:"650205"}],650400:[{city:"吐鲁番市",text:"高昌区",value:"650402"},{city:"吐鲁番市",text:"鄯善县",value:"650421"},{city:"吐鲁番市",text:"托克逊县",value:"650422"}],650500:[{city:"哈密市",text:"伊州区",value:"650502"},{city:"哈密市",text:"巴里坤哈萨克自治县",value:"650521"},{city:"哈密市",text:"伊吾县",value:"650522"}],652300:[{city:"昌吉回族自治州",text:"昌吉市",value:"652301"},{city:"昌吉回族自治州",text:"阜康市",value:"652302"},{city:"昌吉回族自治州",text:"呼图壁县",value:"652323"},{city:"昌吉回族自治州",text:"玛纳斯县",value:"652324"},{city:"昌吉回族自治州",text:"奇台县",value:"652325"},{city:"昌吉回族自治州",text:"吉木萨尔县",value:"652327"},{city:"昌吉回族自治州",text:"木垒哈萨克自治县",value:"652328"}],652700:[{city:"博尔塔拉蒙古自治州",text:"博乐市",value:"652701"},{city:"博尔塔拉蒙古自治州",text:"阿拉山口市",value:"652702"},{city:"博尔塔拉蒙古自治州",text:"精河县",value:"652722"},{city:"博尔塔拉蒙古自治州",text:"温泉县",value:"652723"}],652800:[{city:"巴音郭楞蒙古自治州",text:"库尔勒市",value:"652801"},{city:"巴音郭楞蒙古自治州",text:"轮台县",value:"652822"},{city:"巴音郭楞蒙古自治州",text:"尉犁县",value:"652823"},{city:"巴音郭楞蒙古自治州",text:"若羌县",value:"652824"},{city:"巴音郭楞蒙古自治州",text:"且末县",value:"652825"},{city:"巴音郭楞蒙古自治州",text:"焉耆回族自治县",value:"652826"},{city:"巴音郭楞蒙古自治州",text:"和静县",value:"652827"},{city:"巴音郭楞蒙古自治州",text:"和硕县",value:"652828"},{city:"巴音郭楞蒙古自治州",text:"博湖县",value:"652829"}],652900:[{city:"阿克苏地区",text:"阿克苏市",value:"652901"},{city:"阿克苏地区",text:"温宿县",value:"652922"},{city:"阿克苏地区",text:"库车县",value:"652923"},{city:"阿克苏地区",text:"沙雅县",value:"652924"},{city:"阿克苏地区",text:"新和县",value:"652925"},{city:"阿克苏地区",text:"拜城县",value:"652926"},{city:"阿克苏地区",text:"乌什县",value:"652927"},{city:"阿克苏地区",text:"阿瓦提县",value:"652928"},{city:"阿克苏地区",text:"柯坪县",value:"652929"}],653000:[{city:"克孜勒苏柯尔克孜自治州",text:"阿图什市",value:"653001"},{city:"克孜勒苏柯尔克孜自治州",text:"阿克陶县",value:"653022"},{city:"克孜勒苏柯尔克孜自治州",text:"阿合奇县",value:"653023"},{city:"克孜勒苏柯尔克孜自治州",text:"乌恰县",value:"653024"}],653100:[{city:"喀什地区",text:"喀什市",value:"653101"},{city:"喀什地区",text:"疏附县",value:"653121"},{city:"喀什地区",text:"疏勒县",value:"653122"},{city:"喀什地区",text:"英吉沙县",value:"653123"},{city:"喀什地区",text:"泽普县",value:"653124"},{city:"喀什地区",text:"莎车县",value:"653125"},{city:"喀什地区",text:"叶城县",value:"653126"},{city:"喀什地区",text:"麦盖提县",value:"653127"},{city:"喀什地区",text:"岳普湖县",value:"653128"},{city:"喀什地区",text:"伽师县",value:"653129"},{city:"喀什地区",text:"巴楚县",value:"653130"},{city:"喀什地区",text:"塔什库尔干塔吉克自治县",value:"653131"}],653200:[{city:"和田地区",text:"和田市",value:"653201"},{city:"和田地区",text:"和田县",value:"653221"},{city:"和田地区",text:"墨玉县",value:"653222"},{city:"和田地区",text:"皮山县",value:"653223"},{city:"和田地区",text:"洛浦县",value:"653224"},{city:"和田地区",text:"策勒县",value:"653225"},{city:"和田地区",text:"于田县",value:"653226"},{city:"和田地区",text:"民丰县",value:"653227"}],654000:[{city:"伊犁哈萨克自治州",text:"伊宁市",value:"654002"},{city:"伊犁哈萨克自治州",text:"奎屯市",value:"654003"},{city:"伊犁哈萨克自治州",text:"霍尔果斯市",value:"654004"},{city:"伊犁哈萨克自治州",text:"伊宁县",value:"654021"},{city:"伊犁哈萨克自治州",text:"察布查尔锡伯自治县",value:"654022"},{city:"伊犁哈萨克自治州",text:"霍城县",value:"654023"},{city:"伊犁哈萨克自治州",text:"巩留县",value:"654024"},{city:"伊犁哈萨克自治州",text:"新源县",value:"654025"},{city:"伊犁哈萨克自治州",text:"昭苏县",value:"654026"},{city:"伊犁哈萨克自治州",text:"特克斯县",value:"654027"},{city:"伊犁哈萨克自治州",text:"尼勒克县",value:"654028"}],654200:[{city:"塔城地区",text:"塔城市",value:"654201"},{city:"塔城地区",text:"乌苏市",value:"654202"},{city:"塔城地区",text:"额敏县",value:"654221"},{city:"塔城地区",text:"沙湾县",value:"654223"},{city:"塔城地区",text:"托里县",value:"654224"},{city:"塔城地区",text:"裕民县",value:"654225"},{city:"塔城地区",text:"和布克赛尔蒙古自治县",value:"654226"}],654300:[{city:"阿勒泰地区",text:"阿勒泰市",value:"654301"},{city:"阿勒泰地区",text:"布尔津县",value:"654321"},{city:"阿勒泰地区",text:"富蕴县",value:"654322"},{city:"阿勒泰地区",text:"福海县",value:"654323"},{city:"阿勒泰地区",text:"哈巴河县",value:"654324"},{city:"阿勒泰地区",text:"青河县",value:"654325"},{city:"阿勒泰地区",text:"吉木乃县",value:"654326"}],659000:[{city:"自治区直辖县级行政区划",text:"石河子市",value:"659001"},{city:"自治区直辖县级行政区划",text:"阿拉尔市",value:"659002"},{city:"自治区直辖县级行政区划",text:"图木舒克市",value:"659003"},{city:"自治区直辖县级行政区划",text:"五家渠市",value:"659004"},{city:"自治区直辖县级行政区划",text:"铁门关市",value:"659006"}]}})},function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.cascadeData=[{value:"Fruit",text:"Fruit",children:[{value:"Apple",text:"Apple",children:[{value:1,text:"One"},{value:2,text:"Two"}]},{value:"Orange",text:"Orange",children:[{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"Lemon",text:"Lemon",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"},{value:5,text:"Five"}]}]},{value:"Drink",text:"Drink",children:[{value:"Coffee",text:"Coffee",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]},{value:"Tea",text:"Tea",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"Juice",text:"Juice",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]}]},{value:"Dessert",text:"Dessert",children:[{value:"Chocolate",text:"Chocolate",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"},{value:5,text:"Five"}]},{value:"cheese",text:"cheese",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"cake",text:"cake",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]}]}]})},function(t,e,a){var i=a(0)(a(256),a(257),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e){for(var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",c=[],l=t;l<=e;l++){var u=(a&&l<10?"0"+l:l)+i;c.push({text:u,value:l})}return c}Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"date-picker",props:{min:{type:Array,default:function(){return[2010,2,1]}},max:{type:Array,default:function(){return[2020,2,1]}},selectedIndex:{type:Array,default:function(){return[0,0,0]}}},data:function(){return{}},computed:{data:function(){var t=this,e=a(this.min[0],this.max[0],!1,"年");return e.forEach(function(e){var i=e.value===t.min[0]?t.min[1]:1,c=e.value===t.max[0]?t.max[1]:12;e.children=a(i,c,!1,"月"),e.children.forEach(function(i){var c=30;[1,3,5,7,8,10,12].includes(i.value)?c=31:2===i.value&&(c=e.value%400&&(e.value%4||!(e.value%100))?28:29);var l=e.value===t.min[0]&&i.value===t.min[1]?t.min[2]:1,u=e.value===t.max[0]&&i.value===t.max[1]?t.max[2]:c;i.children=a(l,u,!1,"日")})}),e}},methods:{show:function(){this.$refs.cascadePicker.show()},hide:function(){this.$refs.cascadePicker.hide()},select:function(t,e,a){this.$emit("select",t,e,a)},cancel:function(){this.$emit("cancel")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{ref:"cascadePicker",attrs:{title:"Date Picker",data:t.data,selectedIndex:t.selectedIndex},on:{select:t.select,cancel:t.cancel}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Cascade Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showCascadePicker}},[t._v("Cascade Picker")]),t._v(" "),a("cube-button",{on:{click:t.showCityPicker}},[t._v("City Picker")]),t._v(" "),a("cube-button",{on:{click:t.showDatePicker}},[t._v("Date Picker")]),t._v(" "),a("cube-button",{on:{click:t.showSetDataPicker}},[t._v("Set Data")])],1)],1)])},staticRenderFns:[]}},function(t,e,a){var i=a(0)(a(260),a(261),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(5)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={methods:{selectTime:function(){var t=this;this.timePicker=this.$createTimePicker({showNow:!0,minuteStep:5,delay:15,onSelect:function(e,a){t.$createDialog({type:"warn",title:"选中的时间戳是 "+e,content:"选中的内容是 "+a,icon:"cubeic-alert"}).show()},onCancel:function(){t.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}}),this.timePicker.show()},selectTimeDay:function(){var t=this;this.timePicker=this.$createTimePicker({showNow:!0,minuteStep:10,delay:10,day:{len:5,filter:["今天","明天"],format:"M月d日"},onSelect:function(e,a){t.$createDialog({type:"warn",title:"选中的时间戳是 "+e,content:"选中的内容是 "+a,icon:"cubeic-alert"}).show()},onCancel:function(){t.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}}),this.timePicker.show()},selectTimeSetTime:function(){var t=this,e=(new Date).valueOf()+36e5;this.timePicker=this.$createTimePicker({showNow:!0,minuteStep:10,delay:15,day:{len:5,filter:["今天","明天","后天"],format:"M月d日"},onSelect:function(e,a){t.$createDialog({type:"warn",title:"选中的时间戳是 "+e,content:"选中的内容是 "+a,icon:"cubeic-alert"}).show()},onCancel:function(){t.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}}),this.timePicker.setTime(e),this.timePicker.show()}},components:{CubePage:l.default,CubeButtonGroup:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"time-picker-view",title:"TimePicker（时间选择器）"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.selectTime}},[t._v("TimePicker")]),t._v(" "),a("cube-button",{on:{click:t.selectTimeDay}},[t._v("TimePicker - day options")]),t._v(" "),a("cube-button",{on:{click:t.selectTimeSetTime}},[t._v("TimePicker - setTime(next hour)")])],1)],1)])},staticRenderFns:[]}},function(t,e,a){function i(t){a(263)}var c=a(0)(a(264),a(265),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(5),a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={methods:{showAlert:function(){this.dialog=this.$createDialog({type:"alert",title:"我是标题",content:"我是内容",icon:"cubeic-alert"}),this.dialog.show()},showBtn:function(){var t=this;this.dialog=this.$createDialog({type:"confirm",icon:"cubeic-alert",title:"我是标题",content:"我是内容",confirmBtn:{text:"确定按钮",active:!0,disabled:!1,href:"javascript:;"},cancelBtn:{text:"取消按钮",active:!1,disabled:!1,href:"javascript:;"},onConfirm:function(){t.$createToast({type:"warn",time:1e3,txt:"点击确认按钮"}).show()},onCancel:function(){t.$createToast({type:"warn",time:1e3,txt:"点击取消按钮"}).show()}}),this.dialog.show()},showClose:function(){var t=this;this.dialog=this.$createDialog({type:"alert",icon:"cubeic-alert",showClose:!0,title:"标题",onClose:function(){t.$createToast({type:"warn",time:1e3,txt:"点击关闭按钮"}).show()}}),this.dialog.show()},showSlot:function(){this.dialog=this.$createDialog({type:"alert",confirmBtn:{text:"我知道了",active:!0}},function(t){return[t("div",{class:{"my-title":!0},slot:"title"},[t("div",{class:{"my-title-img":!0}}),t("p","附近车少,优选出租车将来接您")]),t("p",{class:{"my-content":!0},slot:"content"},"价格仍按快车计算")]}),this.dialog.show()}},components:{CubeButtonGroup:l.default,CubePage:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"dialog-view",title:"Dialog"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showAlert}},[t._v("Dialog - type")]),t._v(" "),a("cube-button",{on:{click:t.showBtn}},[t._v("Dialog - btn")]),t._v(" "),a("cube-button",{on:{click:t.showClose}},[t._v("Dialog - show close")]),t._v(" "),a("cube-button",{on:{click:t.showSlot}},[t._v("Dialog - slot")])],1)],1)])},staticRenderFns:[]}},function(t,e,a){var i=a(0)(a(267),a(268),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(5)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={methods:{showDefault:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",data:[{content:"align - center",class:"cube-foo"},{content:"align - left",align:"left"},{content:"align - right",align:"right"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()}}),this.actionSheet.show()},showActive:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",active:0,data:[{content:"舒适型"},{content:"七座商务"},{content:"豪华型"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()},onCancel:function(){t.$createToast({txt:"Clicked canceled",type:"warn",time:1e3}).show()}}),this.actionSheet.show()},showPickerStyle:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",pickerStyle:!0,data:[{content:"舒适型"},{content:"七座商务"},{content:"豪华型"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()},onCancel:function(){t.$createToast({txt:"Clicked canceled",type:"warn",time:1e3}).show()}}),this.actionSheet.show()}},components:{CubePage:l.default,CubeButtonGroup:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"action-sheet-view",title:"ActionSheet（操作列表）"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showDefault}},[t._v("ActionSheet")]),t._v(" "),a("cube-button",{on:{click:t.showActive}},[t._v("ActionSheet - active")]),t._v(" "),a("cube-button",{on:{click:t.showPickerStyle}},[t._v("ActionSheet - picker style")])],1)],1)])},staticRenderFns:[]}},function(t,e,a){function i(t){a(270)}var c=a(0)(a(271),a(284),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(17),a(1),a(67),a(66),a(275),a(279),a(280)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l,u,n,o){"use strict";function v(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=v(a),r=v(i),x=v(c),y=v(l),p=v(u),d=v(n),f=["I am line 1","I am line 2","I am line 3","I am line 4","I am line 5","I am line 6","I am line 7","I am line 8","I am line 9","I am line 10","I am line 11","I am line 12","I am line 13","I am line 14","I am line 15"],h=[];d.default.goods.forEach(function(t){h=h.concat(t.foods)}),e.default={data:function(){return{items:f,itemIndex:f.length,scrollbar:!0,scrollbarFade:!0,customList:!1,pullDownRefresh:!0,pullDownRefreshThreshold:90,pullDownRefreshStop:40,pullDownRefreshTxt:"Refresh success",pullUpLoad:!0,pullUpLoadThreshold:0,pullUpLoadMoreTxt:"Load more",pullUpLoadNoMoreTxt:"No more data",startY:0,scrollToX:0,scrollToY:-200,scrollToTime:700,scrollToEasing:"bounce",scrollToEasingOptions:[{text:"bounce",value:"bounce"},{text:"swipe",value:"swipe"},{text:"swipeBounce",value:"swipeBounce"}],customPullDown:!1}},components:{CubePage:r.default,SwitchOption:x.default,InputOption:y.default,SelectOption:p.default},watch:{scrollbarObj:{handler:function(){this.rebuildScroll()},deep:!0},customList:function(t){this.items=t?h:f},pullDownRefreshObj:{handler:function(){this.rebuildScroll()},deep:!0},pullUpLoadObj:{handler:function(){this.rebuildScroll()},deep:!0},startY:function(){this.rebuildScroll()}},computed:{scrollOptions:function(){return{pullDownRefresh:this.pullDownRefreshObj,pullUpLoad:this.pullUpLoadObj,scrollbar:this.scrollbarObj}},scrollbarObj:function(){return!!this.scrollbar&&{fade:this.scrollbarFade}},pullDownRefreshObj:function(){return!!this.pullDownRefresh&&{threshold:parseInt(this.pullDownRefreshThreshold),stop:parseInt(this.pullDownRefreshStop),txt:this.pullDownRefreshTxt}},pullUpLoadObj:function(){return!!this.pullUpLoad&&{threshold:parseInt(this.pullUpLoadThreshold),txt:{more:this.pullUpLoadMoreTxt,noMore:this.pullUpLoadNoMoreTxt}}}},methods:{onPullingDown:function(){var t=this;setTimeout(function(){Math.random()>.5?t.items.unshift(t.customList?h[1]:"I am new data: "+ +new Date):t.$refs.scroll.forceUpdate()},1e3)},onPullingUp:function(){var t=this;setTimeout(function(){if(Math.random()>.5){var e=t.customList?h.slice(0,5):["I am line "+ ++t.itemIndex,"I am line "+ ++t.itemIndex,"I am line "+ ++t.itemIndex,"I am line "+ ++t.itemIndex,"I am line "+ ++t.itemIndex];t.items=t.items.concat(e)}else t.$refs.scroll.forceUpdate()},1e3)},scrollTo:function(){this.$refs.scroll.scrollTo(this.scrollToX,this.scrollToY,this.scrollToTime,o.ease[this.scrollToEasing])},updateScrollbar:function(t){this.scrollbar=t},updateCustomList:function(t){this.customList=t},updateScrollbarFade:function(t){this.scrollbarFade=t},updatePullDownRefresh:function(t){this.pullDownRefresh=t},updatePullDownRefreshThreshold:function(t){this.pullDownRefreshThreshold=t},updatePullDownRefreshStop:function(t){this.pullDownRefreshStop=t},updatePullDownRefreshTxt:function(t){this.pullDownRefreshTxt=t},updatePullUpLoad:function(t){this.pullUpLoad=t},updatePullUpLoadThreshold:function(t){this.pullUpLoadThreshold=t},updatePullUpLoadMoreTxt:function(t){this.pullUpLoadMoreTxt=t},updatePullUpLoadNoMoreTxt:function(t){this.pullUpLoadNoMoreTxt=t},updateStartY:function(t){this.startY=t},updateCustomPullDown:function(t){this.customPullDown=t},updateScrollToX:function(t){this.scrollToX=t},updateScrollToY:function(t){this.scrollToY=t},updateScrollToTime:function(t){this.scrollToTime=t},updateScrollToEasing:function(t){this.scrollToEasing=t},rebuildScroll:function(){var t=this;s.default.nextTick(function(){t.$refs.scroll.destroy(),t.$refs.scroll.initScroll()})}}},t.exports=e.default})},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"input-option",props:{name:{type:String},value:null,minValue:null},data:function(){return{inputValue:this.value}},watch:{inputValue:function(t){this.$emit("update:value",this.minValue?Math.max(t,this.minValue):t)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"input-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],attrs:{type:"text"},domProps:{value:t.inputValue},on:{input:function(e){e.target.composing||(t.inputValue=e.target.value)}}})])},staticRenderFns:[]}},function(t,e,a){function i(t){a(276)}var c=a(0)(a(277),a(278),i,"data-v-c85e7c7a",null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"select-option",props:{name:{type:String},options:{type:Array},value:null},data:function(){return{selected:this.value}},watch:{selected:function(t){this.$emit("update:value",t)}},mounted:function(){var t=this;this.picker=this.$createPicker({title:"Choose "+this.name,data:[this.options],cancelTxt:"cancel",confirmTxt:"confirm",onValueChange:function(e){t.selected=e[0]}})},methods:{showPicker:function(){this.picker.show()}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"select-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("span",{staticClass:"select",on:{click:t.showPicker}},[t._v(t._s(t.selected))])])},staticRenderFns:[]}},function(t,e){t.exports={seller:{name:"粥品香坊（回龙观）",description:"蜂鸟专送",deliveryTime:38,score:4.2,serviceScore:4.1,foodScore:4.3,rankRate:69.2,minPrice:20,deliveryPrice:4,ratingCount:24,sellCount:90,bulletin:"粥品香坊其烹饪粥料的秘方源于中国千年古法，在融和现代制作工艺，由世界烹饪大师屈浩先生领衔研发。坚守纯天然、0添加的良心品质深得消费者青睐，发展至今成为粥类的引领品牌。是2008年奥运会和2013年园博会指定餐饮服务商。",supports:[{type:0,description:"在线支付满28减5"},{type:1,description:"VC无限橙果汁全场8折"},{type:2,description:"单人精彩套餐"},{type:3,description:"该商家支持发票,请下单写好发票抬头"},{type:4,description:"已加入“外卖保”计划,食品安全保障"}],avatar:"http://static.galileo.xiaojukeji.com/static/tms/seller_avatar_256px.jpg",pics:["http://fuss10.elemecdn.com/8/71/c5cf5715740998d5040dda6e66abfjpeg.jpeg?imageView2/1/w/180/h/180","http://fuss10.elemecdn.com/b/6c/75bd250e5ba69868f3b1178afbda3jpeg.jpeg?imageView2/1/w/180/h/180","http://fuss10.elemecdn.com/f/96/3d608c5811bc2d902fc9ab9a5baa7jpeg.jpeg?imageView2/1/w/180/h/180","http://fuss10.elemecdn.com/6/ad/779f8620ff49f701cd4c58f6448b6jpeg.jpeg?imageView2/1/w/180/h/180"],infos:["该商家支持发票,请下单写好发票抬头","品类:其他菜系,包子粥店","北京市昌平区回龙观西大街龙观置业大厦底商B座102单元1340","营业时间:10:00-20:30"]},goods:[{name:"热销榜",type:-1,foods:[{name:"皮蛋瘦肉粥",price:10,oldPrice:"",description:"咸粥",sellCount:229,rating:100,info:"一碗皮蛋瘦肉粥，总是我到粥店时的不二之选。香浓软滑，饱腹暖心，皮蛋的Q弹与瘦肉的滑嫩伴着粥香溢于满口，让人喝这样的一碗粥也觉得心满意足",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"很喜欢的粥",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"扁豆焖面",price:14,oldPrice:"",description:"",sellCount:188,rating:96,ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],info:"",icon:"http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"葱花饼",price:10,oldPrice:"",description:"",sellCount:124,rating:85,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"没啥味道",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:1,text:"很一般啊",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"牛肉馅饼",price:14,oldPrice:"",description:"",sellCount:114,rating:91,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"难吃不推荐",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/750/h/750"},{name:"招牌猪肉白菜锅贴/10个",price:17,oldPrice:"",description:"",sellCount:101,rating:78,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"不脆,不好吃",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"南瓜粥",price:9,oldPrice:"",description:"甜粥",sellCount:91,rating:100,ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"红豆薏米美肤粥",price:12,oldPrice:"",description:"甜粥",sellCount:86,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"八宝酱菜",price:4,oldPrice:"",description:"",sellCount:84,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"红枣山药糙米粥",price:10,oldPrice:"",description:"",sellCount:81,rating:91,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"糊塌子",price:10,oldPrice:"",description:"",sellCount:80,rating:93,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"单人精彩套餐",type:2,foods:[{name:"红枣山药粥套餐",price:29,oldPrice:36,description:"红枣山药糙米粥,素材包,爽口莴笋丝,四川泡菜或八宝酱菜,配菜可备注",sellCount:17,rating:100,info:"",ratings:[{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/6/72/cb844f0bb60c502c6d5c05e0bddf5jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/6/72/cb844f0bb60c502c6d5c05e0bddf5jpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"冰爽饮品限时特惠",type:1,foods:[{name:"VC无限橙果汁",price:8,oldPrice:10,description:"",sellCount:15,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"还可以",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"精选热菜",type:-1,foods:[{name:"娃娃菜炖豆腐",price:17,oldPrice:"",description:"",sellCount:43,rating:92,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"菜量还可以,味道还可以",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/2d/b1eb45b305635d9dd04ddf157165fjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/2d/b1eb45b305635d9dd04ddf157165fjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"手撕包菜",price:16,oldPrice:"",description:"",sellCount:29,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/c6/f3bc84468820121112e79583c24efjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/c6/f3bc84468820121112e79583c24efjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"香酥黄金鱼/3条",price:11,oldPrice:"",description:"",sellCount:15,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/4/e7/8277a6a2ea0a2e97710290499fc41jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/4/e7/8277a6a2ea0a2e97710290499fc41jpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"爽口凉菜",type:-1,foods:[{name:"八宝酱菜",price:4,oldPrice:"",description:"",sellCount:84,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"拍黄瓜",price:9,oldPrice:"",description:"",sellCount:28,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/6/54/f654985b4e185f06eb07f8fa2b2e8jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/6/54/f654985b4e185f06eb07f8fa2b2e8jpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"精选套餐",type:-1,foods:[{name:"红豆薏米粥套餐",price:37,oldPrice:"",description:"红豆薏米粥,三鲜干蒸烧卖,拍黄瓜",sellCount:3,rating:100,info:"",ratings:[{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/f/49/27f26ed00c025b2200a9ccbb7e67ejpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/f/49/27f26ed00c025b2200a9ccbb7e67ejpeg.jpeg?imageView2/1/w/750/h/750"},{name:"皮蛋瘦肉粥套餐",price:31,oldPrice:"",description:"",sellCount:12,rating:100,info:"",ratings:[{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/8/96/f444a8087f0e940ef264617f9d98ajpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/8/96/f444a8087f0e940ef264617f9d98ajpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"果拼果汁",type:-1,foods:[{name:"蜜瓜圣女萝莉杯",price:6,oldPrice:"",description:"",sellCount:1,rating:"",info:"",ratings:[],icon:"http://fuss10.elemecdn.com/b/5f/b3b04c259d5ec9fa52e1856ee50dajpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/b/5f/b3b04c259d5ec9fa52e1856ee50dajpeg.jpeg?imageView2/1/w/750/h/750"},{name:"加多宝",price:6,oldPrice:"",description:"",sellCount:7,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/b/9f/5e6c99c593cf65229225c5661bcdejpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/b/9f/5e6c99c593cf65229225c5661bcdejpeg.jpeg?imageView2/1/w/750/h/750"},{name:"VC无限橙果汁",price:8,oldPrice:10,description:"",sellCount:15,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"还可以",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"小吃主食",type:-1,foods:[{name:"扁豆焖面",price:14,oldPrice:"",description:"",sellCount:188,rating:96,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"葱花饼",price:10,oldPrice:"",description:"",sellCount:124,rating:85,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"没啥味道",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:1,text:"很一般啊",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"牛肉馅饼",price:14,oldPrice:"",description:"",sellCount:114,rating:91,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"难吃不推荐",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/750/h/750"},{name:"招牌猪肉白菜锅贴/10个",price:17,oldPrice:"",description:"",sellCount:101,rating:78,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"不脆,不好吃",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"糊塌子",price:10,oldPrice:"",description:"",sellCount:80,rating:93,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"特色粥品",type:-1,foods:[{name:"皮蛋瘦肉粥",price:10,oldPrice:"",description:"咸粥",sellCount:229,rating:100,ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"很喜欢的粥",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"南瓜粥",price:9,oldPrice:"",description:"甜粥",sellCount:91,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"红豆薏米美肤粥",price:12,oldPrice:"",description:"甜粥",sellCount:86,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"红枣山药糙米粥",price:10,oldPrice:"",description:"",sellCount:81,rating:91,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"鲜蔬菌菇粥",price:11,oldPrice:"",description:"咸粥",sellCount:56,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:""},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/e/a3/5317c68dd618929b6ac05804e429ajpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/e/a3/5317c68dd618929b6ac05804e429ajpeg.jpeg?imageView2/1/w/750/h/750"},{name:"田园蔬菜粥",price:10,oldPrice:"",description:"咸粥",sellCount:33,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/a/94/7371083792c19df00e546b29e344cjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/a/94/7371083792c19df00e546b29e344cjpeg.jpeg?imageView2/1/w/750/h/750"}]}],ratings:[{username:"3******c",rateTime:1469281964e3,deliveryTime:30,score:5,rateType:0,text:"不错,粥很好喝,我经常吃这一家,非常赞,以后也会常来吃,强烈推荐.",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:["南瓜粥","皮蛋瘦肉粥","扁豆焖面","娃娃菜炖豆腐","牛肉馅饼"]},{username:"2******3",rateTime:1469271264e3,deliveryTime:"",score:4,rateType:0,text:"服务态度不错",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:["扁豆焖面"]},{username:"3******b",rateTime:1469261964e3,score:3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"1******c",rateTime:1469261864e3,deliveryTime:20,score:5,rateType:0,text:"良心店铺",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"2******d",rateTime:1469251264e3,deliveryTime:10,score:4,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"9******0",rateTime:1469241964e3,deliveryTime:70,score:1,rateType:1,text:"送货速度蜗牛一样",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"d******c",rateTime:1469231964e3,deliveryTime:30,score:5,rateType:0,text:"很喜欢的粥店",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"2******3",rateTime:1469221264e3,deliveryTime:"",score:4,rateType:0,text:"量给的还可以",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"3******8",rateTime:1469211964e3,deliveryTime:"",score:3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"a******a",rateTime:1469201964e3,deliveryTime:"",score:4,rateType:0,text:"孩子喜欢吃这家",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:["南瓜粥"]},{username:"3******3",rateTime:1469191264e3,deliveryTime:"",score:4,rateType:0,text:"粥挺好吃的",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"t******b",rateTime:1469181964e3,deliveryTime:"",score:3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"f******c",rateTime:1469171964e3,deliveryTime:15,score:5,rateType:0,text:"送货速度很快",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"k******3",rateTime:1469161264e3,deliveryTime:"",score:4,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"u******b",rateTime:1469151964e3,deliveryTime:"",score:4,rateType:0,text:"下雨天给快递小哥点个赞",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"s******c",rateTime:1469141964e3,deliveryTime:"",score:4,rateType:0,text:"好",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"z******3",rateTime:1469131264e3,deliveryTime:"",score:5,rateType:0,text:"吃了还想再吃",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"n******b",rateTime:1469121964e3,deliveryTime:"",score:3,rateType:1,text:"发票开的不对",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"m******c",rateTime:1469111964e3,deliveryTime:30,score:5,rateType:0,text:"好吃",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"l******3",rateTime:1469101264e3,deliveryTime:40,score:5,rateType:0,text:"还不错吧",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"3******o",rateTime:1469091964e3,deliveryTime:"",score:2,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"3******p",rateTime:1469081964e3,deliveryTime:"",score:4,rateType:0,text:"很喜欢的粥",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"o******k",rateTime:1469071264e3,deliveryTime:"",score:5,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"k******b",rateTime:1469061964e3,deliveryTime:"",score:4,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]}]}},function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.ease={swipe:{style:"cubic-bezier(0.23, 1, 0.32, 1)",fn:function(t){return 1+--t*t*t*t*t}},swipeBounce:{style:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",fn:function(t){return t*(2-t)}},bounce:{style:"cubic-bezier(0.165, 0.84, 0.44, 1)",fn:function(t){return 1- --t*t*t*t}}}})},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"switch-option",props:{name:{type:String},value:null},data:function(){return{checked:this.value}},watch:{checked:function(t){this.$emit("update:value",t)}},methods:{clickSwitch:function(){this.checked=!this.checked}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"switch-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("div",{staticClass:"switch-ellipse",class:{active:t.checked},on:{click:t.clickSwitch}},[a("span",{staticClass:"switch-circle",class:{active:t.checked}})])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Scrollbar",value:t.scrollbar},on:{"update:value":t.updateScrollbar}}),t._v(" "),t.scrollbar?a("switch-option",{staticClass:"item sub first last",attrs:{name:"fade",value:t.scrollbarFade},on:{"update:value":t.updateScrollbarFade}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Pull Down Refresh",value:t.pullDownRefresh},on:{"update:value":t.updatePullDownRefresh}}),t._v(" "),t.pullDownRefresh?a("input-option",{staticClass:"item sub first",attrs:{name:"threshold (≥ 40)",value:t.pullDownRefreshThreshold,"min-value":"40"},on:{"update:value":t.updatePullDownRefreshThreshold}}):t._e(),t._v(" "),t.pullDownRefresh?a("input-option",{staticClass:"item sub",attrs:{name:"stop (≥ 40)",value:t.pullDownRefreshStop,"min-value":"40"},on:{"update:value":t.updatePullDownRefreshStop}}):t._e(),t._v(" "),t.pullDownRefresh?a("input-option",{staticClass:"item sub",attrs:{name:"txt",value:t.pullDownRefreshTxt},on:{"update:value":t.updatePullDownRefreshTxt}}):t._e(),t._v(" "),t.pullDownRefresh?a("switch-option",{staticClass:"item sub last",attrs:{name:"Custom Animation",value:t.customPullDown},on:{"update:value":t.updateCustomPullDown}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Pull Up Load",value:t.pullUpLoad},on:{"update:value":t.updatePullUpLoad}}),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub first",attrs:{name:"threshold",value:t.pullUpLoadThreshold},on:{"update:value":t.updatePullUpLoadThreshold}}):t._e(),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub",attrs:{name:"moreTxt",value:t.pullUpLoadMoreTxt},on:{"update:value":t.updatePullUpLoadMoreTxt}}):t._e(),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub last",attrs:{name:"noMoreTxt",value:t.pullUpLoadNoMoreTxt},on:{"update:value":t.updatePullUpLoadNoMoreTxt}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Custom List",value:t.customList},on:{"update:value":t.updateCustomList}})],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"startY",value:t.startY},on:{"update:value":t.updateStartY}})],1)])]),t._v(" "),a("div",{staticClass:"demo"},[a("div",{staticClass:"title sub"},[t._v("Demo")]),t._v(" "),a("div",{staticClass:"scroll-list-wrap"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.items,options:t.scrollOptions},on:{"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pulldown",fn:function(e){return t.customPullDown?[e.pullDownRefresh?a("div",{staticClass:"cube-pulldown-wrapper",style:e.pullDownStyle},[e.beforePullDown?a("div",{staticClass:"before-trigger",style:{paddingTop:e.bubbleY+"px"}},[a("span",{class:{rotate:e.bubbleY>40}},[t._v("↓")])]):a("div",{staticClass:"after-trigger"},[e.isPullingDown?a("div",{staticClass:"loading"},[a("cube-loading")],1):a("div",[a("span",[t._v("Refresh success")])])])]):t._e()]:void 0}}])},[t.customList?a("ul",{staticClass:"foods-wrapper"},t._l(t.items,function(e){return a("li",{staticClass:"food-item border-1px",on:{click:function(a){t.selectFood(e,a)}}},[a("div",{staticClass:"icon"},[a("img",{attrs:{width:"57",height:"57",src:e.icon}})]),t._v(" "),a("div",{staticClass:"food-content"},[a("h2",{staticClass:"name"},[t._v(t._s(e.name))]),t._v(" "),a("p",{staticClass:"description"},[t._v(t._s(e.description))]),t._v(" "),a("div",{staticClass:"extra"},[a("span",{staticClass:"count"},[t._v("月售"+t._s(e.sellCount)+"份")]),a("span",[t._v("好评率"+t._s(e.rating)+"%")])]),t._v(" "),a("div",{staticClass:"price"},[a("span",{staticClass:"now"},[t._v("￥"+t._s(e.price))]),t._v(" "),a("span",{directives:[{name:"show",rawName:"v-show",value:e.oldPrice,expression:"food.oldPrice"}],staticClass:"old"},[t._v("￥"+t._s(e.oldPrice))])])])])})):t._e()])],1)]),t._v(" "),a("div",{staticClass:"methods"},[a("div",{staticClass:"title sub"},[t._v("Methods")]),t._v(" "),a("ul",{staticClass:"method-list"},[a("li",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"x",value:t.scrollToX},on:{"update:value":t.updateScrollToX}}),t._v(" "),a("input-option",{staticClass:"item",attrs:{name:"y",value:t.scrollToY},on:{"update:value":t.updateScrollToY}}),t._v(" "),a("input-option",{staticClass:"item",attrs:{name:"time",value:t.scrollToTime},on:{"update:value":t.updateScrollToTime}}),t._v(" "),a("select-option",{staticClass:"item",attrs:{name:"easing",value:t.scrollToEasing,options:t.scrollToEasingOptions},on:{"update:value":t.updateScrollToEasing}}),t._v(" "),a("button",{on:{click:t.scrollTo}},[t._v("scrollTo")])],1)])])])])},staticRenderFns:[]}},function(t,e,a){function i(t){a(286)}var c=a(0)(a(287),a(288),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(67),a(66)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),n=l(i),o=l(c),v={url:"http://www.didichuxing.com/",image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png"};e.default={data:function(){return{items:[{url:"http://www.didichuxing.com/",image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png"},{url:"http://www.didichuxing.com/",image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png"}],ifSlide:!0,loop:!0,autoPlay:!0,interval:4e3,threshold:.3,speed:400,allowVertical:!1,initialIndex:1,dotsSlot:!1,addItem3:!1}},watch:{loop:function(){this.rebuildSlide()},dotsSlot:function(){this.rebuildSlide()},autoPlay:function(){this.rebuildSlide()},interval:function(){this.rebuildSlide()},threshold:function(){this.rebuildSlide()},speed:function(){this.rebuildSlide()},allowVertical:function(){this.rebuildSlide()},addItem3:function(t){t?this.items.push(v):this.items.pop(),this.rebuildSlide()}},methods:{changePage:function(t){console.log("当前轮播图序号为:"+t)},clickHandler:function(t,e){console.log(t,e)},rebuildSlide:function(){this.$refs.slide.refresh()},updateItem3:function(t){this.addItem3=t},updateLoop:function(t){this.loop=t},updateDotsSlot:function(t){this.dotsSlot=t},updateAutoPlay:function(t){this.autoPlay=t},updateInterval:function(t){(t=+t)&&(this.interval=t)},updateThreshold:function(t){(t=+t)&&(this.threshold=t)},updateSpeed:function(t){(t=+t)&&(this.speed=t)},updateAllowVertical:function(t){this.allowVertical=t},updateInitialIndex:function(t){t&&(this.initialIndex=+t)}},components:{CubePage:u.default,SwitchOption:n.default,InputOption:o.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"slide-view",title:"Slide"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{ref:"slideWrapper",staticClass:"slide-container"},[t.ifSlide?a("cube-slide",{ref:"slide",attrs:{"initial-index":t.initialIndex,loop:t.loop,"auto-play":t.autoPlay,interval:t.interval,threshold:t.threshold,speed:t.speed,"allow-vertical":t.allowVertical},on:{change:t.changePage},scopedSlots:t._u([{key:"dots",fn:function(e){return t.dotsSlot?t._l(e.dots,function(i,c){return a("span",{staticClass:"my-dot",class:{active:e.current===c}},[t._v(t._s(c+1))])}):void 0}}])},t._l(t.items,function(e,i){return a("cube-slide-item",{key:i,nativeOn:{click:function(a){t.clickHandler(e,i)}}},[a("a",{attrs:{href:e.url}},[a("img",{attrs:{src:e.image}})])])})):t._e()],1),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"InitialIndex",value:t.initialIndex},on:{"update:value":t.updateInitialIndex}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Loop",value:t.loop},on:{"update:value":t.updateLoop}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Auto Play",value:t.autoPlay},on:{"update:value":t.updateAutoPlay}}),t._v(" "),t.autoPlay?a("input-option",{staticClass:"item sub first last",attrs:{name:"interval",value:t.interval},on:{"update:value":t.updateInterval}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"Threshold",value:t.threshold},on:{"update:value":t.updateThreshold}})],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"Speed",value:t.speed},on:{"update:value":t.updateSpeed}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Allow Vertical",value:t.allowVertical},on:{"update:value":t.updateAllowVertical}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Add Slide Item3",value:t.addItem3},on:{"update:value":t.updateItem3}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Dots Slot",value:t.dotsSlot},on:{"update:value":t.updateDotsSlot}})],1)])])])])},staticRenderFns:[]}},function(t,e,a){function i(t){a(290)}var c=a(0)(a(291),a(292),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(5),a(65)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),n=l(i),o=l(c);e.default={components:{CubePage:u.default,CubeButtonGroup:n.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/index-list/"+t)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},function(t,e,a){function i(t){a(294)}var c=a(0)(a(295),a(297),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(296)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={components:{CubePage:l.default},data:function(){return{title:"Current City: BEIJING",cityData:u.default}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)}}},t.exports=e.default})},function(t,e){t.exports=[{name:"★ Hot City",shortcut:"★",items:[{name:"BEIJING",value:1},{name:"SHANGHAI",value:2}]},{name:"A",items:[{name:"ANSHAN",value:3},{name:"ANQING",value:4}]},{name:"B",items:[{name:"BEIJING",value:1},{name:"BAYINGUOLENGZHOU",value:5},{name:"BOERTALAZHOU",value:6}]},{name:"C",items:[{name:"CHENGDU",value:7}]},{name:"E",items:[{name:"EERDUOSI",value:8},{name:"EZHOU",value:9},{name:"ENSHIZHOU",value:10}]},{name:"F",items:[{name:"FUZHOU",value:11},{name:"FOSHAN",value:12},{name:"FANGCHENGGANG",value:13}]},{name:"G",items:[{name:"GUANGZHOU",value:14},{name:"GUIYANG",value:15}]},{name:"H",items:[{name:"HANGZHOU",value:16},{name:"HETIANDIQU",value:17}]},{name:"Z",items:[{name:"ZHENGZHOU",value:18},{name:"ZHANGJIAKOU",value:19},{name:"ZHANGJIAJIE",value:20},{name:"ZHUHAI",value:21},{name:"ZHONGSHAN",value:22},{name:"ZIGONG",value:23},{name:"ZIYANG",value:24},{name:"ZHAOZHUANG",value:25},{name:"ZHOUSHAN",value:26},{name:"ZUNYI",value:27},{name:"ZIBO",value:28},{name:"ZHUZHOU",value:29},{name:"ZHONGWEI",value:30}]}]},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper"},[a("cube-index-list",{attrs:{data:t.cityData,title:t.title},on:{select:t.selectItem,"title-click":t.clickTitle}})],1)])])])},staticRenderFns:[]}},function(t,e,a){function i(t){a(299)}var c=a(0)(a(300),a(302),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(301)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={components:{CubePage:l.default},data:function(){return{singerData:u.default}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)}}},t.exports=e.default})},function(t,e){t.exports=[{name:"热门",items:[{value:"002J4UUk29y8BY",name:"薛之谦",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002J4UUk29y8BY.jpg?max_age=2592000"},{value:"0025NhlN2yWrP4",name:"周杰伦",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000025NhlN2yWrP4.jpg?max_age=2592000"},{value:"004AlfUb0cVkN1",name:"BIGBANG (빅뱅)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004AlfUb0cVkN1.jpg?max_age=2592000"},{value:"003Nz2So3XXYek",name:"陈奕迅",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003Nz2So3XXYek.jpg?max_age=2592000"},{value:"001BLpXF2DyJe2",name:"林俊杰",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001BLpXF2DyJe2.jpg?max_age=2592000"},{value:"0020PeOh4ZaCw1",name:"Alan Walker (艾伦·沃克)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000020PeOh4ZaCw1.jpg?max_age=2592000"},{value:"000aHmbL2aPXWH",name:"李荣浩",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000aHmbL2aPXWH.jpg?max_age=2592000"},{value:"000zmpju02bEBm",name:"TFBOYS",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000zmpju02bEBm.jpg?max_age=2592000"},{value:"001JuGrt372YIQ",name:"Maroon 5 (魔力红乐团)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001JuGrt372YIQ.jpg?max_age=2592000"},{value:"000CK5xN3yZDJt",name:"许嵩",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000CK5xN3yZDJt.jpg?max_age=2592000"}]},{name:"A",items:[{value:"0020PeOh4ZaCw1",name:"Alan Walker (艾伦·沃克)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000020PeOh4ZaCw1.jpg?max_age=2592000"},{value:"003ArN8Z0WpjTz",name:"A-Lin",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003ArN8Z0WpjTz.jpg?max_age=2592000"},{value:"003CoxJh1zFPpx",name:"Adele (阿黛尔)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003CoxJh1zFPpx.jpg?max_age=2592000"}]},{name:"B",items:[{value:"004AlfUb0cVkN1",name:"BIGBANG (빅뱅)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004AlfUb0cVkN1.jpg?max_age=2592000"},{value:"002pUZT93gF4Cu",name:"BEYOND",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002pUZT93gF4Cu.jpg?max_age=2592000"},{value:"003LaMHm42u7qS",name:"本兮",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003LaMHm42u7qS.jpg?max_age=2592000"},{value:"003DBAjk2MMfhR",name:"BLACKPINK",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003DBAjk2MMfhR.jpg?max_age=2592000"}]},{name:"C",items:[{value:"003Nz2So3XXYek",name:"陈奕迅",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003Nz2So3XXYek.jpg?max_age=2592000"},{value:"004DFS271osAwp",name:"陈小春",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004DFS271osAwp.jpg?max_age=2592000"},{value:"000jnR7q3pCzYG",name:"Charlie Puth (查理·普斯)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000jnR7q3pCzYG.jpg?max_age=2592000"},{value:"004EyqQS2hMS6V",name:"陈翔",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004EyqQS2hMS6V.jpg?max_age=2592000"},{value:"000hNnWC3kko2c",name:"蔡健雅",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000hNnWC3kko2c.jpg?max_age=2592000"}]},{name:"E",items:[{value:"000yDAjj2TE9j8",name:"Eminem (艾米纳姆)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000yDAjj2TE9j8.jpg?max_age=2592000"}]},{name:"F",items:[{value:"003CKb192ggBqi",name:"Fall Out Boy (打倒男孩)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003CKb192ggBqi.jpg?max_age=2592000"},{value:"003vyG9q2klWs4",name:"范玮琪",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003vyG9q2klWs4.jpg?max_age=2592000"}]},{name:"G",items:[{value:"001fNHEf1SFEFN",name:"G.E.M. 邓紫棋",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001fNHEf1SFEFN.jpg?max_age=2592000"},{value:"000t2qd13dLpae",name:"G-DRAGON (权志龙)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000t2qd13dLpae.jpg?max_age=2592000"},{value:"002OfR3n1vx75j",name:"葛林",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002OfR3n1vx75j.jpg?max_age=2592000"},{value:"0043Zxw10txf5O",name:"郭静",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000043Zxw10txf5O.jpg?max_age=2592000"}]},{name:"H",items:[{value:"002Vcz8F2hpBQj",name:"华晨宇",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002Vcz8F2hpBQj.jpg?max_age=2592000"},{value:"002mze3U0NYXOM",name:"胡夏",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002mze3U0NYXOM.jpg?max_age=2592000"},{value:"004QoDUs3jfOC6",name:"韩安旭",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004QoDUs3jfOC6.jpg?max_age=2592000"}]},{name:"J",items:[{value:"002DYpxl3hW3EP",name:"Justin Bieber (贾斯汀·比伯)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002DYpxl3hW3EP.jpg?max_age=2592000"},{value:"004YXxql1sSr2o",name:"金志文",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004YXxql1sSr2o.jpg?max_age=2592000"},{value:"0023ni2j3F9CpN",name:"Jam",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000023ni2j3F9CpN.jpg?max_age=2592000"},{value:"001m7JoC1IVL44",name:"金南玲",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001m7JoC1IVL44.jpg?max_age=2592000"}]},{name:"K",items:[{value:"002Sm9iK4RIsCr",name:"筷子兄弟",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002Sm9iK4RIsCr.jpg?max_age=2592000"}]},{name:"L",items:[{value:"001BLpXF2DyJe2",name:"林俊杰",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001BLpXF2DyJe2.jpg?max_age=2592000"},{value:"000aHmbL2aPXWH",name:"李荣浩",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000aHmbL2aPXWH.jpg?max_age=2592000"},{value:"001SqkF53OEhdO",name:"鹿晗",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001SqkF53OEhdO.jpg?max_age=2592000"},{value:"001f0VyZ1hmWZ1",name:"林宥嘉",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001f0VyZ1hmWZ1.jpg?max_age=2592000"},{value:"002xpOdd4Dh6pu",name:"李易峰",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002xpOdd4Dh6pu.jpg?max_age=2592000"},{value:"002ZOuVm3Qn20Y",name:"李宇春",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002ZOuVm3Qn20Y.jpg?max_age=2592000"},{value:"002seUhN1Akj7J",name:"李圣杰",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002seUhN1Akj7J.jpg?max_age=2592000"},{value:"003bQEFA3KrvLI",name:"刘瑞琦",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003bQEFA3KrvLI.jpg?max_age=2592000"},{value:"003aQYLo2x8izP",name:"刘德华",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003aQYLo2x8izP.jpg?max_age=2592000"},{value:"003nS2v740Lxcw",name:"李克勤",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003nS2v740Lxcw.jpg?max_age=2592000"}]},{name:"M",items:[{value:"001JuGrt372YIQ",name:"Maroon 5 (魔力红乐团)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001JuGrt372YIQ.jpg?max_age=2592000"},{value:"0035kILA0ydw3j",name:"MC天佑",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000035kILA0ydw3j.jpg?max_age=2592000"},{value:"000WbpKa3WokLD",name:"MC魏小然",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000WbpKa3WokLD.jpg?max_age=2592000"},{value:"000cISVf2QqLc6",name:"莫文蔚",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000cISVf2QqLc6.jpg?max_age=2592000"},{value:"003wWQBU0fHBcj",name:"马旭东",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003wWQBU0fHBcj.jpg?max_age=2592000"},{value:"003rJfMG3PPqWd",name:"萌萌哒天团",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003rJfMG3PPqWd.jpg?max_age=2592000"}]},{name:"N",items:[{value:"003LCFXH0eodXv",name:"那英",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003LCFXH0eodXv.jpg?max_age=2592000"},{value:"003ZQQb64D5317",name:"南征北战",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003ZQQb64D5317.jpg?max_age=2592000"},{value:"0012bj8d36Xkw1",name:"牛奶咖啡",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000012bj8d36Xkw1.jpg?max_age=2592000"}]},{name:"O",items:[{value:"002a1DuK4evNsR",name:"Owl City (猫头鹰之城)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002a1DuK4evNsR.jpg?max_age=2592000"},{value:"001FXn5P0kkWfV",name:"One Direction (单向组合)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001FXn5P0kkWfV.jpg?max_age=2592000"}]},{name:"P",items:[{value:"000mLAT42CFWNa",name:"朴树",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000mLAT42CFWNa.jpg?max_age=2592000"},{value:"003vSrlp0ujV6o",name:"鹏泊",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003vSrlp0ujV6o.jpg?max_age=2592000"}]},{name:"Q",items:[{value:"0030RkE50nmpWC",name:"曲婉婷",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000030RkE50nmpWC.jpg?max_age=2592000"},{value:"0020IaUo4Vgsjk",name:"齐一",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000020IaUo4Vgsjk.jpg?max_age=2592000"},{value:"000H4xDG3heHtr",name:"齐晨",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000H4xDG3heHtr.jpg?max_age=2592000"}]},{name:"R",items:[{value:"000f1b6W1wzyRN",name:"RADWIMPS (ラッドウィンプス)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000f1b6W1wzyRN.jpg?max_age=2592000"},{value:"002MiBdR19HQWx",name:"Rihanna (蕾哈娜)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002MiBdR19HQWx.jpg?max_age=2592000"}]},{name:"S",items:[{value:"000Q4W691sMvLG",name:"苏打绿",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000Q4W691sMvLG.jpg?max_age=2592000"},{value:"001oXbjs29oPul",name:"孙子涵",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001oXbjs29oPul.jpg?max_age=2592000"},{value:"004KKLWZ4320g1",name:"宋冬野",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004KKLWZ4320g1.jpg?max_age=2592000"},{value:"001pWERg3vFgg8",name:"孙燕姿",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001pWERg3vFgg8.jpg?max_age=2592000"},{value:"001t94rh4OpQn0",name:"双笙",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001t94rh4OpQn0.jpg?max_age=2592000"}]},{name:"T",items:[{value:"000zmpju02bEBm",name:"TFBOYS",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000zmpju02bEBm.jpg?max_age=2592000"},{value:"001ByAsv3XCdgm",name:"田馥甄",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001ByAsv3XCdgm.jpg?max_age=2592000"},{value:"004ABIFV1EZUAj",name:"The Chainsmokers (烟民二人组)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004ABIFV1EZUAj.jpg?max_age=2592000"},{value:"000ndQx82fsq8Z",name:"Tez Cadey",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000ndQx82fsq8Z.jpg?max_age=2592000"},{value:"001Yxpxc0OaUUX",name:"逃跑计划",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001Yxpxc0OaUUX.jpg?max_age=2592000"},{value:"000QG95i2rHlOf",name:"谭晶",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000QG95i2rHlOf.jpg?max_age=2592000"}]},{name:"W",items:[{value:"001JDzPT3JdvqK",name:"王力宏",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001JDzPT3JdvqK.jpg?max_age=2592000"},{value:"002yeznU3VAVEV",name:"吴亦凡",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002yeznU3VAVEV.jpg?max_age=2592000"},{value:"001z2JmX09LLgL",name:"汪苏泷",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001z2JmX09LLgL.jpg?max_age=2592000"},{value:"000GDDuQ3sGQiT",name:"王菲",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000GDDuQ3sGQiT.jpg?max_age=2592000"},{value:"000CQ06r24Naco",name:"Wiz Khalifa (维兹·卡利法)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000CQ06r24Naco.jpg?max_age=2592000"},{value:"001adLDR1SS40P",name:"汪峰",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001adLDR1SS40P.jpg?max_age=2592000"},{value:"001WcO2V0TLCv3",name:"威仔",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001WcO2V0TLCv3.jpg?max_age=2592000"}]},{name:"X",items:[{value:"002J4UUk29y8BY",name:"薛之谦",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002J4UUk29y8BY.jpg?max_age=2592000"},{value:"000CK5xN3yZDJt",name:"许嵩",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000CK5xN3yZDJt.jpg?max_age=2592000"},{value:"004bsIDK0awMOv",name:"萧敬腾",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004bsIDK0awMOv.jpg?max_age=2592000"},{value:"00235pCx2tYjlq",name:"许巍",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M00000235pCx2tYjlq.jpg?max_age=2592000"},{value:"004aRKga0CXIPm",name:"徐良",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004aRKga0CXIPm.jpg?max_age=2592000"},{value:"001oNMzI3WznzG",name:"夏婉安",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001oNMzI3WznzG.jpg?max_age=2592000"},{value:"002LZVMH0zc8F4",name:"徐佳莹",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002LZVMH0zc8F4.jpg?max_age=2592000"}]},{name:"Y",items:[{value:"003tMm0y0TuewY",name:"杨宗纬",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003tMm0y0TuewY.jpg?max_age=2592000"},{value:"004coWV04C5FCV",name:"杨洋",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004coWV04C5FCV.jpg?max_age=2592000"},{value:"004FtTNW2b0tJi",name:"雨宗林",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004FtTNW2b0tJi.jpg?max_age=2592000"},{value:"001IoTZp19YMDG",name:"易烊千玺",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001IoTZp19YMDG.jpg?max_age=2592000"}]},{name:"Z",items:[{value:"0025NhlN2yWrP4",name:"周杰伦",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000025NhlN2yWrP4.jpg?max_age=2592000"},{value:"002azErJ0UcDN6",name:"张杰",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002azErJ0UcDN6.jpg?max_age=2592000"},{value:"003Cn3Yh16q1MO",name:"庄心妍",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003Cn3Yh16q1MO.jpg?max_age=2592000"},{value:"0003ZpE43ypssl",name:"张碧晨",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000003ZpE43ypssl.jpg?max_age=2592000"},{value:"004Be55m1SJaLk",name:"张学友",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004Be55m1SJaLk.jpg?max_age=2592000"},{value:"000aw4WC2EQYTv",name:"张靓颖",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000aw4WC2EQYTv.jpg?max_age=2592000"},{value:"003JGrNQ3RjelA",name:"张惠妹",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003JGrNQ3RjelA.jpg?max_age=2592000"},{value:"004NMZuf2BLjg8",name:"周传雄",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004NMZuf2BLjg8.jpg?max_age=2592000"},{value:"0000mFvh1jtLcz",name:"张信哲",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000000mFvh1jtLcz.jpg?max_age=2592000"},{value:"0044wQXL0ElWF1",name:"张宇",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000044wQXL0ElWF1.jpg?max_age=2592000"},{value:"004eaDNU1nfRO0",name:"张磊",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004eaDNU1nfRO0.jpg?max_age=2592000"},{value:"002raUWw3PXdkT",name:"张韶涵",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002raUWw3PXdkT.jpg?max_age=2592000"},{value:"0042kZuh1dgLre",name:"周二珂",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000042kZuh1dgLre.jpg?max_age=2592000"},{value:"003AfDK34H82GU",name:"张敬轩",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003AfDK34H82GU.jpg?max_age=2592000"},{value:"000SJp6n49rDgl",name:"张赫宣",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000SJp6n49rDgl.jpg?max_age=2592000"}]}]},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper custom"},[a("cube-index-list",{attrs:{data:t.singerData}},t._l(t.singerData,function(e,i){return a("cube-index-list-group",{key:i,attrs:{group:e}},t._l(e.items,function(e,i){return a("cube-index-list-item",{key:i,attrs:{item:e},on:{select:t.selectItem}},[a("div",{staticClass:"custom-item"},[a("img",{directives:[{name:"lazy",rawName:"v-lazy",value:e.avatar,expression:"item.avatar"}],staticClass:"avatar"}),t._v(" "),a("span",{staticClass:"name"},[t._v(t._s(e.name))])])])}))}))],1)])])])},staticRenderFns:[]}},function(t,e,a){var i=a(0)(a(304),a(309),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(5),a(305),a(308),a(17),a(39)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l,u,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=o(a),s=o(i),r=o(c),x=o(u);(0,o(n).default)(x.default,r.default,["select","cancel"],!1),e.default={mounted:function(){this.picker=this.$createPicker({title:"Picker",data:[l.data1],onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.mutiPicker=this.$createPicker({title:"Multi-column Picker",data:[l.data1,l.data2,l.data3],onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.setDataPicker=this.$createPicker({title:"Use SetData",onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.aliasPicker=this.$createPicker({title:"Use Alias",data:[[{id:1,name:"A"},{id:2,name:"B"},{id:3,name:"C"}]],alias:{value:"id",text:"name"},onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.normalTimePicker=this.$createNormalTimePicker({selectedIndex:[10,20,59],onSelect:this.selectHandle,onCancel:this.cancelHandle})},methods:{showPicker:function(){this.picker.show()},showMutiPicker:function(){this.mutiPicker.show()},showAliasPicker:function(){this.aliasPicker.show()},showSetDataPicker:function(){this.setDataPicker.setData([l.data1,l.data2,l.data3],[1,2,3]),this.setDataPicker.show()},showNormalTimePicker:function(){this.normalTimePicker.show()},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item:
- value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:v.default,CubeButtonGroup:s.default}},t.exports=e.default})},function(t,e,a){var i=a(0)(a(306),a(307),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e){for(var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",c=[],l=t;l<=e;l++){var u=(a&&l<10?"0"+l:l)+i;c.push({text:u,value:l})}return c}Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"normal-time-picker",props:{selectedIndex:{type:Array,default:function(){return[0,0,0]}}},data:function(){return{timeData:[a(0,23,!0,"点"),a(0,59,!0,"分"),a(0,59,!0,"秒")]}},methods:{show:function(){this.$refs.picker.show()},hide:function(){this.$refs.picker.hide()},select:function(t,e,a){this.$emit("select",t,e,a)},cancel:function(){this.$emit("cancel")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{title:"Choose Time",data:t.timeData,selectedIndex:t.selectedIndex},on:{select:t.select,cancel:t.cancel}})},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=[{text:"剧毒",value:"剧毒"},{text:"蚂蚁",value:"蚂蚁"},{text:"幽鬼",value:"幽鬼"},{text:"主宰",value:"主宰"},{text:"卡尔",value:"卡尔"},{text:"宙斯",value:"宙斯"},{text:"巫医",value:"巫医"},{text:"巫妖",value:"巫妖"},{text:"神谕者",value:"神谕者"},{text:"撼地神牛",value:"神谕者"},{text:"蓝胖子",value:"蓝胖子"},{text:"水晶室女",value:"水晶室女"},{text:"莉娜",value:"莉娜"},{text:"斯拉克",value:"斯拉克"},{text:"斯拉达",value:"斯拉达"}],a=[{text:"输出",value:"输出"},{text:"控制",value:"控制"},{text:"核心",value:"核心"},{text:"爆发",value:"爆发"},{text:"辅助",value:"辅助"},{text:"打野",value:"打野"},{text:"逃生",value:"逃生"},{text:"先手",value:"先手"}],i=[{text:"梅肯",value:"梅肯"},{text:"秘法鞋",value:"秘法鞋"},{text:"假腿",value:"假腿"},{text:"飞鞋",value:"飞鞋"},{text:"辉耀",value:"辉耀"},{text:"金箍棒",value:"金箍棒"}];t.data1=e,t.data2=a,t.data3=i})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showPicker}},[t._v("Picker")]),t._v(" "),a("cube-button",{on:{click:t.showMutiPicker}},[t._v("Multi-column Picker")]),t._v(" "),a("cube-button",{on:{click:t.showAliasPicker}},[t._v("Use Alias")]),t._v(" "),a("cube-button",{on:{click:t.showSetDataPicker}},[t._v("Use SetData")]),t._v(" "),a("cube-button",{on:{click:t.showNormalTimePicker}},[t._v("Normal Time Picker")])],1)],1)])},staticRenderFns:[]}}],[68]); \ No newline at end of file diff --git a/docs/example/js/app.759d044562ca02d64130.js b/docs/example/js/app.759d044562ca02d64130.js new file mode 100644 index 00000000..4cf0a717 --- /dev/null +++ b/docs/example/js/app.759d044562ca02d64130.js @@ -0,0 +1 @@ +webpackJsonp([0],[,function(t,e,a){function i(t){a(241)}var c=a(0)(a(242),a(243),i,null,null);t.exports=c.exports},,,,function(t,e,a){function i(t){a(238)}var c=a(0)(a(239),a(240),i,null,null);t.exports=c.exports},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{isVisible:!1}},methods:{show:function(){this.isVisible=!0},hide:function(){this.isVisible=!1}}},t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(44),a(105)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t,e,i,c){var u=l.default.apply(this,arguments),n=e.name,o=n.replace(/^cube-/i,""),s="$"+(0,a.camelize)("create-"+o);return t.prototype[s]=u.create,u}Object.defineProperty(e,"__esModule",{value:!0}),e.default=c;var l=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,function(t,e,a){function i(t){a(101)}var c=a(0)(a(102),a(103),i,null,null);t.exports=c.exports},,,,,,,,,,,,,function(t,e,a){function i(t){a(189)}var c=a(0)(a(190),a(196),i,null,null);t.exports=c.exports},,,,,,,,,,function(t,e,a){function i(t){a(125)}var c=a(0)(a(126),a(127),i,null,null);t.exports=c.exports},function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";function e(t,e){return new RegExp("(^|\\s)"+e+"(\\s|$)").test(t.className)}function a(t,a){if(!e(t,a)){var i=t.className.split(" ");i.push(a),t.className=i.join(" ")}}function i(t,a){if(e(t,a)){var i=new RegExp("(^|\\s)"+a+"(\\s|$)","g");t.className=t.className.replace(i," ")}}function c(t,e){return t.getAttribute("data-"+e)}function l(t){return{top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth,height:t.offsetHeight}}function u(t){return!1!==n&&("standard"===n?"transitionEnd"===t?"transitionend":t:n+t.charAt(0).toUpperCase()+t.substr(1))}Object.defineProperty(t,"__esModule",{value:!0}),t.hasClass=e,t.addClass=a,t.removeClass=i,t.getData=c,t.getRect=l,t.prefixStyle=u;var n=function(){var t=document.createElement("div").style,e={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var a in e)if(void 0!==t[e[a]])return a;return!1}()})},,,function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.warn=function(t){console.warn("[cube-ui warn]: "+t)}})},function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";function e(t,e,i,c){for(var l=[],u=t.length,n=0,o=0;o0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,l=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,u=l&&l.base64||"";return{name:t,size:e,url:u?"":c(l),base64:u,status:a,progress:i,file:l}}function c(t){return t&&l?l.createObjectURL(t):""}Object.defineProperty(t,"__esModule",{value:!0}),t.processFiles=e,t.processFile=a,t.newFile=i;var l=t.URL=window.URL||window.webkitURL||window.mozURL,u=t.STATUS_READY="ready";t.STATUS_UPLOADING="uploading",t.STATUS_ERROR="error",t.STATUS_SUCCESS="success"})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(7)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default=i.default,t.exports=e.default})},,,function(t,e,a){function i(t){a(88)}var c=a(0)(a(89),a(90),i,null,null);t.exports=c.exports},function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";function e(t){return t=String(t),t.replace(a,function(t,e){return e?e.toUpperCase():""})}Object.defineProperty(t,"__esModule",{value:!0}),t.camelize=e;var a=/-(\w)/g})},,,,,,,function(t,e,a){function i(t){a(154)}var c=a(0)(a(155),a(181),i,null,null);t.exports=c.exports},,,,,,,,,,,,,,function(t,e,a){var i=a(0)(a(182),a(186),null,null,null);t.exports=i.exports},function(t,e,a){function i(t){a(183)}var c=a(0)(a(184),a(185),i,null,null);t.exports=c.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(7),a(38)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t,e){(0,l.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,a){a&&(0,i.warn)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=c;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},function(t,e,a){function i(t){a(212)}var c=a(0)(a(213),a(214),i,null,null);t.exports=c.exports},function(t,e,a){function i(t){a(215)}var c=a(0)(a(216),a(217),i,null,null);t.exports=c.exports},function(t,e,a){function i(t){a(230)}var c=a(0)(a(231),a(232),i,null,null);t.exports=c.exports},function(t,e,a){function i(t){a(296)}var c=a(0)(a(297),a(298),i,"data-v-2295ccaf",null);t.exports=c.exports},function(t,e,a){function i(t){a(305)}var c=a(0)(a(306),a(307),i,"data-v-73578a67",null);t.exports=c.exports},function(t,e,a){var i,c,l;!function(u,n){c=[a(17),a(42),a(77),a(227),a(234),a(339),a(340)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}var o=n(t),s=n(e),v=n(a),r=n(i),x=n(c),y=n(l),p=n(u);y.default.attach(document.body),o.default.use(v.default),o.default.use(s.default),o.default.use(p.default),new o.default({router:x.default,render:function(t){return t(r.default)}}).$mount("#app")})},,,,function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(78)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t){if(!i.installed){i.installed=!0;[a.Style,a.Button,a.TimePicker,a.CascadePicker,a.Dialog,a.Tip,a.Toast,a.CheckboxGroup,a.Radio,a.Slide,a.IndexList,a.ActionSheet,a.Scroll,a.Popup,a.Upload].forEach(function(e){e.install(t)})}}Object.defineProperty(e,"__esModule",{value:!0});var c={version:"1.3.0",install:i,BScroll:a.BScroll,createAPI:a.createAPI};"undefined"!=typeof window&&window.Vue&&window.Vue.use(i),e.default=c,t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[e,a(79),a(82),a(87),a(95),a(100),a(118),a(124),a(133),a(221),a(141),a(150),a(188),a(202),a(207),a(208),a(220),a(40)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l,u,n,o,s,v,r,x,y,p,d,f,h){"use strict";function m(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.createAPI=t.BScroll=t.Upload=t.IndexList=t.Loading=t.SlideItem=t.Slide=t.CheckboxGroup=t.Radio=t.Checkbox=t.ActionSheet=t.Toast=t.Tip=t.Dialog=t.CascadePicker=t.TimePicker=t.Picker=t.Popup=t.Scroll=t.Button=t.Style=void 0;var g=m(e),_=m(a),b=m(i),w=m(c),T=m(l),k=m(u),j=m(n),C=m(o),P=m(s),M=m(v),S=m(r),R=m(x),D=m(y),I=m(p),$=m(d),O=m(f),L=m(h),E=R.default.Picker,U=b.default.Checkbox,A=j.default.Loading,V=M.default.Item;t.Style=g.default,t.Button=_.default,t.Scroll=I.default,t.Popup=T.default,t.Picker=E,t.TimePicker=R.default,t.CascadePicker=D.default,t.Dialog=k.default,t.Tip=C.default,t.Toast=j.default,t.ActionSheet=P.default,t.Checkbox=U,t.Radio=w.default,t.CheckboxGroup=b.default,t.Slide=M.default,t.SlideItem=V,t.Loading=A,t.IndexList=S.default,t.Upload=$.default,t.BScroll=O.default,t.createAPI=L.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(80)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={install:function(){}},t.exports=e.default})},function(t,e){},,function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(83)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},function(t,e,a){function i(t){a(84)}var c=a(0)(a(85),a(86),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-button",props:{icon:{type:String,default:""},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},light:{type:Boolean,default:!1},type:{type:String,default:"button"}},computed:{btnClass:function(){return{"cube-btn_active":this.active,"cube-btn_disabled":this.disabled,"cube-btn-inline":this.inline,"cube-btn-primary":this.primary,"cube-btn-outline":this.outline,"cube-btn-outline-primary":this.outline&&this.primary,"cube-btn-light":this.light}}},methods:{handleClick:function(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.$emit("click",t)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("button",{staticClass:"cube-btn",class:t.btnClass,attrs:{type:t.type},on:{click:t.handleClick}},[t.icon?a("i",{class:t.icon}):t._e(),t._v(" "),t._t("default")],2)},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(43),a(91)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);u.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default)},u.default.Checkbox=l.default,e.default=u.default,t.exports=e.default})},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checkbox",props:{value:{type:[Boolean,String]},label:{type:[Boolean,String]},disabled:{type:Boolean,default:!1},position:{type:String,default:"left"}},data:function(){var t=this.$parent,e=t.$data._checkboxGroup;return{isInGroup:e,isInHorizontalGroup:e&&t.$props.horizontal}},computed:{checkValue:{get:function(){return this.isInGroup?this.$parent.value.indexOf(this.label)>-1:Boolean(this.value)},set:function(t){var e=this.label&&t?this.label:t,a=t?"checked":"cancel-checked";this.$emit("input",e),this.isInGroup&&this.$parent.$emit(a,this.label||t,this)}},_containerClass:function(){if(this.isInHorizontalGroup)return"border-right-1px"},_wrapClass:function(){var t=this.isInHorizontalGroup;return{"cube-checkbox_checked":this.checkValue,"cube-checkbox_disabled":this.disabled,"border-bottom-1px":this.isInGroup&&!t}}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-checkbox",class:t._containerClass,attrs:{"data-pos":t.position}},[a("label",{staticClass:"cube-checkbox-wrap",class:t._wrapClass},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:t.disabled},domProps:{checked:Array.isArray(t.checkValue)?t._i(t.checkValue,null)>-1:t.checkValue},on:{change:function(e){var a=t.checkValue,i=e.target,c=!!i.checked;if(Array.isArray(a)){var l=t._i(a,null);i.checked?l<0&&(t.checkValue=a.concat([null])):l>-1&&(t.checkValue=a.slice(0,l).concat(a.slice(l+1)))}else t.checkValue=c}}}),t._v(" "),t._m(0),t._v(" "),a("span",{staticClass:"cube-checkbox-label"},[t._t("default",[t._v(t._s(t.label))])],2)])])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("span",{staticClass:"cube-checkbox-ui cubeic-round-border"},[a("i",{staticClass:"cubeic-right"})])}]}},function(t,e,a){function i(t){a(92)}var c=a(0)(a(93),a(94),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(43)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-checkbox-group",props:{value:{type:Array},horizontal:{type:Boolean,default:!1},options:{type:Array,default:function(){return[]}}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(t,e){this._value=this.value.concat()}}},mounted:function(){this.$on("checked",function(t){this._value.push(t),this.$emit("input",this._value)}),this.$on("cancel-checked",function(t){var e=this._value.indexOf(t);this._value.splice(e,1),this.$emit("input",this._value)})},components:{CubeCheckbox:i.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"group",staticClass:"cube-checkbox-group",class:t.groupClass,attrs:{"data-horz":t.horizontal}},[t._t("default",t._l(t.options,function(e,i){return a("cube-checkbox",{key:i,attrs:{label:e.value||e,disabled:e.disabled}},[t._v(t._s(e.label||e))])}))],2)},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(96)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},function(t,e,a){function i(t){a(97)}var c=a(0)(a(98),a(99),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-radio",props:{value:String,options:{type:Array,required:!0},position:{type:String,default:"left"},horizontal:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},computed:{_containerClass:function(){if(this.horizontal)return"border-right-1px"},_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},watch:{value:function(t){this.radioValue=t},radioValue:function(t){this.$emit("input",t)}},methods:{_wrapClass:function(t){return{"cube-radio_selected":this.radioValue===(t.value||t),"cube-radio_disabled":t.disabled,"border-bottom-1px":!this.horizontal}}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-radio-group",class:t._groupClass,attrs:{"data-horz":t.horizontal}},t._l(t.options,function(e){return a("div",{staticClass:"cube-radio",class:t._containerClass,attrs:{"data-pos":t.position}},[a("label",{staticClass:"cube-radio-wrap",class:t._wrapClass(e)},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:e.disabled},domProps:{value:e.value||e,checked:t._q(t.radioValue,e.value||e)},on:{change:function(a){t.radioValue=e.value||e}}}),t._v(" "),t._m(0,!0),t._v(" "),a("span",{staticClass:"cube-radio-label"},[t._v(t._s(e.label||e))])])])}))},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("span",{staticClass:"cube-radio-ui cubeic-round-border"},[a("i")])}]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(11),a(104)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);l.default.install=function(t){t.component(l.default.name,l.default),(0,u.default)(t,l.default)},e.default=l.default,t.exports=e.default})},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(6)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-popup",mixins:[i.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0}},computed:{typeClass:function(){return this.type?"cube-"+this.type:""}},methods:{maskClick:function(t){this.$emit("mask-click",t)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-popup",class:t.typeClass},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.mask,expression:"mask"}],staticClass:"cube-popup-mask",on:{click:t.maskClick}},[t._t("mask")],2),t._v(" "),a("div",{staticClass:"cube-popup-container",class:{"cube-popup-center":t.center}},[t.$slots.default?a("div",{staticClass:"cube-popup-content"},[t._t("default")],2):a("div",{staticClass:"cube-popup-content",domProps:{innerHTML:t._s(t.content)}})])])},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(7)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,c.default)(t,e,["mask-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var c=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(106),a(107)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}function l(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],c=void 0,l=void 0,o=[],s={before:function(t){o.push(t)},open:function(a,n,s){if("function"!=typeof n&&(s=n,n=null),o.forEach(function(t){t(a,n,s)}),void 0===s&&(s=i),s&&c)return l.updateRenderData(a,n),l.$forceUpdate(),c;var v=(0,u.default)(t,e,a,n),r=v.$parent,x=v.remove;v.remove=function(){r.__cube__destroyed||(x&&x.call(this),r.destroy(),r.__cube__destroyed=!0,s&&(c=null,l=null))};var y=v.show;v.show=function(){return y&&y.call(this),this};var p=v.hide;return v.hide=function(){return p&&p.call(this),this},s&&(c=v,l=r),v},create:function(t,e,i){var c=this,l=s.open((0,n.default)(t,a),e,i);if(l.__cube__parent!==c){l.__cube__parent=c;var u=function t(){l.__cube__parent===c&&l.remove(),c.$off("hook:beforeDestroy",t),l.__cube__parent=null};c.$on("hook:beforeDestroy",u)}return l}};return s}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var u=c(a),n=c(i);t.exports=e.default})},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e,a,i){var c=void 0,l=void 0,u=new t({render:function(t){var a=l&&l(t);return a&&!Array.isArray(a)&&(a=[a]),t(e,c,a||[])},methods:{init:function(){document.body.appendChild(this.$el)},destroy:function(){this.$destroy(),document.body.removeChild(this.$el)}}});return u.updateRenderData=function(t,e){c=t,l=e},u.updateRenderData(a,i),u.$mount(),u.init(),u.$children[0]}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a,t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(45),a(44)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=l(e);var a=(0,u.default)({},t),i={};for(var c in e)if(e.hasOwnProperty(c)){var n=e[c];a[n]&&(i[c]=a[n],delete a[n])}return{props:a,on:i}}function l(t){var e={};return t.forEach(function(t){e[t]=(0,i.camelize)("on-"+t)}),e}Object.defineProperty(e,"__esModule",{value:!0}),e.default=c;var u=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},,,,,,,,,,,function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(119),a(123)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);l.default.install=function(t){t.component(l.default.name,l.default),(0,u.default)(t,l.default)},e.default=l.default,t.exports=e.default})},function(t,e,a){function i(t){a(120)}var c=a(0)(a(121),a(122),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(45),a(25),a(11),a(6)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(a),o=u(i),s=u(c),v=u(l),r={text:"确定",active:!0,disabled:!1,href:"javascript:;"},x={text:"取消",active:!1,disabled:!1,href:"javascript:;"},y=function(t,e){return"string"==typeof t&&(t={text:t}),(0,o.default)({},e,t)};e.default={name:"cube-dialog",mixins:[v.default],props:{type:{type:String,default:"alert"},icon:{type:String,default:""},title:{type:String,default:""},content:{type:String,default:""},showClose:{type:Boolean,default:!1},confirmBtn:{type:[Object,String],default:function(){return(0,n.default)({},r)}},cancelBtn:{type:[Object,String],default:function(){return(0,n.default)({},x)}}},data:function(){return{defHref:"javascript:;"}},computed:{_confirmBtn:function(){return y(this.confirmBtn,r)},_cancelBtn:function(){return y(this.cancelBtn,x)},isConfirm:function(){return"confirm"===this.type},containerClass:function(){return"cube-dialog-"+this.type}},methods:{confirm:function(t){this._confirmBtn.disabled||(this.hide(),this.$emit("confirm",t))},cancel:function(t){this._cancelBtn.disabled||(this.hide(),this.$emit("cancel",t))},close:function(t){this.hide(),this.$emit("close",t)}},components:{CubePopup:s.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-dialog-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"dialog",mask:!0,center:!0}},[a("div",{staticClass:"cube-dialog-main"},[a("span",{directives:[{name:"show",rawName:"v-show",value:t.showClose,expression:"showClose"}],staticClass:"cube-dialog-close",on:{click:t.close}},[a("i",{staticClass:"cubeic-close"})]),t._v(" "),a("div",{class:t.containerClass},[t.icon?a("p",{staticClass:"cube-dialog-icon"},[a("i",{class:t.icon})]):t._e(),t._v(" "),t.title||t.$slots.title?a("h2",{staticClass:"cube-dialog-title"},[t._t("title",[a("p",{staticClass:"cube-dialog-title-def"},[t._v(t._s(t.title))])])],2):t._e(),t._v(" "),a("div",{staticClass:"cube-dialog-content"},[t._t("content",[a("div",{staticClass:"cube-dialog-content-def"},[a("p",{domProps:{innerHTML:t._s(t.content)}})])])],2),t._v(" "),a("div",{staticClass:"cube-dialog-btns",class:{"border-right-1px":t.isConfirm}},[t._t("btns",[t.isConfirm?a("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._cancelBtn.active,"cube-dialog-btn_disabled":t._cancelBtn.disabled},attrs:{href:t._cancelBtn.href},on:{click:t.cancel}},[t._v(t._s(t._cancelBtn.text))]):t._e(),t._v(" "),a("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._confirmBtn.active,"cube-dialog-btn_disabled":t._confirmBtn.disabled},attrs:{href:t._confirmBtn.href},on:{click:t.confirm}},[t._v(t._s(t._confirmBtn.text))])])],2)])])])],1)},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(7)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,c.default)(t,e,["confirm","cancel","close","btn-click","link-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var c=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(34),a(128),a(132)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),n=l(i),o=l(c);n.default.install=function(t){t.component(u.default.name,u.default),t.component(n.default.name,n.default),(0,o.default)(t,n.default)},n.default.Loading=u.default,e.default=n.default,t.exports=e.default})},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-loading",data:function(){return{balde:12}},props:{size:{type:Number}},computed:{style:function(){if(this.size){var t=this.size+"px";return{width:t,height:t}}}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-loading"},[a("span",{staticClass:"cube-loading-spinners",style:t.style},t._l(t.balde,function(t){return a("i",{staticClass:"cube-loading-spinner"})}))])},staticRenderFns:[]}},function(t,e,a){function i(t){a(129)}var c=a(0)(a(130),a(131),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(34),a(11),a(6)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),n=l(i),o=l(c);e.default={name:"cube-toast",mixins:[o.default],props:{type:{type:String,default:"loading"},mask:{type:Boolean,default:!1},txt:{type:String,default:""},time:{type:Number,default:3e3}},computed:{iconClass:function(){var t={},e={correct:"cubeic-right",error:"cubeic-wrong",warn:"cubeic-warn"},a=e[this.type];return a&&(t[a]=!0),t},isLoading:function(){return"loading"===this.type}},methods:{show:function(){var t=this;this.isVisible=!0,this.clearTimer(),this.$nextTick(function(){0!==t.time&&(t.timer=setTimeout(function(){t.hide()},t.time))})},hide:function(){this.isVisible=!1,this.clearTimer()},clearTimer:function(){clearTimeout(this.timer),this.timer=null}},components:{CubePopup:n.default,CubeLoading:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-toast-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"toast",mask:t.mask}},[a("i",{directives:[{name:"show",rawName:"v-show",value:!t.isLoading,expression:"!isLoading"}],staticClass:"cube-toast-icon",class:t.iconClass}),t._v(" "),a("cube-loading",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}]}),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.txt,expression:"txt"}],staticClass:"cube-toast-tip"},[t._v(t._s(t.txt))])],1)],1)},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(7)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,c.default)(t,e,[],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var c=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(134)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},function(t,e,a){function i(t){a(135)}var c=a(0)(a(136),a(140),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(50),a(6)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={name:"cube-tip",mixins:[u.default],props:{direction:{type:String,default:"top"},offsetLeft:{type:[String,Number],default:0},offsetRight:{type:[String,Number],default:0},offsetTop:{type:[String,Number],default:0},offsetBottom:{type:[String,Number],default:0}},mounted:function(){var t=this;this.$nextTick(function(){var e=t.$refs.angle.style,a={left:"right",right:"left",top:"bottom",bottom:"top"};[{name:"offsetLeft",target:"left",percentFix:{marginLeft:"-6px"}},{name:"offsetRight",target:"right",percentFix:{marginRight:"-6px"}},{name:"offsetTop",target:"top",percentFix:{marginTop:"-6px"}},{name:"offsetBottom",target:"bottom",percentFix:{marginBottom:"-6px"}}].forEach(function(i){var c=t[i.name];if(0!==c){var u="number"==typeof c;e[i.target]=c+(u?"px":""),i.percentFix&&!u&&(0,l.default)(i.percentFix).forEach(function(t){e[t]=i.percentFix[t]}),e[a[i.target]]="auto"}})})},methods:{handleClick:function(){this.hide(),this.$emit("click")},close:function(){this.hide(),this.$emit("close")}}},t.exports=e.default})},,,,function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-tip-zoom"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-tip",attrs:{"data-dir":t.direction},on:{click:t.handleClick}},[a("i",{ref:"angle",staticClass:"cube-tip-angle"}),t._v(" "),a("button",{staticClass:"cube-tip-close cubeic-close",on:{click:function(e){e.stopPropagation(),t.close(e)}}}),t._v(" "),a("div",{staticClass:"cube-tip-content"},[t._t("default")],2)])])},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(142),a(146)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default)},l.default.Item=u.default,e.default=l.default,t.exports=e.default})},function(t,e,a){function i(t){a(143)}var c=a(0)(a(144),a(145),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(23)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-slide",props:{data:{type:Array,default:function(){return[]}},initialIndex:{type:Number,default:0},loop:{type:Boolean,default:!0},autoPlay:{type:Boolean,default:!0},interval:{type:Number,default:4e3},threshold:{type:Number,default:.3},speed:{type:Number,default:400},allowVertical:{type:Boolean,default:!1}},data:function(){return{dots:0,currentPageIndex:this.initialIndex||0}},created:function(){var t=this;["data","loop","autoPlay","threshold","speed","allowVertical"].forEach(function(e){t.$watch(e,function(){t.refresh()})})},watch:{initialIndex:function(t){t!==this.currentPageIndex&&this.slide&&this.slide.goToPage(t)}},methods:{clickItem:function(t,e){this.$emit("click",t,e)},refresh:function(){var t=this;this.slide&&this.slide.destroy(),clearTimeout(this._timer),this.$nextTick(function(){null!==t.slide&&(void 0!==t.slide&&(t.currentPageIndex=0),t.dots=0,t._setSlideWidth(),t._initDots(),t._initSlide(),t.autoPlay&&t._play())})},_refresh:function(){this._setSlideWidth(!0),this.slide.refresh()},_setSlideWidth:function(t){this.children=this.$refs.slideGroup.children;for(var e=0,a=this.$refs.slide.clientWidth,i=0;i-this.titleHeight?"":this.data[this.currentIndex]?this.data[this.currentIndex].name:""},shortcutList:function(){return this.data.map(function(t){return t?t.shortcut||t.name.substr(0,1):""})}},methods:{refresh:function(){this.$refs.indexList.refresh()},selectItem:function(t){this.$emit("select",t)},scroll:function(t){this.scrollY=t.y},titleClick:function(){this.$emit("title-click",this.title)},onShortcutTouchStart:function(t){var e=(0,a.getData)(t.target,"index"),i=t.touches[0];this.touch.y1=i.pageY,this.touch.anchorIndex=e,this._scrollTo(e)},onShortcutTouchMove:function(t){var e=t.touches[0];this.touch.y2=e.pageY;var a=(this.touch.y2-this.touch.y1)/o|0,i=parseInt(this.touch.anchorIndex)+a;this._scrollTo(i)},_calculateHeight:function(){this.groupList=this.$el.getElementsByClassName("cube-index-list-group");var t=this.$el.getElementsByClassName("cube-index-list-anchor")[0];if(this.subTitleHeight=t?(0,a.getRect)(t).height:0,this.listHeight=[],this.groupList){var e=this.titleHeight;this.listHeight.push(e);for(var i=0;ithis.listHeight.length-2&&(t=this.listHeight.length-2),this.$refs.indexList.scrollToElement(this.groupList[t],this.speed),this.scrollY=this.$refs.indexList.scroll.y}},watch:{data:function(){var t=this;this.$nextTick(function(){t._calculateHeight()})},title:function(t){var e=this;this.$nextTick(function(){e.titleHeight=t&&e.$refs.title?(0,a.getRect)(e.$refs.title).height:0,e._calculateHeight()})},diff:function(t){var e=t>0&&t-this.titleHeight)return void(this.currentIndex=0);for(var a=0;a=i&&-t1?t:"0"+t}function n(t,e){return Math.ceil(t/e)*e}Object.defineProperty(e,"__esModule",{value:!0});var o=l(i),s=l(c);e.default={name:"cube-time-picker",mixins:[o.default],props:{title:{type:String,default:"选择时间"},delay:{type:Number,default:15},day:{type:Object,default:function(){return{len:3,filter:["今日"],format:"M月d日"}}},showNow:{type:Boolean,default:!0},minuteStep:{type:Number,default:10}},data:function(){return{selectedDayIndex:0,selectedHourIndex:0,selectedMinuteIndex:0,days:[],hours:[],minutes:[],minTime:0}},computed:{data:function(){return[this.days,this.hours,this.minutes]},selectedIndex:function(){return[this.selectedDayIndex,this.selectedHourIndex,this.selectedMinuteIndex]}},created:function(){this.selectedTimeStamp=null},methods:{show:function(){var t=this;this.$refs.picker.show(),this._updateMinTime(),this._initDays(),this.today=this.days[0].value,this.$nextTick(function(){t.selectedDayIndex=t.$refs.picker.refillColumn(0,t.days),t._handleHourAndMinute(!0),t._resetTime()})},hide:function(){this.$refs.picker.hide()},setTime:function(t){this.selectedTimeStamp=parseInt(t)},_resetTime:function(){var t=this;if(this.selectedTimeStamp){var e=new Date,i=e.getTime(),c=!1;this.selectedTimeStamp60-this.minuteStep&&24===(e+=1)&&(c=!0)),this.days[this.selectedDayIndex].value1&&void 0!==arguments[1]?arguments[1]:[];this.cascadeData=t,this.pickerSelectedIndex=e,this.updatePickerData()},_pickerSelect:function(t,e,a){this.$emit("select",t,e,a)},_pickerCancel:function(){this.$emit("cancel")},_pickerChange:function(t,e){e!==this.pickerSelectedIndex[t]&&(this.pickerSelectedIndex.splice(t,1,e),this.updatePickerData(t+1)),this.$emit("change",t,e)},updatePickerData:function(){for(var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,a=this.cascadeData,i=0;a;)i>=e&&function(){var c=[];a.forEach(function(e){c.push({value:e[t.valueKey],text:e[t.textKey]})}),t.pickerData[i]=c,t.pickerSelectedIndex[i]=0===e?t.pickerSelectedIndex[i]=.01||e===a.STATUS_SUCCESS||e===a.STATUS_ERROR)return"cube-upload-file_stat"},fileStyle:function(){var t=this.file.url||this.file.base64;if(t)return{"background-image":'url("'+t+'")'}},statusCls:function(){var t=this.file.status;return i[t]},fileProgress:function(){return this.statusCls?"100%":Math.min(Math.floor(100*this.file.progress),99)+"%"}},methods:{clickHandler:function(){this.$emit("click",this.file)},removeFile:function(){this.$parent.removeFile(this.file)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-upload-file",on:{click:t.clickHandler}},[t._t("default",[a("div",{staticClass:"cube-upload-file-def",style:t.fileStyle},[a("i",{staticClass:"cubeic-wrong",on:{click:function(e){e.stopPropagation(),t.removeFile(e)}}}),t._v(" "),a("div",{staticClass:"cube-upload-file-state",class:t.fileStatusCls},[a("i",{staticClass:"cube-upload-file-status",class:t.statusCls}),t._v(" "),a("span",{staticClass:"cube-upload-file-progress"},[t._v(t._s(t.fileProgress))])])])])],2)},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(50),a(39)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t,e,a){function c(e){clearTimeout(_),_=0,t.progress=1,t.status=e,a&&a(t)}var u=e.target,n=e.headers,o=void 0===n?{}:n,s=e.data,v=void 0===s?{}:s,r=e.fileName,x=void 0===r?"file":r,y=e.withCredentials,p=e.timeout,d=e.prop,f=void 0===d?"file":d,h=e.progressInterval,m=void 0===h?100:h;t.progress=0,t.status=i.STATUS_UPLOADING;var g=new window.XMLHttpRequest;t._xhr=g;var _=0;if(g.upload){var b=Date.now();g.upload.onprogress=function(e){function a(){t.progress=e.loaded/e.total,b=Date.now()}if(e.total>0)if(_){clearTimeout(_);var i=Date.now(),c=i-b;c>=m?a():_=setTimeout(a,c)}else a(),_=1}}var w=new window.FormData;w.append(x,t[f]),(0,l.default)(v).forEach(function(t){w.append(t,v[t])}),g.onload=function(){if(g.status<200||g.status>=300)return void c(i.STATUS_ERROR);var e=g.responseText||g.response;try{e=JSON.parse(e)}catch(t){}t.response=e,t.responseHeaders=g.getAllResponseHeaders(),c(i.STATUS_SUCCESS)},g.onerror=function(){c(i.STATUS_ERROR)},g.ontimeout=function(){c(i.STATUS_ERROR)},g.open("POST",u,!0),y&&(g.withCredentials=!0),(0,l.default)(o).forEach(function(t){g.setRequestHeader(t,o[t])}),p>0&&(g.timeout=p),g.send(w)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=c;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-upload"},[t._t("default",[a("div",{staticClass:"cube-upload-def clear-fix"},[t._l(t.files,function(e,i){return a("upload-file",{key:i,attrs:{file:e},on:{click:t.fileClick}})}),t._v(" "),a("upload-btn")],2)])],2)},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(23)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default=i.default,t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(222),a(226)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);l.default.install=function(t){t.component(l.default.name,l.default),(0,u.default)(t,l.default)},e.default=l.default,t.exports=e.default})},function(t,e,a){function i(t){a(223)}var c=a(0)(a(224),a(225),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(11),a(6)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={name:"cube-action-sheet",mixins:[u.default],props:{data:{type:Array,default:function(){return[]}},active:{type:Number,default:-1},title:{type:String,default:" "},pickerStyle:{type:Boolean,default:!1}},methods:{noop:function(){},cancel:function(){this.hide(),this.$emit("cancel")},itemClick:function(t,e){this.hide(),this.$emit("select",t,e)}},components:{CubePopup:l.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-action-sheet-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],class:{"cube-action-sheet_picker":t.pickerStyle},attrs:{type:"action-sheet",center:!1,mask:!0},on:{touchmove:function(e){e.preventDefault(),t.noop(e)},click:t.cancel}},[a("transition",{attrs:{name:"cube-action-sheet-move"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-action-sheet-panel cube-safe-area-pb",on:{click:function(e){e.stopPropagation(),t.noop(e)}}},[a("h1",{directives:[{name:"show",rawName:"v-show",value:t.pickerStyle||t.title,expression:"pickerStyle || title"}],staticClass:"cube-action-sheet-title border-bottom-1px"},[t._v(t._s(t.title))]),t._v(" "),a("div",{staticClass:"cube-action-sheet-content"},[a("ul",{staticClass:"cube-action-sheet-list"},t._l(t.data,function(e,i){return a("li",{staticClass:"cube-action-sheet-item border-bottom-1px",class:[e.class||"",i===t.active?"cube-action-sheet-item_active":""],attrs:{"data-align":e.align},domProps:{innerHTML:t._s(e.content)},on:{click:function(a){t.itemClick(e,i)}}})}))]),t._v(" "),a("div",{staticClass:"cube-action-sheet-space"}),t._v(" "),a("div",{staticClass:"cube-action-sheet-cancel",on:{click:t.cancel}},[a("span",[t._v("取消")])])])])],1)],1)},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(7)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,c.default)(t,e,["select","cancel"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var c=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},function(t,e,a){function i(t){a(228)}var c=a(0)(a(229),a(233),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(70)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{components:[{path:"/button",text:"Button"},{path:"/checkbox",text:"Checkbox"},{path:"/checkbox-group",text:"CheckboxGroup"},{path:"/radio",text:"Radio"},{path:"/loading",text:"Loading"},{path:"/tip",text:"Tip"},{path:"/popup",text:"Popup"},{path:"/toast",text:"Toast"},{path:"/picker",text:"Picker"},{path:"/cascade-picker",text:"CascadePicker"},{path:"/time-picker",text:"TimePicker"},{path:"/dialog",text:"Dialog"},{path:"/action-sheet",text:"ActionSheet"},{path:"/scroll",text:"Scroll"},{path:"/slide",text:"Slide"},{path:"/index-list",text:"IndexList"},{path:"/upload",text:"Upload"}]}},components:{CubeView:i.default}},t.exports=e.default})},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"page-move"}},[a("router-view",{staticClass:"cube-view"})],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{attrs:{id:"app"}},[t._m(0),t._v(" "),a("section",{ref:"mfct",staticClass:"cube-content"},[a("ul",{staticClass:"cube-list"},t._l(t.components,function(e){return a("li",{staticClass:"cube-item border-bottom-1px"},[a("router-link",{staticClass:"link",attrs:{to:e.path}},[t._v(t._s(e.text)),a("i",{staticClass:"cubeic-arrow"})])],1)}))]),t._v(" "),a("cube-view")],1)},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("header",{staticClass:"cube-bar"},[a("h1",[t._v("cube-ui")])])}]}},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(42),a(235)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),n=new l.default({routes:u.default});e.default=n,t.exports=e.default})},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(236),a(245),a(249),a(253),a(257),a(260),a(264),a(272),a(332),a(275),a(283),a(286),a(290),a(293),a(309),a(313),a(317),a(322),a(327)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l,u,n,o,s,v,r,x,y,p,d,f,h,m,g,_){"use strict";function b(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var w=b(a),T=b(i),k=b(c),j=b(l),C=b(u),P=b(n),M=b(o),S=b(s),R=b(v),D=b(r),I=b(x),$=b(y),O=b(p),L=b(d),E=b(f),U=b(h),A=b(m),V=b(g),N=b(_),H=[{path:"/button",component:w.default},{path:"/checkbox",component:T.default},{path:"/checkbox-group",component:k.default},{path:"/radio",component:j.default},{path:"/loading",component:C.default},{path:"/tip",component:P.default},{path:"/popup",component:M.default},{path:"/toast",component:S.default},{path:"/picker",component:R.default},{path:"/cascade-picker",component:D.default},{path:"/time-picker",component:I.default},{path:"/dialog",component:$.default},{path:"/action-sheet",component:O.default},{path:"/scroll",component:L.default},{path:"/slide",component:E.default},{path:"/index-list",component:U.default,children:[{path:"default",component:A.default},{path:"custom",component:V.default}]},{path:"/upload",component:N.default}];e.default=H,t.exports=e.default})},function(t,e,a){var i=a(0)(a(237),a(244),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(5),a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={data:function(){return{buttonStyle:["inline","outline","primary"]}},computed:{inlineStyle:function(){return this.buttonStyle.indexOf("inline")>=0},outlineStyle:function(){return this.buttonStyle.indexOf("outline")>=0},primaryStyle:function(){return this.buttonStyle.indexOf("primary")>=0}},components:{CubeButtonGroup:l.default,CubePage:u.default}},t.exports=e.default})},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{direction:{type:String,default:"column"}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"cube-btn-group",class:t.direction},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String,default:"",required:!0},type:{type:String,default:""},desc:{type:String,default:""},content:{type:String,default:""}},methods:{back:function(){this.$router.back()}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-page",class:t.type},[a("header",{staticClass:"header"},[a("h1",[t._v(t._s(t.title))]),t._v(" "),a("i",{staticClass:"cubeic-back",on:{click:t.back}})]),t._v(" "),a("div",{staticClass:"wrapper"},[a("section",{directives:[{name:"show",rawName:"v-show",value:t.desc,expression:"desc"}],staticClass:"desc"},[t._t("desc",[t._v(t._s(t.desc))])],2),t._v(" "),a("main",{staticClass:"content"},[t._t("content",[t._v(t._s(t.content))])],2)])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"button-view",title:"Button"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("form",{attrs:{action:"/"}},[a("cube-button-group",[a("cube-button",[t._v("Button")]),t._v(" "),a("cube-button",{attrs:{type:"submit"}},[t._v("Submit Button")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{active:!0}},[t._v("Active Button")]),t._v(" "),a("cube-button",{attrs:{disabled:!0}},[t._v("Disabled Button")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{icon:"cubeic-right"}},[t._v("Button With Icon")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{light:!0}},[t._v("Light Button")]),t._v(" "),a("cube-button",{attrs:{inline:!0}},[t._v("Inline Button")]),t._v(" "),a("cube-button",{attrs:{outline:!0}},[t._v("Outline Button")]),t._v(" "),a("cube-button",{attrs:{primary:!0}},[t._v("Primary Button")])],1),t._v(" "),a("div",[a("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.buttonStyle,callback:function(e){t.buttonStyle=e},expression:"buttonStyle"}},[a("cube-checkbox",{attrs:{label:"inline"}},[t._v("Inline")]),t._v(" "),a("cube-checkbox",{attrs:{label:"outline"}},[t._v("Outline")]),t._v(" "),a("cube-checkbox",{attrs:{label:"primary"}},[t._v("Primary")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{inline:t.inlineStyle,outline:t.outlineStyle,primary:t.primaryStyle}},[t._v("Demo Button")])],1)],1)],1)])])},staticRenderFns:[]}},function(t,e,a){function i(t){a(246)}var c=a(0)(a(247),a(248),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checked:!0,checked2:!1}},components:{CubePage:i.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"checkbox-view",title:"Checkbox"}},[a("template",{slot:"content"},[a("cube-checkbox",{model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Checkbox")]),t._v(" "),a("p",[t._v("checked value: "+t._s(t.checked))]),t._v(" "),a("cube-checkbox",{attrs:{disabled:!0},model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Disabled Checkbox")]),t._v(" "),a("cube-checkbox",{attrs:{position:"right"},model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Position Checkbox")]),t._v(" "),a("cube-checkbox",{attrs:{label:"labelValue"},model:{value:t.checked2,callback:function(e){t.checked2=e},expression:"checked2"}},[t._v("Set label Checkbox")]),t._v(" "),a("p",[t._v("checked value (with label) : "+t._s(t.checked2))])],1)],2)},staticRenderFns:[]}},function(t,e,a){function i(t){a(250)}var c=a(0)(a(251),a(252),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checkList:["1","4"],options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3",disabled:!0},{label:"Option4",value:"4",disabled:!0}]}},components:{CubePage:i.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"checkbox-group-view",title:"CheckboxGroup"}},[a("template",{slot:"content"},[a("cube-checkbox-group",{model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[a("cube-checkbox",{attrs:{label:"1"}},[t._v("Checkbox 1")]),t._v(" "),a("cube-checkbox",{attrs:{label:"2"}},[t._v("Checkbox 2")]),t._v(" "),a("cube-checkbox",{attrs:{label:"3",disabled:!0}},[t._v("Disabled Checkbox")]),t._v(" "),a("cube-checkbox",{attrs:{label:"4",disabled:!0}},[t._v("Disabled & Checked Checkbox")])],1),t._v(" "),a("p",[t._v("checkList value : "+t._s(t.checkList))]),t._v(" "),a("br"),t._v(" "),a("cube-checkbox-group",{attrs:{options:t.options},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}}),t._v(" "),a("br"),t._v(" "),a("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[a("cube-checkbox",{attrs:{label:"1"}},[t._v("1")]),t._v(" "),a("cube-checkbox",{attrs:{label:"2"}},[t._v("2")]),t._v(" "),a("cube-checkbox",{attrs:{label:"3",disabled:!0}},[t._v("3")]),t._v(" "),a("cube-checkbox",{attrs:{label:"4",disabled:!0}},[t._v("4")])],1)],1)],2)},staticRenderFns:[]}},function(t,e,a){function i(t){a(254)}var c=a(0)(a(255),a(256),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selected:"",options:["Option1","Option2"],selected2:"3",options2:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3",disabled:!0}],selected3:"3",options3:[{label:"1",value:"1"},{label:"2",value:"2"},{label:"3",value:"3",disabled:!0}]}},components:{CubePage:i.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"radio-view",title:"Radio"}},[a("template",{slot:"content"},[a("cube-radio",{attrs:{options:t.options},model:{value:t.selected,callback:function(e){t.selected=e},expression:"selected"}}),t._v(" "),a("p",[t._v("selected value: "+t._s(t.selected))]),t._v(" "),a("cube-radio",{attrs:{options:t.options2,position:"right"},model:{value:t.selected2,callback:function(e){t.selected2=e},expression:"selected2"}}),t._v(" "),a("p",[t._v("selected value: "+t._s(t.selected2))]),t._v(" "),a("cube-radio",{attrs:{options:t.options3,horizontal:!0},model:{value:t.selected3,callback:function(e){t.selected3=e},expression:"selected3"}}),t._v(" "),a("p",[t._v("selected value: "+t._s(t.selected3))])],1)],2)},staticRenderFns:[]}},function(t,e,a){var i=a(0)(a(258),a(259),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={components:{CubePage:i.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"loading-view",title:"Loading"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-loading"),t._v(" "),a("cube-loading",{attrs:{size:28}}),t._v(" "),a("cube-loading",{attrs:{size:40}})],1)])},staticRenderFns:[]}},function(t,e,a){function i(t){a(261)}var c=a(0)(a(262),a(263),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(5),a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={data:function(){return{direction:"",tipStyle:""}},methods:{showTip:function(t){switch(this.direction=t,this.$refs.tip2.show(),t){case"bottom":this.tipStyle="left: 96px; top: -50px;";break;case"top":this.tipStyle="left: 96px; top: 40px;";break;case"right":this.tipStyle="left: -2px; top: -5px;";break;case"left":this.tipStyle="left: 190px; top: -5px;"}},close:function(){console.log("click close button")},clickHandler:function(){console.log("click tip area")}},components:{CubeButtonGroup:l.default,CubePage:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tip-view",title:"Tip"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("p",{staticClass:"tip-eg"},[a("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.$refs.tip.show()}}},[t._v("Show tip")]),t._v(" "),a("cube-tip",{ref:"tip",staticStyle:{left:"115px",top:"-50px"},attrs:{direction:"bottom"}},[t._v("Tip")])],1),t._v(" "),a("p",{staticClass:"tip-eg"},[a("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.showTip("bottom")}}},[t._v("cube-ui")]),t._v(" "),a("cube-tip",{ref:"tip2",style:t.tipStyle,attrs:{direction:t.direction},on:{close:t.close,click:t.clickHandler}},[a("div",[t._v("Awesome!")])])],1),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("bottom")}}},[t._v("top")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("top")}}},[t._v("bottom")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("right")}}},[t._v("left")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("left")}}},[t._v("right")])],1)])},staticRenderFns:[]}},function(t,e,a){function i(t){a(265)}var c=a(0)(a(266),a(271),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(5),a(1),a(267)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),n=l(i),o=l(c);e.default={data:function(){return{type:"popup-dialog",mask:!0}},methods:{showPopup:function(t){var e=this.$refs[t];e.show(),setTimeout(function(){e.hide()},1e3)}},components:{CubeButtonGroup:u.default,CubePage:n.default,CubeExtendPopup:o.default}},t.exports=e.default})},function(t,e,a){function i(t){a(268)}var c=a(0)(a(269),a(270),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-extend-popup",props:{content:{type:String}},methods:{show:function(){this.$refs.popup.show()},hide:function(){this.$refs.popup.hide(),this.$emit("hide")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-popup",{ref:"popup",attrs:{type:"extend-popup"}},[a("div",{staticClass:"cube-extend-popup-content",on:{click:t.hide}},[t._t("default",[t._v(t._s(t.content))])],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"popup-view",title:"popup"}},[a("template",{slot:"content"},[a("div",[a("cube-popup",{ref:"myPopup",attrs:{type:"my-popup"}},[t._v("My Popup Content 1")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup("myPopup")}}},[t._v("Show Popup")])],1),t._v(" "),a("div",[a("cube-popup",{ref:"myPopup2",attrs:{type:"my-popup",mask:!1}},[t._v("My Popup Content 2")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup("myPopup2")}}},[t._v("Show Popup - no mask")])],1),t._v(" "),a("div",[a("cube-popup",{ref:"myPopup3",attrs:{type:"my-popup",mask:!1,content:"My Popup Content 3"}}),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup("myPopup3")}}},[t._v("Show Popup - with content")])],1),t._v(" "),a("div",[a("cube-popup",{ref:"myPopup4",attrs:{type:"my-popup",center:!1}},[t._v("My Popup Content 4")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup("myPopup4")}}},[t._v("Show Popup - bottom")])],1),t._v(" "),a("div",[a("cube-extend-popup",{ref:"extendPopup",attrs:{content:"click here hide"}}),t._v(" "),a("cube-button",{on:{click:function(e){t.$refs.extendPopup.show()}}},[t._v("Show Extend Popup")])],1)])],2)},staticRenderFns:[]}},function(t,e,a){var i=a(0)(a(273),a(274),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(5),a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={methods:{showToastTime:function(){this.toast=this.$createToast({time:1e3,txt:"Toast time 1s"}),this.toast.show()},showToastTime0:function(){var t=this;this.toast=this.$createToast({time:0,txt:"Toast time 0"}),this.toast.show(),setTimeout(function(){t.toast.hide()},2e3)},showToastMask:function(){this.toast=this.$createToast({txt:"Loading...",mask:!0}),this.toast.show()},showToastType:function(){this.toast=this.$createToast({txt:"Correct",type:"correct"}),this.toast.show()}},components:{CubeButtonGroup:l.default,CubePage:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"toast-view",title:"Toast"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showToastTime}},[t._v("Toast - time 1s")]),t._v(" "),a("cube-button",{on:{click:t.showToastTime0}},[t._v("Toast - time 0")]),t._v(" "),a("cube-button",{on:{click:t.showToastMask}},[t._v("Toast- with mask")]),t._v(" "),a("cube-button",{on:{click:t.showToastType}},[t._v("Toast - type")])],1)],1)])},staticRenderFns:[]}},function(t,e,a){var i=a(0)(a(276),a(282),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(5),a(279),a(17),a(40),a(277),a(278)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l,u,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=s(a),r=s(i),x=s(c),y=s(l);(0,s(u).default)(y.default,x.default,["select","cancel"],!1);var p=n.provinceList;p.forEach(function(t){t.children=n.cityList[t.value],t.children.forEach(function(t){t.children=n.areaList[t.value]})}),e.default={mounted:function(){this.cascadePicker=this.$createCascadePicker({title:"Cascade Picker",data:o.cascadeData,selectedIndex:[0,1,0],cancelTxt:"Cancel",confirmTxt:"Confirm",onSelect:this.selectHandle,onCancel:this.cancelHandle,onChange:function(){console.log("change")}}),this.cityPicker=this.$createCascadePicker({title:"City Picker",data:p,onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.datePicker=this.$createDatePicker({min:[2008,8,8],max:[2020,10,20],onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.setDataPicker=this.$createCascadePicker({title:"Set Data",onSelect:this.selectHandle,onCancel:this.cancelHandle})},methods:{showCascadePicker:function(){this.cascadePicker.show()},showCityPicker:function(){this.cityPicker.show()},showDatePicker:function(){this.datePicker.show()},showSetDataPicker:function(){var t=this;this.setDataPicker.setData(o.cascadeData),this.setDataPicker.show(),setTimeout(function(){t.setDataPicker.setData(p,[1,1,0])},1e3)},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item:
- value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:v.default,CubeButtonGroup:r.default}},t.exports=e.default})},function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.provinceList=[{text:"北京市",value:"110000"},{text:"天津市",value:"120000"},{text:"河北省",value:"130000"},{text:"山西省",value:"140000"},{text:"内蒙古自治区",value:"150000"},{text:"辽宁省",value:"210000"},{text:"吉林省",value:"220000"},{text:"黑龙江省",value:"230000"},{text:"上海市",value:"310000"},{text:"江苏省",value:"320000"},{text:"浙江省",value:"330000"},{text:"安徽省",value:"340000"},{text:"福建省",value:"350000"},{text:"江西省",value:"360000"},{text:"山东省",value:"370000"},{text:"河南省",value:"410000"},{text:"湖北省",value:"420000"},{text:"湖南省",value:"430000"},{text:"广东省",value:"440000"},{text:"广西壮族自治区",value:"450000"},{text:"海南省",value:"460000"},{text:"重庆市",value:"500000"},{text:"四川省",value:"510000"},{text:"贵州省",value:"520000"},{text:"云南省",value:"530000"},{text:"西藏自治区",value:"540000"},{text:"陕西省",value:"610000"},{text:"甘肃省",value:"620000"},{text:"青海省",value:"630000"},{text:"宁夏回族自治区",value:"640000"},{text:"新疆维吾尔自治区",value:"650000"}],t.cityList={110000:[{province:"北京市",text:"北京市",value:"110100"}],120000:[{province:"天津市",text:"天津市",value:"120100"}],130000:[{province:"河北省",text:"石家庄市",value:"130100"},{province:"河北省",text:"唐山市",value:"130200"},{province:"河北省",text:"秦皇岛市",value:"130300"},{province:"河北省",text:"邯郸市",value:"130400"},{province:"河北省",text:"邢台市",value:"130500"},{province:"河北省",text:"保定市",value:"130600"},{province:"河北省",text:"张家口市",value:"130700"},{province:"河北省",text:"承德市",value:"130800"},{province:"河北省",text:"沧州市",value:"130900"},{province:"河北省",text:"廊坊市",value:"131000"},{province:"河北省",text:"衡水市",value:"131100"},{province:"河北省",text:"省直辖县级行政区划",value:"139000"}],140000:[{province:"山西省",text:"太原市",value:"140100"},{province:"山西省",text:"大同市",value:"140200"},{province:"山西省",text:"阳泉市",value:"140300"},{province:"山西省",text:"长治市",value:"140400"},{province:"山西省",text:"晋城市",value:"140500"},{province:"山西省",text:"朔州市",value:"140600"},{province:"山西省",text:"晋中市",value:"140700"},{province:"山西省",text:"运城市",value:"140800"},{province:"山西省",text:"忻州市",value:"140900"},{province:"山西省",text:"临汾市",value:"141000"},{province:"山西省",text:"吕梁市",value:"141100"}],150000:[{province:"内蒙古自治区",text:"呼和浩特市",value:"150100"},{province:"内蒙古自治区",text:"包头市",value:"150200"},{province:"内蒙古自治区",text:"乌海市",value:"150300"},{province:"内蒙古自治区",text:"赤峰市",value:"150400"},{province:"内蒙古自治区",text:"通辽市",value:"150500"},{province:"内蒙古自治区",text:"鄂尔多斯市",value:"150600"},{province:"内蒙古自治区",text:"呼伦贝尔市",value:"150700"},{province:"内蒙古自治区",text:"巴彦淖尔市",value:"150800"},{province:"内蒙古自治区",text:"乌兰察布市",value:"150900"},{province:"内蒙古自治区",text:"兴安盟",value:"152200"},{province:"内蒙古自治区",text:"锡林郭勒盟",value:"152500"},{province:"内蒙古自治区",text:"阿拉善盟",value:"152900"}],210000:[{province:"辽宁省",text:"沈阳市",value:"210100"},{province:"辽宁省",text:"大连市",value:"210200"},{province:"辽宁省",text:"鞍山市",value:"210300"},{province:"辽宁省",text:"抚顺市",value:"210400"},{province:"辽宁省",text:"本溪市",value:"210500"},{province:"辽宁省",text:"丹东市",value:"210600"},{province:"辽宁省",text:"锦州市",value:"210700"},{province:"辽宁省",text:"营口市",value:"210800"},{province:"辽宁省",text:"阜新市",value:"210900"},{province:"辽宁省",text:"辽阳市",value:"211000"},{province:"辽宁省",text:"盘锦市",value:"211100"},{province:"辽宁省",text:"铁岭市",value:"211200"},{province:"辽宁省",text:"朝阳市",value:"211300"},{province:"辽宁省",text:"葫芦岛市",value:"211400"}],220000:[{province:"吉林省",text:"长春市",value:"220100"},{province:"吉林省",text:"吉林市",value:"220200"},{province:"吉林省",text:"四平市",value:"220300"},{province:"吉林省",text:"辽源市",value:"220400"},{province:"吉林省",text:"通化市",value:"220500"},{province:"吉林省",text:"白山市",value:"220600"},{province:"吉林省",text:"松原市",value:"220700"},{province:"吉林省",text:"白城市",value:"220800"},{province:"吉林省",text:"延边朝鲜族自治州",value:"222400"}],230000:[{province:"黑龙江省",text:"哈尔滨市",value:"230100"},{province:"黑龙江省",text:"齐齐哈尔市",value:"230200"},{province:"黑龙江省",text:"鸡西市",value:"230300"},{province:"黑龙江省",text:"鹤岗市",value:"230400"},{province:"黑龙江省",text:"双鸭山市",value:"230500"},{province:"黑龙江省",text:"大庆市",value:"230600"},{province:"黑龙江省",text:"伊春市",value:"230700"},{province:"黑龙江省",text:"佳木斯市",value:"230800"},{province:"黑龙江省",text:"七台河市",value:"230900"},{province:"黑龙江省",text:"牡丹江市",value:"231000"},{province:"黑龙江省",text:"黑河市",value:"231100"},{province:"黑龙江省",text:"绥化市",value:"231200"},{province:"黑龙江省",text:"大兴安岭地区",value:"232700"}],310000:[{province:"上海市",text:"上海市",value:"310100"}],320000:[{province:"江苏省",text:"南京市",value:"320100"},{province:"江苏省",text:"无锡市",value:"320200"},{province:"江苏省",text:"徐州市",value:"320300"},{province:"江苏省",text:"常州市",value:"320400"},{province:"江苏省",text:"苏州市",value:"320500"},{province:"江苏省",text:"南通市",value:"320600"},{province:"江苏省",text:"连云港市",value:"320700"},{province:"江苏省",text:"淮安市",value:"320800"},{province:"江苏省",text:"盐城市",value:"320900"},{province:"江苏省",text:"扬州市",value:"321000"},{province:"江苏省",text:"镇江市",value:"321100"},{province:"江苏省",text:"泰州市",value:"321200"},{province:"江苏省",text:"宿迁市",value:"321300"}],330000:[{province:"浙江省",text:"杭州市",value:"330100"},{province:"浙江省",text:"宁波市",value:"330200"},{province:"浙江省",text:"温州市",value:"330300"},{province:"浙江省",text:"嘉兴市",value:"330400"},{province:"浙江省",text:"湖州市",value:"330500"},{province:"浙江省",text:"绍兴市",value:"330600"},{province:"浙江省",text:"金华市",value:"330700"},{province:"浙江省",text:"衢州市",value:"330800"},{province:"浙江省",text:"舟山市",value:"330900"},{province:"浙江省",text:"台州市",value:"331000"},{province:"浙江省",text:"丽水市",value:"331100"}],340000:[{province:"安徽省",text:"合肥市",value:"340100"},{province:"安徽省",text:"芜湖市",value:"340200"},{province:"安徽省",text:"蚌埠市",value:"340300"},{province:"安徽省",text:"淮南市",value:"340400"},{province:"安徽省",text:"马鞍山市",value:"340500"},{province:"安徽省",text:"淮北市",value:"340600"},{province:"安徽省",text:"铜陵市",value:"340700"},{province:"安徽省",text:"安庆市",value:"340800"},{province:"安徽省",text:"黄山市",value:"341000"},{province:"安徽省",text:"滁州市",value:"341100"},{province:"安徽省",text:"阜阳市",value:"341200"},{province:"安徽省",text:"宿州市",value:"341300"},{province:"安徽省",text:"六安市",value:"341500"},{province:"安徽省",text:"亳州市",value:"341600"},{province:"安徽省",text:"池州市",value:"341700"},{province:"安徽省",text:"宣城市",value:"341800"}],350000:[{province:"福建省",text:"福州市",value:"350100"},{province:"福建省",text:"厦门市",value:"350200"},{province:"福建省",text:"莆田市",value:"350300"},{province:"福建省",text:"三明市",value:"350400"},{province:"福建省",text:"泉州市",value:"350500"},{province:"福建省",text:"漳州市",value:"350600"},{province:"福建省",text:"南平市",value:"350700"},{province:"福建省",text:"龙岩市",value:"350800"},{province:"福建省",text:"宁德市",value:"350900"}],360000:[{province:"江西省",text:"南昌市",value:"360100"},{province:"江西省",text:"景德镇市",value:"360200"},{province:"江西省",text:"萍乡市",value:"360300"},{province:"江西省",text:"九江市",value:"360400"},{province:"江西省",text:"新余市",value:"360500"},{province:"江西省",text:"鹰潭市",value:"360600"},{province:"江西省",text:"赣州市",value:"360700"},{province:"江西省",text:"吉安市",value:"360800"},{province:"江西省",text:"宜春市",value:"360900"},{province:"江西省",text:"抚州市",value:"361000"},{province:"江西省",text:"上饶市",value:"361100"}],370000:[{province:"山东省",text:"济南市",value:"370100"},{province:"山东省",text:"青岛市",value:"370200"},{province:"山东省",text:"淄博市",value:"370300"},{province:"山东省",text:"枣庄市",value:"370400"},{province:"山东省",text:"东营市",value:"370500"},{province:"山东省",text:"烟台市",value:"370600"},{province:"山东省",text:"潍坊市",value:"370700"},{province:"山东省",text:"济宁市",value:"370800"},{province:"山东省",text:"泰安市",value:"370900"},{province:"山东省",text:"威海市",value:"371000"},{province:"山东省",text:"日照市",value:"371100"},{province:"山东省",text:"莱芜市",value:"371200"},{province:"山东省",text:"临沂市",value:"371300"},{province:"山东省",text:"德州市",value:"371400"},{province:"山东省",text:"聊城市",value:"371500"},{province:"山东省",text:"滨州市",value:"371600"},{province:"山东省",text:"菏泽市",value:"371700"}],410000:[{province:"河南省",text:"郑州市",value:"410100"},{province:"河南省",text:"开封市",value:"410200"},{province:"河南省",text:"洛阳市",value:"410300"},{province:"河南省",text:"平顶山市",value:"410400"},{province:"河南省",text:"安阳市",value:"410500"},{province:"河南省",text:"鹤壁市",value:"410600"},{province:"河南省",text:"新乡市",value:"410700"},{province:"河南省",text:"焦作市",value:"410800"},{province:"河南省",text:"濮阳市",value:"410900"},{province:"河南省",text:"许昌市",value:"411000"},{province:"河南省",text:"漯河市",value:"411100"},{province:"河南省",text:"三门峡市",value:"411200"},{province:"河南省",text:"南阳市",value:"411300"},{province:"河南省",text:"商丘市",value:"411400"},{province:"河南省",text:"信阳市",value:"411500"},{province:"河南省",text:"周口市",value:"411600"},{province:"河南省",text:"驻马店市",value:"411700"},{province:"河南省",text:"省直辖县级行政区划",value:"419000"}],420000:[{province:"湖北省",text:"武汉市",value:"420100"},{province:"湖北省",text:"黄石市",value:"420200"},{province:"湖北省",text:"十堰市",value:"420300"},{province:"湖北省",text:"宜昌市",value:"420500"},{province:"湖北省",text:"襄阳市",value:"420600"},{province:"湖北省",text:"鄂州市",value:"420700"},{province:"湖北省",text:"荆门市",value:"420800"},{province:"湖北省",text:"孝感市",value:"420900"},{province:"湖北省",text:"荆州市",value:"421000"},{province:"湖北省",text:"黄冈市",value:"421100"},{province:"湖北省",text:"咸宁市",value:"421200"},{province:"湖北省",text:"随州市",value:"421300"},{province:"湖北省",text:"恩施土家族苗族自治州",value:"422800"},{province:"湖北省",text:"省直辖县级行政区划",value:"429000"}],430000:[{province:"湖南省",text:"长沙市",value:"430100"},{province:"湖南省",text:"株洲市",value:"430200"},{province:"湖南省",text:"湘潭市",value:"430300"},{province:"湖南省",text:"衡阳市",value:"430400"},{province:"湖南省",text:"邵阳市",value:"430500"},{province:"湖南省",text:"岳阳市",value:"430600"},{province:"湖南省",text:"常德市",value:"430700"},{province:"湖南省",text:"张家界市",value:"430800"},{province:"湖南省",text:"益阳市",value:"430900"},{province:"湖南省",text:"郴州市",value:"431000"},{province:"湖南省",text:"永州市",value:"431100"},{province:"湖南省",text:"怀化市",value:"431200"},{province:"湖南省",text:"娄底市",value:"431300"},{province:"湖南省",text:"湘西土家族苗族自治州",value:"433100"}],440000:[{province:"广东省",text:"广州市",value:"440100"},{province:"广东省",text:"韶关市",value:"440200"},{province:"广东省",text:"深圳市",value:"440300"},{province:"广东省",text:"珠海市",value:"440400"},{province:"广东省",text:"汕头市",value:"440500"},{province:"广东省",text:"佛山市",value:"440600"},{province:"广东省",text:"江门市",value:"440700"},{province:"广东省",text:"湛江市",value:"440800"},{province:"广东省",text:"茂名市",value:"440900"},{province:"广东省",text:"肇庆市",value:"441200"},{province:"广东省",text:"惠州市",value:"441300"},{province:"广东省",text:"梅州市",value:"441400"},{province:"广东省",text:"汕尾市",value:"441500"},{province:"广东省",text:"河源市",value:"441600"},{province:"广东省",text:"阳江市",value:"441700"},{province:"广东省",text:"清远市",value:"441800"},{province:"广东省",text:"东莞市",value:"441900"},{province:"广东省",text:"中山市",value:"442000"},{province:"广东省",text:"潮州市",value:"445100"},{province:"广东省",text:"揭阳市",value:"445200"},{province:"广东省",text:"云浮市",value:"445300"}],450000:[{province:"广西壮族自治区",text:"南宁市",value:"450100"},{province:"广西壮族自治区",text:"柳州市",value:"450200"},{province:"广西壮族自治区",text:"桂林市",value:"450300"},{province:"广西壮族自治区",text:"梧州市",value:"450400"},{province:"广西壮族自治区",text:"北海市",value:"450500"},{province:"广西壮族自治区",text:"防城港市",value:"450600"},{province:"广西壮族自治区",text:"钦州市",value:"450700"},{province:"广西壮族自治区",text:"贵港市",value:"450800"},{province:"广西壮族自治区",text:"玉林市",value:"450900"},{province:"广西壮族自治区",text:"百色市",value:"451000"},{province:"广西壮族自治区",text:"贺州市",value:"451100"},{province:"广西壮族自治区",text:"河池市",value:"451200"},{province:"广西壮族自治区",text:"来宾市",value:"451300"},{province:"广西壮族自治区",text:"崇左市",value:"451400"}],460000:[{province:"海南省",text:"海口市",value:"460100"},{province:"海南省",text:"三亚市",value:"460200"},{province:"海南省",text:"三沙市",value:"460300"},{province:"海南省",text:"儋州市",value:"460400"},{province:"海南省",text:"省直辖县级行政区划",value:"469000"}],500000:[{province:"重庆市",text:"重庆市",value:"500100"},{province:"重庆市",text:"县",value:"500200"}],510000:[{province:"四川省",text:"成都市",value:"510100"},{province:"四川省",text:"自贡市",value:"510300"},{province:"四川省",text:"攀枝花市",value:"510400"},{province:"四川省",text:"泸州市",value:"510500"},{province:"四川省",text:"德阳市",value:"510600"},{province:"四川省",text:"绵阳市",value:"510700"},{province:"四川省",text:"广元市",value:"510800"},{province:"四川省",text:"遂宁市",value:"510900"},{province:"四川省",text:"内江市",value:"511000"},{province:"四川省",text:"乐山市",value:"511100"},{province:"四川省",text:"南充市",value:"511300"},{province:"四川省",text:"眉山市",value:"511400"},{province:"四川省",text:"宜宾市",value:"511500"},{province:"四川省",text:"广安市",value:"511600"},{province:"四川省",text:"达州市",value:"511700"},{province:"四川省",text:"雅安市",value:"511800"},{province:"四川省",text:"巴中市",value:"511900"},{province:"四川省",text:"资阳市",value:"512000"},{province:"四川省",text:"阿坝藏族羌族自治州",value:"513200"},{province:"四川省",text:"甘孜藏族自治州",value:"513300"},{province:"四川省",text:"凉山彝族自治州",value:"513400"}],520000:[{province:"贵州省",text:"贵阳市",value:"520100"},{province:"贵州省",text:"六盘水市",value:"520200"},{province:"贵州省",text:"遵义市",value:"520300"},{province:"贵州省",text:"安顺市",value:"520400"},{province:"贵州省",text:"毕节市",value:"520500"},{province:"贵州省",text:"铜仁市",value:"520600"},{province:"贵州省",text:"黔西南布依族苗族自治州",value:"522300"},{province:"贵州省",text:"黔东南苗族侗族自治州",value:"522600"},{province:"贵州省",text:"黔南布依族苗族自治州",value:"522700"}],530000:[{province:"云南省",text:"昆明市",value:"530100"},{province:"云南省",text:"曲靖市",value:"530300"},{province:"云南省",text:"玉溪市",value:"530400"},{province:"云南省",text:"保山市",value:"530500"},{province:"云南省",text:"昭通市",value:"530600"},{province:"云南省",text:"丽江市",value:"530700"},{province:"云南省",text:"普洱市",value:"530800"},{province:"云南省",text:"临沧市",value:"530900"},{province:"云南省",text:"楚雄彝族自治州",value:"532300"},{province:"云南省",text:"红河哈尼族彝族自治州",value:"532500"},{province:"云南省",text:"文山壮族苗族自治州",value:"532600"},{province:"云南省",text:"西双版纳傣族自治州",value:"532800"},{province:"云南省",text:"大理白族自治州",value:"532900"},{province:"云南省",text:"德宏傣族景颇族自治州",value:"533100"},{province:"云南省",text:"怒江傈僳族自治州",value:"533300"},{province:"云南省",text:"迪庆藏族自治州",value:"533400"}],540000:[{province:"西藏自治区",text:"拉萨市",value:"540100"},{province:"西藏自治区",text:"日喀则市",value:"540200"},{province:"西藏自治区",text:"昌都市",value:"540300"},{province:"西藏自治区",text:"林芝市",value:"540400"},{province:"西藏自治区",text:"山南市",value:"540500"},{province:"西藏自治区",text:"那曲地区",value:"542400"},{province:"西藏自治区",text:"阿里地区",value:"542500"}],610000:[{province:"陕西省",text:"西安市",value:"610100"},{province:"陕西省",text:"铜川市",value:"610200"},{province:"陕西省",text:"宝鸡市",value:"610300"},{province:"陕西省",text:"咸阳市",value:"610400"},{province:"陕西省",text:"渭南市",value:"610500"},{province:"陕西省",text:"延安市",value:"610600"},{province:"陕西省",text:"汉中市",value:"610700"},{province:"陕西省",text:"榆林市",value:"610800"},{province:"陕西省",text:"安康市",value:"610900"},{province:"陕西省",text:"商洛市",value:"611000"}],620000:[{province:"甘肃省",text:"兰州市",value:"620100"},{province:"甘肃省",text:"嘉峪关市",value:"620200"},{province:"甘肃省",text:"金昌市",value:"620300"},{province:"甘肃省",text:"白银市",value:"620400"},{province:"甘肃省",text:"天水市",value:"620500"},{province:"甘肃省",text:"武威市",value:"620600"},{province:"甘肃省",text:"张掖市",value:"620700"},{province:"甘肃省",text:"平凉市",value:"620800"},{province:"甘肃省",text:"酒泉市",value:"620900"},{province:"甘肃省",text:"庆阳市",value:"621000"},{province:"甘肃省",text:"定西市",value:"621100"},{province:"甘肃省",text:"陇南市",value:"621200"},{province:"甘肃省",text:"临夏回族自治州",value:"622900"},{province:"甘肃省",text:"甘南藏族自治州",value:"623000"}],630000:[{province:"青海省",text:"西宁市",value:"630100"},{province:"青海省",text:"海东市",value:"630200"},{province:"青海省",text:"海北藏族自治州",value:"632200"},{province:"青海省",text:"黄南藏族自治州",value:"632300"},{province:"青海省",text:"海南藏族自治州",value:"632500"},{province:"青海省",text:"果洛藏族自治州",value:"632600"},{province:"青海省",text:"玉树藏族自治州",value:"632700"},{province:"青海省",text:"海西蒙古族藏族自治州",value:"632800"}],640000:[{province:"宁夏回族自治区",text:"银川市",value:"640100"},{province:"宁夏回族自治区",text:"石嘴山市",value:"640200"},{province:"宁夏回族自治区",text:"吴忠市",value:"640300"},{province:"宁夏回族自治区",text:"固原市",value:"640400"},{province:"宁夏回族自治区",text:"中卫市",value:"640500"}],650000:[{province:"新疆维吾尔自治区",text:"乌鲁木齐市",value:"650100"},{province:"新疆维吾尔自治区",text:"克拉玛依市",value:"650200"},{province:"新疆维吾尔自治区",text:"吐鲁番市",value:"650400"},{province:"新疆维吾尔自治区",text:"哈密市",value:"650500"},{province:"新疆维吾尔自治区",text:"昌吉回族自治州",value:"652300"},{province:"新疆维吾尔自治区",text:"博尔塔拉蒙古自治州",value:"652700"},{province:"新疆维吾尔自治区",text:"巴音郭楞蒙古自治州",value:"652800"},{province:"新疆维吾尔自治区",text:"阿克苏地区",value:"652900"},{province:"新疆维吾尔自治区",text:"克孜勒苏柯尔克孜自治州",value:"653000"},{province:"新疆维吾尔自治区",text:"喀什地区",value:"653100"},{province:"新疆维吾尔自治区",text:"和田地区",value:"653200"},{province:"新疆维吾尔自治区",text:"伊犁哈萨克自治州",value:"654000"},{province:"新疆维吾尔自治区",text:"塔城地区",value:"654200"},{province:"新疆维吾尔自治区",text:"阿勒泰地区",value:"654300"},{province:"新疆维吾尔自治区",text:"自治区直辖县级行政区划",value:"659000"}]},t.areaList={110100:[{city:"市辖区",text:"东城区",value:"110101"},{city:"市辖区",text:"西城区",value:"110102"},{city:"市辖区",text:"朝阳区",value:"110105"},{city:"市辖区",text:"丰台区",value:"110106"},{city:"市辖区",text:"石景山区",value:"110107"},{city:"市辖区",text:"海淀区",value:"110108"},{city:"市辖区",text:"门头沟区",value:"110109"},{city:"市辖区",text:"房山区",value:"110111"},{city:"市辖区",text:"通州区",value:"110112"},{city:"市辖区",text:"顺义区",value:"110113"},{city:"市辖区",text:"昌平区",value:"110114"},{city:"市辖区",text:"大兴区",value:"110115"},{city:"市辖区",text:"怀柔区",value:"110116"},{city:"市辖区",text:"平谷区",value:"110117"},{city:"市辖区",text:"密云区",value:"110118"},{city:"市辖区",text:"延庆区",value:"110119"}],120100:[{city:"市辖区",text:"和平区",value:"120101"},{city:"市辖区",text:"河东区",value:"120102"},{city:"市辖区",text:"河西区",value:"120103"},{city:"市辖区",text:"南开区",value:"120104"},{city:"市辖区",text:"河北区",value:"120105"},{city:"市辖区",text:"红桥区",value:"120106"},{city:"市辖区",text:"东丽区",value:"120110"},{city:"市辖区",text:"西青区",value:"120111"},{city:"市辖区",text:"津南区",value:"120112"},{city:"市辖区",text:"北辰区",value:"120113"},{city:"市辖区",text:"武清区",value:"120114"},{city:"市辖区",text:"宝坻区",value:"120115"},{city:"市辖区",text:"滨海新区",value:"120116"},{city:"市辖区",text:"宁河区",value:"120117"},{city:"市辖区",text:"静海区",value:"120118"},{city:"市辖区",text:"蓟州区",value:"120119"}],130100:[{city:"石家庄市",text:"市辖区",value:"130101"},{city:"石家庄市",text:"长安区",value:"130102"},{city:"石家庄市",text:"桥西区",value:"130104"},{city:"石家庄市",text:"新华区",value:"130105"},{city:"石家庄市",text:"井陉矿区",value:"130107"},{city:"石家庄市",text:"裕华区",value:"130108"},{city:"石家庄市",text:"藁城区",value:"130109"},{city:"石家庄市",text:"鹿泉区",value:"130110"},{city:"石家庄市",text:"栾城区",value:"130111"},{city:"石家庄市",text:"井陉县",value:"130121"},{city:"石家庄市",text:"正定县",value:"130123"},{city:"石家庄市",text:"行唐县",value:"130125"},{city:"石家庄市",text:"灵寿县",value:"130126"},{city:"石家庄市",text:"高邑县",value:"130127"},{city:"石家庄市",text:"深泽县",value:"130128"},{city:"石家庄市",text:"赞皇县",value:"130129"},{city:"石家庄市",text:"无极县",value:"130130"},{city:"石家庄市",text:"平山县",value:"130131"},{city:"石家庄市",text:"元氏县",value:"130132"},{city:"石家庄市",text:"赵县",value:"130133"},{city:"石家庄市",text:"晋州市",value:"130183"},{city:"石家庄市",text:"新乐市",value:"130184"}],130200:[{city:"唐山市",text:"市辖区",value:"130201"},{city:"唐山市",text:"路南区",value:"130202"},{city:"唐山市",text:"路北区",value:"130203"},{city:"唐山市",text:"古冶区",value:"130204"},{city:"唐山市",text:"开平区",value:"130205"},{city:"唐山市",text:"丰南区",value:"130207"},{city:"唐山市",text:"丰润区",value:"130208"},{city:"唐山市",text:"曹妃甸区",value:"130209"},{city:"唐山市",text:"滦县",value:"130223"},{city:"唐山市",text:"滦南县",value:"130224"},{city:"唐山市",text:"乐亭县",value:"130225"},{city:"唐山市",text:"迁西县",value:"130227"},{city:"唐山市",text:"玉田县",value:"130229"},{city:"唐山市",text:"遵化市",value:"130281"},{city:"唐山市",text:"迁安市",value:"130283"}],130300:[{city:"秦皇岛市",text:"市辖区",value:"130301"},{city:"秦皇岛市",text:"海港区",value:"130302"},{city:"秦皇岛市",text:"山海关区",value:"130303"},{city:"秦皇岛市",text:"北戴河区",value:"130304"},{city:"秦皇岛市",text:"抚宁区",value:"130306"},{city:"秦皇岛市",text:"青龙满族自治县",value:"130321"},{city:"秦皇岛市",text:"昌黎县",value:"130322"},{city:"秦皇岛市",text:"卢龙县",value:"130324"}],130400:[{city:"邯郸市",text:"市辖区",value:"130401"},{city:"邯郸市",text:"邯山区",value:"130402"},{city:"邯郸市",text:"丛台区",value:"130403"},{city:"邯郸市",text:"复兴区",value:"130404"},{city:"邯郸市",text:"峰峰矿区",value:"130406"},{city:"邯郸市",text:"邯郸县",value:"130421"},{city:"邯郸市",text:"临漳县",value:"130423"},{city:"邯郸市",text:"成安县",value:"130424"},{city:"邯郸市",text:"大名县",value:"130425"},{city:"邯郸市",text:"涉县",value:"130426"},{city:"邯郸市",text:"磁县",value:"130427"},{city:"邯郸市",text:"肥乡县",value:"130428"},{city:"邯郸市",text:"永年县",value:"130429"},{city:"邯郸市",text:"邱县",value:"130430"},{city:"邯郸市",text:"鸡泽县",value:"130431"},{city:"邯郸市",text:"广平县",value:"130432"},{city:"邯郸市",text:"馆陶县",value:"130433"},{city:"邯郸市",text:"魏县",value:"130434"},{city:"邯郸市",text:"曲周县",value:"130435"},{city:"邯郸市",text:"武安市",value:"130481"}],130500:[{city:"邢台市",text:"市辖区",value:"130501"},{city:"邢台市",text:"桥东区",value:"130502"},{city:"邢台市",text:"桥西区",value:"130503"},{city:"邢台市",text:"邢台县",value:"130521"},{city:"邢台市",text:"临城县",value:"130522"},{city:"邢台市",text:"内丘县",value:"130523"},{city:"邢台市",text:"柏乡县",value:"130524"},{city:"邢台市",text:"隆尧县",value:"130525"},{city:"邢台市",text:"任县",value:"130526"},{city:"邢台市",text:"南和县",value:"130527"},{city:"邢台市",text:"宁晋县",value:"130528"},{city:"邢台市",text:"巨鹿县",value:"130529"},{city:"邢台市",text:"新河县",value:"130530"},{city:"邢台市",text:"广宗县",value:"130531"},{city:"邢台市",text:"平乡县",value:"130532"},{city:"邢台市",text:"威县",value:"130533"},{city:"邢台市",text:"清河县",value:"130534"},{city:"邢台市",text:"临西县",value:"130535"},{city:"邢台市",text:"南宫市",value:"130581"},{city:"邢台市",text:"沙河市",value:"130582"}],130600:[{city:"保定市",text:"市辖区",value:"130601"},{city:"保定市",text:"竞秀区",value:"130602"},{city:"保定市",text:"莲池区",value:"130606"},{city:"保定市",text:"满城区",value:"130607"},{city:"保定市",text:"清苑区",value:"130608"},{city:"保定市",text:"徐水区",value:"130609"},{city:"保定市",text:"涞水县",value:"130623"},{city:"保定市",text:"阜平县",value:"130624"},{city:"保定市",text:"定兴县",value:"130626"},{city:"保定市",text:"唐县",value:"130627"},{city:"保定市",text:"高阳县",value:"130628"},{city:"保定市",text:"容城县",value:"130629"},{city:"保定市",text:"涞源县",value:"130630"},{city:"保定市",text:"望都县",value:"130631"},{city:"保定市",text:"安新县",value:"130632"},{city:"保定市",text:"易县",value:"130633"},{city:"保定市",text:"曲阳县",value:"130634"},{city:"保定市",text:"蠡县",value:"130635"},{city:"保定市",text:"顺平县",value:"130636"},{city:"保定市",text:"博野县",value:"130637"},{city:"保定市",text:"雄县",value:"130638"},{city:"保定市",text:"涿州市",value:"130681"},{city:"保定市",text:"安国市",value:"130683"},{city:"保定市",text:"高碑店市",value:"130684"}],130700:[{city:"张家口市",text:"市辖区",value:"130701"},{city:"张家口市",text:"桥东区",value:"130702"},{city:"张家口市",text:"桥西区",value:"130703"},{city:"张家口市",text:"宣化区",value:"130705"},{city:"张家口市",text:"下花园区",value:"130706"},{city:"张家口市",text:"万全区",value:"130708"},{city:"张家口市",text:"崇礼区",value:"130709"},{city:"张家口市",text:"张北县",value:"130722"},{city:"张家口市",text:"康保县",value:"130723"},{city:"张家口市",text:"沽源县",value:"130724"},{city:"张家口市",text:"尚义县",value:"130725"},{city:"张家口市",text:"蔚县",value:"130726"},{city:"张家口市",text:"阳原县",value:"130727"},{city:"张家口市",text:"怀安县",value:"130728"},{city:"张家口市",text:"怀来县",value:"130730"},{city:"张家口市",text:"涿鹿县",value:"130731"},{city:"张家口市",text:"赤城县",value:"130732"}],130800:[{city:"承德市",text:"市辖区",value:"130801"},{city:"承德市",text:"双桥区",value:"130802"},{city:"承德市",text:"双滦区",value:"130803"},{city:"承德市",text:"鹰手营子矿区",value:"130804"},{city:"承德市",text:"承德县",value:"130821"},{city:"承德市",text:"兴隆县",value:"130822"},{city:"承德市",text:"平泉县",value:"130823"},{city:"承德市",text:"滦平县",value:"130824"},{city:"承德市",text:"隆化县",value:"130825"},{city:"承德市",text:"丰宁满族自治县",value:"130826"},{city:"承德市",text:"宽城满族自治县",value:"130827"},{city:"承德市",text:"围场满族蒙古族自治县",value:"130828"}],130900:[{city:"沧州市",text:"市辖区",value:"130901"},{city:"沧州市",text:"新华区",value:"130902"},{city:"沧州市",text:"运河区",value:"130903"},{city:"沧州市",text:"沧县",value:"130921"},{city:"沧州市",text:"青县",value:"130922"},{city:"沧州市",text:"东光县",value:"130923"},{city:"沧州市",text:"海兴县",value:"130924"},{city:"沧州市",text:"盐山县",value:"130925"},{city:"沧州市",text:"肃宁县",value:"130926"},{city:"沧州市",text:"南皮县",value:"130927"},{city:"沧州市",text:"吴桥县",value:"130928"},{city:"沧州市",text:"献县",value:"130929"},{city:"沧州市",text:"孟村回族自治县",value:"130930"},{city:"沧州市",text:"泊头市",value:"130981"},{city:"沧州市",text:"任丘市",value:"130982"},{city:"沧州市",text:"黄骅市",value:"130983"},{city:"沧州市",text:"河间市",value:"130984"}],131000:[{city:"廊坊市",text:"市辖区",value:"131001"},{city:"廊坊市",text:"安次区",value:"131002"},{city:"廊坊市",text:"广阳区",value:"131003"},{city:"廊坊市",text:"固安县",value:"131022"},{city:"廊坊市",text:"永清县",value:"131023"},{city:"廊坊市",text:"香河县",value:"131024"},{city:"廊坊市",text:"大城县",value:"131025"},{city:"廊坊市",text:"文安县",value:"131026"},{city:"廊坊市",text:"大厂回族自治县",value:"131028"},{city:"廊坊市",text:"霸州市",value:"131081"},{city:"廊坊市",text:"三河市",value:"131082"}],131100:[{city:"衡水市",text:"市辖区",value:"131101"},{city:"衡水市",text:"桃城区",value:"131102"},{city:"衡水市",text:"冀州区",value:"131103"},{city:"衡水市",text:"枣强县",value:"131121"},{city:"衡水市",text:"武邑县",value:"131122"},{city:"衡水市",text:"武强县",value:"131123"},{city:"衡水市",text:"饶阳县",value:"131124"},{city:"衡水市",text:"安平县",value:"131125"},{city:"衡水市",text:"故城县",value:"131126"},{city:"衡水市",text:"景县",value:"131127"},{city:"衡水市",text:"阜城县",value:"131128"},{city:"衡水市",text:"深州市",value:"131182"}],139000:[{city:"省直辖县级行政区划",text:"定州市",value:"139001"},{city:"省直辖县级行政区划",text:"辛集市",value:"139002"}],140100:[{city:"太原市",text:"市辖区",value:"140101"},{city:"太原市",text:"小店区",value:"140105"},{city:"太原市",text:"迎泽区",value:"140106"},{city:"太原市",text:"杏花岭区",value:"140107"},{city:"太原市",text:"尖草坪区",value:"140108"},{city:"太原市",text:"万柏林区",value:"140109"},{city:"太原市",text:"晋源区",value:"140110"},{city:"太原市",text:"清徐县",value:"140121"},{city:"太原市",text:"阳曲县",value:"140122"},{city:"太原市",text:"娄烦县",value:"140123"},{city:"太原市",text:"古交市",value:"140181"}],140200:[{city:"大同市",text:"市辖区",value:"140201"},{city:"大同市",text:"城区",value:"140202"},{city:"大同市",text:"矿区",value:"140203"},{city:"大同市",text:"南郊区",value:"140211"},{city:"大同市",text:"新荣区",value:"140212"},{city:"大同市",text:"阳高县",value:"140221"},{city:"大同市",text:"天镇县",value:"140222"},{city:"大同市",text:"广灵县",value:"140223"},{city:"大同市",text:"灵丘县",value:"140224"},{city:"大同市",text:"浑源县",value:"140225"},{city:"大同市",text:"左云县",value:"140226"},{city:"大同市",text:"大同县",value:"140227"}],140300:[{city:"阳泉市",text:"市辖区",value:"140301"},{city:"阳泉市",text:"城区",value:"140302"},{city:"阳泉市",text:"矿区",value:"140303"},{city:"阳泉市",text:"郊区",value:"140311"},{city:"阳泉市",text:"平定县",value:"140321"},{city:"阳泉市",text:"盂县",value:"140322"}],140400:[{city:"长治市",text:"市辖区",value:"140401"},{city:"长治市",text:"城区",value:"140402"},{city:"长治市",text:"郊区",value:"140411"},{city:"长治市",text:"长治县",value:"140421"},{city:"长治市",text:"襄垣县",value:"140423"},{city:"长治市",text:"屯留县",value:"140424"},{city:"长治市",text:"平顺县",value:"140425"},{city:"长治市",text:"黎城县",value:"140426"},{city:"长治市",text:"壶关县",value:"140427"},{city:"长治市",text:"长子县",value:"140428"},{city:"长治市",text:"武乡县",value:"140429"},{city:"长治市",text:"沁县",value:"140430"},{city:"长治市",text:"沁源县",value:"140431"},{city:"长治市",text:"潞城市",value:"140481"}],140500:[{city:"晋城市",text:"市辖区",value:"140501"},{city:"晋城市",text:"城区",value:"140502"},{city:"晋城市",text:"沁水县",value:"140521"},{city:"晋城市",text:"阳城县",value:"140522"},{city:"晋城市",text:"陵川县",value:"140524"},{city:"晋城市",text:"泽州县",value:"140525"},{city:"晋城市",text:"高平市",value:"140581"}],140600:[{city:"朔州市",text:"市辖区",value:"140601"},{city:"朔州市",text:"朔城区",value:"140602"},{city:"朔州市",text:"平鲁区",value:"140603"},{city:"朔州市",text:"山阴县",value:"140621"},{city:"朔州市",text:"应县",value:"140622"},{city:"朔州市",text:"右玉县",value:"140623"},{city:"朔州市",text:"怀仁县",value:"140624"}],140700:[{city:"晋中市",text:"市辖区",value:"140701"},{city:"晋中市",text:"榆次区",value:"140702"},{city:"晋中市",text:"榆社县",value:"140721"},{city:"晋中市",text:"左权县",value:"140722"},{city:"晋中市",text:"和顺县",value:"140723"},{city:"晋中市",text:"昔阳县",value:"140724"},{city:"晋中市",text:"寿阳县",value:"140725"},{city:"晋中市",text:"太谷县",value:"140726"},{city:"晋中市",text:"祁县",value:"140727"},{city:"晋中市",text:"平遥县",value:"140728"},{city:"晋中市",text:"灵石县",value:"140729"},{city:"晋中市",text:"介休市",value:"140781"}],140800:[{city:"运城市",text:"市辖区",value:"140801"},{city:"运城市",text:"盐湖区",value:"140802"},{city:"运城市",text:"临猗县",value:"140821"},{city:"运城市",text:"万荣县",value:"140822"},{city:"运城市",text:"闻喜县",value:"140823"},{city:"运城市",text:"稷山县",value:"140824"},{city:"运城市",text:"新绛县",value:"140825"},{city:"运城市",text:"绛县",value:"140826"},{city:"运城市",text:"垣曲县",value:"140827"},{city:"运城市",text:"夏县",value:"140828"},{city:"运城市",text:"平陆县",value:"140829"},{city:"运城市",text:"芮城县",value:"140830"},{city:"运城市",text:"永济市",value:"140881"},{city:"运城市",text:"河津市",value:"140882"}],140900:[{city:"忻州市",text:"市辖区",value:"140901"},{city:"忻州市",text:"忻府区",value:"140902"},{city:"忻州市",text:"定襄县",value:"140921"},{city:"忻州市",text:"五台县",value:"140922"},{city:"忻州市",text:"代县",value:"140923"},{city:"忻州市",text:"繁峙县",value:"140924"},{city:"忻州市",text:"宁武县",value:"140925"},{city:"忻州市",text:"静乐县",value:"140926"},{city:"忻州市",text:"神池县",value:"140927"},{city:"忻州市",text:"五寨县",value:"140928"},{city:"忻州市",text:"岢岚县",value:"140929"},{city:"忻州市",text:"河曲县",value:"140930"},{city:"忻州市",text:"保德县",value:"140931"},{city:"忻州市",text:"偏关县",value:"140932"},{city:"忻州市",text:"原平市",value:"140981"}],141000:[{city:"临汾市",text:"市辖区",value:"141001"},{city:"临汾市",text:"尧都区",value:"141002"},{city:"临汾市",text:"曲沃县",value:"141021"},{city:"临汾市",text:"翼城县",value:"141022"},{city:"临汾市",text:"襄汾县",value:"141023"},{city:"临汾市",text:"洪洞县",value:"141024"},{city:"临汾市",text:"古县",value:"141025"},{city:"临汾市",text:"安泽县",value:"141026"},{city:"临汾市",text:"浮山县",value:"141027"},{city:"临汾市",text:"吉县",value:"141028"},{city:"临汾市",text:"乡宁县",value:"141029"},{city:"临汾市",text:"大宁县",value:"141030"},{city:"临汾市",text:"隰县",value:"141031"},{city:"临汾市",text:"永和县",value:"141032"},{city:"临汾市",text:"蒲县",value:"141033"},{city:"临汾市",text:"汾西县",value:"141034"},{city:"临汾市",text:"侯马市",value:"141081"},{city:"临汾市",text:"霍州市",value:"141082"}],141100:[{city:"吕梁市",text:"市辖区",value:"141101"},{city:"吕梁市",text:"离石区",value:"141102"},{city:"吕梁市",text:"文水县",value:"141121"},{city:"吕梁市",text:"交城县",value:"141122"},{city:"吕梁市",text:"兴县",value:"141123"},{city:"吕梁市",text:"临县",value:"141124"},{city:"吕梁市",text:"柳林县",value:"141125"},{city:"吕梁市",text:"石楼县",value:"141126"},{city:"吕梁市",text:"岚县",value:"141127"},{city:"吕梁市",text:"方山县",value:"141128"},{city:"吕梁市",text:"中阳县",value:"141129"},{city:"吕梁市",text:"交口县",value:"141130"},{city:"吕梁市",text:"孝义市",value:"141181"},{city:"吕梁市",text:"汾阳市",value:"141182"}],150100:[{city:"呼和浩特市",text:"市辖区",value:"150101"},{city:"呼和浩特市",text:"新城区",value:"150102"},{city:"呼和浩特市",text:"回民区",value:"150103"},{city:"呼和浩特市",text:"玉泉区",value:"150104"},{city:"呼和浩特市",text:"赛罕区",value:"150105"},{city:"呼和浩特市",text:"土默特左旗",value:"150121"},{city:"呼和浩特市",text:"托克托县",value:"150122"},{city:"呼和浩特市",text:"和林格尔县",value:"150123"},{city:"呼和浩特市",text:"清水河县",value:"150124"},{city:"呼和浩特市",text:"武川县",value:"150125"}],150200:[{city:"包头市",text:"市辖区",value:"150201"},{city:"包头市",text:"东河区",value:"150202"},{city:"包头市",text:"昆都仑区",value:"150203"},{city:"包头市",text:"青山区",value:"150204"},{city:"包头市",text:"石拐区",value:"150205"},{city:"包头市",text:"白云鄂博矿区",value:"150206"},{city:"包头市",text:"九原区",value:"150207"},{city:"包头市",text:"土默特右旗",value:"150221"},{city:"包头市",text:"固阳县",value:"150222"},{city:"包头市",text:"达尔罕茂明安联合旗",value:"150223"}],150300:[{city:"乌海市",text:"市辖区",value:"150301"},{city:"乌海市",text:"海勃湾区",value:"150302"},{city:"乌海市",text:"海南区",value:"150303"},{city:"乌海市",text:"乌达区",value:"150304"}],150400:[{city:"赤峰市",text:"市辖区",value:"150401"},{city:"赤峰市",text:"红山区",value:"150402"},{city:"赤峰市",text:"元宝山区",value:"150403"},{city:"赤峰市",text:"松山区",value:"150404"},{city:"赤峰市",text:"阿鲁科尔沁旗",value:"150421"},{city:"赤峰市",text:"巴林左旗",value:"150422"},{city:"赤峰市",text:"巴林右旗",value:"150423"},{city:"赤峰市",text:"林西县",value:"150424"},{city:"赤峰市",text:"克什克腾旗",value:"150425"},{city:"赤峰市",text:"翁牛特旗",value:"150426"},{city:"赤峰市",text:"喀喇沁旗",value:"150428"},{city:"赤峰市",text:"宁城县",value:"150429"},{city:"赤峰市",text:"敖汉旗",value:"150430"}],150500:[{city:"通辽市",text:"市辖区",value:"150501"},{city:"通辽市",text:"科尔沁区",value:"150502"},{city:"通辽市",text:"科尔沁左翼中旗",value:"150521"},{city:"通辽市",text:"科尔沁左翼后旗",value:"150522"},{city:"通辽市",text:"开鲁县",value:"150523"},{city:"通辽市",text:"库伦旗",value:"150524"},{city:"通辽市",text:"奈曼旗",value:"150525"},{city:"通辽市",text:"扎鲁特旗",value:"150526"},{city:"通辽市",text:"霍林郭勒市",value:"150581"}],150600:[{city:"鄂尔多斯市",text:"市辖区",value:"150601"},{city:"鄂尔多斯市",text:"东胜区",value:"150602"},{city:"鄂尔多斯市",text:"康巴什区",value:"150603"},{city:"鄂尔多斯市",text:"达拉特旗",value:"150621"},{city:"鄂尔多斯市",text:"准格尔旗",value:"150622"},{city:"鄂尔多斯市",text:"鄂托克前旗",value:"150623"},{city:"鄂尔多斯市",text:"鄂托克旗",value:"150624"},{city:"鄂尔多斯市",text:"杭锦旗",value:"150625"},{city:"鄂尔多斯市",text:"乌审旗",value:"150626"},{city:"鄂尔多斯市",text:"伊金霍洛旗",value:"150627"}],150700:[{city:"呼伦贝尔市",text:"市辖区",value:"150701"},{city:"呼伦贝尔市",text:"海拉尔区",value:"150702"},{city:"呼伦贝尔市",text:"扎赉诺尔区",value:"150703"},{city:"呼伦贝尔市",text:"阿荣旗",value:"150721"},{city:"呼伦贝尔市",text:"莫力达瓦达斡尔族自治旗",value:"150722"},{city:"呼伦贝尔市",text:"鄂伦春自治旗",value:"150723"},{city:"呼伦贝尔市",text:"鄂温克族自治旗",value:"150724"},{city:"呼伦贝尔市",text:"陈巴尔虎旗",value:"150725"},{city:"呼伦贝尔市",text:"新巴尔虎左旗",value:"150726"},{city:"呼伦贝尔市",text:"新巴尔虎右旗",value:"150727"},{city:"呼伦贝尔市",text:"满洲里市",value:"150781"},{city:"呼伦贝尔市",text:"牙克石市",value:"150782"},{city:"呼伦贝尔市",text:"扎兰屯市",value:"150783"},{city:"呼伦贝尔市",text:"额尔古纳市",value:"150784"},{city:"呼伦贝尔市",text:"根河市",value:"150785"}],150800:[{city:"巴彦淖尔市",text:"市辖区",value:"150801"},{city:"巴彦淖尔市",text:"临河区",value:"150802"},{city:"巴彦淖尔市",text:"五原县",value:"150821"},{city:"巴彦淖尔市",text:"磴口县",value:"150822"},{city:"巴彦淖尔市",text:"乌拉特前旗",value:"150823"},{city:"巴彦淖尔市",text:"乌拉特中旗",value:"150824"},{city:"巴彦淖尔市",text:"乌拉特后旗",value:"150825"},{city:"巴彦淖尔市",text:"杭锦后旗",value:"150826"}],150900:[{city:"乌兰察布市",text:"市辖区",value:"150901"},{city:"乌兰察布市",text:"集宁区",value:"150902"},{city:"乌兰察布市",text:"卓资县",value:"150921"},{city:"乌兰察布市",text:"化德县",value:"150922"},{city:"乌兰察布市",text:"商都县",value:"150923"},{city:"乌兰察布市",text:"兴和县",value:"150924"},{city:"乌兰察布市",text:"凉城县",value:"150925"},{city:"乌兰察布市",text:"察哈尔右翼前旗",value:"150926"},{city:"乌兰察布市",text:"察哈尔右翼中旗",value:"150927"},{city:"乌兰察布市",text:"察哈尔右翼后旗",value:"150928"},{city:"乌兰察布市",text:"四子王旗",value:"150929"},{city:"乌兰察布市",text:"丰镇市",value:"150981"}],152200:[{city:"兴安盟",text:"乌兰浩特市",value:"152201"},{city:"兴安盟",text:"阿尔山市",value:"152202"},{city:"兴安盟",text:"科尔沁右翼前旗",value:"152221"},{city:"兴安盟",text:"科尔沁右翼中旗",value:"152222"},{city:"兴安盟",text:"扎赉特旗",value:"152223"},{city:"兴安盟",text:"突泉县",value:"152224"}],152500:[{city:"锡林郭勒盟",text:"二连浩特市",value:"152501"},{city:"锡林郭勒盟",text:"锡林浩特市",value:"152502"},{city:"锡林郭勒盟",text:"阿巴嘎旗",value:"152522"},{city:"锡林郭勒盟",text:"苏尼特左旗",value:"152523"},{city:"锡林郭勒盟",text:"苏尼特右旗",value:"152524"},{city:"锡林郭勒盟",text:"东乌珠穆沁旗",value:"152525"},{city:"锡林郭勒盟",text:"西乌珠穆沁旗",value:"152526"},{city:"锡林郭勒盟",text:"太仆寺旗",value:"152527"},{city:"锡林郭勒盟",text:"镶黄旗",value:"152528"},{city:"锡林郭勒盟",text:"正镶白旗",value:"152529"},{city:"锡林郭勒盟",text:"正蓝旗",value:"152530"},{city:"锡林郭勒盟",text:"多伦县",value:"152531"}],152900:[{city:"阿拉善盟",text:"阿拉善左旗",value:"152921"},{city:"阿拉善盟",text:"阿拉善右旗",value:"152922"},{city:"阿拉善盟",text:"额济纳旗",value:"152923"}],210100:[{city:"沈阳市",text:"市辖区",value:"210101"},{city:"沈阳市",text:"和平区",value:"210102"},{city:"沈阳市",text:"沈河区",value:"210103"},{city:"沈阳市",text:"大东区",value:"210104"},{city:"沈阳市",text:"皇姑区",value:"210105"},{city:"沈阳市",text:"铁西区",value:"210106"},{city:"沈阳市",text:"苏家屯区",value:"210111"},{city:"沈阳市",text:"浑南区",value:"210112"},{city:"沈阳市",text:"沈北新区",value:"210113"},{city:"沈阳市",text:"于洪区",value:"210114"},{city:"沈阳市",text:"辽中区",value:"210115"},{city:"沈阳市",text:"康平县",value:"210123"},{city:"沈阳市",text:"法库县",value:"210124"},{city:"沈阳市",text:"新民市",value:"210181"}],210200:[{city:"大连市",text:"市辖区",value:"210201"},{city:"大连市",text:"中山区",value:"210202"},{city:"大连市",text:"西岗区",value:"210203"},{city:"大连市",text:"沙河口区",value:"210204"},{city:"大连市",text:"甘井子区",value:"210211"},{city:"大连市",text:"旅顺口区",value:"210212"},{city:"大连市",text:"金州区",value:"210213"},{city:"大连市",text:"普兰店区",value:"210214"},{city:"大连市",text:"长海县",value:"210224"},{city:"大连市",text:"瓦房店市",value:"210281"},{city:"大连市",text:"庄河市",value:"210283"}],210300:[{city:"鞍山市",text:"市辖区",value:"210301"},{city:"鞍山市",text:"铁东区",value:"210302"},{city:"鞍山市",text:"铁西区",value:"210303"},{city:"鞍山市",text:"立山区",value:"210304"},{city:"鞍山市",text:"千山区",value:"210311"},{city:"鞍山市",text:"台安县",value:"210321"},{city:"鞍山市",text:"岫岩满族自治县",value:"210323"},{city:"鞍山市",text:"海城市",value:"210381"}],210400:[{city:"抚顺市",text:"市辖区",value:"210401"},{city:"抚顺市",text:"新抚区",value:"210402"},{city:"抚顺市",text:"东洲区",value:"210403"},{city:"抚顺市",text:"望花区",value:"210404"},{city:"抚顺市",text:"顺城区",value:"210411"},{city:"抚顺市",text:"抚顺县",value:"210421"},{city:"抚顺市",text:"新宾满族自治县",value:"210422"},{city:"抚顺市",text:"清原满族自治县",value:"210423"}],210500:[{city:"本溪市",text:"市辖区",value:"210501"},{city:"本溪市",text:"平山区",value:"210502"},{city:"本溪市",text:"溪湖区",value:"210503"},{city:"本溪市",text:"明山区",value:"210504"},{city:"本溪市",text:"南芬区",value:"210505"},{city:"本溪市",text:"本溪满族自治县",value:"210521"},{city:"本溪市",text:"桓仁满族自治县",value:"210522"}],210600:[{city:"丹东市",text:"市辖区",value:"210601"},{city:"丹东市",text:"元宝区",value:"210602"},{city:"丹东市",text:"振兴区",value:"210603"},{city:"丹东市",text:"振安区",value:"210604"},{city:"丹东市",text:"宽甸满族自治县",value:"210624"},{city:"丹东市",text:"东港市",value:"210681"},{city:"丹东市",text:"凤城市",value:"210682"}],210700:[{city:"锦州市",text:"市辖区",value:"210701"},{city:"锦州市",text:"古塔区",value:"210702"},{city:"锦州市",text:"凌河区",value:"210703"},{city:"锦州市",text:"太和区",value:"210711"},{city:"锦州市",text:"黑山县",value:"210726"},{city:"锦州市",text:"义县",value:"210727"},{city:"锦州市",text:"凌海市",value:"210781"},{city:"锦州市",text:"北镇市",value:"210782"}],210800:[{city:"营口市",text:"市辖区",value:"210801"},{city:"营口市",text:"站前区",value:"210802"},{city:"营口市",text:"西市区",value:"210803"},{city:"营口市",text:"鲅鱼圈区",value:"210804"},{city:"营口市",text:"老边区",value:"210811"},{city:"营口市",text:"盖州市",value:"210881"},{city:"营口市",text:"大石桥市",value:"210882"}],210900:[{city:"阜新市",text:"市辖区",value:"210901"},{city:"阜新市",text:"海州区",value:"210902"},{city:"阜新市",text:"新邱区",value:"210903"},{city:"阜新市",text:"太平区",value:"210904"},{city:"阜新市",text:"清河门区",value:"210905"},{city:"阜新市",text:"细河区",value:"210911"},{city:"阜新市",text:"阜新蒙古族自治县",value:"210921"},{city:"阜新市",text:"彰武县",value:"210922"}],211000:[{city:"辽阳市",text:"市辖区",value:"211001"},{city:"辽阳市",text:"白塔区",value:"211002"},{city:"辽阳市",text:"文圣区",value:"211003"},{city:"辽阳市",text:"宏伟区",value:"211004"},{city:"辽阳市",text:"弓长岭区",value:"211005"},{city:"辽阳市",text:"太子河区",value:"211011"},{city:"辽阳市",text:"辽阳县",value:"211021"},{city:"辽阳市",text:"灯塔市",value:"211081"}],211100:[{city:"盘锦市",text:"市辖区",value:"211101"},{city:"盘锦市",text:"双台子区",value:"211102"},{city:"盘锦市",text:"兴隆台区",value:"211103"},{city:"盘锦市",text:"大洼区",value:"211104"},{city:"盘锦市",text:"盘山县",value:"211122"}],211200:[{city:"铁岭市",text:"市辖区",value:"211201"},{city:"铁岭市",text:"银州区",value:"211202"},{city:"铁岭市",text:"清河区",value:"211204"},{city:"铁岭市",text:"铁岭县",value:"211221"},{city:"铁岭市",text:"西丰县",value:"211223"},{city:"铁岭市",text:"昌图县",value:"211224"},{city:"铁岭市",text:"调兵山市",value:"211281"},{city:"铁岭市",text:"开原市",value:"211282"}],211300:[{city:"朝阳市",text:"市辖区",value:"211301"},{city:"朝阳市",text:"双塔区",value:"211302"},{city:"朝阳市",text:"龙城区",value:"211303"},{city:"朝阳市",text:"朝阳县",value:"211321"},{city:"朝阳市",text:"建平县",value:"211322"},{city:"朝阳市",text:"喀喇沁左翼蒙古族自治县",value:"211324"},{city:"朝阳市",text:"北票市",value:"211381"},{city:"朝阳市",text:"凌源市",value:"211382"}],211400:[{city:"葫芦岛市",text:"市辖区",value:"211401"},{city:"葫芦岛市",text:"连山区",value:"211402"},{city:"葫芦岛市",text:"龙港区",value:"211403"},{city:"葫芦岛市",text:"南票区",value:"211404"},{city:"葫芦岛市",text:"绥中县",value:"211421"},{city:"葫芦岛市",text:"建昌县",value:"211422"},{city:"葫芦岛市",text:"兴城市",value:"211481"}],220100:[{city:"长春市",text:"市辖区",value:"220101"},{city:"长春市",text:"南关区",value:"220102"},{city:"长春市",text:"宽城区",value:"220103"},{city:"长春市",text:"朝阳区",value:"220104"},{city:"长春市",text:"二道区",value:"220105"},{city:"长春市",text:"绿园区",value:"220106"},{city:"长春市",text:"双阳区",value:"220112"},{city:"长春市",text:"九台区",value:"220113"},{city:"长春市",text:"农安县",value:"220122"},{city:"长春市",text:"榆树市",value:"220182"},{city:"长春市",text:"德惠市",value:"220183"}],220200:[{city:"吉林市",text:"市辖区",value:"220201"},{city:"吉林市",text:"昌邑区",value:"220202"},{city:"吉林市",text:"龙潭区",value:"220203"},{city:"吉林市",text:"船营区",value:"220204"},{city:"吉林市",text:"丰满区",value:"220211"},{city:"吉林市",text:"永吉县",value:"220221"},{city:"吉林市",text:"蛟河市",value:"220281"},{city:"吉林市",text:"桦甸市",value:"220282"},{city:"吉林市",text:"舒兰市",value:"220283"},{city:"吉林市",text:"磐石市",value:"220284"}],220300:[{city:"四平市",text:"市辖区",value:"220301"},{city:"四平市",text:"铁西区",value:"220302"},{city:"四平市",text:"铁东区",value:"220303"},{city:"四平市",text:"梨树县",value:"220322"},{city:"四平市",text:"伊通满族自治县",value:"220323"},{city:"四平市",text:"公主岭市",value:"220381"},{city:"四平市",text:"双辽市",value:"220382"}],220400:[{city:"辽源市",text:"市辖区",value:"220401"},{city:"辽源市",text:"龙山区",value:"220402"},{city:"辽源市",text:"西安区",value:"220403"},{city:"辽源市",text:"东丰县",value:"220421"},{city:"辽源市",text:"东辽县",value:"220422"}],220500:[{city:"通化市",text:"市辖区",value:"220501"},{city:"通化市",text:"东昌区",value:"220502"},{city:"通化市",text:"二道江区",value:"220503"},{city:"通化市",text:"通化县",value:"220521"},{city:"通化市",text:"辉南县",value:"220523"},{city:"通化市",text:"柳河县",value:"220524"},{city:"通化市",text:"梅河口市",value:"220581"},{city:"通化市",text:"集安市",value:"220582"}],220600:[{city:"白山市",text:"市辖区",value:"220601"},{city:"白山市",text:"浑江区",value:"220602"},{city:"白山市",text:"江源区",value:"220605"},{city:"白山市",text:"抚松县",value:"220621"},{city:"白山市",text:"靖宇县",value:"220622"},{city:"白山市",text:"长白朝鲜族自治县",value:"220623"},{city:"白山市",text:"临江市",value:"220681"}],220700:[{city:"松原市",text:"市辖区",value:"220701"},{city:"松原市",text:"宁江区",value:"220702"},{city:"松原市",text:"前郭尔罗斯蒙古族自治县",value:"220721"},{city:"松原市",text:"长岭县",value:"220722"},{city:"松原市",text:"乾安县",value:"220723"},{city:"松原市",text:"扶余市",value:"220781"}],220800:[{city:"白城市",text:"市辖区",value:"220801"},{city:"白城市",text:"洮北区",value:"220802"},{city:"白城市",text:"镇赉县",value:"220821"},{city:"白城市",text:"通榆县",value:"220822"},{city:"白城市",text:"洮南市",value:"220881"},{city:"白城市",text:"大安市",value:"220882"}],222400:[{city:"延边朝鲜族自治州",text:"延吉市",value:"222401"},{city:"延边朝鲜族自治州",text:"图们市",value:"222402"},{city:"延边朝鲜族自治州",text:"敦化市",value:"222403"},{city:"延边朝鲜族自治州",text:"珲春市",value:"222404"},{city:"延边朝鲜族自治州",text:"龙井市",value:"222405"},{city:"延边朝鲜族自治州",text:"和龙市",value:"222406"},{city:"延边朝鲜族自治州",text:"汪清县",value:"222424"},{city:"延边朝鲜族自治州",text:"安图县",value:"222426"}],230100:[{city:"哈尔滨市",text:"市辖区",value:"230101"},{city:"哈尔滨市",text:"道里区",value:"230102"},{city:"哈尔滨市",text:"南岗区",value:"230103"},{city:"哈尔滨市",text:"道外区",value:"230104"},{city:"哈尔滨市",text:"平房区",value:"230108"},{city:"哈尔滨市",text:"松北区",value:"230109"},{city:"哈尔滨市",text:"香坊区",value:"230110"},{city:"哈尔滨市",text:"呼兰区",value:"230111"},{city:"哈尔滨市",text:"阿城区",value:"230112"},{city:"哈尔滨市",text:"双城区",value:"230113"},{city:"哈尔滨市",text:"依兰县",value:"230123"},{city:"哈尔滨市",text:"方正县",value:"230124"},{city:"哈尔滨市",text:"宾县",value:"230125"},{city:"哈尔滨市",text:"巴彦县",value:"230126"},{city:"哈尔滨市",text:"木兰县",value:"230127"},{city:"哈尔滨市",text:"通河县",value:"230128"},{city:"哈尔滨市",text:"延寿县",value:"230129"},{city:"哈尔滨市",text:"尚志市",value:"230183"},{city:"哈尔滨市",text:"五常市",value:"230184"}],230200:[{city:"齐齐哈尔市",text:"市辖区",value:"230201"},{city:"齐齐哈尔市",text:"龙沙区",value:"230202"},{city:"齐齐哈尔市",text:"建华区",value:"230203"},{city:"齐齐哈尔市",text:"铁锋区",value:"230204"},{city:"齐齐哈尔市",text:"昂昂溪区",value:"230205"},{city:"齐齐哈尔市",text:"富拉尔基区",value:"230206"},{city:"齐齐哈尔市",text:"碾子山区",value:"230207"},{city:"齐齐哈尔市",text:"梅里斯达斡尔族区",value:"230208"},{city:"齐齐哈尔市",text:"龙江县",value:"230221"},{city:"齐齐哈尔市",text:"依安县",value:"230223"},{city:"齐齐哈尔市",text:"泰来县",value:"230224"},{city:"齐齐哈尔市",text:"甘南县",value:"230225"},{city:"齐齐哈尔市",text:"富裕县",value:"230227"},{city:"齐齐哈尔市",text:"克山县",value:"230229"},{city:"齐齐哈尔市",text:"克东县",value:"230230"},{city:"齐齐哈尔市",text:"拜泉县",value:"230231"},{city:"齐齐哈尔市",text:"讷河市",value:"230281"}],230300:[{city:"鸡西市",text:"市辖区",value:"230301"},{city:"鸡西市",text:"鸡冠区",value:"230302"},{city:"鸡西市",text:"恒山区",value:"230303"},{city:"鸡西市",text:"滴道区",value:"230304"},{city:"鸡西市",text:"梨树区",value:"230305"},{city:"鸡西市",text:"城子河区",value:"230306"},{city:"鸡西市",text:"麻山区",value:"230307"},{city:"鸡西市",text:"鸡东县",value:"230321"},{city:"鸡西市",text:"虎林市",value:"230381"},{city:"鸡西市",text:"密山市",value:"230382"}],230400:[{city:"鹤岗市",text:"市辖区",value:"230401"},{city:"鹤岗市",text:"向阳区",value:"230402"},{city:"鹤岗市",text:"工农区",value:"230403"},{city:"鹤岗市",text:"南山区",value:"230404"},{city:"鹤岗市",text:"兴安区",value:"230405"},{city:"鹤岗市",text:"东山区",value:"230406"},{city:"鹤岗市",text:"兴山区",value:"230407"},{city:"鹤岗市",text:"萝北县",value:"230421"},{city:"鹤岗市",text:"绥滨县",value:"230422"}],230500:[{city:"双鸭山市",text:"市辖区",value:"230501"},{city:"双鸭山市",text:"尖山区",value:"230502"},{city:"双鸭山市",text:"岭东区",value:"230503"},{city:"双鸭山市",text:"四方台区",value:"230505"},{city:"双鸭山市",text:"宝山区",value:"230506"},{city:"双鸭山市",text:"集贤县",value:"230521"},{city:"双鸭山市",text:"友谊县",value:"230522"},{city:"双鸭山市",text:"宝清县",value:"230523"},{city:"双鸭山市",text:"饶河县",value:"230524"}],230600:[{city:"大庆市",text:"市辖区",value:"230601"},{city:"大庆市",text:"萨尔图区",value:"230602"},{city:"大庆市",text:"龙凤区",value:"230603"},{city:"大庆市",text:"让胡路区",value:"230604"},{city:"大庆市",text:"红岗区",value:"230605"},{city:"大庆市",text:"大同区",value:"230606"},{city:"大庆市",text:"肇州县",value:"230621"},{city:"大庆市",text:"肇源县",value:"230622"},{city:"大庆市",text:"林甸县",value:"230623"},{city:"大庆市",text:"杜尔伯特蒙古族自治县",value:"230624"}],230700:[{city:"伊春市",text:"市辖区",value:"230701"},{city:"伊春市",text:"伊春区",value:"230702"},{city:"伊春市",text:"南岔区",value:"230703"},{city:"伊春市",text:"友好区",value:"230704"},{city:"伊春市",text:"西林区",value:"230705"},{city:"伊春市",text:"翠峦区",value:"230706"},{city:"伊春市",text:"新青区",value:"230707"},{city:"伊春市",text:"美溪区",value:"230708"},{city:"伊春市",text:"金山屯区",value:"230709"},{city:"伊春市",text:"五营区",value:"230710"},{city:"伊春市",text:"乌马河区",value:"230711"},{city:"伊春市",text:"汤旺河区",value:"230712"},{city:"伊春市",text:"带岭区",value:"230713"},{city:"伊春市",text:"乌伊岭区",value:"230714"},{city:"伊春市",text:"红星区",value:"230715"},{city:"伊春市",text:"上甘岭区",value:"230716"},{city:"伊春市",text:"嘉荫县",value:"230722"},{city:"伊春市",text:"铁力市",value:"230781"}],230800:[{city:"佳木斯市",text:"市辖区",value:"230801"},{city:"佳木斯市",text:"向阳区",value:"230803"},{city:"佳木斯市",text:"前进区",value:"230804"},{city:"佳木斯市",text:"东风区",value:"230805"},{city:"佳木斯市",text:"郊区",value:"230811"},{city:"佳木斯市",text:"桦南县",value:"230822"},{city:"佳木斯市",text:"桦川县",value:"230826"},{city:"佳木斯市",text:"汤原县",value:"230828"},{city:"佳木斯市",text:"同江市",value:"230881"},{city:"佳木斯市",text:"富锦市",value:"230882"},{city:"佳木斯市",text:"抚远市",value:"230883"}],230900:[{city:"七台河市",text:"市辖区",value:"230901"},{city:"七台河市",text:"新兴区",value:"230902"},{city:"七台河市",text:"桃山区",value:"230903"},{city:"七台河市",text:"茄子河区",value:"230904"},{city:"七台河市",text:"勃利县",value:"230921"}],231000:[{city:"牡丹江市",text:"市辖区",value:"231001"},{city:"牡丹江市",text:"东安区",value:"231002"},{city:"牡丹江市",text:"阳明区",value:"231003"},{city:"牡丹江市",text:"爱民区",value:"231004"},{city:"牡丹江市",text:"西安区",value:"231005"},{city:"牡丹江市",text:"林口县",value:"231025"},{city:"牡丹江市",text:"绥芬河市",value:"231081"},{city:"牡丹江市",text:"海林市",value:"231083"},{city:"牡丹江市",text:"宁安市",value:"231084"},{city:"牡丹江市",text:"穆棱市",value:"231085"},{city:"牡丹江市",text:"东宁市",value:"231086"}],231100:[{city:"黑河市",text:"市辖区",value:"231101"},{city:"黑河市",text:"爱辉区",value:"231102"},{city:"黑河市",text:"嫩江县",value:"231121"},{city:"黑河市",text:"逊克县",value:"231123"},{city:"黑河市",text:"孙吴县",value:"231124"},{city:"黑河市",text:"北安市",value:"231181"},{city:"黑河市",text:"五大连池市",value:"231182"}],231200:[{city:"绥化市",text:"市辖区",value:"231201"},{city:"绥化市",text:"北林区",value:"231202"},{city:"绥化市",text:"望奎县",value:"231221"},{city:"绥化市",text:"兰西县",value:"231222"},{city:"绥化市",text:"青冈县",value:"231223"},{city:"绥化市",text:"庆安县",value:"231224"},{city:"绥化市",text:"明水县",value:"231225"},{city:"绥化市",text:"绥棱县",value:"231226"},{city:"绥化市",text:"安达市",value:"231281"},{city:"绥化市",text:"肇东市",value:"231282"},{city:"绥化市",text:"海伦市",value:"231283"}],232700:[{city:"大兴安岭地区",text:"呼玛县",value:"232721"},{city:"大兴安岭地区",text:"塔河县",value:"232722"},{city:"大兴安岭地区",text:"漠河县",value:"232723"}],310100:[{city:"市辖区",text:"黄浦区",value:"310101"},{city:"市辖区",text:"徐汇区",value:"310104"},{city:"市辖区",text:"长宁区",value:"310105"},{city:"市辖区",text:"静安区",value:"310106"},{city:"市辖区",text:"普陀区",value:"310107"},{city:"市辖区",text:"虹口区",value:"310109"},{city:"市辖区",text:"杨浦区",value:"310110"},{city:"市辖区",text:"闵行区",value:"310112"},{city:"市辖区",text:"宝山区",value:"310113"},{city:"市辖区",text:"嘉定区",value:"310114"},{city:"市辖区",text:"浦东新区",value:"310115"},{city:"市辖区",text:"金山区",value:"310116"},{city:"市辖区",text:"松江区",value:"310117"},{city:"市辖区",text:"青浦区",value:"310118"},{city:"市辖区",text:"奉贤区",value:"310120"},{city:"市辖区",text:"崇明区",value:"310151"}],320100:[{city:"南京市",text:"市辖区",value:"320101"},{city:"南京市",text:"玄武区",value:"320102"},{city:"南京市",text:"秦淮区",value:"320104"},{city:"南京市",text:"建邺区",value:"320105"},{city:"南京市",text:"鼓楼区",value:"320106"},{city:"南京市",text:"浦口区",value:"320111"},{city:"南京市",text:"栖霞区",value:"320113"},{city:"南京市",text:"雨花台区",value:"320114"},{city:"南京市",text:"江宁区",value:"320115"},{city:"南京市",text:"六合区",value:"320116"},{city:"南京市",text:"溧水区",value:"320117"},{city:"南京市",text:"高淳区",value:"320118"}],320200:[{city:"无锡市",text:"市辖区",value:"320201"},{city:"无锡市",text:"锡山区",value:"320205"},{city:"无锡市",text:"惠山区",value:"320206"},{city:"无锡市",text:"滨湖区",value:"320211"},{city:"无锡市",text:"梁溪区",value:"320213"},{city:"无锡市",text:"新吴区",value:"320214"},{city:"无锡市",text:"江阴市",value:"320281"},{city:"无锡市",text:"宜兴市",value:"320282"}],320300:[{city:"徐州市",text:"市辖区",value:"320301"},{city:"徐州市",text:"鼓楼区",value:"320302"},{city:"徐州市",text:"云龙区",value:"320303"},{city:"徐州市",text:"贾汪区",value:"320305"},{city:"徐州市",text:"泉山区",value:"320311"},{city:"徐州市",text:"铜山区",value:"320312"},{city:"徐州市",text:"丰县",value:"320321"},{city:"徐州市",text:"沛县",value:"320322"},{city:"徐州市",text:"睢宁县",value:"320324"},{city:"徐州市",text:"新沂市",value:"320381"},{city:"徐州市",text:"邳州市",value:"320382"}],320400:[{city:"常州市",text:"市辖区",value:"320401"},{city:"常州市",text:"天宁区",value:"320402"},{city:"常州市",text:"钟楼区",value:"320404"},{city:"常州市",text:"新北区",value:"320411"},{city:"常州市",text:"武进区",value:"320412"},{city:"常州市",text:"金坛区",value:"320413"},{city:"常州市",text:"溧阳市",value:"320481"}],320500:[{city:"苏州市",text:"市辖区",value:"320501"},{city:"苏州市",text:"虎丘区",value:"320505"},{city:"苏州市",text:"吴中区",value:"320506"},{city:"苏州市",text:"相城区",value:"320507"},{city:"苏州市",text:"姑苏区",value:"320508"},{city:"苏州市",text:"吴江区",value:"320509"},{city:"苏州市",text:"常熟市",value:"320581"},{city:"苏州市",text:"张家港市",value:"320582"},{city:"苏州市",text:"昆山市",value:"320583"},{city:"苏州市",text:"太仓市",value:"320585"}],320600:[{city:"南通市",text:"市辖区",value:"320601"},{city:"南通市",text:"崇川区",value:"320602"},{city:"南通市",text:"港闸区",value:"320611"},{city:"南通市",text:"通州区",value:"320612"},{city:"南通市",text:"海安县",value:"320621"},{city:"南通市",text:"如东县",value:"320623"},{city:"南通市",text:"启东市",value:"320681"},{city:"南通市",text:"如皋市",value:"320682"},{city:"南通市",text:"海门市",value:"320684"}],320700:[{city:"连云港市",text:"市辖区",value:"320701"},{city:"连云港市",text:"连云区",value:"320703"},{city:"连云港市",text:"海州区",value:"320706"},{city:"连云港市",text:"赣榆区",value:"320707"},{city:"连云港市",text:"东海县",value:"320722"},{city:"连云港市",text:"灌云县",value:"320723"},{city:"连云港市",text:"灌南县",value:"320724"}],320800:[{city:"淮安市",text:"市辖区",value:"320801"},{city:"淮安市",text:"淮安区",value:"320803"},{city:"淮安市",text:"淮阴区",value:"320804"},{city:"淮安市",text:"清江浦区",value:"320812"},{city:"淮安市",text:"洪泽区",value:"320813"},{city:"淮安市",text:"涟水县",value:"320826"},{city:"淮安市",text:"盱眙县",value:"320830"},{city:"淮安市",text:"金湖县",value:"320831"}],320900:[{city:"盐城市",text:"市辖区",value:"320901"},{city:"盐城市",text:"亭湖区",value:"320902"},{city:"盐城市",text:"盐都区",value:"320903"},{city:"盐城市",text:"大丰区",value:"320904"},{city:"盐城市",text:"响水县",value:"320921"},{city:"盐城市",text:"滨海县",value:"320922"},{city:"盐城市",text:"阜宁县",value:"320923"},{city:"盐城市",text:"射阳县",value:"320924"},{city:"盐城市",text:"建湖县",value:"320925"},{city:"盐城市",text:"东台市",value:"320981"}],321000:[{city:"扬州市",text:"市辖区",value:"321001"},{city:"扬州市",text:"广陵区",value:"321002"},{city:"扬州市",text:"邗江区",value:"321003"},{city:"扬州市",text:"江都区",value:"321012"},{city:"扬州市",text:"宝应县",value:"321023"},{city:"扬州市",text:"仪征市",value:"321081"},{city:"扬州市",text:"高邮市",value:"321084"}],321100:[{city:"镇江市",text:"市辖区",value:"321101"},{city:"镇江市",text:"京口区",value:"321102"},{city:"镇江市",text:"润州区",value:"321111"},{city:"镇江市",text:"丹徒区",value:"321112"},{city:"镇江市",text:"丹阳市",value:"321181"},{city:"镇江市",text:"扬中市",value:"321182"},{city:"镇江市",text:"句容市",value:"321183"}],321200:[{city:"泰州市",text:"市辖区",value:"321201"},{city:"泰州市",text:"海陵区",value:"321202"},{city:"泰州市",text:"高港区",value:"321203"},{city:"泰州市",text:"姜堰区",value:"321204"},{city:"泰州市",text:"兴化市",value:"321281"},{city:"泰州市",text:"靖江市",value:"321282"},{city:"泰州市",text:"泰兴市",value:"321283"}],321300:[{city:"宿迁市",text:"市辖区",value:"321301"},{city:"宿迁市",text:"宿城区",value:"321302"},{city:"宿迁市",text:"宿豫区",value:"321311"},{city:"宿迁市",text:"沭阳县",value:"321322"},{city:"宿迁市",text:"泗阳县",value:"321323"},{city:"宿迁市",text:"泗洪县",value:"321324"}],330100:[{city:"杭州市",text:"市辖区",value:"330101"},{city:"杭州市",text:"上城区",value:"330102"},{city:"杭州市",text:"下城区",value:"330103"},{city:"杭州市",text:"江干区",value:"330104"},{city:"杭州市",text:"拱墅区",value:"330105"},{city:"杭州市",text:"西湖区",value:"330106"},{city:"杭州市",text:"滨江区",value:"330108"},{city:"杭州市",text:"萧山区",value:"330109"},{city:"杭州市",text:"余杭区",value:"330110"},{city:"杭州市",text:"富阳区",value:"330111"},{city:"杭州市",text:"桐庐县",value:"330122"},{city:"杭州市",text:"淳安县",value:"330127"},{city:"杭州市",text:"建德市",value:"330182"},{city:"杭州市",text:"临安市",value:"330185"}],330200:[{city:"宁波市",text:"市辖区",value:"330201"},{city:"宁波市",text:"海曙区",value:"330203"},{city:"宁波市",text:"江东区",value:"330204"},{city:"宁波市",text:"江北区",value:"330205"},{city:"宁波市",text:"北仑区",value:"330206"},{city:"宁波市",text:"镇海区",value:"330211"},{city:"宁波市",text:"鄞州区",value:"330212"},{city:"宁波市",text:"象山县",value:"330225"},{city:"宁波市",text:"宁海县",value:"330226"},{city:"宁波市",text:"余姚市",value:"330281"},{city:"宁波市",text:"慈溪市",value:"330282"},{city:"宁波市",text:"奉化市",value:"330283"}],330300:[{city:"温州市",text:"市辖区",value:"330301"},{city:"温州市",text:"鹿城区",value:"330302"},{city:"温州市",text:"龙湾区",value:"330303"},{city:"温州市",text:"瓯海区",value:"330304"},{city:"温州市",text:"洞头区",value:"330305"},{city:"温州市",text:"永嘉县",value:"330324"},{city:"温州市",text:"平阳县",value:"330326"},{city:"温州市",text:"苍南县",value:"330327"},{city:"温州市",text:"文成县",value:"330328"},{city:"温州市",text:"泰顺县",value:"330329"},{city:"温州市",text:"瑞安市",value:"330381"},{city:"温州市",text:"乐清市",value:"330382"}],330400:[{city:"嘉兴市",text:"市辖区",value:"330401"},{city:"嘉兴市",text:"南湖区",value:"330402"},{city:"嘉兴市",text:"秀洲区",value:"330411"},{city:"嘉兴市",text:"嘉善县",value:"330421"},{city:"嘉兴市",text:"海盐县",value:"330424"},{city:"嘉兴市",text:"海宁市",value:"330481"},{city:"嘉兴市",text:"平湖市",value:"330482"},{city:"嘉兴市",text:"桐乡市",value:"330483"}],330500:[{city:"湖州市",text:"市辖区",value:"330501"},{city:"湖州市",text:"吴兴区",value:"330502"},{city:"湖州市",text:"南浔区",value:"330503"},{city:"湖州市",text:"德清县",value:"330521"},{city:"湖州市",text:"长兴县",value:"330522"},{city:"湖州市",text:"安吉县",value:"330523"}],330600:[{city:"绍兴市",text:"市辖区",value:"330601"},{city:"绍兴市",text:"越城区",value:"330602"},{city:"绍兴市",text:"柯桥区",value:"330603"},{city:"绍兴市",text:"上虞区",value:"330604"},{city:"绍兴市",text:"新昌县",value:"330624"},{city:"绍兴市",text:"诸暨市",value:"330681"},{city:"绍兴市",text:"嵊州市",value:"330683"}],330700:[{city:"金华市",text:"市辖区",value:"330701"},{city:"金华市",text:"婺城区",value:"330702"},{city:"金华市",text:"金东区",value:"330703"},{city:"金华市",text:"武义县",value:"330723"},{city:"金华市",text:"浦江县",value:"330726"},{city:"金华市",text:"磐安县",value:"330727"},{city:"金华市",text:"兰溪市",value:"330781"},{city:"金华市",text:"义乌市",value:"330782"},{city:"金华市",text:"东阳市",value:"330783"},{city:"金华市",text:"永康市",value:"330784"}],330800:[{city:"衢州市",text:"市辖区",value:"330801"},{city:"衢州市",text:"柯城区",value:"330802"},{city:"衢州市",text:"衢江区",value:"330803"},{city:"衢州市",text:"常山县",value:"330822"},{city:"衢州市",text:"开化县",value:"330824"},{city:"衢州市",text:"龙游县",value:"330825"},{city:"衢州市",text:"江山市",value:"330881"}],330900:[{city:"舟山市",text:"市辖区",value:"330901"},{city:"舟山市",text:"定海区",value:"330902"},{city:"舟山市",text:"普陀区",value:"330903"},{city:"舟山市",text:"岱山县",value:"330921"},{city:"舟山市",text:"嵊泗县",value:"330922"}],331000:[{city:"台州市",text:"市辖区",value:"331001"},{city:"台州市",text:"椒江区",value:"331002"},{city:"台州市",text:"黄岩区",value:"331003"},{city:"台州市",text:"路桥区",value:"331004"},{city:"台州市",text:"玉环县",value:"331021"},{city:"台州市",text:"三门县",value:"331022"},{city:"台州市",text:"天台县",value:"331023"},{city:"台州市",text:"仙居县",value:"331024"},{city:"台州市",text:"温岭市",value:"331081"},{city:"台州市",text:"临海市",value:"331082"}],331100:[{city:"丽水市",text:"市辖区",value:"331101"},{city:"丽水市",text:"莲都区",value:"331102"},{city:"丽水市",text:"青田县",value:"331121"},{city:"丽水市",text:"缙云县",value:"331122"},{city:"丽水市",text:"遂昌县",value:"331123"},{city:"丽水市",text:"松阳县",value:"331124"},{city:"丽水市",text:"云和县",value:"331125"},{city:"丽水市",text:"庆元县",value:"331126"},{city:"丽水市",text:"景宁畲族自治县",value:"331127"},{city:"丽水市",text:"龙泉市",value:"331181"}],340100:[{city:"合肥市",text:"市辖区",value:"340101"},{city:"合肥市",text:"瑶海区",value:"340102"},{city:"合肥市",text:"庐阳区",value:"340103"},{city:"合肥市",text:"蜀山区",value:"340104"},{city:"合肥市",text:"包河区",value:"340111"},{city:"合肥市",text:"长丰县",value:"340121"},{city:"合肥市",text:"肥东县",value:"340122"},{city:"合肥市",text:"肥西县",value:"340123"},{city:"合肥市",text:"庐江县",value:"340124"},{city:"合肥市",text:"巢湖市",value:"340181"}],340200:[{city:"芜湖市",text:"市辖区",value:"340201"},{city:"芜湖市",text:"镜湖区",value:"340202"},{city:"芜湖市",text:"弋江区",value:"340203"},{city:"芜湖市",text:"鸠江区",value:"340207"},{city:"芜湖市",text:"三山区",value:"340208"},{city:"芜湖市",text:"芜湖县",value:"340221"},{city:"芜湖市",text:"繁昌县",value:"340222"},{city:"芜湖市",text:"南陵县",value:"340223"},{city:"芜湖市",text:"无为县",value:"340225"}],340300:[{city:"蚌埠市",text:"市辖区",value:"340301"},{city:"蚌埠市",text:"龙子湖区",value:"340302"},{city:"蚌埠市",text:"蚌山区",value:"340303"},{city:"蚌埠市",text:"禹会区",value:"340304"},{city:"蚌埠市",text:"淮上区",value:"340311"},{city:"蚌埠市",text:"怀远县",value:"340321"},{city:"蚌埠市",text:"五河县",value:"340322"},{city:"蚌埠市",text:"固镇县",value:"340323"}],340400:[{city:"淮南市",text:"市辖区",value:"340401"},{city:"淮南市",text:"大通区",value:"340402"},{city:"淮南市",text:"田家庵区",value:"340403"},{city:"淮南市",text:"谢家集区",value:"340404"},{city:"淮南市",text:"八公山区",value:"340405"},{city:"淮南市",text:"潘集区",value:"340406"},{city:"淮南市",text:"凤台县",value:"340421"},{city:"淮南市",text:"寿县",value:"340422"}],340500:[{city:"马鞍山市",text:"市辖区",value:"340501"},{city:"马鞍山市",text:"花山区",value:"340503"},{city:"马鞍山市",text:"雨山区",value:"340504"},{city:"马鞍山市",text:"博望区",value:"340506"},{city:"马鞍山市",text:"当涂县",value:"340521"},{city:"马鞍山市",text:"含山县",value:"340522"},{city:"马鞍山市",text:"和县",value:"340523"}],340600:[{city:"淮北市",text:"市辖区",value:"340601"},{city:"淮北市",text:"杜集区",value:"340602"},{city:"淮北市",text:"相山区",value:"340603"},{city:"淮北市",text:"烈山区",value:"340604"},{city:"淮北市",text:"濉溪县",value:"340621"}],340700:[{city:"铜陵市",text:"市辖区",value:"340701"},{city:"铜陵市",text:"铜官区",value:"340705"},{city:"铜陵市",text:"义安区",value:"340706"},{city:"铜陵市",text:"郊区",value:"340711"},{city:"铜陵市",text:"枞阳县",value:"340722"}],340800:[{city:"安庆市",text:"市辖区",value:"340801"},{city:"安庆市",text:"迎江区",value:"340802"},{city:"安庆市",text:"大观区",value:"340803"},{city:"安庆市",text:"宜秀区",value:"340811"},{city:"安庆市",text:"怀宁县",value:"340822"},{city:"安庆市",text:"潜山县",value:"340824"},{city:"安庆市",text:"太湖县",value:"340825"},{city:"安庆市",text:"宿松县",value:"340826"},{city:"安庆市",text:"望江县",value:"340827"},{city:"安庆市",text:"岳西县",value:"340828"},{city:"安庆市",text:"桐城市",value:"340881"}],341000:[{city:"黄山市",text:"市辖区",value:"341001"},{city:"黄山市",text:"屯溪区",value:"341002"},{city:"黄山市",text:"黄山区",value:"341003"},{city:"黄山市",text:"徽州区",value:"341004"},{city:"黄山市",text:"歙县",value:"341021"},{city:"黄山市",text:"休宁县",value:"341022"},{city:"黄山市",text:"黟县",value:"341023"},{city:"黄山市",text:"祁门县",value:"341024"}],341100:[{city:"滁州市",text:"市辖区",value:"341101"},{city:"滁州市",text:"琅琊区",value:"341102"},{city:"滁州市",text:"南谯区",value:"341103"},{city:"滁州市",text:"来安县",value:"341122"},{city:"滁州市",text:"全椒县",value:"341124"},{city:"滁州市",text:"定远县",value:"341125"},{city:"滁州市",text:"凤阳县",value:"341126"},{city:"滁州市",text:"天长市",value:"341181"},{city:"滁州市",text:"明光市",value:"341182"}],341200:[{city:"阜阳市",text:"市辖区",value:"341201"},{city:"阜阳市",text:"颍州区",value:"341202"},{city:"阜阳市",text:"颍东区",value:"341203"},{city:"阜阳市",text:"颍泉区",value:"341204"},{city:"阜阳市",text:"临泉县",value:"341221"},{city:"阜阳市",text:"太和县",value:"341222"},{city:"阜阳市",text:"阜南县",value:"341225"},{city:"阜阳市",text:"颍上县",value:"341226"},{city:"阜阳市",text:"界首市",value:"341282"}],341300:[{city:"宿州市",text:"市辖区",value:"341301"},{city:"宿州市",text:"埇桥区",value:"341302"},{city:"宿州市",text:"砀山县",value:"341321"},{city:"宿州市",text:"萧县",value:"341322"},{city:"宿州市",text:"灵璧县",value:"341323"},{city:"宿州市",text:"泗县",value:"341324"}],341500:[{city:"六安市",text:"市辖区",value:"341501"},{city:"六安市",text:"金安区",value:"341502"},{city:"六安市",text:"裕安区",value:"341503"},{city:"六安市",text:"叶集区",value:"341504"},{city:"六安市",text:"霍邱县",value:"341522"},{city:"六安市",text:"舒城县",value:"341523"},{city:"六安市",text:"金寨县",value:"341524"},{city:"六安市",text:"霍山县",value:"341525"}],341600:[{city:"亳州市",text:"市辖区",value:"341601"},{city:"亳州市",text:"谯城区",value:"341602"},{city:"亳州市",text:"涡阳县",value:"341621"},{city:"亳州市",text:"蒙城县",value:"341622"},{city:"亳州市",text:"利辛县",value:"341623"}],341700:[{city:"池州市",text:"市辖区",value:"341701"},{city:"池州市",text:"贵池区",value:"341702"},{city:"池州市",text:"东至县",value:"341721"},{city:"池州市",text:"石台县",value:"341722"},{city:"池州市",text:"青阳县",value:"341723"}],341800:[{city:"宣城市",text:"市辖区",value:"341801"},{city:"宣城市",text:"宣州区",value:"341802"},{city:"宣城市",text:"郎溪县",value:"341821"},{city:"宣城市",text:"广德县",value:"341822"},{city:"宣城市",text:"泾县",value:"341823"},{city:"宣城市",text:"绩溪县",value:"341824"},{city:"宣城市",text:"旌德县",value:"341825"},{city:"宣城市",text:"宁国市",value:"341881"}],350100:[{city:"福州市",text:"市辖区",value:"350101"},{city:"福州市",text:"鼓楼区",value:"350102"},{city:"福州市",text:"台江区",value:"350103"},{city:"福州市",text:"仓山区",value:"350104"},{city:"福州市",text:"马尾区",value:"350105"},{city:"福州市",text:"晋安区",value:"350111"},{city:"福州市",text:"闽侯县",value:"350121"},{city:"福州市",text:"连江县",value:"350122"},{city:"福州市",text:"罗源县",value:"350123"},{city:"福州市",text:"闽清县",value:"350124"},{city:"福州市",text:"永泰县",value:"350125"},{city:"福州市",text:"平潭县",value:"350128"},{city:"福州市",text:"福清市",value:"350181"},{city:"福州市",text:"长乐市",value:"350182"}],350200:[{city:"厦门市",text:"市辖区",value:"350201"},{city:"厦门市",text:"思明区",value:"350203"},{city:"厦门市",text:"海沧区",value:"350205"},{city:"厦门市",text:"湖里区",value:"350206"},{city:"厦门市",text:"集美区",value:"350211"},{city:"厦门市",text:"同安区",value:"350212"},{city:"厦门市",text:"翔安区",value:"350213"}],350300:[{city:"莆田市",text:"市辖区",value:"350301"},{city:"莆田市",text:"城厢区",value:"350302"},{city:"莆田市",text:"涵江区",value:"350303"},{city:"莆田市",text:"荔城区",value:"350304"},{city:"莆田市",text:"秀屿区",value:"350305"},{city:"莆田市",text:"仙游县",value:"350322"}],350400:[{city:"三明市",text:"市辖区",value:"350401"},{city:"三明市",text:"梅列区",value:"350402"},{city:"三明市",text:"三元区",value:"350403"},{city:"三明市",text:"明溪县",value:"350421"},{city:"三明市",text:"清流县",value:"350423"},{city:"三明市",text:"宁化县",value:"350424"},{city:"三明市",text:"大田县",value:"350425"},{city:"三明市",text:"尤溪县",value:"350426"},{city:"三明市",text:"沙县",value:"350427"},{city:"三明市",text:"将乐县",value:"350428"},{city:"三明市",text:"泰宁县",value:"350429"},{city:"三明市",text:"建宁县",value:"350430"},{city:"三明市",text:"永安市",value:"350481"}],350500:[{city:"泉州市",text:"市辖区",value:"350501"},{city:"泉州市",text:"鲤城区",value:"350502"},{city:"泉州市",text:"丰泽区",value:"350503"},{city:"泉州市",text:"洛江区",value:"350504"},{city:"泉州市",text:"泉港区",value:"350505"},{city:"泉州市",text:"惠安县",value:"350521"},{city:"泉州市",text:"安溪县",value:"350524"},{city:"泉州市",text:"永春县",value:"350525"},{city:"泉州市",text:"德化县",value:"350526"},{city:"泉州市",text:"金门县",value:"350527"},{city:"泉州市",text:"石狮市",value:"350581"},{city:"泉州市",text:"晋江市",value:"350582"},{city:"泉州市",text:"南安市",value:"350583"}],350600:[{city:"漳州市",text:"市辖区",value:"350601"},{city:"漳州市",text:"芗城区",value:"350602"},{city:"漳州市",text:"龙文区",value:"350603"},{city:"漳州市",text:"云霄县",value:"350622"},{city:"漳州市",text:"漳浦县",value:"350623"},{city:"漳州市",text:"诏安县",value:"350624"},{city:"漳州市",text:"长泰县",value:"350625"},{city:"漳州市",text:"东山县",value:"350626"},{city:"漳州市",text:"南靖县",value:"350627"},{city:"漳州市",text:"平和县",value:"350628"},{city:"漳州市",text:"华安县",value:"350629"},{city:"漳州市",text:"龙海市",value:"350681"}],350700:[{city:"南平市",text:"市辖区",value:"350701"},{city:"南平市",text:"延平区",value:"350702"},{city:"南平市",text:"建阳区",value:"350703"},{city:"南平市",text:"顺昌县",value:"350721"},{city:"南平市",text:"浦城县",value:"350722"},{city:"南平市",text:"光泽县",value:"350723"},{city:"南平市",text:"松溪县",value:"350724"},{city:"南平市",text:"政和县",value:"350725"},{city:"南平市",text:"邵武市",value:"350781"},{city:"南平市",text:"武夷山市",value:"350782"},{city:"南平市",text:"建瓯市",value:"350783"}],350800:[{city:"龙岩市",text:"市辖区",value:"350801"},{city:"龙岩市",text:"新罗区",value:"350802"},{city:"龙岩市",text:"永定区",value:"350803"},{city:"龙岩市",text:"长汀县",value:"350821"},{city:"龙岩市",text:"上杭县",value:"350823"},{city:"龙岩市",text:"武平县",value:"350824"},{city:"龙岩市",text:"连城县",value:"350825"},{city:"龙岩市",text:"漳平市",value:"350881"}],350900:[{city:"宁德市",text:"市辖区",value:"350901"},{city:"宁德市",text:"蕉城区",value:"350902"},{city:"宁德市",text:"霞浦县",value:"350921"},{city:"宁德市",text:"古田县",value:"350922"},{city:"宁德市",text:"屏南县",value:"350923"},{city:"宁德市",text:"寿宁县",value:"350924"},{city:"宁德市",text:"周宁县",value:"350925"},{city:"宁德市",text:"柘荣县",value:"350926"},{city:"宁德市",text:"福安市",value:"350981"},{city:"宁德市",text:"福鼎市",value:"350982"}],360100:[{city:"南昌市",text:"市辖区",value:"360101"},{city:"南昌市",text:"东湖区",value:"360102"},{city:"南昌市",text:"西湖区",value:"360103"},{city:"南昌市",text:"青云谱区",value:"360104"},{city:"南昌市",text:"湾里区",value:"360105"},{city:"南昌市",text:"青山湖区",value:"360111"},{city:"南昌市",text:"新建区",value:"360112"},{city:"南昌市",text:"南昌县",value:"360121"},{city:"南昌市",text:"安义县",value:"360123"},{city:"南昌市",text:"进贤县",value:"360124"}],360200:[{city:"景德镇市",text:"市辖区",value:"360201"},{city:"景德镇市",text:"昌江区",value:"360202"},{city:"景德镇市",text:"珠山区",value:"360203"},{city:"景德镇市",text:"浮梁县",value:"360222"},{city:"景德镇市",text:"乐平市",value:"360281"}],360300:[{city:"萍乡市",text:"市辖区",value:"360301"},{city:"萍乡市",text:"安源区",value:"360302"},{city:"萍乡市",text:"湘东区",value:"360313"},{city:"萍乡市",text:"莲花县",value:"360321"},{city:"萍乡市",text:"上栗县",value:"360322"},{city:"萍乡市",text:"芦溪县",value:"360323"}],360400:[{city:"九江市",text:"市辖区",value:"360401"},{city:"九江市",text:"濂溪区",value:"360402"},{city:"九江市",text:"浔阳区",value:"360403"},{city:"九江市",text:"九江县",value:"360421"},{city:"九江市",text:"武宁县",value:"360423"},{city:"九江市",text:"修水县",value:"360424"},{city:"九江市",text:"永修县",value:"360425"},{city:"九江市",text:"德安县",value:"360426"},{city:"九江市",text:"都昌县",value:"360428"},{city:"九江市",text:"湖口县",value:"360429"},{city:"九江市",text:"彭泽县",value:"360430"},{city:"九江市",text:"瑞昌市",value:"360481"},{city:"九江市",text:"共青城市",value:"360482"},{city:"九江市",text:"庐山市",value:"360483"}],360500:[{city:"新余市",text:"市辖区",value:"360501"},{city:"新余市",text:"渝水区",value:"360502"},{city:"新余市",text:"分宜县",value:"360521"}],360600:[{city:"鹰潭市",text:"市辖区",value:"360601"},{city:"鹰潭市",text:"月湖区",value:"360602"},{city:"鹰潭市",text:"余江县",value:"360622"},{city:"鹰潭市",text:"贵溪市",value:"360681"}],360700:[{city:"赣州市",text:"市辖区",value:"360701"},{city:"赣州市",text:"章贡区",value:"360702"},{city:"赣州市",text:"南康区",value:"360703"},{city:"赣州市",text:"赣县",value:"360721"},{city:"赣州市",text:"信丰县",value:"360722"},{city:"赣州市",text:"大余县",value:"360723"},{city:"赣州市",text:"上犹县",value:"360724"},{city:"赣州市",text:"崇义县",value:"360725"},{city:"赣州市",text:"安远县",value:"360726"},{city:"赣州市",text:"龙南县",value:"360727"},{city:"赣州市",text:"定南县",value:"360728"},{city:"赣州市",text:"全南县",value:"360729"},{city:"赣州市",text:"宁都县",value:"360730"},{city:"赣州市",text:"于都县",value:"360731"},{city:"赣州市",text:"兴国县",value:"360732"},{city:"赣州市",text:"会昌县",value:"360733"},{city:"赣州市",text:"寻乌县",value:"360734"},{city:"赣州市",text:"石城县",value:"360735"},{city:"赣州市",text:"瑞金市",value:"360781"}],360800:[{city:"吉安市",text:"市辖区",value:"360801"},{city:"吉安市",text:"吉州区",value:"360802"},{city:"吉安市",text:"青原区",value:"360803"},{city:"吉安市",text:"吉安县",value:"360821"},{city:"吉安市",text:"吉水县",value:"360822"},{city:"吉安市",text:"峡江县",value:"360823"},{city:"吉安市",text:"新干县",value:"360824"},{city:"吉安市",text:"永丰县",value:"360825"},{city:"吉安市",text:"泰和县",value:"360826"},{city:"吉安市",text:"遂川县",value:"360827"},{city:"吉安市",text:"万安县",value:"360828"},{city:"吉安市",text:"安福县",value:"360829"},{city:"吉安市",text:"永新县",value:"360830"},{city:"吉安市",text:"井冈山市",value:"360881"}],360900:[{city:"宜春市",text:"市辖区",value:"360901"},{city:"宜春市",text:"袁州区",value:"360902"},{city:"宜春市",text:"奉新县",value:"360921"},{city:"宜春市",text:"万载县",value:"360922"},{city:"宜春市",text:"上高县",value:"360923"},{city:"宜春市",text:"宜丰县",value:"360924"},{city:"宜春市",text:"靖安县",value:"360925"},{city:"宜春市",text:"铜鼓县",value:"360926"},{city:"宜春市",text:"丰城市",value:"360981"},{city:"宜春市",text:"樟树市",value:"360982"},{city:"宜春市",text:"高安市",value:"360983"}],361000:[{city:"抚州市",text:"市辖区",value:"361001"},{city:"抚州市",text:"临川区",value:"361002"},{city:"抚州市",text:"南城县",value:"361021"},{city:"抚州市",text:"黎川县",value:"361022"},{city:"抚州市",text:"南丰县",value:"361023"},{city:"抚州市",text:"崇仁县",value:"361024"},{city:"抚州市",text:"乐安县",value:"361025"},{city:"抚州市",text:"宜黄县",value:"361026"},{city:"抚州市",text:"金溪县",value:"361027"},{city:"抚州市",text:"资溪县",value:"361028"},{city:"抚州市",text:"东乡县",value:"361029"},{city:"抚州市",text:"广昌县",value:"361030"}],361100:[{city:"上饶市",text:"市辖区",value:"361101"},{city:"上饶市",text:"信州区",value:"361102"},{city:"上饶市",text:"广丰区",value:"361103"},{city:"上饶市",text:"上饶县",value:"361121"},{city:"上饶市",text:"玉山县",value:"361123"},{city:"上饶市",text:"铅山县",value:"361124"},{city:"上饶市",text:"横峰县",value:"361125"},{city:"上饶市",text:"弋阳县",value:"361126"},{city:"上饶市",text:"余干县",value:"361127"},{city:"上饶市",text:"鄱阳县",value:"361128"},{city:"上饶市",text:"万年县",value:"361129"},{city:"上饶市",text:"婺源县",value:"361130"},{city:"上饶市",text:"德兴市",value:"361181"}],370100:[{city:"济南市",text:"市辖区",value:"370101"},{city:"济南市",text:"历下区",value:"370102"},{city:"济南市",text:"市中区",value:"370103"},{city:"济南市",text:"槐荫区",value:"370104"},{city:"济南市",text:"天桥区",value:"370105"},{city:"济南市",text:"历城区",value:"370112"},{city:"济南市",text:"长清区",value:"370113"},{city:"济南市",text:"平阴县",value:"370124"},{city:"济南市",text:"济阳县",value:"370125"},{city:"济南市",text:"商河县",value:"370126"},{city:"济南市",text:"章丘市",value:"370181"}],370200:[{city:"青岛市",text:"市辖区",value:"370201"},{city:"青岛市",text:"市南区",value:"370202"},{city:"青岛市",text:"市北区",value:"370203"},{city:"青岛市",text:"黄岛区",value:"370211"},{city:"青岛市",text:"崂山区",value:"370212"},{city:"青岛市",text:"李沧区",value:"370213"},{city:"青岛市",text:"城阳区",value:"370214"},{city:"青岛市",text:"胶州市",value:"370281"},{city:"青岛市",text:"即墨市",value:"370282"},{city:"青岛市",text:"平度市",value:"370283"},{city:"青岛市",text:"莱西市",value:"370285"}],370300:[{city:"淄博市",text:"市辖区",value:"370301"},{city:"淄博市",text:"淄川区",value:"370302"},{city:"淄博市",text:"张店区",value:"370303"},{city:"淄博市",text:"博山区",value:"370304"},{city:"淄博市",text:"临淄区",value:"370305"},{city:"淄博市",text:"周村区",value:"370306"},{city:"淄博市",text:"桓台县",value:"370321"},{city:"淄博市",text:"高青县",value:"370322"},{city:"淄博市",text:"沂源县",value:"370323"}],370400:[{city:"枣庄市",text:"市辖区",value:"370401"},{city:"枣庄市",text:"市中区",value:"370402"},{city:"枣庄市",text:"薛城区",value:"370403"},{city:"枣庄市",text:"峄城区",value:"370404"},{city:"枣庄市",text:"台儿庄区",value:"370405"},{city:"枣庄市",text:"山亭区",value:"370406"},{city:"枣庄市",text:"滕州市",value:"370481"}],370500:[{city:"东营市",text:"市辖区",value:"370501"},{city:"东营市",text:"东营区",value:"370502"},{city:"东营市",text:"河口区",value:"370503"},{city:"东营市",text:"垦利区",value:"370505"},{city:"东营市",text:"利津县",value:"370522"},{city:"东营市",text:"广饶县",value:"370523"}],370600:[{city:"烟台市",text:"市辖区",value:"370601"},{city:"烟台市",text:"芝罘区",value:"370602"},{city:"烟台市",text:"福山区",value:"370611"},{city:"烟台市",text:"牟平区",value:"370612"},{city:"烟台市",text:"莱山区",value:"370613"},{city:"烟台市",text:"长岛县",value:"370634"},{city:"烟台市",text:"龙口市",value:"370681"},{city:"烟台市",text:"莱阳市",value:"370682"},{city:"烟台市",text:"莱州市",value:"370683"},{city:"烟台市",text:"蓬莱市",value:"370684"},{city:"烟台市",text:"招远市",value:"370685"},{city:"烟台市",text:"栖霞市",value:"370686"},{city:"烟台市",text:"海阳市",value:"370687"}],370700:[{city:"潍坊市",text:"市辖区",value:"370701"},{city:"潍坊市",text:"潍城区",value:"370702"},{city:"潍坊市",text:"寒亭区",value:"370703"},{city:"潍坊市",text:"坊子区",value:"370704"},{city:"潍坊市",text:"奎文区",value:"370705"},{city:"潍坊市",text:"临朐县",value:"370724"},{city:"潍坊市",text:"昌乐县",value:"370725"},{city:"潍坊市",text:"青州市",value:"370781"},{city:"潍坊市",text:"诸城市",value:"370782"},{city:"潍坊市",text:"寿光市",value:"370783"},{city:"潍坊市",text:"安丘市",value:"370784"},{city:"潍坊市",text:"高密市",value:"370785"},{city:"潍坊市",text:"昌邑市",value:"370786"}],370800:[{city:"济宁市",text:"市辖区",value:"370801"},{city:"济宁市",text:"任城区",value:"370811"},{city:"济宁市",text:"兖州区",value:"370812"},{city:"济宁市",text:"微山县",value:"370826"},{city:"济宁市",text:"鱼台县",value:"370827"},{city:"济宁市",text:"金乡县",value:"370828"},{city:"济宁市",text:"嘉祥县",value:"370829"},{city:"济宁市",text:"汶上县",value:"370830"},{city:"济宁市",text:"泗水县",value:"370831"},{city:"济宁市",text:"梁山县",value:"370832"},{city:"济宁市",text:"曲阜市",value:"370881"},{city:"济宁市",text:"邹城市",value:"370883"}],370900:[{city:"泰安市",text:"市辖区",value:"370901"},{city:"泰安市",text:"泰山区",value:"370902"},{city:"泰安市",text:"岱岳区",value:"370911"},{city:"泰安市",text:"宁阳县",value:"370921"},{city:"泰安市",text:"东平县",value:"370923"},{city:"泰安市",text:"新泰市",value:"370982"},{city:"泰安市",text:"肥城市",value:"370983"}],371000:[{city:"威海市",text:"市辖区",value:"371001"},{city:"威海市",text:"环翠区",value:"371002"},{city:"威海市",text:"文登区",value:"371003"},{city:"威海市",text:"荣成市",value:"371082"},{city:"威海市",text:"乳山市",value:"371083"}],371100:[{city:"日照市",text:"市辖区",value:"371101"},{city:"日照市",text:"东港区",value:"371102"},{city:"日照市",text:"岚山区",value:"371103"},{city:"日照市",text:"五莲县",value:"371121"},{city:"日照市",text:"莒县",value:"371122"}],371200:[{city:"莱芜市",text:"市辖区",value:"371201"},{city:"莱芜市",text:"莱城区",value:"371202"},{city:"莱芜市",text:"钢城区",value:"371203"}],371300:[{city:"临沂市",text:"市辖区",value:"371301"},{city:"临沂市",text:"兰山区",value:"371302"},{city:"临沂市",text:"罗庄区",value:"371311"},{city:"临沂市",text:"河东区",value:"371312"},{city:"临沂市",text:"沂南县",value:"371321"},{city:"临沂市",text:"郯城县",value:"371322"},{city:"临沂市",text:"沂水县",value:"371323"},{city:"临沂市",text:"兰陵县",value:"371324"},{city:"临沂市",text:"费县",value:"371325"},{city:"临沂市",text:"平邑县",value:"371326"},{city:"临沂市",text:"莒南县",value:"371327"},{city:"临沂市",text:"蒙阴县",value:"371328"},{city:"临沂市",text:"临沭县",value:"371329"}],371400:[{city:"德州市",text:"市辖区",value:"371401"},{city:"德州市",text:"德城区",value:"371402"},{city:"德州市",text:"陵城区",value:"371403"},{city:"德州市",text:"宁津县",value:"371422"},{city:"德州市",text:"庆云县",value:"371423"},{city:"德州市",text:"临邑县",value:"371424"},{city:"德州市",text:"齐河县",value:"371425"},{city:"德州市",text:"平原县",value:"371426"},{city:"德州市",text:"夏津县",value:"371427"},{city:"德州市",text:"武城县",value:"371428"},{city:"德州市",text:"乐陵市",value:"371481"},{city:"德州市",text:"禹城市",value:"371482"}],371500:[{city:"聊城市",text:"市辖区",value:"371501"},{city:"聊城市",text:"东昌府区",value:"371502"},{city:"聊城市",text:"阳谷县",value:"371521"},{city:"聊城市",text:"莘县",value:"371522"},{city:"聊城市",text:"茌平县",value:"371523"},{city:"聊城市",text:"东阿县",value:"371524"},{city:"聊城市",text:"冠县",value:"371525"},{city:"聊城市",text:"高唐县",value:"371526"},{city:"聊城市",text:"临清市",value:"371581"}],371600:[{city:"滨州市",text:"市辖区",value:"371601"},{city:"滨州市",text:"滨城区",value:"371602"},{city:"滨州市",text:"沾化区",value:"371603"},{city:"滨州市",text:"惠民县",value:"371621"},{city:"滨州市",text:"阳信县",value:"371622"},{city:"滨州市",text:"无棣县",value:"371623"},{city:"滨州市",text:"博兴县",value:"371625"},{city:"滨州市",text:"邹平县",value:"371626"}],371700:[{city:"菏泽市",text:"市辖区",value:"371701"},{city:"菏泽市",text:"牡丹区",value:"371702"},{city:"菏泽市",text:"定陶区",value:"371703"},{city:"菏泽市",text:"曹县",value:"371721"},{city:"菏泽市",text:"单县",value:"371722"},{city:"菏泽市",text:"成武县",value:"371723"},{city:"菏泽市",text:"巨野县",value:"371724"},{city:"菏泽市",text:"郓城县",value:"371725"},{city:"菏泽市",text:"鄄城县",value:"371726"},{city:"菏泽市",text:"东明县",value:"371728"}],410100:[{city:"郑州市",text:"市辖区",value:"410101"},{city:"郑州市",text:"中原区",value:"410102"},{city:"郑州市",text:"二七区",value:"410103"},{city:"郑州市",text:"管城回族区",value:"410104"},{city:"郑州市",text:"金水区",value:"410105"},{city:"郑州市",text:"上街区",value:"410106"},{city:"郑州市",text:"惠济区",value:"410108"},{city:"郑州市",text:"中牟县",value:"410122"},{city:"郑州市",text:"巩义市",value:"410181"},{city:"郑州市",text:"荥阳市",value:"410182"},{city:"郑州市",text:"新密市",value:"410183"},{city:"郑州市",text:"新郑市",value:"410184"},{city:"郑州市",text:"登封市",value:"410185"}],410200:[{city:"开封市",text:"市辖区",value:"410201"},{city:"开封市",text:"龙亭区",value:"410202"},{city:"开封市",text:"顺河回族区",value:"410203"},{city:"开封市",text:"鼓楼区",value:"410204"},{city:"开封市",text:"禹王台区",value:"410205"},{city:"开封市",text:"金明区",value:"410211"},{city:"开封市",text:"祥符区",value:"410212"},{city:"开封市",text:"杞县",value:"410221"},{city:"开封市",text:"通许县",value:"410222"},{city:"开封市",text:"尉氏县",value:"410223"},{city:"开封市",text:"兰考县",value:"410225"}],410300:[{city:"洛阳市",text:"市辖区",value:"410301"},{city:"洛阳市",text:"老城区",value:"410302"},{city:"洛阳市",text:"西工区",value:"410303"},{city:"洛阳市",text:"瀍河回族区",value:"410304"},{city:"洛阳市",text:"涧西区",value:"410305"},{city:"洛阳市",text:"吉利区",value:"410306"},{city:"洛阳市",text:"洛龙区",value:"410311"},{city:"洛阳市",text:"孟津县",value:"410322"},{city:"洛阳市",text:"新安县",value:"410323"},{city:"洛阳市",text:"栾川县",value:"410324"},{city:"洛阳市",text:"嵩县",value:"410325"},{city:"洛阳市",text:"汝阳县",value:"410326"},{city:"洛阳市",text:"宜阳县",value:"410327"},{city:"洛阳市",text:"洛宁县",value:"410328"},{city:"洛阳市",text:"伊川县",value:"410329"},{city:"洛阳市",text:"偃师市",value:"410381"}],410400:[{city:"平顶山市",text:"市辖区",value:"410401"},{city:"平顶山市",text:"新华区",value:"410402"},{city:"平顶山市",text:"卫东区",value:"410403"},{city:"平顶山市",text:"石龙区",value:"410404"},{city:"平顶山市",text:"湛河区",value:"410411"},{city:"平顶山市",text:"宝丰县",value:"410421"},{city:"平顶山市",text:"叶县",value:"410422"},{city:"平顶山市",text:"鲁山县",value:"410423"},{city:"平顶山市",text:"郏县",value:"410425"},{city:"平顶山市",text:"舞钢市",value:"410481"},{city:"平顶山市",text:"汝州市",value:"410482"}],410500:[{city:"安阳市",text:"市辖区",value:"410501"},{city:"安阳市",text:"文峰区",value:"410502"},{city:"安阳市",text:"北关区",value:"410503"},{city:"安阳市",text:"殷都区",value:"410505"},{city:"安阳市",text:"龙安区",value:"410506"},{city:"安阳市",text:"安阳县",value:"410522"},{city:"安阳市",text:"汤阴县",value:"410523"},{city:"安阳市",text:"滑县",value:"410526"},{city:"安阳市",text:"内黄县",value:"410527"},{city:"安阳市",text:"林州市",value:"410581"}],410600:[{city:"鹤壁市",text:"市辖区",value:"410601"},{city:"鹤壁市",text:"鹤山区",value:"410602"},{city:"鹤壁市",text:"山城区",value:"410603"},{city:"鹤壁市",text:"淇滨区",value:"410611"},{city:"鹤壁市",text:"浚县",value:"410621"},{city:"鹤壁市",text:"淇县",value:"410622"}],410700:[{city:"新乡市",text:"市辖区",value:"410701"},{city:"新乡市",text:"红旗区",value:"410702"},{city:"新乡市",text:"卫滨区",value:"410703"},{city:"新乡市",text:"凤泉区",value:"410704"},{city:"新乡市",text:"牧野区",value:"410711"},{city:"新乡市",text:"新乡县",value:"410721"},{city:"新乡市",text:"获嘉县",value:"410724"},{city:"新乡市",text:"原阳县",value:"410725"},{city:"新乡市",text:"延津县",value:"410726"},{city:"新乡市",text:"封丘县",value:"410727"},{city:"新乡市",text:"长垣县",value:"410728"},{city:"新乡市",text:"卫辉市",value:"410781"},{city:"新乡市",text:"辉县市",value:"410782"}],410800:[{city:"焦作市",text:"市辖区",value:"410801"},{city:"焦作市",text:"解放区",value:"410802"},{city:"焦作市",text:"中站区",value:"410803"},{city:"焦作市",text:"马村区",value:"410804"},{city:"焦作市",text:"山阳区",value:"410811"},{city:"焦作市",text:"修武县",value:"410821"},{city:"焦作市",text:"博爱县",value:"410822"},{city:"焦作市",text:"武陟县",value:"410823"},{city:"焦作市",text:"温县",value:"410825"},{city:"焦作市",text:"沁阳市",value:"410882"},{city:"焦作市",text:"孟州市",value:"410883"}],410900:[{city:"濮阳市",text:"市辖区",value:"410901"},{city:"濮阳市",text:"华龙区",value:"410902"},{city:"濮阳市",text:"清丰县",value:"410922"},{city:"濮阳市",text:"南乐县",value:"410923"},{city:"濮阳市",text:"范县",value:"410926"},{city:"濮阳市",text:"台前县",value:"410927"},{city:"濮阳市",text:"濮阳县",value:"410928"}],411000:[{city:"许昌市",text:"市辖区",value:"411001"},{city:"许昌市",text:"魏都区",value:"411002"},{city:"许昌市",text:"许昌县",value:"411023"},{city:"许昌市",text:"鄢陵县",value:"411024"},{city:"许昌市",text:"襄城县",value:"411025"},{city:"许昌市",text:"禹州市",value:"411081"},{city:"许昌市",text:"长葛市",value:"411082"}],411100:[{city:"漯河市",text:"市辖区",value:"411101"},{city:"漯河市",text:"源汇区",value:"411102"},{city:"漯河市",text:"郾城区",value:"411103"},{city:"漯河市",text:"召陵区",value:"411104"},{city:"漯河市",text:"舞阳县",value:"411121"},{city:"漯河市",text:"临颍县",value:"411122"}],411200:[{city:"三门峡市",text:"市辖区",value:"411201"},{city:"三门峡市",text:"湖滨区",value:"411202"},{city:"三门峡市",text:"陕州区",value:"411203"},{city:"三门峡市",text:"渑池县",value:"411221"},{city:"三门峡市",text:"卢氏县",value:"411224"},{city:"三门峡市",text:"义马市",value:"411281"},{city:"三门峡市",text:"灵宝市",value:"411282"}],411300:[{city:"南阳市",text:"市辖区",value:"411301"},{city:"南阳市",text:"宛城区",value:"411302"},{city:"南阳市",text:"卧龙区",value:"411303"},{city:"南阳市",text:"南召县",value:"411321"},{city:"南阳市",text:"方城县",value:"411322"},{city:"南阳市",text:"西峡县",value:"411323"},{city:"南阳市",text:"镇平县",value:"411324"},{city:"南阳市",text:"内乡县",value:"411325"},{city:"南阳市",text:"淅川县",value:"411326"},{city:"南阳市",text:"社旗县",value:"411327"},{city:"南阳市",text:"唐河县",value:"411328"},{city:"南阳市",text:"新野县",value:"411329"},{city:"南阳市",text:"桐柏县",value:"411330"},{city:"南阳市",text:"邓州市",value:"411381"}],411400:[{city:"商丘市",text:"市辖区",value:"411401"},{city:"商丘市",text:"梁园区",value:"411402"},{city:"商丘市",text:"睢阳区",value:"411403"},{city:"商丘市",text:"民权县",value:"411421"},{city:"商丘市",text:"睢县",value:"411422"},{city:"商丘市",text:"宁陵县",value:"411423"},{city:"商丘市",text:"柘城县",value:"411424"},{city:"商丘市",text:"虞城县",value:"411425"},{city:"商丘市",text:"夏邑县",value:"411426"},{city:"商丘市",text:"永城市",value:"411481"}],411500:[{city:"信阳市",text:"市辖区",value:"411501"},{city:"信阳市",text:"浉河区",value:"411502"},{city:"信阳市",text:"平桥区",value:"411503"},{city:"信阳市",text:"罗山县",value:"411521"},{city:"信阳市",text:"光山县",value:"411522"},{city:"信阳市",text:"新县",value:"411523"},{city:"信阳市",text:"商城县",value:"411524"},{city:"信阳市",text:"固始县",value:"411525"},{city:"信阳市",text:"潢川县",value:"411526"},{city:"信阳市",text:"淮滨县",value:"411527"},{city:"信阳市",text:"息县",value:"411528"}],411600:[{city:"周口市",text:"市辖区",value:"411601"},{city:"周口市",text:"川汇区",value:"411602"},{city:"周口市",text:"扶沟县",value:"411621"},{city:"周口市",text:"西华县",value:"411622"},{city:"周口市",text:"商水县",value:"411623"},{city:"周口市",text:"沈丘县",value:"411624"},{city:"周口市",text:"郸城县",value:"411625"},{city:"周口市",text:"淮阳县",value:"411626"},{city:"周口市",text:"太康县",value:"411627"},{city:"周口市",text:"鹿邑县",value:"411628"},{city:"周口市",text:"项城市",value:"411681"}],411700:[{city:"驻马店市",text:"市辖区",value:"411701"},{city:"驻马店市",text:"驿城区",value:"411702"},{city:"驻马店市",text:"西平县",value:"411721"},{city:"驻马店市",text:"上蔡县",value:"411722"},{city:"驻马店市",text:"平舆县",value:"411723"},{city:"驻马店市",text:"正阳县",value:"411724"},{city:"驻马店市",text:"确山县",value:"411725"},{city:"驻马店市",text:"泌阳县",value:"411726"},{city:"驻马店市",text:"汝南县",value:"411727"},{city:"驻马店市",text:"遂平县",value:"411728"},{city:"驻马店市",text:"新蔡县",value:"411729"}],419000:[{city:"省直辖县级行政区划",text:"济源市",value:"419001"}],420100:[{city:"武汉市",text:"市辖区",value:"420101"},{city:"武汉市",text:"江岸区",value:"420102"},{city:"武汉市",text:"江汉区",value:"420103"},{city:"武汉市",text:"硚口区",value:"420104"},{city:"武汉市",text:"汉阳区",value:"420105"},{city:"武汉市",text:"武昌区",value:"420106"},{city:"武汉市",text:"青山区",value:"420107"},{city:"武汉市",text:"洪山区",value:"420111"},{city:"武汉市",text:"东西湖区",value:"420112"},{city:"武汉市",text:"汉南区",value:"420113"},{city:"武汉市",text:"蔡甸区",value:"420114"},{city:"武汉市",text:"江夏区",value:"420115"},{city:"武汉市",text:"黄陂区",value:"420116"},{city:"武汉市",text:"新洲区",value:"420117"}],420200:[{city:"黄石市",text:"市辖区",value:"420201"},{city:"黄石市",text:"黄石港区",value:"420202"},{city:"黄石市",text:"西塞山区",value:"420203"},{city:"黄石市",text:"下陆区",value:"420204"},{city:"黄石市",text:"铁山区",value:"420205"},{city:"黄石市",text:"阳新县",value:"420222"},{city:"黄石市",text:"大冶市",value:"420281"}],420300:[{city:"十堰市",text:"市辖区",value:"420301"},{city:"十堰市",text:"茅箭区",value:"420302"},{city:"十堰市",text:"张湾区",value:"420303"},{city:"十堰市",text:"郧阳区",value:"420304"},{city:"十堰市",text:"郧西县",value:"420322"},{city:"十堰市",text:"竹山县",value:"420323"},{city:"十堰市",text:"竹溪县",value:"420324"},{city:"十堰市",text:"房县",value:"420325"},{city:"十堰市",text:"丹江口市",value:"420381"}],420500:[{city:"宜昌市",text:"市辖区",value:"420501"},{city:"宜昌市",text:"西陵区",value:"420502"},{city:"宜昌市",text:"伍家岗区",value:"420503"},{city:"宜昌市",text:"点军区",value:"420504"},{city:"宜昌市",text:"猇亭区",value:"420505"},{city:"宜昌市",text:"夷陵区",value:"420506"},{city:"宜昌市",text:"远安县",value:"420525"},{city:"宜昌市",text:"兴山县",value:"420526"},{city:"宜昌市",text:"秭归县",value:"420527"},{city:"宜昌市",text:"长阳土家族自治县",value:"420528"},{city:"宜昌市",text:"五峰土家族自治县",value:"420529"},{city:"宜昌市",text:"宜都市",value:"420581"},{city:"宜昌市",text:"当阳市",value:"420582"},{city:"宜昌市",text:"枝江市",value:"420583"}],420600:[{city:"襄阳市",text:"市辖区",value:"420601"},{city:"襄阳市",text:"襄城区",value:"420602"},{city:"襄阳市",text:"樊城区",value:"420606"},{city:"襄阳市",text:"襄州区",value:"420607"},{city:"襄阳市",text:"南漳县",value:"420624"},{city:"襄阳市",text:"谷城县",value:"420625"},{city:"襄阳市",text:"保康县",value:"420626"},{city:"襄阳市",text:"老河口市",value:"420682"},{city:"襄阳市",text:"枣阳市",value:"420683"},{city:"襄阳市",text:"宜城市",value:"420684"}],420700:[{city:"鄂州市",text:"市辖区",value:"420701"},{city:"鄂州市",text:"梁子湖区",value:"420702"},{city:"鄂州市",text:"华容区",value:"420703"},{city:"鄂州市",text:"鄂城区",value:"420704"}],420800:[{city:"荆门市",text:"市辖区",value:"420801"},{city:"荆门市",text:"东宝区",value:"420802"},{city:"荆门市",text:"掇刀区",value:"420804"},{city:"荆门市",text:"京山县",value:"420821"},{city:"荆门市",text:"沙洋县",value:"420822"},{city:"荆门市",text:"钟祥市",value:"420881"}],420900:[{city:"孝感市",text:"市辖区",value:"420901"},{city:"孝感市",text:"孝南区",value:"420902"},{city:"孝感市",text:"孝昌县",value:"420921"},{city:"孝感市",text:"大悟县",value:"420922"},{city:"孝感市",text:"云梦县",value:"420923"},{city:"孝感市",text:"应城市",value:"420981"},{city:"孝感市",text:"安陆市",value:"420982"},{city:"孝感市",text:"汉川市",value:"420984"}],421000:[{city:"荆州市",text:"市辖区",value:"421001"},{city:"荆州市",text:"沙市区",value:"421002"},{city:"荆州市",text:"荆州区",value:"421003"},{city:"荆州市",text:"公安县",value:"421022"},{city:"荆州市",text:"监利县",value:"421023"},{city:"荆州市",text:"江陵县",value:"421024"},{city:"荆州市",text:"石首市",value:"421081"},{city:"荆州市",text:"洪湖市",value:"421083"},{city:"荆州市",text:"松滋市",value:"421087"}],421100:[{city:"黄冈市",text:"市辖区",value:"421101"},{city:"黄冈市",text:"黄州区",value:"421102"},{city:"黄冈市",text:"团风县",value:"421121"},{city:"黄冈市",text:"红安县",value:"421122"},{city:"黄冈市",text:"罗田县",value:"421123"},{city:"黄冈市",text:"英山县",value:"421124"},{city:"黄冈市",text:"浠水县",value:"421125"},{city:"黄冈市",text:"蕲春县",value:"421126"},{city:"黄冈市",text:"黄梅县",value:"421127"},{city:"黄冈市",text:"麻城市",value:"421181"},{city:"黄冈市",text:"武穴市",value:"421182"}],421200:[{city:"咸宁市",text:"市辖区",value:"421201"},{city:"咸宁市",text:"咸安区",value:"421202"},{city:"咸宁市",text:"嘉鱼县",value:"421221"},{city:"咸宁市",text:"通城县",value:"421222"},{city:"咸宁市",text:"崇阳县",value:"421223"},{city:"咸宁市",text:"通山县",value:"421224"},{city:"咸宁市",text:"赤壁市",value:"421281"}],421300:[{city:"随州市",text:"市辖区",value:"421301"},{city:"随州市",text:"曾都区",value:"421303"},{city:"随州市",text:"随县",value:"421321"},{city:"随州市",text:"广水市",value:"421381"}],422800:[{city:"恩施土家族苗族自治州",text:"恩施市",value:"422801"},{city:"恩施土家族苗族自治州",text:"利川市",value:"422802"},{city:"恩施土家族苗族自治州",text:"建始县",value:"422822"},{city:"恩施土家族苗族自治州",text:"巴东县",value:"422823"},{city:"恩施土家族苗族自治州",text:"宣恩县",value:"422825"},{city:"恩施土家族苗族自治州",text:"咸丰县",value:"422826"},{city:"恩施土家族苗族自治州",text:"来凤县",value:"422827"},{city:"恩施土家族苗族自治州",text:"鹤峰县",value:"422828"}],429000:[{city:"省直辖县级行政区划",text:"仙桃市",value:"429004"},{city:"省直辖县级行政区划",text:"潜江市",value:"429005"},{city:"省直辖县级行政区划",text:"天门市",value:"429006"},{city:"省直辖县级行政区划",text:"神农架林区",value:"429021"}],430100:[{city:"长沙市",text:"市辖区",value:"430101"},{city:"长沙市",text:"芙蓉区",value:"430102"},{city:"长沙市",text:"天心区",value:"430103"},{city:"长沙市",text:"岳麓区",value:"430104"},{city:"长沙市",text:"开福区",value:"430105"},{city:"长沙市",text:"雨花区",value:"430111"},{city:"长沙市",text:"望城区",value:"430112"},{city:"长沙市",text:"长沙县",value:"430121"},{city:"长沙市",text:"宁乡县",value:"430124"},{city:"长沙市",text:"浏阳市",value:"430181"}],430200:[{city:"株洲市",text:"市辖区",value:"430201"},{city:"株洲市",text:"荷塘区",value:"430202"},{city:"株洲市",text:"芦淞区",value:"430203"},{city:"株洲市",text:"石峰区",value:"430204"},{city:"株洲市",text:"天元区",value:"430211"},{city:"株洲市",text:"株洲县",value:"430221"},{city:"株洲市",text:"攸县",value:"430223"},{city:"株洲市",text:"茶陵县",value:"430224"},{city:"株洲市",text:"炎陵县",value:"430225"},{city:"株洲市",text:"醴陵市",value:"430281"}],430300:[{city:"湘潭市",text:"市辖区",value:"430301"},{city:"湘潭市",text:"雨湖区",value:"430302"},{city:"湘潭市",text:"岳塘区",value:"430304"},{city:"湘潭市",text:"湘潭县",value:"430321"},{city:"湘潭市",text:"湘乡市",value:"430381"},{city:"湘潭市",text:"韶山市",value:"430382"}],430400:[{city:"衡阳市",text:"市辖区",value:"430401"},{city:"衡阳市",text:"珠晖区",value:"430405"},{city:"衡阳市",text:"雁峰区",value:"430406"},{city:"衡阳市",text:"石鼓区",value:"430407"},{city:"衡阳市",text:"蒸湘区",value:"430408"},{city:"衡阳市",text:"南岳区",value:"430412"},{city:"衡阳市",text:"衡阳县",value:"430421"},{city:"衡阳市",text:"衡南县",value:"430422"},{city:"衡阳市",text:"衡山县",value:"430423"},{city:"衡阳市",text:"衡东县",value:"430424"},{city:"衡阳市",text:"祁东县",value:"430426"},{city:"衡阳市",text:"耒阳市",value:"430481"},{city:"衡阳市",text:"常宁市",value:"430482"}],430500:[{city:"邵阳市",text:"市辖区",value:"430501"},{city:"邵阳市",text:"双清区",value:"430502"},{city:"邵阳市",text:"大祥区",value:"430503"},{city:"邵阳市",text:"北塔区",value:"430511"},{city:"邵阳市",text:"邵东县",value:"430521"},{city:"邵阳市",text:"新邵县",value:"430522"},{city:"邵阳市",text:"邵阳县",value:"430523"},{city:"邵阳市",text:"隆回县",value:"430524"},{city:"邵阳市",text:"洞口县",value:"430525"},{city:"邵阳市",text:"绥宁县",value:"430527"},{city:"邵阳市",text:"新宁县",value:"430528"},{city:"邵阳市",text:"城步苗族自治县",value:"430529"},{city:"邵阳市",text:"武冈市",value:"430581"}],430600:[{city:"岳阳市",text:"市辖区",value:"430601"},{city:"岳阳市",text:"岳阳楼区",value:"430602"},{city:"岳阳市",text:"云溪区",value:"430603"},{city:"岳阳市",text:"君山区",value:"430611"},{city:"岳阳市",text:"岳阳县",value:"430621"},{city:"岳阳市",text:"华容县",value:"430623"},{city:"岳阳市",text:"湘阴县",value:"430624"},{city:"岳阳市",text:"平江县",value:"430626"},{city:"岳阳市",text:"汨罗市",value:"430681"},{city:"岳阳市",text:"临湘市",value:"430682"}],430700:[{city:"常德市",text:"市辖区",value:"430701"},{city:"常德市",text:"武陵区",value:"430702"},{city:"常德市",text:"鼎城区",value:"430703"},{city:"常德市",text:"安乡县",value:"430721"},{city:"常德市",text:"汉寿县",value:"430722"},{city:"常德市",text:"澧县",value:"430723"},{city:"常德市",text:"临澧县",value:"430724"},{city:"常德市",text:"桃源县",value:"430725"},{city:"常德市",text:"石门县",value:"430726"},{city:"常德市",text:"津市市",value:"430781"}],430800:[{city:"张家界市",text:"市辖区",value:"430801"},{city:"张家界市",text:"永定区",value:"430802"},{city:"张家界市",text:"武陵源区",value:"430811"},{city:"张家界市",text:"慈利县",value:"430821"},{city:"张家界市",text:"桑植县",value:"430822"}],430900:[{city:"益阳市",text:"市辖区",value:"430901"},{city:"益阳市",text:"资阳区",value:"430902"},{city:"益阳市",text:"赫山区",value:"430903"},{city:"益阳市",text:"南县",value:"430921"},{city:"益阳市",text:"桃江县",value:"430922"},{city:"益阳市",text:"安化县",value:"430923"},{city:"益阳市",text:"沅江市",value:"430981"}],431000:[{city:"郴州市",text:"市辖区",value:"431001"},{city:"郴州市",text:"北湖区",value:"431002"},{city:"郴州市",text:"苏仙区",value:"431003"},{city:"郴州市",text:"桂阳县",value:"431021"},{city:"郴州市",text:"宜章县",value:"431022"},{city:"郴州市",text:"永兴县",value:"431023"},{city:"郴州市",text:"嘉禾县",value:"431024"},{city:"郴州市",text:"临武县",value:"431025"},{city:"郴州市",text:"汝城县",value:"431026"},{city:"郴州市",text:"桂东县",value:"431027"},{city:"郴州市",text:"安仁县",value:"431028"},{city:"郴州市",text:"资兴市",value:"431081"}],431100:[{city:"永州市",text:"市辖区",value:"431101"},{city:"永州市",text:"零陵区",value:"431102"},{city:"永州市",text:"冷水滩区",value:"431103"},{city:"永州市",text:"祁阳县",value:"431121"},{city:"永州市",text:"东安县",value:"431122"},{city:"永州市",text:"双牌县",value:"431123"},{city:"永州市",text:"道县",value:"431124"},{city:"永州市",text:"江永县",value:"431125"},{city:"永州市",text:"宁远县",value:"431126"},{city:"永州市",text:"蓝山县",value:"431127"},{city:"永州市",text:"新田县",value:"431128"},{city:"永州市",text:"江华瑶族自治县",value:"431129"}],431200:[{city:"怀化市",text:"市辖区",value:"431201"},{city:"怀化市",text:"鹤城区",value:"431202"},{city:"怀化市",text:"中方县",value:"431221"},{city:"怀化市",text:"沅陵县",value:"431222"},{city:"怀化市",text:"辰溪县",value:"431223"},{city:"怀化市",text:"溆浦县",value:"431224"},{city:"怀化市",text:"会同县",value:"431225"},{city:"怀化市",text:"麻阳苗族自治县",value:"431226"},{city:"怀化市",text:"新晃侗族自治县",value:"431227"},{city:"怀化市",text:"芷江侗族自治县",value:"431228"},{city:"怀化市",text:"靖州苗族侗族自治县",value:"431229"},{city:"怀化市",text:"通道侗族自治县",value:"431230"},{city:"怀化市",text:"洪江市",value:"431281"}],431300:[{city:"娄底市",text:"市辖区",value:"431301"},{city:"娄底市",text:"娄星区",value:"431302"},{city:"娄底市",text:"双峰县",value:"431321"},{city:"娄底市",text:"新化县",value:"431322"},{city:"娄底市",text:"冷水江市",value:"431381"},{city:"娄底市",text:"涟源市",value:"431382"}],433100:[{city:"湘西土家族苗族自治州",text:"吉首市",value:"433101"},{city:"湘西土家族苗族自治州",text:"泸溪县",value:"433122"},{city:"湘西土家族苗族自治州",text:"凤凰县",value:"433123"},{city:"湘西土家族苗族自治州",text:"花垣县",value:"433124"},{city:"湘西土家族苗族自治州",text:"保靖县",value:"433125"},{city:"湘西土家族苗族自治州",text:"古丈县",value:"433126"},{city:"湘西土家族苗族自治州",text:"永顺县",value:"433127"},{city:"湘西土家族苗族自治州",text:"龙山县",value:"433130"}],440100:[{city:"广州市",text:"市辖区",value:"440101"},{city:"广州市",text:"荔湾区",value:"440103"},{city:"广州市",text:"越秀区",value:"440104"},{city:"广州市",text:"海珠区",value:"440105"},{city:"广州市",text:"天河区",value:"440106"},{city:"广州市",text:"白云区",value:"440111"},{city:"广州市",text:"黄埔区",value:"440112"},{city:"广州市",text:"番禺区",value:"440113"},{city:"广州市",text:"花都区",value:"440114"},{city:"广州市",text:"南沙区",value:"440115"},{city:"广州市",text:"从化区",value:"440117"},{city:"广州市",text:"增城区",value:"440118"}],440200:[{city:"韶关市",text:"市辖区",value:"440201"},{city:"韶关市",text:"武江区",value:"440203"},{city:"韶关市",text:"浈江区",value:"440204"},{city:"韶关市",text:"曲江区",value:"440205"},{city:"韶关市",text:"始兴县",value:"440222"},{city:"韶关市",text:"仁化县",value:"440224"},{city:"韶关市",text:"翁源县",value:"440229"},{city:"韶关市",text:"乳源瑶族自治县",value:"440232"},{city:"韶关市",text:"新丰县",value:"440233"},{city:"韶关市",text:"乐昌市",value:"440281"},{city:"韶关市",text:"南雄市",value:"440282"}],440300:[{city:"深圳市",text:"市辖区",value:"440301"},{city:"深圳市",text:"罗湖区",value:"440303"},{city:"深圳市",text:"福田区",value:"440304"},{city:"深圳市",text:"南山区",value:"440305"},{city:"深圳市",text:"宝安区",value:"440306"},{city:"深圳市",text:"龙岗区",value:"440307"},{city:"深圳市",text:"盐田区",value:"440308"}],440400:[{city:"珠海市",text:"市辖区",value:"440401"},{city:"珠海市",text:"香洲区",value:"440402"},{city:"珠海市",text:"斗门区",value:"440403"},{city:"珠海市",text:"金湾区",value:"440404"}],440500:[{city:"汕头市",text:"市辖区",value:"440501"},{city:"汕头市",text:"龙湖区",value:"440507"},{city:"汕头市",text:"金平区",value:"440511"},{city:"汕头市",text:"濠江区",value:"440512"},{city:"汕头市",text:"潮阳区",value:"440513"},{city:"汕头市",text:"潮南区",value:"440514"},{city:"汕头市",text:"澄海区",value:"440515"},{city:"汕头市",text:"南澳县",value:"440523"}],440600:[{city:"佛山市",text:"市辖区",value:"440601"},{city:"佛山市",text:"禅城区",value:"440604"},{city:"佛山市",text:"南海区",value:"440605"},{city:"佛山市",text:"顺德区",value:"440606"},{city:"佛山市",text:"三水区",value:"440607"},{city:"佛山市",text:"高明区",value:"440608"}],440700:[{city:"江门市",text:"市辖区",value:"440701"},{city:"江门市",text:"蓬江区",value:"440703"},{city:"江门市",text:"江海区",value:"440704"},{city:"江门市",text:"新会区",value:"440705"},{city:"江门市",text:"台山市",value:"440781"},{city:"江门市",text:"开平市",value:"440783"},{city:"江门市",text:"鹤山市",value:"440784"},{city:"江门市",text:"恩平市",value:"440785"}],440800:[{city:"湛江市",text:"市辖区",value:"440801"},{city:"湛江市",text:"赤坎区",value:"440802"},{city:"湛江市",text:"霞山区",value:"440803"},{city:"湛江市",text:"坡头区",value:"440804"},{city:"湛江市",text:"麻章区",value:"440811"},{city:"湛江市",text:"遂溪县",value:"440823"},{city:"湛江市",text:"徐闻县",value:"440825"},{city:"湛江市",text:"廉江市",value:"440881"},{city:"湛江市",text:"雷州市",value:"440882"},{city:"湛江市",text:"吴川市",value:"440883"}],440900:[{city:"茂名市",text:"市辖区",value:"440901"},{city:"茂名市",text:"茂南区",value:"440902"},{city:"茂名市",text:"电白区",value:"440904"},{city:"茂名市",text:"高州市",value:"440981"},{city:"茂名市",text:"化州市",value:"440982"},{city:"茂名市",text:"信宜市",value:"440983"}],441200:[{city:"肇庆市",text:"市辖区",value:"441201"},{city:"肇庆市",text:"端州区",value:"441202"},{city:"肇庆市",text:"鼎湖区",value:"441203"},{city:"肇庆市",text:"高要区",value:"441204"},{city:"肇庆市",text:"广宁县",value:"441223"},{city:"肇庆市",text:"怀集县",value:"441224"},{city:"肇庆市",text:"封开县",value:"441225"},{city:"肇庆市",text:"德庆县",value:"441226"},{city:"肇庆市",text:"四会市",value:"441284"}],441300:[{city:"惠州市",text:"市辖区",value:"441301"},{city:"惠州市",text:"惠城区",value:"441302"},{city:"惠州市",text:"惠阳区",value:"441303"},{city:"惠州市",text:"博罗县",value:"441322"},{city:"惠州市",text:"惠东县",value:"441323"},{city:"惠州市",text:"龙门县",value:"441324"}],441400:[{city:"梅州市",text:"市辖区",value:"441401"},{city:"梅州市",text:"梅江区",value:"441402"},{city:"梅州市",text:"梅县区",value:"441403"},{city:"梅州市",text:"大埔县",value:"441422"},{city:"梅州市",text:"丰顺县",value:"441423"},{city:"梅州市",text:"五华县",value:"441424"},{city:"梅州市",text:"平远县",value:"441426"},{city:"梅州市",text:"蕉岭县",value:"441427"},{city:"梅州市",text:"兴宁市",value:"441481"}],441500:[{city:"汕尾市",text:"市辖区",value:"441501"},{city:"汕尾市",text:"城区",value:"441502"},{city:"汕尾市",text:"海丰县",value:"441521"},{city:"汕尾市",text:"陆河县",value:"441523"},{city:"汕尾市",text:"陆丰市",value:"441581"}],441600:[{city:"河源市",text:"市辖区",value:"441601"},{city:"河源市",text:"源城区",value:"441602"},{city:"河源市",text:"紫金县",value:"441621"},{city:"河源市",text:"龙川县",value:"441622"},{city:"河源市",text:"连平县",value:"441623"},{city:"河源市",text:"和平县",value:"441624"},{city:"河源市",text:"东源县",value:"441625"}],441700:[{city:"阳江市",text:"市辖区",value:"441701"},{city:"阳江市",text:"江城区",value:"441702"},{city:"阳江市",text:"阳东区",value:"441704"},{city:"阳江市",text:"阳西县",value:"441721"},{city:"阳江市",text:"阳春市",value:"441781"}],441800:[{city:"清远市",text:"市辖区",value:"441801"},{city:"清远市",text:"清城区",value:"441802"},{city:"清远市",text:"清新区",value:"441803"},{city:"清远市",text:"佛冈县",value:"441821"},{city:"清远市",text:"阳山县",value:"441823"},{city:"清远市",text:"连山壮族瑶族自治县",value:"441825"},{city:"清远市",text:"连南瑶族自治县",value:"441826"},{city:"清远市",text:"英德市",value:"441881"},{city:"清远市",text:"连州市",value:"441882"}],441900:[],442000:[],445100:[{city:"潮州市",text:"市辖区",value:"445101"},{city:"潮州市",text:"湘桥区",value:"445102"},{city:"潮州市",text:"潮安区",value:"445103"},{city:"潮州市",text:"饶平县",value:"445122"}],445200:[{city:"揭阳市",text:"市辖区",value:"445201"},{city:"揭阳市",text:"榕城区",value:"445202"},{city:"揭阳市",text:"揭东区",value:"445203"},{city:"揭阳市",text:"揭西县",value:"445222"},{city:"揭阳市",text:"惠来县",value:"445224"},{city:"揭阳市",text:"普宁市",value:"445281"}],445300:[{city:"云浮市",text:"市辖区",value:"445301"},{city:"云浮市",text:"云城区",value:"445302"},{city:"云浮市",text:"云安区",value:"445303"},{city:"云浮市",text:"新兴县",value:"445321"},{city:"云浮市",text:"郁南县",value:"445322"},{city:"云浮市",text:"罗定市",value:"445381"}],450100:[{city:"南宁市",text:"市辖区",value:"450101"},{city:"南宁市",text:"兴宁区",value:"450102"},{city:"南宁市",text:"青秀区",value:"450103"},{city:"南宁市",text:"江南区",value:"450105"},{city:"南宁市",text:"西乡塘区",value:"450107"},{city:"南宁市",text:"良庆区",value:"450108"},{city:"南宁市",text:"邕宁区",value:"450109"},{city:"南宁市",text:"武鸣区",value:"450110"},{city:"南宁市",text:"隆安县",value:"450123"},{city:"南宁市",text:"马山县",value:"450124"},{city:"南宁市",text:"上林县",value:"450125"},{city:"南宁市",text:"宾阳县",value:"450126"},{city:"南宁市",text:"横县",value:"450127"}],450200:[{city:"柳州市",text:"市辖区",value:"450201"},{city:"柳州市",text:"城中区",value:"450202"},{city:"柳州市",text:"鱼峰区",value:"450203"},{city:"柳州市",text:"柳南区",value:"450204"},{city:"柳州市",text:"柳北区",value:"450205"},{city:"柳州市",text:"柳江区",value:"450206"},{city:"柳州市",text:"柳城县",value:"450222"},{city:"柳州市",text:"鹿寨县",value:"450223"},{city:"柳州市",text:"融安县",value:"450224"},{city:"柳州市",text:"融水苗族自治县",value:"450225"},{city:"柳州市",text:"三江侗族自治县",value:"450226"}],450300:[{city:"桂林市",text:"市辖区",value:"450301"},{city:"桂林市",text:"秀峰区",value:"450302"},{city:"桂林市",text:"叠彩区",value:"450303"},{city:"桂林市",text:"象山区",value:"450304"},{city:"桂林市",text:"七星区",value:"450305"},{city:"桂林市",text:"雁山区",value:"450311"},{city:"桂林市",text:"临桂区",value:"450312"},{city:"桂林市",text:"阳朔县",value:"450321"},{city:"桂林市",text:"灵川县",value:"450323"},{city:"桂林市",text:"全州县",value:"450324"},{city:"桂林市",text:"兴安县",value:"450325"},{city:"桂林市",text:"永福县",value:"450326"},{city:"桂林市",text:"灌阳县",value:"450327"},{city:"桂林市",text:"龙胜各族自治县",value:"450328"},{city:"桂林市",text:"资源县",value:"450329"},{city:"桂林市",text:"平乐县",value:"450330"},{city:"桂林市",text:"荔浦县",value:"450331"},{city:"桂林市",text:"恭城瑶族自治县",value:"450332"}],450400:[{city:"梧州市",text:"市辖区",value:"450401"},{city:"梧州市",text:"万秀区",value:"450403"},{city:"梧州市",text:"长洲区",value:"450405"},{city:"梧州市",text:"龙圩区",value:"450406"},{city:"梧州市",text:"苍梧县",value:"450421"},{city:"梧州市",text:"藤县",value:"450422"},{city:"梧州市",text:"蒙山县",value:"450423"},{city:"梧州市",text:"岑溪市",value:"450481"}],450500:[{city:"北海市",text:"市辖区",value:"450501"},{city:"北海市",text:"海城区",value:"450502"},{city:"北海市",text:"银海区",value:"450503"},{city:"北海市",text:"铁山港区",value:"450512"},{city:"北海市",text:"合浦县",value:"450521"}],450600:[{city:"防城港市",text:"市辖区",value:"450601"},{city:"防城港市",text:"港口区",value:"450602"},{city:"防城港市",text:"防城区",value:"450603"},{city:"防城港市",text:"上思县",value:"450621"},{city:"防城港市",text:"东兴市",value:"450681"}],450700:[{city:"钦州市",text:"市辖区",value:"450701"},{city:"钦州市",text:"钦南区",value:"450702"},{city:"钦州市",text:"钦北区",value:"450703"},{city:"钦州市",text:"灵山县",value:"450721"},{city:"钦州市",text:"浦北县",value:"450722"}],450800:[{city:"贵港市",text:"市辖区",value:"450801"},{city:"贵港市",text:"港北区",value:"450802"},{city:"贵港市",text:"港南区",value:"450803"},{city:"贵港市",text:"覃塘区",value:"450804"},{city:"贵港市",text:"平南县",value:"450821"},{city:"贵港市",text:"桂平市",value:"450881"}],450900:[{city:"玉林市",text:"市辖区",value:"450901"},{city:"玉林市",text:"玉州区",value:"450902"},{city:"玉林市",text:"福绵区",value:"450903"},{city:"玉林市",text:"容县",value:"450921"},{city:"玉林市",text:"陆川县",value:"450922"},{city:"玉林市",text:"博白县",value:"450923"},{city:"玉林市",text:"兴业县",value:"450924"},{city:"玉林市",text:"北流市",value:"450981"}],451000:[{city:"百色市",text:"市辖区",value:"451001"},{city:"百色市",text:"右江区",value:"451002"},{city:"百色市",text:"田阳县",value:"451021"},{city:"百色市",text:"田东县",value:"451022"},{city:"百色市",text:"平果县",value:"451023"},{city:"百色市",text:"德保县",value:"451024"},{city:"百色市",text:"那坡县",value:"451026"},{city:"百色市",text:"凌云县",value:"451027"},{city:"百色市",text:"乐业县",value:"451028"},{city:"百色市",text:"田林县",value:"451029"},{city:"百色市",text:"西林县",value:"451030"},{city:"百色市",text:"隆林各族自治县",value:"451031"},{city:"百色市",text:"靖西市",value:"451081"}],451100:[{city:"贺州市",text:"市辖区",value:"451101"},{city:"贺州市",text:"八步区",value:"451102"},{city:"贺州市",text:"平桂区",value:"451103"},{city:"贺州市",text:"昭平县",value:"451121"},{city:"贺州市",text:"钟山县",value:"451122"},{city:"贺州市",text:"富川瑶族自治县",value:"451123"}],451200:[{city:"河池市",text:"市辖区",value:"451201"},{city:"河池市",text:"金城江区",value:"451202"},{city:"河池市",text:"南丹县",value:"451221"},{city:"河池市",text:"天峨县",value:"451222"},{city:"河池市",text:"凤山县",value:"451223"},{city:"河池市",text:"东兰县",value:"451224"},{city:"河池市",text:"罗城仫佬族自治县",value:"451225"},{city:"河池市",text:"环江毛南族自治县",value:"451226"},{city:"河池市",text:"巴马瑶族自治县",value:"451227"},{city:"河池市",text:"都安瑶族自治县",value:"451228"},{city:"河池市",text:"大化瑶族自治县",value:"451229"},{city:"河池市",text:"宜州市",value:"451281"}],451300:[{city:"来宾市",text:"市辖区",value:"451301"},{city:"来宾市",text:"兴宾区",value:"451302"},{city:"来宾市",text:"忻城县",value:"451321"},{city:"来宾市",text:"象州县",value:"451322"},{city:"来宾市",text:"武宣县",value:"451323"},{city:"来宾市",text:"金秀瑶族自治县",value:"451324"},{city:"来宾市",text:"合山市",value:"451381"}],451400:[{city:"崇左市",text:"市辖区",value:"451401"},{city:"崇左市",text:"江州区",value:"451402"},{city:"崇左市",text:"扶绥县",value:"451421"},{city:"崇左市",text:"宁明县",value:"451422"},{city:"崇左市",text:"龙州县",value:"451423"},{city:"崇左市",text:"大新县",value:"451424"},{city:"崇左市",text:"天等县",value:"451425"},{city:"崇左市",text:"凭祥市",value:"451481"}],460100:[{city:"海口市",text:"市辖区",value:"460101"},{city:"海口市",text:"秀英区",value:"460105"},{city:"海口市",text:"龙华区",value:"460106"},{city:"海口市",text:"琼山区",value:"460107"},{city:"海口市",text:"美兰区",value:"460108"}],460200:[{city:"三亚市",text:"市辖区",value:"460201"},{city:"三亚市",text:"海棠区",value:"460202"},{city:"三亚市",text:"吉阳区",value:"460203"},{city:"三亚市",text:"天涯区",value:"460204"},{city:"三亚市",text:"崖州区",value:"460205"}],460300:[],460400:[],469000:[{city:"省直辖县级行政区划",text:"五指山市",value:"469001"},{city:"省直辖县级行政区划",text:"琼海市",value:"469002"},{city:"省直辖县级行政区划",text:"文昌市",value:"469005"},{city:"省直辖县级行政区划",text:"万宁市",value:"469006"},{city:"省直辖县级行政区划",text:"东方市",value:"469007"},{city:"省直辖县级行政区划",text:"定安县",value:"469021"},{city:"省直辖县级行政区划",text:"屯昌县",value:"469022"},{city:"省直辖县级行政区划",text:"澄迈县",value:"469023"},{city:"省直辖县级行政区划",text:"临高县",value:"469024"},{city:"省直辖县级行政区划",text:"白沙黎族自治县",value:"469025"},{city:"省直辖县级行政区划",text:"昌江黎族自治县",value:"469026"},{city:"省直辖县级行政区划",text:"乐东黎族自治县",value:"469027"},{city:"省直辖县级行政区划",text:"陵水黎族自治县",value:"469028"},{city:"省直辖县级行政区划",text:"保亭黎族苗族自治县",value:"469029"},{city:"省直辖县级行政区划",text:"琼中黎族苗族自治县",value:"469030"}],500100:[{city:"市辖区",text:"万州区",value:"500101"},{city:"市辖区",text:"涪陵区",value:"500102"},{city:"市辖区",text:"渝中区",value:"500103"},{city:"市辖区",text:"大渡口区",value:"500104"},{city:"市辖区",text:"江北区",value:"500105"},{city:"市辖区",text:"沙坪坝区",value:"500106"},{city:"市辖区",text:"九龙坡区",value:"500107"},{city:"市辖区",text:"南岸区",value:"500108"},{city:"市辖区",text:"北碚区",value:"500109"},{city:"市辖区",text:"綦江区",value:"500110"},{city:"市辖区",text:"大足区",value:"500111"},{city:"市辖区",text:"渝北区",value:"500112"},{city:"市辖区",text:"巴南区",value:"500113"},{city:"市辖区",text:"黔江区",value:"500114"},{city:"市辖区",text:"长寿区",value:"500115"},{city:"市辖区",text:"江津区",value:"500116"},{city:"市辖区",text:"合川区",value:"500117"},{city:"市辖区",text:"永川区",value:"500118"},{city:"市辖区",text:"南川区",value:"500119"},{city:"市辖区",text:"璧山区",value:"500120"},{city:"市辖区",text:"铜梁区",value:"500151"},{city:"市辖区",text:"潼南区",value:"500152"},{city:"市辖区",text:"荣昌区",value:"500153"},{city:"市辖区",text:"开州区",value:"500154"}],500200:[{city:"县",text:"梁平县",value:"500228"},{city:"县",text:"城口县",value:"500229"},{city:"县",text:"丰都县",value:"500230"},{city:"县",text:"垫江县",value:"500231"},{city:"县",text:"武隆县",value:"500232"},{city:"县",text:"忠县",value:"500233"},{city:"县",text:"云阳县",value:"500235"},{city:"县",text:"奉节县",value:"500236"},{city:"县",text:"巫山县",value:"500237"},{city:"县",text:"巫溪县",value:"500238"},{city:"县",text:"石柱土家族自治县",value:"500240"},{city:"县",text:"秀山土家族苗族自治县",value:"500241"},{city:"县",text:"酉阳土家族苗族自治县",value:"500242"},{city:"县",text:"彭水苗族土家族自治县",value:"500243"}],510100:[{city:"成都市",text:"市辖区",value:"510101"},{city:"成都市",text:"锦江区",value:"510104"},{city:"成都市",text:"青羊区",value:"510105"},{city:"成都市",text:"金牛区",value:"510106"},{city:"成都市",text:"武侯区",value:"510107"},{city:"成都市",text:"成华区",value:"510108"},{city:"成都市",text:"龙泉驿区",value:"510112"},{city:"成都市",text:"青白江区",value:"510113"},{city:"成都市",text:"新都区",value:"510114"},{city:"成都市",text:"温江区",value:"510115"},{city:"成都市",text:"双流区",value:"510116"},{city:"成都市",text:"金堂县",value:"510121"},{city:"成都市",text:"郫县",value:"510124"},{city:"成都市",text:"大邑县",value:"510129"},{city:"成都市",text:"蒲江县",value:"510131"},{city:"成都市",text:"新津县",value:"510132"},{city:"成都市",text:"都江堰市",value:"510181"},{city:"成都市",text:"彭州市",value:"510182"},{city:"成都市",text:"邛崃市",value:"510183"},{city:"成都市",text:"崇州市",value:"510184"},{city:"成都市",text:"简阳市",value:"510185"}],510300:[{city:"自贡市",text:"市辖区",value:"510301"},{city:"自贡市",text:"自流井区",value:"510302"},{city:"自贡市",text:"贡井区",value:"510303"},{city:"自贡市",text:"大安区",value:"510304"},{city:"自贡市",text:"沿滩区",value:"510311"},{city:"自贡市",text:"荣县",value:"510321"},{city:"自贡市",text:"富顺县",value:"510322"}],510400:[{city:"攀枝花市",text:"市辖区",value:"510401"},{city:"攀枝花市",text:"东区",value:"510402"},{city:"攀枝花市",text:"西区",value:"510403"},{city:"攀枝花市",text:"仁和区",value:"510411"},{city:"攀枝花市",text:"米易县",value:"510421"},{city:"攀枝花市",text:"盐边县",value:"510422"}],510500:[{city:"泸州市",text:"市辖区",value:"510501"},{city:"泸州市",text:"江阳区",value:"510502"},{city:"泸州市",text:"纳溪区",value:"510503"},{city:"泸州市",text:"龙马潭区",value:"510504"},{city:"泸州市",text:"泸县",value:"510521"},{city:"泸州市",text:"合江县",value:"510522"},{city:"泸州市",text:"叙永县",value:"510524"},{city:"泸州市",text:"古蔺县",value:"510525"}],510600:[{city:"德阳市",text:"市辖区",value:"510601"},{city:"德阳市",text:"旌阳区",value:"510603"},{city:"德阳市",text:"中江县",value:"510623"},{city:"德阳市",text:"罗江县",value:"510626"},{city:"德阳市",text:"广汉市",value:"510681"},{city:"德阳市",text:"什邡市",value:"510682"},{city:"德阳市",text:"绵竹市",value:"510683"}],510700:[{city:"绵阳市",text:"市辖区",value:"510701"},{city:"绵阳市",text:"涪城区",value:"510703"},{city:"绵阳市",text:"游仙区",value:"510704"},{city:"绵阳市",text:"安州区",value:"510705"},{city:"绵阳市",text:"三台县",value:"510722"},{city:"绵阳市",text:"盐亭县",value:"510723"},{city:"绵阳市",text:"梓潼县",value:"510725"},{city:"绵阳市",text:"北川羌族自治县",value:"510726"},{city:"绵阳市",text:"平武县",value:"510727"},{city:"绵阳市",text:"江油市",value:"510781"}],510800:[{city:"广元市",text:"市辖区",value:"510801"},{city:"广元市",text:"利州区",value:"510802"},{city:"广元市",text:"昭化区",value:"510811"},{city:"广元市",text:"朝天区",value:"510812"},{city:"广元市",text:"旺苍县",value:"510821"},{city:"广元市",text:"青川县",value:"510822"},{city:"广元市",text:"剑阁县",value:"510823"},{city:"广元市",text:"苍溪县",value:"510824"}],510900:[{city:"遂宁市",text:"市辖区",value:"510901"},{city:"遂宁市",text:"船山区",value:"510903"},{city:"遂宁市",text:"安居区",value:"510904"},{city:"遂宁市",text:"蓬溪县",value:"510921"},{city:"遂宁市",text:"射洪县",value:"510922"},{city:"遂宁市",text:"大英县",value:"510923"}],511000:[{city:"内江市",text:"市辖区",value:"511001"},{city:"内江市",text:"市中区",value:"511002"},{city:"内江市",text:"东兴区",value:"511011"},{city:"内江市",text:"威远县",value:"511024"},{city:"内江市",text:"资中县",value:"511025"},{city:"内江市",text:"隆昌县",value:"511028"}],511100:[{city:"乐山市",text:"市辖区",value:"511101"},{city:"乐山市",text:"市中区",value:"511102"},{city:"乐山市",text:"沙湾区",value:"511111"},{city:"乐山市",text:"五通桥区",value:"511112"},{city:"乐山市",text:"金口河区",value:"511113"},{city:"乐山市",text:"犍为县",value:"511123"},{city:"乐山市",text:"井研县",value:"511124"},{city:"乐山市",text:"夹江县",value:"511126"},{city:"乐山市",text:"沐川县",value:"511129"},{city:"乐山市",text:"峨边彝族自治县",value:"511132"},{city:"乐山市",text:"马边彝族自治县",value:"511133"},{city:"乐山市",text:"峨眉山市",value:"511181"}],511300:[{city:"南充市",text:"市辖区",value:"511301"},{city:"南充市",text:"顺庆区",value:"511302"},{city:"南充市",text:"高坪区",value:"511303"},{city:"南充市",text:"嘉陵区",value:"511304"},{city:"南充市",text:"南部县",value:"511321"},{city:"南充市",text:"营山县",value:"511322"},{city:"南充市",text:"蓬安县",value:"511323"},{city:"南充市",text:"仪陇县",value:"511324"},{city:"南充市",text:"西充县",value:"511325"},{city:"南充市",text:"阆中市",value:"511381"}],511400:[{city:"眉山市",text:"市辖区",value:"511401"},{city:"眉山市",text:"东坡区",value:"511402"},{city:"眉山市",text:"彭山区",value:"511403"},{city:"眉山市",text:"仁寿县",value:"511421"},{city:"眉山市",text:"洪雅县",value:"511423"},{city:"眉山市",text:"丹棱县",value:"511424"},{city:"眉山市",text:"青神县",value:"511425"}],511500:[{city:"宜宾市",text:"市辖区",value:"511501"},{city:"宜宾市",text:"翠屏区",value:"511502"},{city:"宜宾市",text:"南溪区",value:"511503"},{city:"宜宾市",text:"宜宾县",value:"511521"},{city:"宜宾市",text:"江安县",value:"511523"},{city:"宜宾市",text:"长宁县",value:"511524"},{city:"宜宾市",text:"高县",value:"511525"},{city:"宜宾市",text:"珙县",value:"511526"},{city:"宜宾市",text:"筠连县",value:"511527"},{city:"宜宾市",text:"兴文县",value:"511528"},{city:"宜宾市",text:"屏山县",value:"511529"}],511600:[{city:"广安市",text:"市辖区",value:"511601"},{city:"广安市",text:"广安区",value:"511602"},{city:"广安市",text:"前锋区",value:"511603"},{city:"广安市",text:"岳池县",value:"511621"},{city:"广安市",text:"武胜县",value:"511622"},{city:"广安市",text:"邻水县",value:"511623"},{city:"广安市",text:"华蓥市",value:"511681"}],511700:[{city:"达州市",text:"市辖区",value:"511701"},{city:"达州市",text:"通川区",value:"511702"},{city:"达州市",text:"达川区",value:"511703"},{city:"达州市",text:"宣汉县",value:"511722"},{city:"达州市",text:"开江县",value:"511723"},{city:"达州市",text:"大竹县",value:"511724"},{city:"达州市",text:"渠县",value:"511725"},{city:"达州市",text:"万源市",value:"511781"}],511800:[{city:"雅安市",text:"市辖区",value:"511801"},{city:"雅安市",text:"雨城区",value:"511802"},{city:"雅安市",text:"名山区",value:"511803"},{city:"雅安市",text:"荥经县",value:"511822"},{city:"雅安市",text:"汉源县",value:"511823"},{city:"雅安市",text:"石棉县",value:"511824"},{city:"雅安市",text:"天全县",value:"511825"},{city:"雅安市",text:"芦山县",value:"511826"},{city:"雅安市",text:"宝兴县",value:"511827"}],511900:[{city:"巴中市",text:"市辖区",value:"511901"},{city:"巴中市",text:"巴州区",value:"511902"},{city:"巴中市",text:"恩阳区",value:"511903"},{city:"巴中市",text:"通江县",value:"511921"},{city:"巴中市",text:"南江县",value:"511922"},{city:"巴中市",text:"平昌县",value:"511923"}],512000:[{city:"资阳市",text:"市辖区",value:"512001"},{city:"资阳市",text:"雁江区",value:"512002"},{city:"资阳市",text:"安岳县",value:"512021"},{city:"资阳市",text:"乐至县",value:"512022"}],513200:[{city:"阿坝藏族羌族自治州",text:"马尔康市",value:"513201"},{city:"阿坝藏族羌族自治州",text:"汶川县",value:"513221"},{city:"阿坝藏族羌族自治州",text:"理县",value:"513222"},{city:"阿坝藏族羌族自治州",text:"茂县",value:"513223"},{city:"阿坝藏族羌族自治州",text:"松潘县",value:"513224"},{city:"阿坝藏族羌族自治州",text:"九寨沟县",value:"513225"},{city:"阿坝藏族羌族自治州",text:"金川县",value:"513226"},{city:"阿坝藏族羌族自治州",text:"小金县",value:"513227"},{city:"阿坝藏族羌族自治州",text:"黑水县",value:"513228"},{city:"阿坝藏族羌族自治州",text:"壤塘县",value:"513230"},{city:"阿坝藏族羌族自治州",text:"阿坝县",value:"513231"},{city:"阿坝藏族羌族自治州",text:"若尔盖县",value:"513232"},{city:"阿坝藏族羌族自治州",text:"红原县",value:"513233"}],513300:[{city:"甘孜藏族自治州",text:"康定市",value:"513301"},{city:"甘孜藏族自治州",text:"泸定县",value:"513322"},{city:"甘孜藏族自治州",text:"丹巴县",value:"513323"},{city:"甘孜藏族自治州",text:"九龙县",value:"513324"},{city:"甘孜藏族自治州",text:"雅江县",value:"513325"},{city:"甘孜藏族自治州",text:"道孚县",value:"513326"},{city:"甘孜藏族自治州",text:"炉霍县",value:"513327"},{city:"甘孜藏族自治州",text:"甘孜县",value:"513328"},{city:"甘孜藏族自治州",text:"新龙县",value:"513329"},{city:"甘孜藏族自治州",text:"德格县",value:"513330"},{city:"甘孜藏族自治州",text:"白玉县",value:"513331"},{city:"甘孜藏族自治州",text:"石渠县",value:"513332"},{city:"甘孜藏族自治州",text:"色达县",value:"513333"},{city:"甘孜藏族自治州",text:"理塘县",value:"513334"},{city:"甘孜藏族自治州",text:"巴塘县",value:"513335"},{city:"甘孜藏族自治州",text:"乡城县",value:"513336"},{city:"甘孜藏族自治州",text:"稻城县",value:"513337"},{city:"甘孜藏族自治州",text:"得荣县",value:"513338"}],513400:[{city:"凉山彝族自治州",text:"西昌市",value:"513401"},{city:"凉山彝族自治州",text:"木里藏族自治县",value:"513422"},{city:"凉山彝族自治州",text:"盐源县",value:"513423"},{city:"凉山彝族自治州",text:"德昌县",value:"513424"},{city:"凉山彝族自治州",text:"会理县",value:"513425"},{city:"凉山彝族自治州",text:"会东县",value:"513426"},{city:"凉山彝族自治州",text:"宁南县",value:"513427"},{city:"凉山彝族自治州",text:"普格县",value:"513428"},{city:"凉山彝族自治州",text:"布拖县",value:"513429"},{city:"凉山彝族自治州",text:"金阳县",value:"513430"},{city:"凉山彝族自治州",text:"昭觉县",value:"513431"},{city:"凉山彝族自治州",text:"喜德县",value:"513432"},{city:"凉山彝族自治州",text:"冕宁县",value:"513433"},{city:"凉山彝族自治州",text:"越西县",value:"513434"},{city:"凉山彝族自治州",text:"甘洛县",value:"513435"},{city:"凉山彝族自治州",text:"美姑县",value:"513436"},{city:"凉山彝族自治州",text:"雷波县",value:"513437"}],520100:[{city:"贵阳市",text:"市辖区",value:"520101"},{city:"贵阳市",text:"南明区",value:"520102"},{city:"贵阳市",text:"云岩区",value:"520103"},{city:"贵阳市",text:"花溪区",value:"520111"},{city:"贵阳市",text:"乌当区",value:"520112"},{city:"贵阳市",text:"白云区",value:"520113"},{city:"贵阳市",text:"观山湖区",value:"520115"},{city:"贵阳市",text:"开阳县",value:"520121"},{city:"贵阳市",text:"息烽县",value:"520122"},{city:"贵阳市",text:"修文县",value:"520123"},{city:"贵阳市",text:"清镇市",value:"520181"}],520200:[{city:"六盘水市",text:"钟山区",value:"520201"},{city:"六盘水市",text:"六枝特区",value:"520203"},{city:"六盘水市",text:"水城县",value:"520221"},{city:"六盘水市",text:"盘县",value:"520222"}],520300:[{city:"遵义市",text:"市辖区",value:"520301"},{city:"遵义市",text:"红花岗区",value:"520302"},{city:"遵义市",text:"汇川区",value:"520303"},{city:"遵义市",text:"播州区",value:"520304"},{city:"遵义市",text:"桐梓县",value:"520322"},{city:"遵义市",text:"绥阳县",value:"520323"},{city:"遵义市",text:"正安县",value:"520324"},{city:"遵义市",text:"道真仡佬族苗族自治县",value:"520325"},{city:"遵义市",text:"务川仡佬族苗族自治县",value:"520326"},{city:"遵义市",text:"凤冈县",value:"520327"},{city:"遵义市",text:"湄潭县",value:"520328"},{city:"遵义市",text:"余庆县",value:"520329"},{city:"遵义市",text:"习水县",value:"520330"},{city:"遵义市",text:"赤水市",value:"520381"},{city:"遵义市",text:"仁怀市",value:"520382"}],520400:[{city:"安顺市",text:"市辖区",value:"520401"},{city:"安顺市",text:"西秀区",value:"520402"},{city:"安顺市",text:"平坝区",value:"520403"},{city:"安顺市",text:"普定县",value:"520422"},{city:"安顺市",text:"镇宁布依族苗族自治县",value:"520423"},{city:"安顺市",text:"关岭布依族苗族自治县",value:"520424"},{city:"安顺市",text:"紫云苗族布依族自治县",value:"520425"}],520500:[{city:"毕节市",text:"市辖区",value:"520501"},{city:"毕节市",text:"七星关区",value:"520502"},{city:"毕节市",text:"大方县",value:"520521"},{city:"毕节市",text:"黔西县",value:"520522"},{city:"毕节市",text:"金沙县",value:"520523"},{city:"毕节市",text:"织金县",value:"520524"},{city:"毕节市",text:"纳雍县",value:"520525"},{city:"毕节市",text:"威宁彝族回族苗族自治县",value:"520526"},{city:"毕节市",text:"赫章县",value:"520527"}],520600:[{city:"铜仁市",text:"市辖区",value:"520601"},{city:"铜仁市",text:"碧江区",value:"520602"},{city:"铜仁市",text:"万山区",value:"520603"},{city:"铜仁市",text:"江口县",value:"520621"},{city:"铜仁市",text:"玉屏侗族自治县",value:"520622"},{city:"铜仁市",text:"石阡县",value:"520623"},{city:"铜仁市",text:"思南县",value:"520624"},{city:"铜仁市",text:"印江土家族苗族自治县",value:"520625"},{city:"铜仁市",text:"德江县",value:"520626"},{city:"铜仁市",text:"沿河土家族自治县",value:"520627"},{city:"铜仁市",text:"松桃苗族自治县",value:"520628"}],522300:[{city:"黔西南布依族苗族自治州",text:"兴义市",value:"522301"},{city:"黔西南布依族苗族自治州",text:"兴仁县",value:"522322"},{city:"黔西南布依族苗族自治州",text:"普安县",value:"522323"},{city:"黔西南布依族苗族自治州",text:"晴隆县",value:"522324"},{city:"黔西南布依族苗族自治州",text:"贞丰县",value:"522325"},{city:"黔西南布依族苗族自治州",text:"望谟县",value:"522326"},{city:"黔西南布依族苗族自治州",text:"册亨县",value:"522327"},{city:"黔西南布依族苗族自治州",text:"安龙县",value:"522328"}],522600:[{city:"黔东南苗族侗族自治州",text:"凯里市",value:"522601"},{city:"黔东南苗族侗族自治州",text:"黄平县",value:"522622"},{city:"黔东南苗族侗族自治州",text:"施秉县",value:"522623"},{city:"黔东南苗族侗族自治州",text:"三穗县",value:"522624"},{city:"黔东南苗族侗族自治州",text:"镇远县",value:"522625"},{city:"黔东南苗族侗族自治州",text:"岑巩县",value:"522626"},{city:"黔东南苗族侗族自治州",text:"天柱县",value:"522627"},{city:"黔东南苗族侗族自治州",text:"锦屏县",value:"522628"},{city:"黔东南苗族侗族自治州",text:"剑河县",value:"522629"},{city:"黔东南苗族侗族自治州",text:"台江县",value:"522630"},{city:"黔东南苗族侗族自治州",text:"黎平县",value:"522631"},{city:"黔东南苗族侗族自治州",text:"榕江县",value:"522632"},{city:"黔东南苗族侗族自治州",text:"从江县",value:"522633"},{city:"黔东南苗族侗族自治州",text:"雷山县",value:"522634"},{city:"黔东南苗族侗族自治州",text:"麻江县",value:"522635"},{city:"黔东南苗族侗族自治州",text:"丹寨县",value:"522636"}],522700:[{city:"黔南布依族苗族自治州",text:"都匀市",value:"522701"},{city:"黔南布依族苗族自治州",text:"福泉市",value:"522702"},{city:"黔南布依族苗族自治州",text:"荔波县",value:"522722"},{city:"黔南布依族苗族自治州",text:"贵定县",value:"522723"},{city:"黔南布依族苗族自治州",text:"瓮安县",value:"522725"},{city:"黔南布依族苗族自治州",text:"独山县",value:"522726"},{city:"黔南布依族苗族自治州",text:"平塘县",value:"522727"},{city:"黔南布依族苗族自治州",text:"罗甸县",value:"522728"},{city:"黔南布依族苗族自治州",text:"长顺县",value:"522729"},{city:"黔南布依族苗族自治州",text:"龙里县",value:"522730"},{city:"黔南布依族苗族自治州",text:"惠水县",value:"522731"},{city:"黔南布依族苗族自治州",text:"三都水族自治县",value:"522732"}],530100:[{city:"昆明市",text:"市辖区",value:"530101"},{city:"昆明市",text:"五华区",value:"530102"},{city:"昆明市",text:"盘龙区",value:"530103"},{city:"昆明市",text:"官渡区",value:"530111"},{city:"昆明市",text:"西山区",value:"530112"},{city:"昆明市",text:"东川区",value:"530113"},{city:"昆明市",text:"呈贡区",value:"530114"},{city:"昆明市",text:"晋宁县",value:"530122"},{city:"昆明市",text:"富民县",value:"530124"},{city:"昆明市",text:"宜良县",value:"530125"},{city:"昆明市",text:"石林彝族自治县",value:"530126"},{city:"昆明市",text:"嵩明县",value:"530127"},{city:"昆明市",text:"禄劝彝族苗族自治县",value:"530128"},{city:"昆明市",text:"寻甸回族彝族自治县",value:"530129"},{city:"昆明市",text:"安宁市",value:"530181"}],530300:[{city:"曲靖市",text:"市辖区",value:"530301"},{city:"曲靖市",text:"麒麟区",value:"530302"},{city:"曲靖市",text:"沾益区",value:"530303"},{city:"曲靖市",text:"马龙县",value:"530321"},{city:"曲靖市",text:"陆良县",value:"530322"},{city:"曲靖市",text:"师宗县",value:"530323"},{city:"曲靖市",text:"罗平县",value:"530324"},{city:"曲靖市",text:"富源县",value:"530325"},{city:"曲靖市",text:"会泽县",value:"530326"},{city:"曲靖市",text:"宣威市",value:"530381"}],530400:[{city:"玉溪市",text:"市辖区",value:"530401"},{city:"玉溪市",text:"红塔区",value:"530402"},{city:"玉溪市",text:"江川区",value:"530403"},{city:"玉溪市",text:"澄江县",value:"530422"},{city:"玉溪市",text:"通海县",value:"530423"},{city:"玉溪市",text:"华宁县",value:"530424"},{city:"玉溪市",text:"易门县",value:"530425"},{city:"玉溪市",text:"峨山彝族自治县",value:"530426"},{city:"玉溪市",text:"新平彝族傣族自治县",value:"530427"},{city:"玉溪市",text:"元江哈尼族彝族傣族自治县",value:"530428"}],530500:[{city:"保山市",text:"市辖区",value:"530501"},{city:"保山市",text:"隆阳区",value:"530502"},{city:"保山市",text:"施甸县",value:"530521"},{city:"保山市",text:"龙陵县",value:"530523"},{city:"保山市",text:"昌宁县",value:"530524"},{city:"保山市",text:"腾冲市",value:"530581"}],530600:[{city:"昭通市",text:"市辖区",value:"530601"},{city:"昭通市",text:"昭阳区",value:"530602"},{city:"昭通市",text:"鲁甸县",value:"530621"},{city:"昭通市",text:"巧家县",value:"530622"},{city:"昭通市",text:"盐津县",value:"530623"},{city:"昭通市",text:"大关县",value:"530624"},{city:"昭通市",text:"永善县",value:"530625"},{city:"昭通市",text:"绥江县",value:"530626"},{city:"昭通市",text:"镇雄县",value:"530627"},{city:"昭通市",text:"彝良县",value:"530628"},{city:"昭通市",text:"威信县",value:"530629"},{city:"昭通市",text:"水富县",value:"530630"}],530700:[{city:"丽江市",text:"市辖区",value:"530701"},{city:"丽江市",text:"古城区",value:"530702"},{city:"丽江市",text:"玉龙纳西族自治县",value:"530721"},{city:"丽江市",text:"永胜县",value:"530722"},{city:"丽江市",text:"华坪县",value:"530723"},{city:"丽江市",text:"宁蒗彝族自治县",value:"530724"}],530800:[{city:"普洱市",text:"市辖区",value:"530801"},{city:"普洱市",text:"思茅区",value:"530802"},{city:"普洱市",text:"宁洱哈尼族彝族自治县",value:"530821"},{city:"普洱市",text:"墨江哈尼族自治县",value:"530822"},{city:"普洱市",text:"景东彝族自治县",value:"530823"},{city:"普洱市",text:"景谷傣族彝族自治县",value:"530824"},{city:"普洱市",text:"镇沅彝族哈尼族拉祜族自治县",value:"530825"},{city:"普洱市",text:"江城哈尼族彝族自治县",value:"530826"},{city:"普洱市",text:"孟连傣族拉祜族佤族自治县",value:"530827"},{city:"普洱市",text:"澜沧拉祜族自治县",value:"530828"},{city:"普洱市",text:"西盟佤族自治县",value:"530829"}],530900:[{city:"临沧市",text:"市辖区",value:"530901"},{city:"临沧市",text:"临翔区",value:"530902"},{city:"临沧市",text:"凤庆县",value:"530921"},{city:"临沧市",text:"云县",value:"530922"},{city:"临沧市",text:"永德县",value:"530923"},{city:"临沧市",text:"镇康县",value:"530924"},{city:"临沧市",text:"双江拉祜族佤族布朗族傣族自治县",value:"530925"},{city:"临沧市",text:"耿马傣族佤族自治县",value:"530926"},{city:"临沧市",text:"沧源佤族自治县",value:"530927"}],532300:[{city:"楚雄彝族自治州",text:"楚雄市",value:"532301"},{city:"楚雄彝族自治州",text:"双柏县",value:"532322"},{city:"楚雄彝族自治州",text:"牟定县",value:"532323"},{city:"楚雄彝族自治州",text:"南华县",value:"532324"},{city:"楚雄彝族自治州",text:"姚安县",value:"532325"},{city:"楚雄彝族自治州",text:"大姚县",value:"532326"},{city:"楚雄彝族自治州",text:"永仁县",value:"532327"},{city:"楚雄彝族自治州",text:"元谋县",value:"532328"},{city:"楚雄彝族自治州",text:"武定县",value:"532329"},{city:"楚雄彝族自治州",text:"禄丰县",value:"532331"}],532500:[{city:"红河哈尼族彝族自治州",text:"个旧市",value:"532501"},{city:"红河哈尼族彝族自治州",text:"开远市",value:"532502"},{city:"红河哈尼族彝族自治州",text:"蒙自市",value:"532503"},{city:"红河哈尼族彝族自治州",text:"弥勒市",value:"532504"},{city:"红河哈尼族彝族自治州",text:"屏边苗族自治县",value:"532523"},{city:"红河哈尼族彝族自治州",text:"建水县",value:"532524"},{city:"红河哈尼族彝族自治州",text:"石屏县",value:"532525"},{city:"红河哈尼族彝族自治州",text:"泸西县",value:"532527"},{city:"红河哈尼族彝族自治州",text:"元阳县",value:"532528"},{city:"红河哈尼族彝族自治州",text:"红河县",value:"532529"},{city:"红河哈尼族彝族自治州",text:"金平苗族瑶族傣族自治县",value:"532530"},{city:"红河哈尼族彝族自治州",text:"绿春县",value:"532531"},{city:"红河哈尼族彝族自治州",text:"河口瑶族自治县",value:"532532"}],532600:[{city:"文山壮族苗族自治州",text:"文山市",value:"532601"},{city:"文山壮族苗族自治州",text:"砚山县",value:"532622"},{city:"文山壮族苗族自治州",text:"西畴县",value:"532623"},{city:"文山壮族苗族自治州",text:"麻栗坡县",value:"532624"},{city:"文山壮族苗族自治州",text:"马关县",value:"532625"},{city:"文山壮族苗族自治州",text:"丘北县",value:"532626"},{city:"文山壮族苗族自治州",text:"广南县",value:"532627"},{city:"文山壮族苗族自治州",text:"富宁县",value:"532628"}],532800:[{city:"西双版纳傣族自治州",text:"景洪市",value:"532801"},{city:"西双版纳傣族自治州",text:"勐海县",value:"532822"},{city:"西双版纳傣族自治州",text:"勐腊县",value:"532823"}],532900:[{city:"大理白族自治州",text:"大理市",value:"532901"},{city:"大理白族自治州",text:"漾濞彝族自治县",value:"532922"},{city:"大理白族自治州",text:"祥云县",value:"532923"},{city:"大理白族自治州",text:"宾川县",value:"532924"},{city:"大理白族自治州",text:"弥渡县",value:"532925"},{city:"大理白族自治州",text:"南涧彝族自治县",value:"532926"},{city:"大理白族自治州",text:"巍山彝族回族自治县",value:"532927"},{city:"大理白族自治州",text:"永平县",value:"532928"},{city:"大理白族自治州",text:"云龙县",value:"532929"},{city:"大理白族自治州",text:"洱源县",value:"532930"},{city:"大理白族自治州",text:"剑川县",value:"532931"},{city:"大理白族自治州",text:"鹤庆县",value:"532932"}],533100:[{city:"德宏傣族景颇族自治州",text:"瑞丽市",value:"533102"},{city:"德宏傣族景颇族自治州",text:"芒市",value:"533103"},{city:"德宏傣族景颇族自治州",text:"梁河县",value:"533122"},{city:"德宏傣族景颇族自治州",text:"盈江县",value:"533123"},{city:"德宏傣族景颇族自治州",text:"陇川县",value:"533124"}],533300:[{city:"怒江傈僳族自治州",text:"泸水市",value:"533301"},{city:"怒江傈僳族自治州",text:"福贡县",value:"533323"},{city:"怒江傈僳族自治州",text:"贡山独龙族怒族自治县",value:"533324"},{city:"怒江傈僳族自治州",text:"兰坪白族普米族自治县",value:"533325"}],533400:[{city:"迪庆藏族自治州",text:"香格里拉市",value:"533401"},{city:"迪庆藏族自治州",text:"德钦县",value:"533422"},{city:"迪庆藏族自治州",text:"维西傈僳族自治县",value:"533423"}],540100:[{city:"拉萨市",text:"市辖区",value:"540101"},{city:"拉萨市",text:"城关区",value:"540102"},{city:"拉萨市",text:"堆龙德庆区",value:"540103"},{city:"拉萨市",text:"林周县",value:"540121"},{city:"拉萨市",text:"当雄县",value:"540122"},{city:"拉萨市",text:"尼木县",value:"540123"},{city:"拉萨市",text:"曲水县",value:"540124"},{city:"拉萨市",text:"达孜县",value:"540126"},{city:"拉萨市",text:"墨竹工卡县",value:"540127"}],540200:[{city:"日喀则市",text:"桑珠孜区",value:"540202"},{city:"日喀则市",text:"南木林县",value:"540221"},{city:"日喀则市",text:"江孜县",value:"540222"},{city:"日喀则市",text:"定日县",value:"540223"},{city:"日喀则市",text:"萨迦县",value:"540224"},{city:"日喀则市",text:"拉孜县",value:"540225"},{city:"日喀则市",text:"昂仁县",value:"540226"},{city:"日喀则市",text:"谢通门县",value:"540227"},{city:"日喀则市",text:"白朗县",value:"540228"},{city:"日喀则市",text:"仁布县",value:"540229"},{city:"日喀则市",text:"康马县",value:"540230"},{city:"日喀则市",text:"定结县",value:"540231"},{city:"日喀则市",text:"仲巴县",value:"540232"},{city:"日喀则市",text:"亚东县",value:"540233"},{city:"日喀则市",text:"吉隆县",value:"540234"},{city:"日喀则市",text:"聂拉木县",value:"540235"},{city:"日喀则市",text:"萨嘎县",value:"540236"},{city:"日喀则市",text:"岗巴县",value:"540237"}],540300:[{city:"昌都市",text:"卡若区",value:"540302"},{city:"昌都市",text:"江达县",value:"540321"},{city:"昌都市",text:"贡觉县",value:"540322"},{city:"昌都市",text:"类乌齐县",value:"540323"},{city:"昌都市",text:"丁青县",value:"540324"},{city:"昌都市",text:"察雅县",value:"540325"},{city:"昌都市",text:"八宿县",value:"540326"},{city:"昌都市",text:"左贡县",value:"540327"},{city:"昌都市",text:"芒康县",value:"540328"},{city:"昌都市",text:"洛隆县",value:"540329"},{city:"昌都市",text:"边坝县",value:"540330"}],540400:[{city:"林芝市",text:"巴宜区",value:"540402"},{city:"林芝市",text:"工布江达县",value:"540421"},{city:"林芝市",text:"米林县",value:"540422"},{city:"林芝市",text:"墨脱县",value:"540423"},{city:"林芝市",text:"波密县",value:"540424"},{city:"林芝市",text:"察隅县",value:"540425"},{city:"林芝市",text:"朗县",value:"540426"}],540500:[{city:"山南市",text:"市辖区",value:"540501"},{city:"山南市",text:"乃东区",value:"540502"},{city:"山南市",text:"扎囊县",value:"540521"},{city:"山南市",text:"贡嘎县",value:"540522"},{city:"山南市",text:"桑日县",value:"540523"},{city:"山南市",text:"琼结县",value:"540524"},{city:"山南市",text:"曲松县",value:"540525"},{city:"山南市",text:"措美县",value:"540526"},{city:"山南市",text:"洛扎县",value:"540527"},{city:"山南市",text:"加查县",value:"540528"},{city:"山南市",text:"隆子县",value:"540529"},{city:"山南市",text:"错那县",value:"540530"},{city:"山南市",text:"浪卡子县",value:"540531"}],542400:[{city:"那曲地区",text:"那曲县",value:"542421"},{city:"那曲地区",text:"嘉黎县",value:"542422"},{city:"那曲地区",text:"比如县",value:"542423"},{city:"那曲地区",text:"聂荣县",value:"542424"},{city:"那曲地区",text:"安多县",value:"542425"},{city:"那曲地区",text:"申扎县",value:"542426"},{city:"那曲地区",text:"索县",value:"542427"},{city:"那曲地区",text:"班戈县",value:"542428"},{city:"那曲地区",text:"巴青县",value:"542429"},{city:"那曲地区",text:"尼玛县",value:"542430"},{city:"那曲地区",text:"双湖县",value:"542431"}],542500:[{city:"阿里地区",text:"普兰县",value:"542521"},{city:"阿里地区",text:"札达县",value:"542522"},{city:"阿里地区",text:"噶尔县",value:"542523"},{city:"阿里地区",text:"日土县",value:"542524"},{city:"阿里地区",text:"革吉县",value:"542525"},{city:"阿里地区",text:"改则县",value:"542526"},{city:"阿里地区",text:"措勤县",value:"542527"}],610100:[{city:"西安市",text:"市辖区",value:"610101"},{city:"西安市",text:"新城区",value:"610102"},{city:"西安市",text:"碑林区",value:"610103"},{city:"西安市",text:"莲湖区",value:"610104"},{city:"西安市",text:"灞桥区",value:"610111"},{city:"西安市",text:"未央区",value:"610112"},{city:"西安市",text:"雁塔区",value:"610113"},{city:"西安市",text:"阎良区",value:"610114"},{city:"西安市",text:"临潼区",value:"610115"},{city:"西安市",text:"长安区",value:"610116"},{city:"西安市",text:"高陵区",value:"610117"},{city:"西安市",text:"蓝田县",value:"610122"},{city:"西安市",text:"周至县",value:"610124"},{city:"西安市",text:"户县",value:"610125"}],610200:[{city:"铜川市",text:"市辖区",value:"610201"},{city:"铜川市",text:"王益区",value:"610202"},{city:"铜川市",text:"印台区",value:"610203"},{city:"铜川市",text:"耀州区",value:"610204"},{city:"铜川市",text:"宜君县",value:"610222"}],610300:[{city:"宝鸡市",text:"市辖区",value:"610301"},{city:"宝鸡市",text:"渭滨区",value:"610302"},{city:"宝鸡市",text:"金台区",value:"610303"},{city:"宝鸡市",text:"陈仓区",value:"610304"},{city:"宝鸡市",text:"凤翔县",value:"610322"},{city:"宝鸡市",text:"岐山县",value:"610323"},{city:"宝鸡市",text:"扶风县",value:"610324"},{city:"宝鸡市",text:"眉县",value:"610326"},{city:"宝鸡市",text:"陇县",value:"610327"},{city:"宝鸡市",text:"千阳县",value:"610328"},{city:"宝鸡市",text:"麟游县",value:"610329"},{city:"宝鸡市",text:"凤县",value:"610330"},{city:"宝鸡市",text:"太白县",value:"610331"}],610400:[{city:"咸阳市",text:"市辖区",value:"610401"},{city:"咸阳市",text:"秦都区",value:"610402"},{city:"咸阳市",text:"杨陵区",value:"610403"},{city:"咸阳市",text:"渭城区",value:"610404"},{city:"咸阳市",text:"三原县",value:"610422"},{city:"咸阳市",text:"泾阳县",value:"610423"},{city:"咸阳市",text:"乾县",value:"610424"},{city:"咸阳市",text:"礼泉县",value:"610425"},{city:"咸阳市",text:"永寿县",value:"610426"},{city:"咸阳市",text:"彬县",value:"610427"},{city:"咸阳市",text:"长武县",value:"610428"},{city:"咸阳市",text:"旬邑县",value:"610429"},{city:"咸阳市",text:"淳化县",value:"610430"},{city:"咸阳市",text:"武功县",value:"610431"},{city:"咸阳市",text:"兴平市",value:"610481"}],610500:[{city:"渭南市",text:"市辖区",value:"610501"},{city:"渭南市",text:"临渭区",value:"610502"},{city:"渭南市",text:"华州区",value:"610503"},{city:"渭南市",text:"潼关县",value:"610522"},{city:"渭南市",text:"大荔县",value:"610523"},{city:"渭南市",text:"合阳县",value:"610524"},{city:"渭南市",text:"澄城县",value:"610525"},{city:"渭南市",text:"蒲城县",value:"610526"},{city:"渭南市",text:"白水县",value:"610527"},{city:"渭南市",text:"富平县",value:"610528"},{city:"渭南市",text:"韩城市",value:"610581"},{city:"渭南市",text:"华阴市",value:"610582"}],610600:[{city:"延安市",text:"市辖区",value:"610601"},{city:"延安市",text:"宝塔区",value:"610602"},{city:"延安市",text:"安塞区",value:"610603"},{city:"延安市",text:"延长县",value:"610621"},{city:"延安市",text:"延川县",value:"610622"},{city:"延安市",text:"子长县",value:"610623"},{city:"延安市",text:"志丹县",value:"610625"},{city:"延安市",text:"吴起县",value:"610626"},{city:"延安市",text:"甘泉县",value:"610627"},{city:"延安市",text:"富县",value:"610628"},{city:"延安市",text:"洛川县",value:"610629"},{city:"延安市",text:"宜川县",value:"610630"},{city:"延安市",text:"黄龙县",value:"610631"},{city:"延安市",text:"黄陵县",value:"610632"}],610700:[{city:"汉中市",text:"市辖区",value:"610701"},{city:"汉中市",text:"汉台区",value:"610702"},{city:"汉中市",text:"南郑县",value:"610721"},{city:"汉中市",text:"城固县",value:"610722"},{city:"汉中市",text:"洋县",value:"610723"},{city:"汉中市",text:"西乡县",value:"610724"},{city:"汉中市",text:"勉县",value:"610725"},{city:"汉中市",text:"宁强县",value:"610726"},{city:"汉中市",text:"略阳县",value:"610727"},{city:"汉中市",text:"镇巴县",value:"610728"},{city:"汉中市",text:"留坝县",value:"610729"},{city:"汉中市",text:"佛坪县",value:"610730"}],610800:[{city:"榆林市",text:"市辖区",value:"610801"},{city:"榆林市",text:"榆阳区",value:"610802"},{city:"榆林市",text:"横山区",value:"610803"},{city:"榆林市",text:"神木县",value:"610821"},{city:"榆林市",text:"府谷县",value:"610822"},{city:"榆林市",text:"靖边县",value:"610824"},{city:"榆林市",text:"定边县",value:"610825"},{city:"榆林市",text:"绥德县",value:"610826"},{city:"榆林市",text:"米脂县",value:"610827"},{city:"榆林市",text:"佳县",value:"610828"},{city:"榆林市",text:"吴堡县",value:"610829"},{city:"榆林市",text:"清涧县",value:"610830"},{city:"榆林市",text:"子洲县",value:"610831"}],610900:[{city:"安康市",text:"市辖区",value:"610901"},{city:"安康市",text:"汉滨区",value:"610902"},{city:"安康市",text:"汉阴县",value:"610921"},{city:"安康市",text:"石泉县",value:"610922"},{city:"安康市",text:"宁陕县",value:"610923"},{city:"安康市",text:"紫阳县",value:"610924"},{city:"安康市",text:"岚皋县",value:"610925"},{city:"安康市",text:"平利县",value:"610926"},{city:"安康市",text:"镇坪县",value:"610927"},{city:"安康市",text:"旬阳县",value:"610928"},{city:"安康市",text:"白河县",value:"610929"}],611000:[{city:"商洛市",text:"市辖区",value:"611001"},{city:"商洛市",text:"商州区",value:"611002"},{city:"商洛市",text:"洛南县",value:"611021"},{city:"商洛市",text:"丹凤县",value:"611022"},{city:"商洛市",text:"商南县",value:"611023"},{city:"商洛市",text:"山阳县",value:"611024"},{city:"商洛市",text:"镇安县",value:"611025"},{city:"商洛市",text:"柞水县",value:"611026"}],620100:[{city:"兰州市",text:"市辖区",value:"620101"},{city:"兰州市",text:"城关区",value:"620102"},{city:"兰州市",text:"七里河区",value:"620103"},{city:"兰州市",text:"西固区",value:"620104"},{city:"兰州市",text:"安宁区",value:"620105"},{city:"兰州市",text:"红古区",value:"620111"},{city:"兰州市",text:"永登县",value:"620121"},{city:"兰州市",text:"皋兰县",value:"620122"},{city:"兰州市",text:"榆中县",value:"620123"}],620200:[{city:"嘉峪关市",text:"市辖区",value:"620201"}],620300:[{city:"金昌市",text:"市辖区",value:"620301"},{city:"金昌市",text:"金川区",value:"620302"},{city:"金昌市",text:"永昌县",value:"620321"}],620400:[{city:"白银市",text:"市辖区",value:"620401"},{city:"白银市",text:"白银区",value:"620402"},{city:"白银市",text:"平川区",value:"620403"},{city:"白银市",text:"靖远县",value:"620421"},{city:"白银市",text:"会宁县",value:"620422"},{city:"白银市",text:"景泰县",value:"620423"}],620500:[{city:"天水市",text:"市辖区",value:"620501"},{city:"天水市",text:"秦州区",value:"620502"},{city:"天水市",text:"麦积区",value:"620503"},{city:"天水市",text:"清水县",value:"620521"},{city:"天水市",text:"秦安县",value:"620522"},{city:"天水市",text:"甘谷县",value:"620523"},{city:"天水市",text:"武山县",value:"620524"},{city:"天水市",text:"张家川回族自治县",value:"620525"}],620600:[{city:"武威市",text:"市辖区",value:"620601"},{city:"武威市",text:"凉州区",value:"620602"},{city:"武威市",text:"民勤县",value:"620621"},{city:"武威市",text:"古浪县",value:"620622"},{city:"武威市",text:"天祝藏族自治县",value:"620623"}],620700:[{city:"张掖市",text:"市辖区",value:"620701"},{city:"张掖市",text:"甘州区",value:"620702"},{city:"张掖市",text:"肃南裕固族自治县",value:"620721"},{city:"张掖市",text:"民乐县",value:"620722"},{city:"张掖市",text:"临泽县",value:"620723"},{city:"张掖市",text:"高台县",value:"620724"},{city:"张掖市",text:"山丹县",value:"620725"}],620800:[{city:"平凉市",text:"市辖区",value:"620801"},{city:"平凉市",text:"崆峒区",value:"620802"},{city:"平凉市",text:"泾川县",value:"620821"},{city:"平凉市",text:"灵台县",value:"620822"},{city:"平凉市",text:"崇信县",value:"620823"},{city:"平凉市",text:"华亭县",value:"620824"},{city:"平凉市",text:"庄浪县",value:"620825"},{city:"平凉市",text:"静宁县",value:"620826"}],620900:[{city:"酒泉市",text:"市辖区",value:"620901"},{city:"酒泉市",text:"肃州区",value:"620902"},{city:"酒泉市",text:"金塔县",value:"620921"},{city:"酒泉市",text:"瓜州县",value:"620922"},{city:"酒泉市",text:"肃北蒙古族自治县",value:"620923"},{city:"酒泉市",text:"阿克塞哈萨克族自治县",value:"620924"},{city:"酒泉市",text:"玉门市",value:"620981"},{city:"酒泉市",text:"敦煌市",value:"620982"}],621000:[{city:"庆阳市",text:"市辖区",value:"621001"},{city:"庆阳市",text:"西峰区",value:"621002"},{city:"庆阳市",text:"庆城县",value:"621021"},{city:"庆阳市",text:"环县",value:"621022"},{city:"庆阳市",text:"华池县",value:"621023"},{city:"庆阳市",text:"合水县",value:"621024"},{city:"庆阳市",text:"正宁县",value:"621025"},{city:"庆阳市",text:"宁县",value:"621026"},{city:"庆阳市",text:"镇原县",value:"621027"}],621100:[{city:"定西市",text:"市辖区",value:"621101"},{city:"定西市",text:"安定区",value:"621102"},{city:"定西市",text:"通渭县",value:"621121"},{city:"定西市",text:"陇西县",value:"621122"},{city:"定西市",text:"渭源县",value:"621123"},{city:"定西市",text:"临洮县",value:"621124"},{city:"定西市",text:"漳县",value:"621125"},{city:"定西市",text:"岷县",value:"621126"}],621200:[{city:"陇南市",text:"市辖区",value:"621201"},{city:"陇南市",text:"武都区",value:"621202"},{city:"陇南市",text:"成县",value:"621221"},{city:"陇南市",text:"文县",value:"621222"},{city:"陇南市",text:"宕昌县",value:"621223"},{city:"陇南市",text:"康县",value:"621224"},{city:"陇南市",text:"西和县",value:"621225"},{city:"陇南市",text:"礼县",value:"621226"},{city:"陇南市",text:"徽县",value:"621227"},{city:"陇南市",text:"两当县",value:"621228"}],622900:[{city:"临夏回族自治州",text:"临夏市",value:"622901"},{city:"临夏回族自治州",text:"临夏县",value:"622921"},{city:"临夏回族自治州",text:"康乐县",value:"622922"},{city:"临夏回族自治州",text:"永靖县",value:"622923"},{city:"临夏回族自治州",text:"广河县",value:"622924"},{city:"临夏回族自治州",text:"和政县",value:"622925"},{city:"临夏回族自治州",text:"东乡族自治县",value:"622926"},{city:"临夏回族自治州",text:"积石山保安族东乡族撒拉族自治县",value:"622927"}],623000:[{city:"甘南藏族自治州",text:"合作市",value:"623001"},{city:"甘南藏族自治州",text:"临潭县",value:"623021"},{city:"甘南藏族自治州",text:"卓尼县",value:"623022"},{city:"甘南藏族自治州",text:"舟曲县",value:"623023"},{city:"甘南藏族自治州",text:"迭部县",value:"623024"},{city:"甘南藏族自治州",text:"玛曲县",value:"623025"},{city:"甘南藏族自治州",text:"碌曲县",value:"623026"},{city:"甘南藏族自治州",text:"夏河县",value:"623027"}],630100:[{city:"西宁市",text:"市辖区",value:"630101"},{city:"西宁市",text:"城东区",value:"630102"},{city:"西宁市",text:"城中区",value:"630103"},{city:"西宁市",text:"城西区",value:"630104"},{city:"西宁市",text:"城北区",value:"630105"},{city:"西宁市",text:"大通回族土族自治县",value:"630121"},{city:"西宁市",text:"湟中县",value:"630122"},{city:"西宁市",text:"湟源县",value:"630123"}],630200:[{city:"海东市",text:"乐都区",value:"630202"},{city:"海东市",text:"平安区",value:"630203"},{city:"海东市",text:"民和回族土族自治县",value:"630222"},{city:"海东市",text:"互助土族自治县",value:"630223"},{city:"海东市",text:"化隆回族自治县",value:"630224"},{city:"海东市",text:"循化撒拉族自治县",value:"630225"}],632200:[{city:"海北藏族自治州",text:"门源回族自治县",value:"632221"},{city:"海北藏族自治州",text:"祁连县",value:"632222"},{city:"海北藏族自治州",text:"海晏县",value:"632223"},{city:"海北藏族自治州",text:"刚察县",value:"632224"}],632300:[{city:"黄南藏族自治州",text:"同仁县",value:"632321"},{city:"黄南藏族自治州",text:"尖扎县",value:"632322"},{city:"黄南藏族自治州",text:"泽库县",value:"632323"},{city:"黄南藏族自治州",text:"河南蒙古族自治县",value:"632324"}],632500:[{city:"海南藏族自治州",text:"共和县",value:"632521"},{city:"海南藏族自治州",text:"同德县",value:"632522"},{city:"海南藏族自治州",text:"贵德县",value:"632523"},{city:"海南藏族自治州",text:"兴海县",value:"632524"},{city:"海南藏族自治州",text:"贵南县",value:"632525"}],632600:[{city:"果洛藏族自治州",text:"玛沁县",value:"632621"},{city:"果洛藏族自治州",text:"班玛县",value:"632622"},{city:"果洛藏族自治州",text:"甘德县",value:"632623"},{city:"果洛藏族自治州",text:"达日县",value:"632624"},{city:"果洛藏族自治州",text:"久治县",value:"632625"},{city:"果洛藏族自治州",text:"玛多县",value:"632626"}],632700:[{city:"玉树藏族自治州",text:"玉树市",value:"632701"},{city:"玉树藏族自治州",text:"杂多县",value:"632722"},{city:"玉树藏族自治州",text:"称多县",value:"632723"},{city:"玉树藏族自治州",text:"治多县",value:"632724"},{city:"玉树藏族自治州",text:"囊谦县",value:"632725"},{city:"玉树藏族自治州",text:"曲麻莱县",value:"632726"}],632800:[{city:"海西蒙古族藏族自治州",text:"格尔木市",value:"632801"},{city:"海西蒙古族藏族自治州",text:"德令哈市",value:"632802"},{city:"海西蒙古族藏族自治州",text:"乌兰县",value:"632821"},{city:"海西蒙古族藏族自治州",text:"都兰县",value:"632822"},{city:"海西蒙古族藏族自治州",text:"天峻县",value:"632823"}],640100:[{city:"银川市",text:"市辖区",value:"640101"},{city:"银川市",text:"兴庆区",value:"640104"},{city:"银川市",text:"西夏区",value:"640105"},{city:"银川市",text:"金凤区",value:"640106"},{city:"银川市",text:"永宁县",value:"640121"},{city:"银川市",text:"贺兰县",value:"640122"},{city:"银川市",text:"灵武市",value:"640181"}],640200:[{city:"石嘴山市",text:"市辖区",value:"640201"},{city:"石嘴山市",text:"大武口区",value:"640202"},{city:"石嘴山市",text:"惠农区",value:"640205"},{city:"石嘴山市",text:"平罗县",value:"640221"}],640300:[{city:"吴忠市",text:"市辖区",value:"640301"},{city:"吴忠市",text:"利通区",value:"640302"},{city:"吴忠市",text:"红寺堡区",value:"640303"},{city:"吴忠市",text:"盐池县",value:"640323"},{city:"吴忠市",text:"同心县",value:"640324"},{city:"吴忠市",text:"青铜峡市",value:"640381"}],640400:[{city:"固原市",text:"市辖区",value:"640401"},{city:"固原市",text:"原州区",value:"640402"},{city:"固原市",text:"西吉县",value:"640422"},{city:"固原市",text:"隆德县",value:"640423"},{city:"固原市",text:"泾源县",value:"640424"},{city:"固原市",text:"彭阳县",value:"640425"}],640500:[{city:"中卫市",text:"市辖区",value:"640501"},{city:"中卫市",text:"沙坡头区",value:"640502"},{city:"中卫市",text:"中宁县",value:"640521"},{city:"中卫市",text:"海原县",value:"640522"}],650100:[{city:"乌鲁木齐市",text:"市辖区",value:"650101"},{city:"乌鲁木齐市",text:"天山区",value:"650102"},{city:"乌鲁木齐市",text:"沙依巴克区",value:"650103"},{city:"乌鲁木齐市",text:"新市区",value:"650104"},{city:"乌鲁木齐市",text:"水磨沟区",value:"650105"},{city:"乌鲁木齐市",text:"头屯河区",value:"650106"},{city:"乌鲁木齐市",text:"达坂城区",value:"650107"},{city:"乌鲁木齐市",text:"米东区",value:"650109"},{city:"乌鲁木齐市",text:"乌鲁木齐县",value:"650121"}],650200:[{city:"克拉玛依市",text:"市辖区",value:"650201"},{city:"克拉玛依市",text:"独山子区",value:"650202"},{city:"克拉玛依市",text:"克拉玛依区",value:"650203"},{city:"克拉玛依市",text:"白碱滩区",value:"650204"},{city:"克拉玛依市",text:"乌尔禾区",value:"650205"}],650400:[{city:"吐鲁番市",text:"高昌区",value:"650402"},{city:"吐鲁番市",text:"鄯善县",value:"650421"},{city:"吐鲁番市",text:"托克逊县",value:"650422"}],650500:[{city:"哈密市",text:"伊州区",value:"650502"},{city:"哈密市",text:"巴里坤哈萨克自治县",value:"650521"},{city:"哈密市",text:"伊吾县",value:"650522"}],652300:[{city:"昌吉回族自治州",text:"昌吉市",value:"652301"},{city:"昌吉回族自治州",text:"阜康市",value:"652302"},{city:"昌吉回族自治州",text:"呼图壁县",value:"652323"},{city:"昌吉回族自治州",text:"玛纳斯县",value:"652324"},{city:"昌吉回族自治州",text:"奇台县",value:"652325"},{city:"昌吉回族自治州",text:"吉木萨尔县",value:"652327"},{city:"昌吉回族自治州",text:"木垒哈萨克自治县",value:"652328"}],652700:[{city:"博尔塔拉蒙古自治州",text:"博乐市",value:"652701"},{city:"博尔塔拉蒙古自治州",text:"阿拉山口市",value:"652702"},{city:"博尔塔拉蒙古自治州",text:"精河县",value:"652722"},{city:"博尔塔拉蒙古自治州",text:"温泉县",value:"652723"}],652800:[{city:"巴音郭楞蒙古自治州",text:"库尔勒市",value:"652801"},{city:"巴音郭楞蒙古自治州",text:"轮台县",value:"652822"},{city:"巴音郭楞蒙古自治州",text:"尉犁县",value:"652823"},{city:"巴音郭楞蒙古自治州",text:"若羌县",value:"652824"},{city:"巴音郭楞蒙古自治州",text:"且末县",value:"652825"},{city:"巴音郭楞蒙古自治州",text:"焉耆回族自治县",value:"652826"},{city:"巴音郭楞蒙古自治州",text:"和静县",value:"652827"},{city:"巴音郭楞蒙古自治州",text:"和硕县",value:"652828"},{city:"巴音郭楞蒙古自治州",text:"博湖县",value:"652829"}],652900:[{city:"阿克苏地区",text:"阿克苏市",value:"652901"},{city:"阿克苏地区",text:"温宿县",value:"652922"},{city:"阿克苏地区",text:"库车县",value:"652923"},{city:"阿克苏地区",text:"沙雅县",value:"652924"},{city:"阿克苏地区",text:"新和县",value:"652925"},{city:"阿克苏地区",text:"拜城县",value:"652926"},{city:"阿克苏地区",text:"乌什县",value:"652927"},{city:"阿克苏地区",text:"阿瓦提县",value:"652928"},{city:"阿克苏地区",text:"柯坪县",value:"652929"}],653000:[{city:"克孜勒苏柯尔克孜自治州",text:"阿图什市",value:"653001"},{city:"克孜勒苏柯尔克孜自治州",text:"阿克陶县",value:"653022"},{city:"克孜勒苏柯尔克孜自治州",text:"阿合奇县",value:"653023"},{city:"克孜勒苏柯尔克孜自治州",text:"乌恰县",value:"653024"}],653100:[{city:"喀什地区",text:"喀什市",value:"653101"},{city:"喀什地区",text:"疏附县",value:"653121"},{city:"喀什地区",text:"疏勒县",value:"653122"},{city:"喀什地区",text:"英吉沙县",value:"653123"},{city:"喀什地区",text:"泽普县",value:"653124"},{city:"喀什地区",text:"莎车县",value:"653125"},{city:"喀什地区",text:"叶城县",value:"653126"},{city:"喀什地区",text:"麦盖提县",value:"653127"},{city:"喀什地区",text:"岳普湖县",value:"653128"},{city:"喀什地区",text:"伽师县",value:"653129"},{city:"喀什地区",text:"巴楚县",value:"653130"},{city:"喀什地区",text:"塔什库尔干塔吉克自治县",value:"653131"}],653200:[{city:"和田地区",text:"和田市",value:"653201"},{city:"和田地区",text:"和田县",value:"653221"},{city:"和田地区",text:"墨玉县",value:"653222"},{city:"和田地区",text:"皮山县",value:"653223"},{city:"和田地区",text:"洛浦县",value:"653224"},{city:"和田地区",text:"策勒县",value:"653225"},{city:"和田地区",text:"于田县",value:"653226"},{city:"和田地区",text:"民丰县",value:"653227"}],654000:[{city:"伊犁哈萨克自治州",text:"伊宁市",value:"654002"},{city:"伊犁哈萨克自治州",text:"奎屯市",value:"654003"},{city:"伊犁哈萨克自治州",text:"霍尔果斯市",value:"654004"},{city:"伊犁哈萨克自治州",text:"伊宁县",value:"654021"},{city:"伊犁哈萨克自治州",text:"察布查尔锡伯自治县",value:"654022"},{city:"伊犁哈萨克自治州",text:"霍城县",value:"654023"},{city:"伊犁哈萨克自治州",text:"巩留县",value:"654024"},{city:"伊犁哈萨克自治州",text:"新源县",value:"654025"},{city:"伊犁哈萨克自治州",text:"昭苏县",value:"654026"},{city:"伊犁哈萨克自治州",text:"特克斯县",value:"654027"},{city:"伊犁哈萨克自治州",text:"尼勒克县",value:"654028"}],654200:[{city:"塔城地区",text:"塔城市",value:"654201"},{city:"塔城地区",text:"乌苏市",value:"654202"},{city:"塔城地区",text:"额敏县",value:"654221"},{city:"塔城地区",text:"沙湾县",value:"654223"},{city:"塔城地区",text:"托里县",value:"654224"},{city:"塔城地区",text:"裕民县",value:"654225"},{city:"塔城地区",text:"和布克赛尔蒙古自治县",value:"654226"}],654300:[{city:"阿勒泰地区",text:"阿勒泰市",value:"654301"},{city:"阿勒泰地区",text:"布尔津县",value:"654321"},{city:"阿勒泰地区",text:"富蕴县",value:"654322"},{city:"阿勒泰地区",text:"福海县",value:"654323"},{city:"阿勒泰地区",text:"哈巴河县",value:"654324"},{city:"阿勒泰地区",text:"青河县",value:"654325"},{city:"阿勒泰地区",text:"吉木乃县",value:"654326"}],659000:[{city:"自治区直辖县级行政区划",text:"石河子市",value:"659001"},{city:"自治区直辖县级行政区划",text:"阿拉尔市",value:"659002"},{city:"自治区直辖县级行政区划",text:"图木舒克市",value:"659003"},{city:"自治区直辖县级行政区划",text:"五家渠市",value:"659004"},{city:"自治区直辖县级行政区划",text:"铁门关市",value:"659006"}]}})},function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.cascadeData=[{value:"Fruit",text:"Fruit",children:[{value:"Apple",text:"Apple",children:[{value:1,text:"One"},{value:2,text:"Two"}]},{value:"Orange",text:"Orange",children:[{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"Lemon",text:"Lemon",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"},{value:5,text:"Five"}]}]},{value:"Drink",text:"Drink",children:[{value:"Coffee",text:"Coffee",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]},{value:"Tea",text:"Tea",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"Juice",text:"Juice",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]}]},{value:"Dessert",text:"Dessert",children:[{value:"Chocolate",text:"Chocolate",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"},{value:5,text:"Five"}]},{value:"cheese",text:"cheese",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"cake",text:"cake",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]}]}]})},function(t,e,a){var i=a(0)(a(280),a(281),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e){for(var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",c=[],l=t;l<=e;l++){var u=(a&&l<10?"0"+l:l)+i;c.push({text:u,value:l})}return c}Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"date-picker",props:{min:{type:Array,default:function(){return[2010,2,1]}},max:{type:Array,default:function(){return[2020,2,1]}},selectedIndex:{type:Array,default:function(){return[0,0,0]}}},data:function(){return{}},computed:{data:function(){var t=this,e=a(this.min[0],this.max[0],!1,"年");return e.forEach(function(e){var i=e.value===t.min[0]?t.min[1]:1,c=e.value===t.max[0]?t.max[1]:12;e.children=a(i,c,!1,"月"),e.children.forEach(function(i){var c=30;[1,3,5,7,8,10,12].includes(i.value)?c=31:2===i.value&&(c=e.value%400&&(e.value%4||!(e.value%100))?28:29);var l=e.value===t.min[0]&&i.value===t.min[1]?t.min[2]:1,u=e.value===t.max[0]&&i.value===t.max[1]?t.max[2]:c;i.children=a(l,u,!1,"日")})}),e}},methods:{show:function(){this.$refs.cascadePicker.show()},hide:function(){this.$refs.cascadePicker.hide()},select:function(t,e,a){this.$emit("select",t,e,a)},cancel:function(){this.$emit("cancel")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{ref:"cascadePicker",attrs:{title:"Date Picker",data:t.data,selectedIndex:t.selectedIndex},on:{select:t.select,cancel:t.cancel}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Cascade Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showCascadePicker}},[t._v("Cascade Picker")]),t._v(" "),a("cube-button",{on:{click:t.showCityPicker}},[t._v("City Picker")]),t._v(" "),a("cube-button",{on:{click:t.showDatePicker}},[t._v("Date Picker")]),t._v(" "),a("cube-button",{on:{click:t.showSetDataPicker}},[t._v("Set Data")])],1)],1)])},staticRenderFns:[]}},function(t,e,a){var i=a(0)(a(284),a(285),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(5)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={methods:{selectTime:function(){var t=this;this.timePicker=this.$createTimePicker({showNow:!0,minuteStep:5,delay:15,onSelect:function(e,a){t.$createDialog({type:"warn",title:"选中的时间戳是 "+e,content:"选中的内容是 "+a,icon:"cubeic-alert"}).show()},onCancel:function(){t.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}}),this.timePicker.show()},selectTimeDay:function(){var t=this;this.timePicker=this.$createTimePicker({showNow:!0,minuteStep:10,delay:10,day:{len:5,filter:["今天","明天"],format:"M月d日"},onSelect:function(e,a){t.$createDialog({type:"warn",title:"选中的时间戳是 "+e,content:"选中的内容是 "+a,icon:"cubeic-alert"}).show()},onCancel:function(){t.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}}),this.timePicker.show()},selectTimeSetTime:function(){var t=this,e=(new Date).valueOf()+36e5;this.timePicker=this.$createTimePicker({showNow:!0,minuteStep:10,delay:15,day:{len:5,filter:["今天","明天","后天"],format:"M月d日"},onSelect:function(e,a){t.$createDialog({type:"warn",title:"选中的时间戳是 "+e,content:"选中的内容是 "+a,icon:"cubeic-alert"}).show()},onCancel:function(){t.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}}),this.timePicker.setTime(e),this.timePicker.show()}},components:{CubePage:l.default,CubeButtonGroup:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"time-picker-view",title:"TimePicker（时间选择器）"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.selectTime}},[t._v("TimePicker")]),t._v(" "),a("cube-button",{on:{click:t.selectTimeDay}},[t._v("TimePicker - day options")]),t._v(" "),a("cube-button",{on:{click:t.selectTimeSetTime}},[t._v("TimePicker - setTime(next hour)")])],1)],1)])},staticRenderFns:[]}},function(t,e,a){function i(t){a(287)}var c=a(0)(a(288),a(289),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(5),a(1)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={methods:{showAlert:function(){this.dialog=this.$createDialog({type:"alert",title:"我是标题",content:"我是内容",icon:"cubeic-alert"}),this.dialog.show()},showBtn:function(){var t=this;this.dialog=this.$createDialog({type:"confirm",icon:"cubeic-alert",title:"我是标题",content:"我是内容",confirmBtn:{text:"确定按钮",active:!0,disabled:!1,href:"javascript:;"},cancelBtn:{text:"取消按钮",active:!1,disabled:!1,href:"javascript:;"},onConfirm:function(){t.$createToast({type:"warn",time:1e3,txt:"点击确认按钮"}).show()},onCancel:function(){t.$createToast({type:"warn",time:1e3,txt:"点击取消按钮"}).show()}}),this.dialog.show()},showClose:function(){var t=this;this.dialog=this.$createDialog({type:"alert",icon:"cubeic-alert",showClose:!0,title:"标题",onClose:function(){t.$createToast({type:"warn",time:1e3,txt:"点击关闭按钮"}).show()}}),this.dialog.show()},showSlot:function(){this.dialog=this.$createDialog({type:"alert",confirmBtn:{text:"我知道了",active:!0}},function(t){return[t("div",{class:{"my-title":!0},slot:"title"},[t("div",{class:{"my-title-img":!0}}),t("p","附近车少,优选出租车将来接您")]),t("p",{class:{"my-content":!0},slot:"content"},"价格仍按快车计算")]}),this.dialog.show()}},components:{CubeButtonGroup:l.default,CubePage:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"dialog-view",title:"Dialog"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showAlert}},[t._v("Dialog - type")]),t._v(" "),a("cube-button",{on:{click:t.showBtn}},[t._v("Dialog - btn")]),t._v(" "),a("cube-button",{on:{click:t.showClose}},[t._v("Dialog - show close")]),t._v(" "),a("cube-button",{on:{click:t.showSlot}},[t._v("Dialog - slot")])],1)],1)])},staticRenderFns:[]}},function(t,e,a){var i=a(0)(a(291),a(292),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(5)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={methods:{showDefault:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",data:[{content:"align - center",class:"cube-foo"},{content:"align - left",align:"left"},{content:"align - right",align:"right"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()}}),this.actionSheet.show()},showActive:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",active:0,data:[{content:"舒适型"},{content:"七座商务"},{content:"豪华型"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()},onCancel:function(){t.$createToast({txt:"Clicked canceled",type:"warn",time:1e3}).show()}}),this.actionSheet.show()},showPickerStyle:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",pickerStyle:!0,data:[{content:"舒适型"},{content:"七座商务"},{content:"豪华型"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()},onCancel:function(){t.$createToast({txt:"Clicked canceled",type:"warn",time:1e3}).show()}}),this.actionSheet.show()}},components:{CubePage:l.default,CubeButtonGroup:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"action-sheet-view",title:"ActionSheet（操作列表）"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showDefault}},[t._v("ActionSheet")]),t._v(" "),a("cube-button",{on:{click:t.showActive}},[t._v("ActionSheet - active")]),t._v(" "),a("cube-button",{on:{click:t.showPickerStyle}},[t._v("ActionSheet - picker style")])],1)],1)])},staticRenderFns:[]}},function(t,e,a){function i(t){a(294)}var c=a(0)(a(295),a(308),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(17),a(1),a(72),a(71),a(299),a(303),a(304)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l,u,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=s(a),r=s(i),x=s(c),y=s(l),p=s(u),d=s(n),f=["I am line 1","I am line 2","I am line 3","I am line 4","I am line 5","I am line 6","I am line 7","I am line 8","I am line 9","I am line 10","I am line 11","I am line 12","I am line 13","I am line 14","I am line 15"],h=[];d.default.goods.forEach(function(t){h=h.concat(t.foods)}),e.default={data:function(){return{items:f,itemIndex:f.length,scrollbar:!0,scrollbarFade:!0,customList:!1,pullDownRefresh:!0,pullDownRefreshThreshold:90,pullDownRefreshStop:40,pullDownRefreshTxt:"Refresh success",pullUpLoad:!0,pullUpLoadThreshold:0,pullUpLoadMoreTxt:"Load more",pullUpLoadNoMoreTxt:"No more data",startY:0,scrollToX:0,scrollToY:-200,scrollToTime:700,scrollToEasing:"bounce",scrollToEasingOptions:[{text:"bounce",value:"bounce"},{text:"swipe",value:"swipe"},{text:"swipeBounce",value:"swipeBounce"}],customPullDown:!1}},components:{CubePage:r.default,SwitchOption:x.default,InputOption:y.default,SelectOption:p.default},watch:{scrollbarObj:{handler:function(){this.rebuildScroll()},deep:!0},customList:function(t){this.items=t?h:f},pullDownRefreshObj:{handler:function(){this.rebuildScroll()},deep:!0},pullUpLoadObj:{handler:function(){this.rebuildScroll()},deep:!0},startY:function(){this.rebuildScroll()}},computed:{scrollOptions:function(){return{pullDownRefresh:this.pullDownRefreshObj,pullUpLoad:this.pullUpLoadObj,scrollbar:this.scrollbarObj}},scrollbarObj:function(){return!!this.scrollbar&&{fade:this.scrollbarFade}},pullDownRefreshObj:function(){return!!this.pullDownRefresh&&{threshold:parseInt(this.pullDownRefreshThreshold),stop:parseInt(this.pullDownRefreshStop),txt:this.pullDownRefreshTxt}},pullUpLoadObj:function(){return!!this.pullUpLoad&&{threshold:parseInt(this.pullUpLoadThreshold),txt:{more:this.pullUpLoadMoreTxt,noMore:this.pullUpLoadNoMoreTxt}}}},methods:{onPullingDown:function(){var t=this;setTimeout(function(){Math.random()>.5?t.items.unshift(t.customList?h[1]:"I am new data: "+ +new Date):t.$refs.scroll.forceUpdate()},1e3)},onPullingUp:function(){var t=this;setTimeout(function(){if(Math.random()>.5){var e=t.customList?h.slice(0,5):["I am line "+ ++t.itemIndex,"I am line "+ ++t.itemIndex,"I am line "+ ++t.itemIndex,"I am line "+ ++t.itemIndex,"I am line "+ ++t.itemIndex];t.items=t.items.concat(e)}else t.$refs.scroll.forceUpdate()},1e3)},scrollTo:function(){this.$refs.scroll.scrollTo(this.scrollToX,this.scrollToY,this.scrollToTime,o.ease[this.scrollToEasing])},updateScrollbar:function(t){this.scrollbar=t},updateCustomList:function(t){this.customList=t},updateScrollbarFade:function(t){this.scrollbarFade=t},updatePullDownRefresh:function(t){this.pullDownRefresh=t},updatePullDownRefreshThreshold:function(t){this.pullDownRefreshThreshold=t},updatePullDownRefreshStop:function(t){this.pullDownRefreshStop=t},updatePullDownRefreshTxt:function(t){this.pullDownRefreshTxt=t},updatePullUpLoad:function(t){this.pullUpLoad=t},updatePullUpLoadThreshold:function(t){this.pullUpLoadThreshold=t},updatePullUpLoadMoreTxt:function(t){this.pullUpLoadMoreTxt=t},updatePullUpLoadNoMoreTxt:function(t){this.pullUpLoadNoMoreTxt=t},updateStartY:function(t){this.startY=t},updateCustomPullDown:function(t){this.customPullDown=t},updateScrollToX:function(t){this.scrollToX=t},updateScrollToY:function(t){this.scrollToY=t},updateScrollToTime:function(t){this.scrollToTime=t},updateScrollToEasing:function(t){this.scrollToEasing=t},rebuildScroll:function(){var t=this;v.default.nextTick(function(){t.$refs.scroll.destroy(),t.$refs.scroll.initScroll()})}}},t.exports=e.default})},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"input-option",props:{name:{type:String},value:null,minValue:null},data:function(){return{inputValue:this.value}},watch:{inputValue:function(t){this.$emit("update:value",this.minValue?Math.max(t,this.minValue):t)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"input-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],attrs:{type:"text"},domProps:{value:t.inputValue},on:{input:function(e){e.target.composing||(t.inputValue=e.target.value)}}})])},staticRenderFns:[]}},function(t,e,a){function i(t){a(300)}var c=a(0)(a(301),a(302),i,"data-v-7605c0c2",null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"select-option",props:{name:{type:String},options:{type:Array},value:null},data:function(){return{selected:this.value}},watch:{selected:function(t){this.$emit("update:value",t)}},mounted:function(){var t=this;this.picker=this.$createPicker({title:"Choose "+this.name,data:[this.options],cancelTxt:"cancel",confirmTxt:"confirm",onValueChange:function(e){t.selected=e[0]}})},methods:{showPicker:function(){this.picker.show()}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"select-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("span",{staticClass:"select",on:{click:t.showPicker}},[t._v(t._s(t.selected))])])},staticRenderFns:[]}},function(t,e){t.exports={seller:{name:"粥品香坊（回龙观）",description:"蜂鸟专送",deliveryTime:38,score:4.2,serviceScore:4.1,foodScore:4.3,rankRate:69.2,minPrice:20,deliveryPrice:4,ratingCount:24,sellCount:90,bulletin:"粥品香坊其烹饪粥料的秘方源于中国千年古法，在融和现代制作工艺，由世界烹饪大师屈浩先生领衔研发。坚守纯天然、0添加的良心品质深得消费者青睐，发展至今成为粥类的引领品牌。是2008年奥运会和2013年园博会指定餐饮服务商。",supports:[{type:0,description:"在线支付满28减5"},{type:1,description:"VC无限橙果汁全场8折"},{type:2,description:"单人精彩套餐"},{type:3,description:"该商家支持发票,请下单写好发票抬头"},{type:4,description:"已加入“外卖保”计划,食品安全保障"}],avatar:"http://static.galileo.xiaojukeji.com/static/tms/seller_avatar_256px.jpg",pics:["http://fuss10.elemecdn.com/8/71/c5cf5715740998d5040dda6e66abfjpeg.jpeg?imageView2/1/w/180/h/180","http://fuss10.elemecdn.com/b/6c/75bd250e5ba69868f3b1178afbda3jpeg.jpeg?imageView2/1/w/180/h/180","http://fuss10.elemecdn.com/f/96/3d608c5811bc2d902fc9ab9a5baa7jpeg.jpeg?imageView2/1/w/180/h/180","http://fuss10.elemecdn.com/6/ad/779f8620ff49f701cd4c58f6448b6jpeg.jpeg?imageView2/1/w/180/h/180"],infos:["该商家支持发票,请下单写好发票抬头","品类:其他菜系,包子粥店","北京市昌平区回龙观西大街龙观置业大厦底商B座102单元1340","营业时间:10:00-20:30"]},goods:[{name:"热销榜",type:-1,foods:[{name:"皮蛋瘦肉粥",price:10,oldPrice:"",description:"咸粥",sellCount:229,rating:100,info:"一碗皮蛋瘦肉粥，总是我到粥店时的不二之选。香浓软滑，饱腹暖心，皮蛋的Q弹与瘦肉的滑嫩伴着粥香溢于满口，让人喝这样的一碗粥也觉得心满意足",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"很喜欢的粥",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"扁豆焖面",price:14,oldPrice:"",description:"",sellCount:188,rating:96,ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],info:"",icon:"http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"葱花饼",price:10,oldPrice:"",description:"",sellCount:124,rating:85,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"没啥味道",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:1,text:"很一般啊",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"牛肉馅饼",price:14,oldPrice:"",description:"",sellCount:114,rating:91,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"难吃不推荐",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/750/h/750"},{name:"招牌猪肉白菜锅贴/10个",price:17,oldPrice:"",description:"",sellCount:101,rating:78,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"不脆,不好吃",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"南瓜粥",price:9,oldPrice:"",description:"甜粥",sellCount:91,rating:100,ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"红豆薏米美肤粥",price:12,oldPrice:"",description:"甜粥",sellCount:86,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"八宝酱菜",price:4,oldPrice:"",description:"",sellCount:84,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"红枣山药糙米粥",price:10,oldPrice:"",description:"",sellCount:81,rating:91,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"糊塌子",price:10,oldPrice:"",description:"",sellCount:80,rating:93,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"单人精彩套餐",type:2,foods:[{name:"红枣山药粥套餐",price:29,oldPrice:36,description:"红枣山药糙米粥,素材包,爽口莴笋丝,四川泡菜或八宝酱菜,配菜可备注",sellCount:17,rating:100,info:"",ratings:[{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/6/72/cb844f0bb60c502c6d5c05e0bddf5jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/6/72/cb844f0bb60c502c6d5c05e0bddf5jpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"冰爽饮品限时特惠",type:1,foods:[{name:"VC无限橙果汁",price:8,oldPrice:10,description:"",sellCount:15,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"还可以",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"精选热菜",type:-1,foods:[{name:"娃娃菜炖豆腐",price:17,oldPrice:"",description:"",sellCount:43,rating:92,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"菜量还可以,味道还可以",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/2d/b1eb45b305635d9dd04ddf157165fjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/2d/b1eb45b305635d9dd04ddf157165fjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"手撕包菜",price:16,oldPrice:"",description:"",sellCount:29,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/c6/f3bc84468820121112e79583c24efjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/c6/f3bc84468820121112e79583c24efjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"香酥黄金鱼/3条",price:11,oldPrice:"",description:"",sellCount:15,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/4/e7/8277a6a2ea0a2e97710290499fc41jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/4/e7/8277a6a2ea0a2e97710290499fc41jpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"爽口凉菜",type:-1,foods:[{name:"八宝酱菜",price:4,oldPrice:"",description:"",sellCount:84,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"拍黄瓜",price:9,oldPrice:"",description:"",sellCount:28,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/6/54/f654985b4e185f06eb07f8fa2b2e8jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/6/54/f654985b4e185f06eb07f8fa2b2e8jpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"精选套餐",type:-1,foods:[{name:"红豆薏米粥套餐",price:37,oldPrice:"",description:"红豆薏米粥,三鲜干蒸烧卖,拍黄瓜",sellCount:3,rating:100,info:"",ratings:[{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/f/49/27f26ed00c025b2200a9ccbb7e67ejpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/f/49/27f26ed00c025b2200a9ccbb7e67ejpeg.jpeg?imageView2/1/w/750/h/750"},{name:"皮蛋瘦肉粥套餐",price:31,oldPrice:"",description:"",sellCount:12,rating:100,info:"",ratings:[{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/8/96/f444a8087f0e940ef264617f9d98ajpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/8/96/f444a8087f0e940ef264617f9d98ajpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"果拼果汁",type:-1,foods:[{name:"蜜瓜圣女萝莉杯",price:6,oldPrice:"",description:"",sellCount:1,rating:"",info:"",ratings:[],icon:"http://fuss10.elemecdn.com/b/5f/b3b04c259d5ec9fa52e1856ee50dajpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/b/5f/b3b04c259d5ec9fa52e1856ee50dajpeg.jpeg?imageView2/1/w/750/h/750"},{name:"加多宝",price:6,oldPrice:"",description:"",sellCount:7,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/b/9f/5e6c99c593cf65229225c5661bcdejpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/b/9f/5e6c99c593cf65229225c5661bcdejpeg.jpeg?imageView2/1/w/750/h/750"},{name:"VC无限橙果汁",price:8,oldPrice:10,description:"",sellCount:15,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"还可以",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"小吃主食",type:-1,foods:[{name:"扁豆焖面",price:14,oldPrice:"",description:"",sellCount:188,rating:96,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"葱花饼",price:10,oldPrice:"",description:"",sellCount:124,rating:85,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"没啥味道",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:1,text:"很一般啊",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"牛肉馅饼",price:14,oldPrice:"",description:"",sellCount:114,rating:91,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"难吃不推荐",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/750/h/750"},{name:"招牌猪肉白菜锅贴/10个",price:17,oldPrice:"",description:"",sellCount:101,rating:78,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"不脆,不好吃",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"糊塌子",price:10,oldPrice:"",description:"",sellCount:80,rating:93,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"特色粥品",type:-1,foods:[{name:"皮蛋瘦肉粥",price:10,oldPrice:"",description:"咸粥",sellCount:229,rating:100,ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"很喜欢的粥",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"南瓜粥",price:9,oldPrice:"",description:"甜粥",sellCount:91,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"红豆薏米美肤粥",price:12,oldPrice:"",description:"甜粥",sellCount:86,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"红枣山药糙米粥",price:10,oldPrice:"",description:"",sellCount:81,rating:91,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"鲜蔬菌菇粥",price:11,oldPrice:"",description:"咸粥",sellCount:56,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:""},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/e/a3/5317c68dd618929b6ac05804e429ajpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/e/a3/5317c68dd618929b6ac05804e429ajpeg.jpeg?imageView2/1/w/750/h/750"},{name:"田园蔬菜粥",price:10,oldPrice:"",description:"咸粥",sellCount:33,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/a/94/7371083792c19df00e546b29e344cjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/a/94/7371083792c19df00e546b29e344cjpeg.jpeg?imageView2/1/w/750/h/750"}]}],ratings:[{username:"3******c",rateTime:1469281964e3,deliveryTime:30,score:5,rateType:0,text:"不错,粥很好喝,我经常吃这一家,非常赞,以后也会常来吃,强烈推荐.",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:["南瓜粥","皮蛋瘦肉粥","扁豆焖面","娃娃菜炖豆腐","牛肉馅饼"]},{username:"2******3",rateTime:1469271264e3,deliveryTime:"",score:4,rateType:0,text:"服务态度不错",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:["扁豆焖面"]},{username:"3******b",rateTime:1469261964e3,score:3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"1******c",rateTime:1469261864e3,deliveryTime:20,score:5,rateType:0,text:"良心店铺",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"2******d",rateTime:1469251264e3,deliveryTime:10,score:4,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"9******0",rateTime:1469241964e3,deliveryTime:70,score:1,rateType:1,text:"送货速度蜗牛一样",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"d******c",rateTime:1469231964e3,deliveryTime:30,score:5,rateType:0,text:"很喜欢的粥店",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"2******3",rateTime:1469221264e3,deliveryTime:"",score:4,rateType:0,text:"量给的还可以",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"3******8",rateTime:1469211964e3,deliveryTime:"",score:3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"a******a",rateTime:1469201964e3,deliveryTime:"",score:4,rateType:0,text:"孩子喜欢吃这家",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:["南瓜粥"]},{username:"3******3",rateTime:1469191264e3,deliveryTime:"",score:4,rateType:0,text:"粥挺好吃的",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"t******b",rateTime:1469181964e3,deliveryTime:"",score:3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"f******c",rateTime:1469171964e3,deliveryTime:15,score:5,rateType:0,text:"送货速度很快",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"k******3",rateTime:1469161264e3,deliveryTime:"",score:4,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"u******b",rateTime:1469151964e3,deliveryTime:"",score:4,rateType:0,text:"下雨天给快递小哥点个赞",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"s******c",rateTime:1469141964e3,deliveryTime:"",score:4,rateType:0,text:"好",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"z******3",rateTime:1469131264e3,deliveryTime:"",score:5,rateType:0,text:"吃了还想再吃",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"n******b",rateTime:1469121964e3,deliveryTime:"",score:3,rateType:1,text:"发票开的不对",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"m******c",rateTime:1469111964e3,deliveryTime:30,score:5,rateType:0,text:"好吃",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"l******3",rateTime:1469101264e3,deliveryTime:40,score:5,rateType:0,text:"还不错吧",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"3******o",rateTime:1469091964e3,deliveryTime:"",score:2,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"3******p",rateTime:1469081964e3,deliveryTime:"",score:4,rateType:0,text:"很喜欢的粥",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"o******k",rateTime:1469071264e3,deliveryTime:"",score:5,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"k******b",rateTime:1469061964e3,deliveryTime:"",score:4,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]}]}},function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.ease={swipe:{style:"cubic-bezier(0.23, 1, 0.32, 1)",fn:function(t){return 1+--t*t*t*t*t}},swipeBounce:{style:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",fn:function(t){return t*(2-t)}},bounce:{style:"cubic-bezier(0.165, 0.84, 0.44, 1)",fn:function(t){return 1- --t*t*t*t}}}})},function(t,e){},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"switch-option",props:{name:{type:String},value:null},data:function(){return{checked:this.value}},watch:{checked:function(t){this.$emit("update:value",t)}},methods:{clickSwitch:function(){this.checked=!this.checked}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"switch-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("div",{staticClass:"switch-ellipse",class:{active:t.checked},on:{click:t.clickSwitch}},[a("span",{staticClass:"switch-circle",class:{active:t.checked}})])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Scrollbar",value:t.scrollbar},on:{"update:value":t.updateScrollbar}}),t._v(" "),t.scrollbar?a("switch-option",{staticClass:"item sub first last",attrs:{name:"fade",value:t.scrollbarFade},on:{"update:value":t.updateScrollbarFade}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Pull Down Refresh",value:t.pullDownRefresh},on:{"update:value":t.updatePullDownRefresh}}),t._v(" "),t.pullDownRefresh?a("input-option",{staticClass:"item sub first",attrs:{name:"threshold (≥ 40)",value:t.pullDownRefreshThreshold,"min-value":"40"},on:{"update:value":t.updatePullDownRefreshThreshold}}):t._e(),t._v(" "),t.pullDownRefresh?a("input-option",{staticClass:"item sub",attrs:{name:"stop (≥ 40)",value:t.pullDownRefreshStop,"min-value":"40"},on:{"update:value":t.updatePullDownRefreshStop}}):t._e(),t._v(" "),t.pullDownRefresh?a("input-option",{staticClass:"item sub",attrs:{name:"txt",value:t.pullDownRefreshTxt},on:{"update:value":t.updatePullDownRefreshTxt}}):t._e(),t._v(" "),t.pullDownRefresh?a("switch-option",{staticClass:"item sub last",attrs:{name:"Custom Animation",value:t.customPullDown},on:{"update:value":t.updateCustomPullDown}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Pull Up Load",value:t.pullUpLoad},on:{"update:value":t.updatePullUpLoad}}),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub first",attrs:{name:"threshold",value:t.pullUpLoadThreshold},on:{"update:value":t.updatePullUpLoadThreshold}}):t._e(),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub",attrs:{name:"moreTxt",value:t.pullUpLoadMoreTxt},on:{"update:value":t.updatePullUpLoadMoreTxt}}):t._e(),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub last",attrs:{name:"noMoreTxt",value:t.pullUpLoadNoMoreTxt},on:{"update:value":t.updatePullUpLoadNoMoreTxt}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Custom List",value:t.customList},on:{"update:value":t.updateCustomList}})],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"startY",value:t.startY},on:{"update:value":t.updateStartY}})],1)])]),t._v(" "),a("div",{staticClass:"demo"},[a("div",{staticClass:"title sub"},[t._v("Demo")]),t._v(" "),a("div",{staticClass:"scroll-list-wrap"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.items,options:t.scrollOptions},on:{"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pulldown",fn:function(e){return t.customPullDown?[e.pullDownRefresh?a("div",{staticClass:"cube-pulldown-wrapper",style:e.pullDownStyle},[e.beforePullDown?a("div",{staticClass:"before-trigger",style:{paddingTop:e.bubbleY+"px"}},[a("span",{class:{rotate:e.bubbleY>40}},[t._v("↓")])]):a("div",{staticClass:"after-trigger"},[e.isPullingDown?a("div",{staticClass:"loading"},[a("cube-loading")],1):a("div",[a("span",[t._v("Refresh success")])])])]):t._e()]:void 0}}])},[t.customList?a("ul",{staticClass:"foods-wrapper"},t._l(t.items,function(e){return a("li",{staticClass:"food-item border-1px",on:{click:function(a){t.selectFood(e,a)}}},[a("div",{staticClass:"icon"},[a("img",{attrs:{width:"57",height:"57",src:e.icon}})]),t._v(" "),a("div",{staticClass:"food-content"},[a("h2",{staticClass:"name"},[t._v(t._s(e.name))]),t._v(" "),a("p",{staticClass:"description"},[t._v(t._s(e.description))]),t._v(" "),a("div",{staticClass:"extra"},[a("span",{staticClass:"count"},[t._v("月售"+t._s(e.sellCount)+"份")]),a("span",[t._v("好评率"+t._s(e.rating)+"%")])]),t._v(" "),a("div",{staticClass:"price"},[a("span",{staticClass:"now"},[t._v("￥"+t._s(e.price))]),t._v(" "),a("span",{directives:[{name:"show",rawName:"v-show",value:e.oldPrice,expression:"food.oldPrice"}],staticClass:"old"},[t._v("￥"+t._s(e.oldPrice))])])])])})):t._e()])],1)]),t._v(" "),a("div",{staticClass:"methods"},[a("div",{staticClass:"title sub"},[t._v("Methods")]),t._v(" "),a("ul",{staticClass:"method-list"},[a("li",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"x",value:t.scrollToX},on:{"update:value":t.updateScrollToX}}),t._v(" "),a("input-option",{staticClass:"item",attrs:{name:"y",value:t.scrollToY},on:{"update:value":t.updateScrollToY}}),t._v(" "),a("input-option",{staticClass:"item",attrs:{name:"time",value:t.scrollToTime},on:{"update:value":t.updateScrollToTime}}),t._v(" "),a("select-option",{staticClass:"item",attrs:{name:"easing",value:t.scrollToEasing,options:t.scrollToEasingOptions},on:{"update:value":t.updateScrollToEasing}}),t._v(" "),a("button",{on:{click:t.scrollTo}},[t._v("scrollTo")])],1)])])])])},staticRenderFns:[]}},function(t,e,a){function i(t){a(310)}var c=a(0)(a(311),a(312),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(72),a(71)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),n=l(i),o=l(c),s={url:"http://www.didichuxing.com/",image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png"};e.default={data:function(){return{items:[{url:"http://www.didichuxing.com/",image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png"},{url:"http://www.didichuxing.com/",image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png"}],loop:!0,autoPlay:!0,interval:4e3,threshold:.3,speed:400,allowVertical:!1,initialIndex:1,dotsSlot:!1,addItem3:!1}},watch:{addItem3:function(t){t?this.items.push(s):this.items.pop()}},methods:{changePage:function(t){console.log("当前轮播图序号为:"+t)},clickPage:function(t,e){console.log(t,e)},updateItem3:function(t){this.addItem3=t},updateLoop:function(t){this.loop=t},updateDotsSlot:function(t){this.dotsSlot=t},updateAutoPlay:function(t){this.autoPlay=t},updateInterval:function(t){(t=+t)&&(this.interval=t)},updateThreshold:function(t){(t=+t)&&(this.threshold=t)},updateSpeed:function(t){(t=+t)&&(this.speed=t)},updateAllowVertical:function(t){this.allowVertical=t},updateInitialIndex:function(t){t&&(this.initialIndex=+t)}},components:{CubePage:u.default,SwitchOption:n.default,InputOption:o.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"slide-view",title:"Slide"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{ref:"slideWrapper",staticClass:"slide-container"},[a("cube-slide",{ref:"slide",attrs:{data:t.items,"initial-index":t.initialIndex,loop:t.loop,"auto-play":t.autoPlay,interval:t.interval,threshold:t.threshold,speed:t.speed,"allow-vertical":t.allowVertical},on:{change:t.changePage,click:t.clickPage},scopedSlots:t._u([{key:"dots",fn:function(e){return t.dotsSlot?t._l(e.dots,function(i,c){return a("span",{staticClass:"my-dot",class:{active:e.current===c}},[t._v(t._s(c+1))])}):void 0}}])})],1),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"InitialIndex",value:t.initialIndex},on:{"update:value":t.updateInitialIndex}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Loop",value:t.loop},on:{"update:value":t.updateLoop}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Auto Play",value:t.autoPlay},on:{"update:value":t.updateAutoPlay}}),t._v(" "),t.autoPlay?a("input-option",{staticClass:"item sub first last",attrs:{name:"interval",value:t.interval},on:{"update:value":t.updateInterval}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"Threshold",value:t.threshold},on:{"update:value":t.updateThreshold}})],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"Speed",value:t.speed},on:{"update:value":t.updateSpeed}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Allow Vertical",value:t.allowVertical},on:{"update:value":t.updateAllowVertical}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Add Slide Item3",value:t.addItem3},on:{"update:value":t.updateItem3}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Dots Slot",value:t.dotsSlot},on:{"update:value":t.updateDotsSlot}})],1)])])])])},staticRenderFns:[]}},function(t,e,a){function i(t){a(314)}var c=a(0)(a(315),a(316),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(5),a(70)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),n=l(i),o=l(c);e.default={components:{CubePage:u.default,CubeButtonGroup:n.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/index-list/"+t)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},function(t,e,a){function i(t){a(318)}var c=a(0)(a(319),a(321),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(320)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={components:{CubePage:l.default},data:function(){return{title:"Current City: BEIJING",cityData:u.default}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)}}},t.exports=e.default})},function(t,e){t.exports=[{name:"★ Hot City",shortcut:"★",items:[{name:"BEIJING",value:1},{name:"SHANGHAI",value:2}]},{name:"A",items:[{name:"ANSHAN",value:3},{name:"ANQING",value:4}]},{name:"B",items:[{name:"BEIJING",value:1},{name:"BAYINGUOLENGZHOU",value:5},{name:"BOERTALAZHOU",value:6}]},{name:"C",items:[{name:"CHENGDU",value:7}]},{name:"E",items:[{name:"EERDUOSI",value:8},{name:"EZHOU",value:9},{name:"ENSHIZHOU",value:10}]},{name:"F",items:[{name:"FUZHOU",value:11},{name:"FOSHAN",value:12},{name:"FANGCHENGGANG",value:13}]},{name:"G",items:[{name:"GUANGZHOU",value:14},{name:"GUIYANG",value:15}]},{name:"H",items:[{name:"HANGZHOU",value:16},{name:"HETIANDIQU",value:17}]},{name:"Z",items:[{name:"ZHENGZHOU",value:18},{name:"ZHANGJIAKOU",value:19},{name:"ZHANGJIAJIE",value:20},{name:"ZHUHAI",value:21},{name:"ZHONGSHAN",value:22},{name:"ZIGONG",value:23},{name:"ZIYANG",value:24},{name:"ZHAOZHUANG",value:25},{name:"ZHOUSHAN",value:26},{name:"ZUNYI",value:27},{name:"ZIBO",value:28},{name:"ZHUZHOU",value:29},{name:"ZHONGWEI",value:30}]}]},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper"},[a("cube-index-list",{attrs:{data:t.cityData,title:t.title},on:{select:t.selectItem,"title-click":t.clickTitle}})],1)])])])},staticRenderFns:[]}},function(t,e,a){function i(t){a(323)}var c=a(0)(a(324),a(326),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(325)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={components:{CubePage:l.default},data:function(){return{singerData:u.default}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)}}},t.exports=e.default})},function(t,e){t.exports=[{name:"热门",items:[{value:"002J4UUk29y8BY",name:"薛之谦",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002J4UUk29y8BY.jpg?max_age=2592000"},{value:"0025NhlN2yWrP4",name:"周杰伦",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000025NhlN2yWrP4.jpg?max_age=2592000"},{value:"004AlfUb0cVkN1",name:"BIGBANG (빅뱅)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004AlfUb0cVkN1.jpg?max_age=2592000"},{value:"003Nz2So3XXYek",name:"陈奕迅",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003Nz2So3XXYek.jpg?max_age=2592000"},{value:"001BLpXF2DyJe2",name:"林俊杰",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001BLpXF2DyJe2.jpg?max_age=2592000"},{value:"0020PeOh4ZaCw1",name:"Alan Walker (艾伦·沃克)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000020PeOh4ZaCw1.jpg?max_age=2592000"},{value:"000aHmbL2aPXWH",name:"李荣浩",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000aHmbL2aPXWH.jpg?max_age=2592000"},{value:"000zmpju02bEBm",name:"TFBOYS",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000zmpju02bEBm.jpg?max_age=2592000"},{value:"001JuGrt372YIQ",name:"Maroon 5 (魔力红乐团)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001JuGrt372YIQ.jpg?max_age=2592000"},{value:"000CK5xN3yZDJt",name:"许嵩",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000CK5xN3yZDJt.jpg?max_age=2592000"}]},{name:"A",items:[{value:"0020PeOh4ZaCw1",name:"Alan Walker (艾伦·沃克)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000020PeOh4ZaCw1.jpg?max_age=2592000"},{value:"003ArN8Z0WpjTz",name:"A-Lin",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003ArN8Z0WpjTz.jpg?max_age=2592000"},{value:"003CoxJh1zFPpx",name:"Adele (阿黛尔)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003CoxJh1zFPpx.jpg?max_age=2592000"}]},{name:"B",items:[{value:"004AlfUb0cVkN1",name:"BIGBANG (빅뱅)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004AlfUb0cVkN1.jpg?max_age=2592000"},{value:"002pUZT93gF4Cu",name:"BEYOND",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002pUZT93gF4Cu.jpg?max_age=2592000"},{value:"003LaMHm42u7qS",name:"本兮",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003LaMHm42u7qS.jpg?max_age=2592000"},{value:"003DBAjk2MMfhR",name:"BLACKPINK",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003DBAjk2MMfhR.jpg?max_age=2592000"}]},{name:"C",items:[{value:"003Nz2So3XXYek",name:"陈奕迅",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003Nz2So3XXYek.jpg?max_age=2592000"},{value:"004DFS271osAwp",name:"陈小春",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004DFS271osAwp.jpg?max_age=2592000"},{value:"000jnR7q3pCzYG",name:"Charlie Puth (查理·普斯)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000jnR7q3pCzYG.jpg?max_age=2592000"},{value:"004EyqQS2hMS6V",name:"陈翔",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004EyqQS2hMS6V.jpg?max_age=2592000"},{value:"000hNnWC3kko2c",name:"蔡健雅",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000hNnWC3kko2c.jpg?max_age=2592000"}]},{name:"E",items:[{value:"000yDAjj2TE9j8",name:"Eminem (艾米纳姆)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000yDAjj2TE9j8.jpg?max_age=2592000"}]},{name:"F",items:[{value:"003CKb192ggBqi",name:"Fall Out Boy (打倒男孩)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003CKb192ggBqi.jpg?max_age=2592000"},{value:"003vyG9q2klWs4",name:"范玮琪",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003vyG9q2klWs4.jpg?max_age=2592000"}]},{name:"G",items:[{value:"001fNHEf1SFEFN",name:"G.E.M. 邓紫棋",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001fNHEf1SFEFN.jpg?max_age=2592000"},{value:"000t2qd13dLpae",name:"G-DRAGON (权志龙)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000t2qd13dLpae.jpg?max_age=2592000"},{value:"002OfR3n1vx75j",name:"葛林",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002OfR3n1vx75j.jpg?max_age=2592000"},{value:"0043Zxw10txf5O",name:"郭静",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000043Zxw10txf5O.jpg?max_age=2592000"}]},{name:"H",items:[{value:"002Vcz8F2hpBQj",name:"华晨宇",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002Vcz8F2hpBQj.jpg?max_age=2592000"},{value:"002mze3U0NYXOM",name:"胡夏",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002mze3U0NYXOM.jpg?max_age=2592000"},{value:"004QoDUs3jfOC6",name:"韩安旭",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004QoDUs3jfOC6.jpg?max_age=2592000"}]},{name:"J",items:[{value:"002DYpxl3hW3EP",name:"Justin Bieber (贾斯汀·比伯)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002DYpxl3hW3EP.jpg?max_age=2592000"},{value:"004YXxql1sSr2o",name:"金志文",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004YXxql1sSr2o.jpg?max_age=2592000"},{value:"0023ni2j3F9CpN",name:"Jam",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000023ni2j3F9CpN.jpg?max_age=2592000"},{value:"001m7JoC1IVL44",name:"金南玲",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001m7JoC1IVL44.jpg?max_age=2592000"}]},{name:"K",items:[{value:"002Sm9iK4RIsCr",name:"筷子兄弟",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002Sm9iK4RIsCr.jpg?max_age=2592000"}]},{name:"L",items:[{value:"001BLpXF2DyJe2",name:"林俊杰",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001BLpXF2DyJe2.jpg?max_age=2592000"},{value:"000aHmbL2aPXWH",name:"李荣浩",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000aHmbL2aPXWH.jpg?max_age=2592000"},{value:"001SqkF53OEhdO",name:"鹿晗",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001SqkF53OEhdO.jpg?max_age=2592000"},{value:"001f0VyZ1hmWZ1",name:"林宥嘉",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001f0VyZ1hmWZ1.jpg?max_age=2592000"},{value:"002xpOdd4Dh6pu",name:"李易峰",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002xpOdd4Dh6pu.jpg?max_age=2592000"},{value:"002ZOuVm3Qn20Y",name:"李宇春",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002ZOuVm3Qn20Y.jpg?max_age=2592000"},{value:"002seUhN1Akj7J",name:"李圣杰",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002seUhN1Akj7J.jpg?max_age=2592000"},{value:"003bQEFA3KrvLI",name:"刘瑞琦",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003bQEFA3KrvLI.jpg?max_age=2592000"},{value:"003aQYLo2x8izP",name:"刘德华",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003aQYLo2x8izP.jpg?max_age=2592000"},{value:"003nS2v740Lxcw",name:"李克勤",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003nS2v740Lxcw.jpg?max_age=2592000"}]},{name:"M",items:[{value:"001JuGrt372YIQ",name:"Maroon 5 (魔力红乐团)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001JuGrt372YIQ.jpg?max_age=2592000"},{value:"0035kILA0ydw3j",name:"MC天佑",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000035kILA0ydw3j.jpg?max_age=2592000"},{value:"000WbpKa3WokLD",name:"MC魏小然",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000WbpKa3WokLD.jpg?max_age=2592000"},{value:"000cISVf2QqLc6",name:"莫文蔚",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000cISVf2QqLc6.jpg?max_age=2592000"},{value:"003wWQBU0fHBcj",name:"马旭东",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003wWQBU0fHBcj.jpg?max_age=2592000"},{value:"003rJfMG3PPqWd",name:"萌萌哒天团",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003rJfMG3PPqWd.jpg?max_age=2592000"}]},{name:"N",items:[{value:"003LCFXH0eodXv",name:"那英",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003LCFXH0eodXv.jpg?max_age=2592000"},{value:"003ZQQb64D5317",name:"南征北战",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003ZQQb64D5317.jpg?max_age=2592000"},{value:"0012bj8d36Xkw1",name:"牛奶咖啡",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000012bj8d36Xkw1.jpg?max_age=2592000"}]},{name:"O",items:[{value:"002a1DuK4evNsR",name:"Owl City (猫头鹰之城)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002a1DuK4evNsR.jpg?max_age=2592000"},{value:"001FXn5P0kkWfV",name:"One Direction (单向组合)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001FXn5P0kkWfV.jpg?max_age=2592000"}]},{name:"P",items:[{value:"000mLAT42CFWNa",name:"朴树",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000mLAT42CFWNa.jpg?max_age=2592000"},{value:"003vSrlp0ujV6o",name:"鹏泊",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003vSrlp0ujV6o.jpg?max_age=2592000"}]},{name:"Q",items:[{value:"0030RkE50nmpWC",name:"曲婉婷",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000030RkE50nmpWC.jpg?max_age=2592000"},{value:"0020IaUo4Vgsjk",name:"齐一",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000020IaUo4Vgsjk.jpg?max_age=2592000"},{value:"000H4xDG3heHtr",name:"齐晨",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000H4xDG3heHtr.jpg?max_age=2592000"}]},{name:"R",items:[{value:"000f1b6W1wzyRN",name:"RADWIMPS (ラッドウィンプス)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000f1b6W1wzyRN.jpg?max_age=2592000"},{value:"002MiBdR19HQWx",name:"Rihanna (蕾哈娜)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002MiBdR19HQWx.jpg?max_age=2592000"}]},{name:"S",items:[{value:"000Q4W691sMvLG",name:"苏打绿",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000Q4W691sMvLG.jpg?max_age=2592000"},{value:"001oXbjs29oPul",name:"孙子涵",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001oXbjs29oPul.jpg?max_age=2592000"},{value:"004KKLWZ4320g1",name:"宋冬野",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004KKLWZ4320g1.jpg?max_age=2592000"},{value:"001pWERg3vFgg8",name:"孙燕姿",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001pWERg3vFgg8.jpg?max_age=2592000"},{value:"001t94rh4OpQn0",name:"双笙",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001t94rh4OpQn0.jpg?max_age=2592000"}]},{name:"T",items:[{value:"000zmpju02bEBm",name:"TFBOYS",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000zmpju02bEBm.jpg?max_age=2592000"},{value:"001ByAsv3XCdgm",name:"田馥甄",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001ByAsv3XCdgm.jpg?max_age=2592000"},{value:"004ABIFV1EZUAj",name:"The Chainsmokers (烟民二人组)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004ABIFV1EZUAj.jpg?max_age=2592000"},{value:"000ndQx82fsq8Z",name:"Tez Cadey",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000ndQx82fsq8Z.jpg?max_age=2592000"},{value:"001Yxpxc0OaUUX",name:"逃跑计划",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001Yxpxc0OaUUX.jpg?max_age=2592000"},{value:"000QG95i2rHlOf",name:"谭晶",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000QG95i2rHlOf.jpg?max_age=2592000"}]},{name:"W",items:[{value:"001JDzPT3JdvqK",name:"王力宏",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001JDzPT3JdvqK.jpg?max_age=2592000"},{value:"002yeznU3VAVEV",name:"吴亦凡",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002yeznU3VAVEV.jpg?max_age=2592000"},{value:"001z2JmX09LLgL",name:"汪苏泷",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001z2JmX09LLgL.jpg?max_age=2592000"},{value:"000GDDuQ3sGQiT",name:"王菲",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000GDDuQ3sGQiT.jpg?max_age=2592000"},{value:"000CQ06r24Naco",name:"Wiz Khalifa (维兹·卡利法)",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000CQ06r24Naco.jpg?max_age=2592000"},{value:"001adLDR1SS40P",name:"汪峰",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001adLDR1SS40P.jpg?max_age=2592000"},{value:"001WcO2V0TLCv3",name:"威仔",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001WcO2V0TLCv3.jpg?max_age=2592000"}]},{name:"X",items:[{value:"002J4UUk29y8BY",name:"薛之谦",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002J4UUk29y8BY.jpg?max_age=2592000"},{value:"000CK5xN3yZDJt",name:"许嵩",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000CK5xN3yZDJt.jpg?max_age=2592000"},{value:"004bsIDK0awMOv",name:"萧敬腾",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004bsIDK0awMOv.jpg?max_age=2592000"},{value:"00235pCx2tYjlq",name:"许巍",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M00000235pCx2tYjlq.jpg?max_age=2592000"},{value:"004aRKga0CXIPm",name:"徐良",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004aRKga0CXIPm.jpg?max_age=2592000"},{value:"001oNMzI3WznzG",name:"夏婉安",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001oNMzI3WznzG.jpg?max_age=2592000"},{value:"002LZVMH0zc8F4",name:"徐佳莹",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002LZVMH0zc8F4.jpg?max_age=2592000"}]},{name:"Y",items:[{value:"003tMm0y0TuewY",name:"杨宗纬",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003tMm0y0TuewY.jpg?max_age=2592000"},{value:"004coWV04C5FCV",name:"杨洋",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004coWV04C5FCV.jpg?max_age=2592000"},{value:"004FtTNW2b0tJi",name:"雨宗林",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004FtTNW2b0tJi.jpg?max_age=2592000"},{value:"001IoTZp19YMDG",name:"易烊千玺",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000001IoTZp19YMDG.jpg?max_age=2592000"}]},{name:"Z",items:[{value:"0025NhlN2yWrP4",name:"周杰伦",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000025NhlN2yWrP4.jpg?max_age=2592000"},{value:"002azErJ0UcDN6",name:"张杰",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002azErJ0UcDN6.jpg?max_age=2592000"},{value:"003Cn3Yh16q1MO",name:"庄心妍",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003Cn3Yh16q1MO.jpg?max_age=2592000"},{value:"0003ZpE43ypssl",name:"张碧晨",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000003ZpE43ypssl.jpg?max_age=2592000"},{value:"004Be55m1SJaLk",name:"张学友",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004Be55m1SJaLk.jpg?max_age=2592000"},{value:"000aw4WC2EQYTv",name:"张靓颖",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000aw4WC2EQYTv.jpg?max_age=2592000"},{value:"003JGrNQ3RjelA",name:"张惠妹",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003JGrNQ3RjelA.jpg?max_age=2592000"},{value:"004NMZuf2BLjg8",name:"周传雄",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004NMZuf2BLjg8.jpg?max_age=2592000"},{value:"0000mFvh1jtLcz",name:"张信哲",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000000mFvh1jtLcz.jpg?max_age=2592000"},{value:"0044wQXL0ElWF1",name:"张宇",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000044wQXL0ElWF1.jpg?max_age=2592000"},{value:"004eaDNU1nfRO0",name:"张磊",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000004eaDNU1nfRO0.jpg?max_age=2592000"},{value:"002raUWw3PXdkT",name:"张韶涵",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000002raUWw3PXdkT.jpg?max_age=2592000"},{value:"0042kZuh1dgLre",name:"周二珂",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M0000042kZuh1dgLre.jpg?max_age=2592000"},{value:"003AfDK34H82GU",name:"张敬轩",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000003AfDK34H82GU.jpg?max_age=2592000"},{value:"000SJp6n49rDgl",name:"张赫宣",avatar:"https://y.gtimg.cn/music/photo_new/T001R300x300M000000SJp6n49rDgl.jpg?max_age=2592000"}]}]},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper custom"},[a("cube-index-list",{attrs:{data:t.singerData}},t._l(t.singerData,function(e,i){return a("cube-index-list-group",{key:i,attrs:{group:e}},t._l(e.items,function(e,i){return a("cube-index-list-item",{key:i,attrs:{item:e},on:{select:t.selectItem}},[a("div",{staticClass:"custom-item"},[a("img",{directives:[{name:"lazy",rawName:"v-lazy",value:e.avatar,expression:"item.avatar"}],staticClass:"avatar"}),t._v(" "),a("span",{staticClass:"name"},[t._v(t._s(e.name))])])])}))}))],1)])])])},staticRenderFns:[]}},function(t,e,a){function i(t){a(328)}var c=a(0)(a(329),a(331),i,null,null);t.exports=c.exports},function(t,e){},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(330)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={data:function(){return{action:"//jsonplaceholder.typicode.com/photos/",action2:{target:"//jsonplaceholder.typicode.com/photos/",prop:"base64Value"},isUploading:!0}},methods:{upload:function(){this.isUploading=!0,this.$refs.upload.start()},pause:function(){this.isUploading=!1,this.$refs.upload.pause()},retry:function(){this.$refs.upload.retry()},filesAdded:function(t){for(var e in t){var a=t[e];a.size>1048576&&(a.ignore=!0)}},processFile:function(t,e){(0,u.default)(t,{compress:{width:1600,height:1600,quality:.5}},e)},fileSubmitted:function(t){t.base64Value=t.file.base64}},components:{CubePage:l.default}},t.exports=e.default})},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t){var e,a=t.naturalHeight,i=document.createElement("canvas");i.width=1,i.height=a;var c=i.getContext("2d");c.drawImage(t,0,0);try{e=c.getImageData(0,0,1,a).data}catch(t){return console.log("Cannot check verticalSquash: CORS?"),1}for(var l=0,u=a,n=a;n>l;){0===e[4*(n-1)+3]?u=n:l=n,n=u+l>>1}var o=n/a;return 0===o?1:o}function i(t){for(var e=atob(t.split(",")[1]),a=new ArrayBuffer(e.length),i=new Uint8Array(a),c=0;c4&&(t.width=c,t.height=i),a){case 2:e.translate(i,0),e.scale(-1,1);break;case 3:e.translate(i,c),e.rotate(Math.PI);break;case 4:e.translate(0,c),e.scale(1,-1);break;case 5:e.rotate(.5*Math.PI),e.scale(1,-1);break;case 6:e.rotate(.5*Math.PI),e.translate(0,-c);break;case 7:e.rotate(.5*Math.PI),e.translate(i,-c),e.scale(-1,1);break;case 8:e.rotate(-.5*Math.PI),e.translate(-i,0)}}function n(t,e,n){var o=new FileReader;o.onload=function(o){if(!1===e.compress)return t.base64=o.target.result,void n(t);var s=new Image;s.onload=function(){var o=a(s),v=l(i(s.src)),r=document.createElement("canvas"),x=r.getContext("2d"),y=e.compress.width,p=e.compress.height,d=s.width,f=s.height,h=void 0;if(dp?(d=parseInt(p*s.width/s.height),f=p):d>=f&&d>y&&(f=parseInt(y*s.height/s.width),d=y),r.width=d,r.height=f,v>0&&u(r,x,v),x.drawImage(s,0,0,d,f/o),h=/image\/jpeg/.test(t.type)||/image\/jpg/.test(t.type)?r.toDataURL("image/jpeg",e.compress.quality):r.toDataURL(t.type),"file"==e.type)if(/;base64,null/.test(h)||/;base64,$/.test(h))console.warn("Compress fail, dataURL is "+h+". Next will use origin file to upload."),n(t);else{var m=c(h);m.id=t.id,m.name=t.name,m.lastModified=t.lastModified,m.lastModifiedDate=t.lastModifiedDate,n(m)}else/;base64,null/.test(h)||/;base64,$/.test(h)?(e.onError(t,new Error("Compress fail, dataURL is "+h+".")),n()):(t.base64=h,n(t))},s.src=o.target.result},o.readAsDataURL(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n,t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload-view",title:"Upload"}},[a("template",{slot:"content"},[a("p",[t._v("Normal upload(File max size 1MB): ")]),t._v(" "),a("div",[a("cube-upload",{ref:"upload",attrs:{action:t.action,"simultaneous-uploads":1},on:{"files-added":t.filesAdded}}),t._v(" "),t.isUploading?a("cube-button",{on:{click:t.pause}},[t._v("Pause")]):a("cube-button",{on:{click:t.upload}},[t._v("Upload")]),t._v(" "),a("cube-button",{on:{click:t.retry}},[t._v("Retry")])],1),t._v(" "),a("p",[t._v("Compress&Base64 upload: ")]),t._v(" "),a("div",[a("cube-upload",{ref:"upload2",attrs:{action:t.action2,"simultaneous-uploads":1,"process-file":t.processFile},on:{"file-submitted":t.fileSubmitted}})],1)])],2)},staticRenderFns:[]}},function(t,e,a){var i=a(0)(a(333),a(338),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(u,n){c=[t,e,a(1),a(5),a(334),a(337),a(17),a(40)],i=n,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e,a,i,c,l,u,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),v=o(i),r=o(c),x=o(u);(0,o(n).default)(x.default,r.default,["select","cancel"],!1),e.default={mounted:function(){this.picker=this.$createPicker({title:"Picker",data:[l.data1],onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.mutiPicker=this.$createPicker({title:"Multi-column Picker",data:[l.data1,l.data2,l.data3],onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.setDataPicker=this.$createPicker({title:"Use SetData",onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.aliasPicker=this.$createPicker({title:"Use Alias",data:[[{id:1,name:"A"},{id:2,name:"B"},{id:3,name:"C"}]],alias:{value:"id",text:"name"},onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.normalTimePicker=this.$createNormalTimePicker({selectedIndex:[10,20,59],onSelect:this.selectHandle,onCancel:this.cancelHandle})},methods:{showPicker:function(){this.picker.show()},showMutiPicker:function(){this.mutiPicker.show()},showAliasPicker:function(){this.aliasPicker.show()},showSetDataPicker:function(){this.setDataPicker.setData([l.data1,l.data2,l.data3],[1,2,3]),this.setDataPicker.show()},showNormalTimePicker:function(){this.normalTimePicker.show()},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item:
- value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:s.default,CubeButtonGroup:v.default}},t.exports=e.default})},function(t,e,a){var i=a(0)(a(335),a(336),null,null,null);t.exports=i.exports},function(t,e,a){var i,c,l;!function(a,u){c=[t,e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e){for(var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",c=[],l=t;l<=e;l++){var u=(a&&l<10?"0"+l:l)+i;c.push({text:u,value:l})}return c}Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"normal-time-picker",props:{selectedIndex:{type:Array,default:function(){return[0,0,0]}}},data:function(){return{timeData:[a(0,23,!0,"点"),a(0,59,!0,"分"),a(0,59,!0,"秒")]}},methods:{show:function(){this.$refs.picker.show()},hide:function(){this.$refs.picker.hide()},select:function(t,e,a){this.$emit("select",t,e,a)},cancel:function(){this.$emit("cancel")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{title:"Choose Time",data:t.timeData,selectedIndex:t.selectedIndex},on:{select:t.select,cancel:t.cancel}})},staticRenderFns:[]}},function(t,e,a){var i,c,l;!function(a,u){c=[e],i=u,void 0!==(l="function"==typeof i?i.apply(e,c):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=[{text:"剧毒",value:"剧毒"},{text:"蚂蚁",value:"蚂蚁"},{text:"幽鬼",value:"幽鬼"},{text:"主宰",value:"主宰"},{text:"卡尔",value:"卡尔"},{text:"宙斯",value:"宙斯"},{text:"巫医",value:"巫医"},{text:"巫妖",value:"巫妖"},{text:"神谕者",value:"神谕者"},{text:"撼地神牛",value:"神谕者"},{text:"蓝胖子",value:"蓝胖子"},{text:"水晶室女",value:"水晶室女"},{text:"莉娜",value:"莉娜"},{text:"斯拉克",value:"斯拉克"},{text:"斯拉达",value:"斯拉达"}],a=[{text:"输出",value:"输出"},{text:"控制",value:"控制"},{text:"核心",value:"核心"},{text:"爆发",value:"爆发"},{text:"辅助",value:"辅助"},{text:"打野",value:"打野"},{text:"逃生",value:"逃生"},{text:"先手",value:"先手"}],i=[{text:"梅肯",value:"梅肯"},{text:"秘法鞋",value:"秘法鞋"},{text:"假腿",value:"假腿"},{text:"飞鞋",value:"飞鞋"},{text:"辉耀",value:"辉耀"},{text:"金箍棒",value:"金箍棒"}];t.data1=e,t.data2=a,t.data3=i})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showPicker}},[t._v("Picker")]),t._v(" "),a("cube-button",{on:{click:t.showMutiPicker}},[t._v("Multi-column Picker")]),t._v(" "),a("cube-button",{on:{click:t.showAliasPicker}},[t._v("Use Alias")]),t._v(" "),a("cube-button",{on:{click:t.showSetDataPicker}},[t._v("Use SetData")]),t._v(" "),a("cube-button",{on:{click:t.showNormalTimePicker}},[t._v("Normal Time Picker")])],1)],1)])},staticRenderFns:[]}}],[73]); \ No newline at end of file diff --git a/docs/example/js/manifest.df80754c35edcbb4c784.js b/docs/example/js/manifest.629dd473cfe13a09fd26.js similarity index 58% rename from docs/example/js/manifest.df80754c35edcbb4c784.js rename to docs/example/js/manifest.629dd473cfe13a09fd26.js index f48fa3cc..aac956c3 100644 --- a/docs/example/js/manifest.df80754c35edcbb4c784.js +++ b/docs/example/js/manifest.629dd473cfe13a09fd26.js @@ -1 +1 @@ -!function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,a){for(var u,i,f,s=0,l=[];s=0&&Math.floor(e)===e&&isFinite(t)}function f(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function p(t){var e=parseFloat(t);return isNaN(e)?t:e}function d(t,e){for(var n=Object.create(null),r=t.split(","),i=0;i-1)return t.splice(n,1)}}function m(t,e){return vr.call(t,e)}function y(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function g(t,e){function n(n){var r=arguments.length;return r?r>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n}function b(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function _(t,e){for(var n in e)t[n]=e[n];return t}function w(t){for(var e={},n=0;n0&&(s=yt(s,(e||"")+"_"+n),mt(s[0])&&mt(u)&&(l[c]=M(u.text+s[0].text),s.shift()),l.push.apply(l,s)):a(s)?mt(u)?l[c]=M(u.text+s):""!==s&&l.push(M(s)):mt(s)&&mt(u)?l[c]=M(u.text+s.text):(o(t._isVList)&&i(s.tag)&&r(s.key)&&i(e)&&(s.key="__vlist"+e+"_"+n+"__"),l.push(s)));return l}function gt(t,e){return(t.__esModule||Ur&&"Module"===t[Symbol.toStringTag])&&(t=t.default),c(t)?e.extend(t):t}function bt(t,e,n,r,i){var o=Jr();return o.asyncFactory=t,o.asyncMeta={data:e,context:n,children:r,tag:i},o}function _t(t,e,n){if(o(t.error)&&i(t.errorComp))return t.errorComp;if(i(t.resolved))return t.resolved;if(o(t.loading)&&i(t.loadingComp))return t.loadingComp;if(!i(t.contexts)){var s=t.contexts=[n],a=!0,u=function(){for(var t=0,e=s.length;tTi&&gi[n].id>t.id;)n--;gi.splice(n+1,0,t)}else gi.push(t);wi||(wi=!0,st(Nt))}}function zt(t,e,n){Si.get=function(){return this[e][n]},Si.set=function(t){this[e][n]=t},Object.defineProperty(t,n,Si)}function Wt(t){t._watchers=[];var e=t.$options;e.props&&Ut(t,e.props),e.methods&&Kt(t,e.methods),e.data?Bt(t):R(t._data={},!0),e.computed&&qt(t,e.computed),e.watch&&e.watch!==Nr&&Jt(t,e.watch)}function Ut(t,e){var n=t.$options.propsData||{},r=t._props={},i=t.$options._propKeys=[],o=!t.$parent;ni.shouldConvert=o;for(var s in e)!function(o){i.push(o);var s=K(o,e,n,t);N(r,o,s),o in t||zt(t,"_props",o)}(s);ni.shouldConvert=!0}function Bt(t){var e=t.$options.data;e=t._data="function"==typeof e?Vt(e,t):e||{},u(e)||(e={});for(var n=Object.keys(e),r=t.$options.props,i=(t.$options.methods,n.length);i--;){var o=n[i];r&&m(r,o)||S(o)||zt(t,"_data",o)}R(e,!0)}function Vt(t,e){try{return t.call(e,e)}catch(t){return et(t,e,"data()"),{}}}function qt(t,e){var n=t._computedWatchers=Object.create(null),r=zr();for(var i in e){var o=e[i],s="function"==typeof o?o:o.get;r||(n[i]=new Ci(t,s||x,x,Ei)),i in t||Qt(t,i,o)}}function Qt(t,e,n){var r=!zr();"function"==typeof n?(Si.get=r?Gt(e):n,Si.set=x):(Si.get=n.get?r&&!1!==n.cache?Gt(e):n.get:x,Si.set=n.set?n.set:x),Object.defineProperty(t,e,Si)}function Gt(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),qr.target&&e.depend(),e.value}}function Kt(t,e){t.$options.props;for(var n in e)t[n]=null==e[n]?x:g(e[n],t)}function Jt(t,e){for(var n in e){var r=e[n];if(Array.isArray(r))for(var i=0;i=0||n.indexOf(t[i])<0)&&r.push(t[i]);return r}return t}function Le(t){this._init(t)}function Pe(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var n=b(arguments,1);return n.unshift(this),"function"==typeof t.install?t.install.apply(t,n):"function"==typeof t&&t.apply(null,n),e.push(t),this}}function Me(t){t.mixin=function(t){return this.options=Q(this.options,t),this}}function $e(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var n=this,r=n.cid,i=t._Ctor||(t._Ctor={});if(i[r])return i[r];var o=t.name||n.options.name,s=function(t){this._init(t)};return s.prototype=Object.create(n.prototype),s.prototype.constructor=s,s.cid=e++,s.options=Q(n.options,t),s.super=n,s.options.props&&je(s),s.options.computed&&Ie(s),s.extend=n.extend,s.mixin=n.mixin,s.use=n.use,kr.forEach(function(t){s[t]=n[t]}),o&&(s.options.components[o]=s),s.superOptions=n.options,s.extendOptions=t,s.sealedOptions=_({},s.options),i[r]=s,s}}function je(t){var e=t.options.props;for(var n in e)zt(t.prototype,"_props",n)}function Ie(t){var e=t.options.computed;for(var n in e)Qt(t.prototype,n,e[n])}function De(t){kr.forEach(function(e){t[e]=function(t,n){return n?("component"===e&&u(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&"function"==typeof n&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}})}function Re(t){return t&&(t.Ctor.options.name||t.tag)}function Ne(t,e){return Array.isArray(t)?t.indexOf(e)>-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!l(t)&&t.test(e)}function He(t,e){var n=t.cache,r=t.keys,i=t._vnode;for(var o in n){var s=n[o];if(s){var a=Re(s.componentOptions);a&&!e(a)&&Xe(n,o,r,i)}}}function Xe(t,e,n,r){var i=t[e];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),t[e]=null,v(n,e)}function Ye(t){for(var e=t.data,n=t,r=t;i(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(e=Fe(r.data,e));for(;i(n=n.parent);)n&&n.data&&(e=Fe(e,n.data));return ze(e.staticClass,e.class)}function Fe(t,e){return{staticClass:We(t.staticClass,e.staticClass),class:i(t.class)?[t.class,e.class]:e.class}}function ze(t,e){return i(t)||i(e)?We(t,Ue(e)):""}function We(t,e){return t?e?t+" "+e:t:e||""}function Ue(t){return Array.isArray(t)?Be(t):c(t)?Ve(t):"string"==typeof t?t:""}function Be(t){for(var e,n="",r=0,o=t.length;r-1?Ki[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:Ki[t]=/HTMLUnknownElement/.test(e.toString())}function Ge(t){if("string"==typeof t){var e=document.querySelector(t);return e||document.createElement("div")}return t}function Ke(t,e){var n=document.createElement(t);return"select"!==t?n:(e.data&&e.data.attrs&&void 0!==e.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n)}function Je(t,e){return document.createElementNS(Vi[t],e)}function Ze(t){return document.createTextNode(t)}function tn(t){return document.createComment(t)}function en(t,e,n){t.insertBefore(e,n)}function nn(t,e){t.removeChild(e)}function rn(t,e){t.appendChild(e)}function on(t){return t.parentNode}function sn(t){return t.nextSibling}function an(t){return t.tagName}function cn(t,e){t.textContent=e}function un(t,e,n){t.setAttribute(e,n)}function ln(t,e){var n=t.data.ref;if(n){var r=t.context,i=t.componentInstance||t.elm,o=r.$refs;e?Array.isArray(o[n])?v(o[n],i):o[n]===i&&(o[n]=void 0):t.data.refInFor?Array.isArray(o[n])?o[n].indexOf(i)<0&&o[n].push(i):o[n]=[i]:o[n]=i}}function hn(t,e){return t.key===e.key&&(t.tag===e.tag&&t.isComment===e.isComment&&i(t.data)===i(e.data)&&fn(t,e)||o(t.isAsyncPlaceholder)&&t.asyncFactory===e.asyncFactory&&r(e.asyncFactory.error))}function fn(t,e){if("input"!==t.tag)return!0;var n,r=i(n=t.data)&&i(n=n.attrs)&&n.type,o=i(n=e.data)&&i(n=n.attrs)&&n.type;return r===o||Ji(r)&&Ji(o)}function pn(t,e,n){var r,o,s={};for(r=e;r<=n;++r)o=t[r].key,i(o)&&(s[o]=r);return s}function dn(t,e){(t.data.directives||e.data.directives)&&vn(t,e)}function vn(t,e){var n,r,i,o=t===eo,s=e===eo,a=mn(t.data.directives,t.context),c=mn(e.data.directives,e.context),u=[],l=[];for(n in c)r=a[n],i=c[n],r?(i.oldValue=r.value,gn(i,"update",e,t),i.def&&i.def.componentUpdated&&l.push(i)):(gn(i,"bind",e,t),i.def&&i.def.inserted&&u.push(i));if(u.length){var h=function(){for(var n=0;n-1?e.split(/\s+/).forEach(function(e){return t.classList.add(e)}):t.classList.add(e);else{var n=" "+(t.getAttribute("class")||"")+" ";n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function Dn(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.remove(e)}):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{for(var n=" "+(t.getAttribute("class")||"")+" ",r=" "+e+" ";n.indexOf(r)>=0;)n=n.replace(r," ");n=n.trim(),n?t.setAttribute("class",n):t.removeAttribute("class")}}function Rn(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&_(e,_o(t.name||"v")),_(e,t),e}return"string"==typeof t?_o(t):void 0}}function Nn(t){Ao(function(){Ao(t)})}function Hn(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),In(t,e))}function Xn(t,e){t._transitionClasses&&v(t._transitionClasses,e),Dn(t,e)}function Yn(t,e,n){var r=Fn(t,e),i=r.type,o=r.timeout,s=r.propCount;if(!i)return n();var a=i===xo?Co:Eo,c=0,u=function(){t.removeEventListener(a,l),n()},l=function(e){e.target===t&&++c>=s&&u()};setTimeout(function(){c0&&(n=xo,l=s,h=o.length):e===To?u>0&&(n=To,l=u,h=c.length):(l=Math.max(s,u),n=l>0?s>u?xo:To:null,h=n?n===xo?o.length:c.length:0),{type:n,timeout:l,propCount:h,hasTransform:n===xo&&Oo.test(r[ko+"Property"])}}function zn(t,e){for(;t.length1}function Qn(t,e){!0!==e.data.show&&Un(e)}function Gn(t,e,n){Kn(t,e,n),($r||Ir)&&setTimeout(function(){Kn(t,e,n)},0)}function Kn(t,e,n){var r=e.value,i=t.multiple;if(!i||Array.isArray(r)){for(var o,s,a=0,c=t.options.length;a-1,s.selected!==o&&(s.selected=o);else if(T(Zn(s),r))return void(t.selectedIndex!==a&&(t.selectedIndex=a));i||(t.selectedIndex=-1)}}function Jn(t,e){return e.every(function(e){return!T(e,t)})}function Zn(t){return"_value"in t?t._value:t.value}function tr(t){t.target.composing=!0}function er(t){t.target.composing&&(t.target.composing=!1,nr(t.target,"input"))}function nr(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function rr(t){return!t.componentInstance||t.data&&t.data.transition?t:rr(t.componentInstance._vnode)}function ir(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?ir(xt(e.children)):t}function or(t){var e={},n=t.$options;for(var r in n.propsData)e[r]=t[r];var i=n._parentListeners;for(var o in i)e[yr(o)]=i[o];return e}function sr(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}function ar(t){for(;t=t.parent;)if(t.data.transition)return!0}function cr(t,e){return e.key===t.key&&e.tag===t.tag}function ur(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function lr(t){t.data.newPos=t.elm.getBoundingClientRect()}function hr(t){var e=t.data.pos,n=t.data.newPos,r=e.left-n.left,i=e.top-n.top;if(r||i){t.data.moved=!0;var o=t.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}/*! +webpackJsonp([1],[function(t,e){t.exports=function(t,e,n,r,i){var o,s=t=t||{},a=typeof t.default;"object"!==a&&"function"!==a||(o=t,s=t.default);var c="function"==typeof s?s.options:s;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns),r&&(c._scopeId=r);var u;if(i?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},c._ssrRegister=u):n&&(u=n),u){var l=c.functional,h=l?c.render:c.beforeCreate;l?c.render=function(t,e){return u.call(e),h(t,e)}:c.beforeCreate=h?[].concat(h,u):[u]}return{esModule:o,exports:s,options:c}}},,function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e,n){var r=n(47)("wks"),i=n(48),o=n(2).Symbol,s="function"==typeof o;(t.exports=function(t){return r[t]||(r[t]=s&&o[t]||(s?o:i)("Symbol."+t))}).store=r},function(t,e){var n=t.exports={version:"2.5.3"};"number"==typeof __e&&(__e=n)},,,,function(t,e,n){var r=n(2),i=n(4),o=n(12),s=n(10),a=function(t,e,n){var c,u,l,h=t&a.F,f=t&a.G,p=t&a.S,d=t&a.P,v=t&a.B,m=t&a.W,y=f?i:i[e]||(i[e]={}),g=y.prototype,b=f?r:p?r[e]:(r[e]||{}).prototype;f&&(n=e);for(c in n)(u=!h&&b&&void 0!==b[c])&&c in y||(l=u?b[c]:n[c],y[c]=f&&"function"!=typeof b[c]?n[c]:v&&u?o(l,r):m&&b[c]==l?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(l):d&&"function"==typeof l?o(Function.call,l):l,d&&((y.virtual||(y.virtual={}))[c]=l,t&a.R&&g&&!g[c]&&s(g,c,l)))};a.F=1,a.G=2,a.S=4,a.P=8,a.B=16,a.W=32,a.U=64,a.R=128,t.exports=a},function(t,e,n){var r=n(14);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e,n){var r=n(13),i=n(27);t.exports=n(15)?function(t,e,n){return r.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},,function(t,e,n){var r=n(18);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,i){return t.call(e,n,r,i)}}return function(){return t.apply(e,arguments)}}},function(t,e,n){var r=n(9),i=n(110),o=n(111),s=Object.defineProperty;e.f=n(15)?Object.defineProperty:function(t,e,n){if(r(t),e=o(e,!0),r(n),i)try{return s(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){t.exports=!n(19)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e){t.exports={}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t,n){function r(t){return void 0===t||null===t}function i(t){return void 0!==t&&null!==t}function o(t){return!0===t}function s(t){return!1===t}function a(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function c(t){return null!==t&&"object"==typeof t}function u(t){return"[object Object]"===pr.call(t)}function l(t){return"[object RegExp]"===pr.call(t)}function h(t){var e=parseFloat(String(t));return e>=0&&Math.floor(e)===e&&isFinite(t)}function f(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function p(t){var e=parseFloat(t);return isNaN(e)?t:e}function d(t,e){for(var n=Object.create(null),r=t.split(","),i=0;i-1)return t.splice(n,1)}}function m(t,e){return vr.call(t,e)}function y(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function g(t,e){function n(n){var r=arguments.length;return r?r>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n}function b(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function _(t,e){for(var n in e)t[n]=e[n];return t}function w(t){for(var e={},n=0;n0&&(s=yt(s,(e||"")+"_"+n),mt(s[0])&&mt(u)&&(l[c]=M(u.text+s[0].text),s.shift()),l.push.apply(l,s)):a(s)?mt(u)?l[c]=M(u.text+s):""!==s&&l.push(M(s)):mt(s)&&mt(u)?l[c]=M(u.text+s.text):(o(t._isVList)&&i(s.tag)&&r(s.key)&&i(e)&&(s.key="__vlist"+e+"_"+n+"__"),l.push(s)));return l}function gt(t,e){return(t.__esModule||Ur&&"Module"===t[Symbol.toStringTag])&&(t=t.default),c(t)?e.extend(t):t}function bt(t,e,n,r,i){var o=Jr();return o.asyncFactory=t,o.asyncMeta={data:e,context:n,children:r,tag:i},o}function _t(t,e,n){if(o(t.error)&&i(t.errorComp))return t.errorComp;if(i(t.resolved))return t.resolved;if(o(t.loading)&&i(t.loadingComp))return t.loadingComp;if(!i(t.contexts)){var s=t.contexts=[n],a=!0,u=function(){for(var t=0,e=s.length;tTi&&gi[n].id>t.id;)n--;gi.splice(n+1,0,t)}else gi.push(t);wi||(wi=!0,st(Nt))}}function zt(t,e,n){Si.get=function(){return this[e][n]},Si.set=function(t){this[e][n]=t},Object.defineProperty(t,n,Si)}function Wt(t){t._watchers=[];var e=t.$options;e.props&&Ut(t,e.props),e.methods&&Kt(t,e.methods),e.data?Bt(t):R(t._data={},!0),e.computed&&qt(t,e.computed),e.watch&&e.watch!==Nr&&Jt(t,e.watch)}function Ut(t,e){var n=t.$options.propsData||{},r=t._props={},i=t.$options._propKeys=[],o=!t.$parent;ni.shouldConvert=o;for(var s in e)!function(o){i.push(o);var s=K(o,e,n,t);N(r,o,s),o in t||zt(t,"_props",o)}(s);ni.shouldConvert=!0}function Bt(t){var e=t.$options.data;e=t._data="function"==typeof e?Vt(e,t):e||{},u(e)||(e={});for(var n=Object.keys(e),r=t.$options.props,i=(t.$options.methods,n.length);i--;){var o=n[i];r&&m(r,o)||S(o)||zt(t,"_data",o)}R(e,!0)}function Vt(t,e){try{return t.call(e,e)}catch(t){return et(t,e,"data()"),{}}}function qt(t,e){var n=t._computedWatchers=Object.create(null),r=zr();for(var i in e){var o=e[i],s="function"==typeof o?o:o.get;r||(n[i]=new Ci(t,s||x,x,Ei)),i in t||Qt(t,i,o)}}function Qt(t,e,n){var r=!zr();"function"==typeof n?(Si.get=r?Gt(e):n,Si.set=x):(Si.get=n.get?r&&!1!==n.cache?Gt(e):n.get:x,Si.set=n.set?n.set:x),Object.defineProperty(t,e,Si)}function Gt(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),qr.target&&e.depend(),e.value}}function Kt(t,e){t.$options.props;for(var n in e)t[n]=null==e[n]?x:g(e[n],t)}function Jt(t,e){for(var n in e){var r=e[n];if(Array.isArray(r))for(var i=0;i=0||n.indexOf(t[i])<0)&&r.push(t[i]);return r}return t}function Le(t){this._init(t)}function Pe(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var n=b(arguments,1);return n.unshift(this),"function"==typeof t.install?t.install.apply(t,n):"function"==typeof t&&t.apply(null,n),e.push(t),this}}function Me(t){t.mixin=function(t){return this.options=Q(this.options,t),this}}function $e(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var n=this,r=n.cid,i=t._Ctor||(t._Ctor={});if(i[r])return i[r];var o=t.name||n.options.name,s=function(t){this._init(t)};return s.prototype=Object.create(n.prototype),s.prototype.constructor=s,s.cid=e++,s.options=Q(n.options,t),s.super=n,s.options.props&&je(s),s.options.computed&&Ie(s),s.extend=n.extend,s.mixin=n.mixin,s.use=n.use,kr.forEach(function(t){s[t]=n[t]}),o&&(s.options.components[o]=s),s.superOptions=n.options,s.extendOptions=t,s.sealedOptions=_({},s.options),i[r]=s,s}}function je(t){var e=t.options.props;for(var n in e)zt(t.prototype,"_props",n)}function Ie(t){var e=t.options.computed;for(var n in e)Qt(t.prototype,n,e[n])}function De(t){kr.forEach(function(e){t[e]=function(t,n){return n?("component"===e&&u(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&"function"==typeof n&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}})}function Re(t){return t&&(t.Ctor.options.name||t.tag)}function Ne(t,e){return Array.isArray(t)?t.indexOf(e)>-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!l(t)&&t.test(e)}function He(t,e){var n=t.cache,r=t.keys,i=t._vnode;for(var o in n){var s=n[o];if(s){var a=Re(s.componentOptions);a&&!e(a)&&Xe(n,o,r,i)}}}function Xe(t,e,n,r){var i=t[e];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),t[e]=null,v(n,e)}function Ye(t){for(var e=t.data,n=t,r=t;i(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(e=Fe(r.data,e));for(;i(n=n.parent);)n&&n.data&&(e=Fe(e,n.data));return ze(e.staticClass,e.class)}function Fe(t,e){return{staticClass:We(t.staticClass,e.staticClass),class:i(t.class)?[t.class,e.class]:e.class}}function ze(t,e){return i(t)||i(e)?We(t,Ue(e)):""}function We(t,e){return t?e?t+" "+e:t:e||""}function Ue(t){return Array.isArray(t)?Be(t):c(t)?Ve(t):"string"==typeof t?t:""}function Be(t){for(var e,n="",r=0,o=t.length;r-1?Ki[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:Ki[t]=/HTMLUnknownElement/.test(e.toString())}function Ge(t){if("string"==typeof t){var e=document.querySelector(t);return e||document.createElement("div")}return t}function Ke(t,e){var n=document.createElement(t);return"select"!==t?n:(e.data&&e.data.attrs&&void 0!==e.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n)}function Je(t,e){return document.createElementNS(Vi[t],e)}function Ze(t){return document.createTextNode(t)}function tn(t){return document.createComment(t)}function en(t,e,n){t.insertBefore(e,n)}function nn(t,e){t.removeChild(e)}function rn(t,e){t.appendChild(e)}function on(t){return t.parentNode}function sn(t){return t.nextSibling}function an(t){return t.tagName}function cn(t,e){t.textContent=e}function un(t,e,n){t.setAttribute(e,n)}function ln(t,e){var n=t.data.ref;if(n){var r=t.context,i=t.componentInstance||t.elm,o=r.$refs;e?Array.isArray(o[n])?v(o[n],i):o[n]===i&&(o[n]=void 0):t.data.refInFor?Array.isArray(o[n])?o[n].indexOf(i)<0&&o[n].push(i):o[n]=[i]:o[n]=i}}function hn(t,e){return t.key===e.key&&(t.tag===e.tag&&t.isComment===e.isComment&&i(t.data)===i(e.data)&&fn(t,e)||o(t.isAsyncPlaceholder)&&t.asyncFactory===e.asyncFactory&&r(e.asyncFactory.error))}function fn(t,e){if("input"!==t.tag)return!0;var n,r=i(n=t.data)&&i(n=n.attrs)&&n.type,o=i(n=e.data)&&i(n=n.attrs)&&n.type;return r===o||Ji(r)&&Ji(o)}function pn(t,e,n){var r,o,s={};for(r=e;r<=n;++r)o=t[r].key,i(o)&&(s[o]=r);return s}function dn(t,e){(t.data.directives||e.data.directives)&&vn(t,e)}function vn(t,e){var n,r,i,o=t===eo,s=e===eo,a=mn(t.data.directives,t.context),c=mn(e.data.directives,e.context),u=[],l=[];for(n in c)r=a[n],i=c[n],r?(i.oldValue=r.value,gn(i,"update",e,t),i.def&&i.def.componentUpdated&&l.push(i)):(gn(i,"bind",e,t),i.def&&i.def.inserted&&u.push(i));if(u.length){var h=function(){for(var n=0;n-1?e.split(/\s+/).forEach(function(e){return t.classList.add(e)}):t.classList.add(e);else{var n=" "+(t.getAttribute("class")||"")+" ";n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function Dn(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.remove(e)}):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{for(var n=" "+(t.getAttribute("class")||"")+" ",r=" "+e+" ";n.indexOf(r)>=0;)n=n.replace(r," ");n=n.trim(),n?t.setAttribute("class",n):t.removeAttribute("class")}}function Rn(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&_(e,_o(t.name||"v")),_(e,t),e}return"string"==typeof t?_o(t):void 0}}function Nn(t){Ao(function(){Ao(t)})}function Hn(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),In(t,e))}function Xn(t,e){t._transitionClasses&&v(t._transitionClasses,e),Dn(t,e)}function Yn(t,e,n){var r=Fn(t,e),i=r.type,o=r.timeout,s=r.propCount;if(!i)return n();var a=i===xo?Co:Eo,c=0,u=function(){t.removeEventListener(a,l),n()},l=function(e){e.target===t&&++c>=s&&u()};setTimeout(function(){c0&&(n=xo,l=s,h=o.length):e===To?u>0&&(n=To,l=u,h=c.length):(l=Math.max(s,u),n=l>0?s>u?xo:To:null,h=n?n===xo?o.length:c.length:0),{type:n,timeout:l,propCount:h,hasTransform:n===xo&&Oo.test(r[ko+"Property"])}}function zn(t,e){for(;t.length1}function Qn(t,e){!0!==e.data.show&&Un(e)}function Gn(t,e,n){Kn(t,e,n),($r||Ir)&&setTimeout(function(){Kn(t,e,n)},0)}function Kn(t,e,n){var r=e.value,i=t.multiple;if(!i||Array.isArray(r)){for(var o,s,a=0,c=t.options.length;a-1,s.selected!==o&&(s.selected=o);else if(T(Zn(s),r))return void(t.selectedIndex!==a&&(t.selectedIndex=a));i||(t.selectedIndex=-1)}}function Jn(t,e){return e.every(function(e){return!T(e,t)})}function Zn(t){return"_value"in t?t._value:t.value}function tr(t){t.target.composing=!0}function er(t){t.target.composing&&(t.target.composing=!1,nr(t.target,"input"))}function nr(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function rr(t){return!t.componentInstance||t.data&&t.data.transition?t:rr(t.componentInstance._vnode)}function ir(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?ir(xt(e.children)):t}function or(t){var e={},n=t.$options;for(var r in n.propsData)e[r]=t[r];var i=n._parentListeners;for(var o in i)e[yr(o)]=i[o];return e}function sr(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}function ar(t){for(;t=t.parent;)if(t.data.transition)return!0}function cr(t,e){return e.key===t.key&&e.tag===t.tag}function ur(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function lr(t){t.data.newPos=t.elm.getBoundingClientRect()}function hr(t){var e=t.data.pos,n=t.data.newPos,r=e.left-n.left,i=e.top-n.top;if(r||i){t.data.moved=!0;var o=t.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}/*! * Vue.js v2.5.13 * (c) 2014-2017 Evan You * Released under the MIT License. */ -var fr=Object.freeze({}),pr=Object.prototype.toString,dr=(d("slot,component",!0),d("key,ref,slot,slot-scope,is")),vr=Object.prototype.hasOwnProperty,mr=/-(\w)/g,yr=y(function(t){return t.replace(mr,function(t,e){return e?e.toUpperCase():""})}),gr=y(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),br=/\B([A-Z])/g,_r=y(function(t){return t.replace(br,"-$1").toLowerCase()}),wr=function(t,e,n){return!1},xr=function(t){return t},Tr="data-server-rendered",kr=["component","directive","filter"],Cr=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured"],Sr={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:wr,isReservedAttr:wr,isUnknownElement:wr,getTagNamespace:x,parsePlatformTagName:xr,mustUseProp:wr,_lifecycleHooks:Cr},Er=/[^\w.$]/,Ar="__proto__"in{},Or="undefined"!=typeof window,Lr="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,Pr=Lr&&WXEnvironment.platform.toLowerCase(),Mr=Or&&window.navigator.userAgent.toLowerCase(),$r=Mr&&/msie|trident/.test(Mr),jr=Mr&&Mr.indexOf("msie 9.0")>0,Ir=Mr&&Mr.indexOf("edge/")>0,Dr=Mr&&Mr.indexOf("android")>0||"android"===Pr,Rr=Mr&&/iphone|ipad|ipod|ios/.test(Mr)||"ios"===Pr,Nr=(Mr&&/chrome\/\d+/.test(Mr),{}.watch),Hr=!1;if(Or)try{var Xr={};Object.defineProperty(Xr,"passive",{get:function(){Hr=!0}}),window.addEventListener("test-passive",null,Xr)}catch(t){}var Yr,Fr,zr=function(){return void 0===Yr&&(Yr=!Or&&void 0!==t&&"server"===t.process.env.VUE_ENV),Yr},Wr=Or&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Ur="undefined"!=typeof Symbol&&O(Symbol)&&"undefined"!=typeof Reflect&&O(Reflect.ownKeys);Fr="undefined"!=typeof Set&&O(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var Br=x,Vr=0,qr=function(){this.id=Vr++,this.subs=[]};qr.prototype.addSub=function(t){this.subs.push(t)},qr.prototype.removeSub=function(t){v(this.subs,t)},qr.prototype.depend=function(){qr.target&&qr.target.addDep(this)},qr.prototype.notify=function(){for(var t=this.subs.slice(),e=0,n=t.length;e1?b(n):n;for(var r=b(arguments,1),i=0,o=n.length;iparseInt(this.max)&&Xe(c,u[0],u,this._vnode)),e.data.keepAlive=!0}return e||t&&t[0]}},Ii={KeepAlive:ji};!function(t){var e={};e.get=function(){return Sr},Object.defineProperty(t,"config",e),t.util={warn:Br,extend:_,mergeOptions:Q,defineReactive:N},t.set=H,t.delete=X,t.nextTick=st,t.options=Object.create(null),kr.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,_(t.options.components,Ii),Pe(t),Me(t),$e(t),De(t)}(Le),Object.defineProperty(Le.prototype,"$isServer",{get:zr}),Object.defineProperty(Le.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Le.version="2.5.13";var Di,Ri,Ni=d("style,class"),Hi=d("input,textarea,option,select,progress"),Xi=function(t,e,n){return"value"===n&&Hi(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},Yi=d("contenteditable,draggable,spellcheck"),Fi=d("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),zi="http://www.w3.org/1999/xlink",Wi=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Ui=function(t){return Wi(t)?t.slice(6,t.length):""},Bi=function(t){return null==t||!1===t},Vi={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},qi=d("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),Qi=d("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),Gi=function(t){return qi(t)||Qi(t)},Ki=Object.create(null),Ji=d("text,number,password,search,email,tel,url"),Zi=Object.freeze({createElement:Ke,createElementNS:Je,createTextNode:Ze,createComment:tn,insertBefore:en,removeChild:nn,appendChild:rn,parentNode:on,nextSibling:sn,tagName:an,setTextContent:cn,setAttribute:un}),to={create:function(t,e){ln(e)},update:function(t,e){t.data.ref!==e.data.ref&&(ln(t,!0),ln(e))},destroy:function(t){ln(t,!0)}},eo=new Gr("",{},[]),no=["create","activate","update","remove","destroy"],ro={create:dn,update:dn,destroy:function(t){dn(t,eo)}},io=Object.create(null),oo=[to,ro],so={create:bn,update:bn},ao={create:wn,update:wn},co="__r",uo="__c",lo={create:Sn,update:Sn},ho={create:En,update:En},fo=y(function(t){var e={},n=/;(?![^(]*\))/g,r=/:(.+)/;return t.split(n).forEach(function(t){if(t){var n=t.split(r);n.length>1&&(e[n[0].trim()]=n[1].trim())}}),e}),po=/^--/,vo=/\s*!important$/,mo=function(t,e,n){if(po.test(e))t.style.setProperty(e,n);else if(vo.test(n))t.style.setProperty(e,n.replace(vo,""),"important");else{var r=go(e);if(Array.isArray(n))for(var i=0,o=n.length;id?(h=r(n[y+1])?null:n[y+1].elm,g(t,h,n,p,y,o)):p>y&&_(t,e,f,d)}function T(t,e,n,r){for(var o=n;o1?e-1:0),r=1;r0&&(v=i?i/d*a:0,p=l),{destination:Math.round(v),duration:p}}function y(t){console.error("[BScroll warn]: "+t)}function g(t){var e=document.createElement("div"),n=document.createElement("div");return e.style.cssText="position:absolute;z-index:9999;pointerEvents:none",n.style.cssText="box-sizing:border-box;position:absolute;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.9);border-radius:3px;",n.className="bscroll-indicator","horizontal"===t?(e.style.cssText+=";height:7px;left:2px;right:2px;bottom:0",n.style.height="100%",e.className="bscroll-horizontal-scrollbar"):(e.style.cssText+=";width:7px;bottom:2px;top:2px;right:1px",n.style.width="100%",e.className="bscroll-vertical-scrollbar"),e.style.cssText+=";overflow:hidden",e.appendChild(n),e}function b(t,e){this.wrapper=e.el,this.wrapperStyle=this.wrapper.style,this.indicator=this.wrapper.children[0],this.indicatorStyle=this.indicator.style,this.scroller=t,this.direction=e.direction,e.fade?(this.visible=0,this.wrapperStyle.opacity="0"):this.visible=1}function _(t,e){this.wrapper="string"==typeof t?document.querySelector(t):t,this.wrapper||y("can not resolve the wrapper dom"),this.scroller=this.wrapper.children[0],this.scroller||y("the wrapper need at least one child element to be scroller"),this.scrollerStyle=this.scroller.style,this._init(t,e)}Object.defineProperty(e,"__esModule",{value:!0});/*! - * better-normal-scroll v1.7.2 - * (c) 2016-2018 ustbhuangyi +var fr=Object.freeze({}),pr=Object.prototype.toString,dr=(d("slot,component",!0),d("key,ref,slot,slot-scope,is")),vr=Object.prototype.hasOwnProperty,mr=/-(\w)/g,yr=y(function(t){return t.replace(mr,function(t,e){return e?e.toUpperCase():""})}),gr=y(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),br=/\B([A-Z])/g,_r=y(function(t){return t.replace(br,"-$1").toLowerCase()}),wr=function(t,e,n){return!1},xr=function(t){return t},Tr="data-server-rendered",kr=["component","directive","filter"],Cr=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured"],Sr={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:wr,isReservedAttr:wr,isUnknownElement:wr,getTagNamespace:x,parsePlatformTagName:xr,mustUseProp:wr,_lifecycleHooks:Cr},Er=/[^\w.$]/,Ar="__proto__"in{},Or="undefined"!=typeof window,Lr="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,Pr=Lr&&WXEnvironment.platform.toLowerCase(),Mr=Or&&window.navigator.userAgent.toLowerCase(),$r=Mr&&/msie|trident/.test(Mr),jr=Mr&&Mr.indexOf("msie 9.0")>0,Ir=Mr&&Mr.indexOf("edge/")>0,Dr=Mr&&Mr.indexOf("android")>0||"android"===Pr,Rr=Mr&&/iphone|ipad|ipod|ios/.test(Mr)||"ios"===Pr,Nr=(Mr&&/chrome\/\d+/.test(Mr),{}.watch),Hr=!1;if(Or)try{var Xr={};Object.defineProperty(Xr,"passive",{get:function(){Hr=!0}}),window.addEventListener("test-passive",null,Xr)}catch(t){}var Yr,Fr,zr=function(){return void 0===Yr&&(Yr=!Or&&void 0!==t&&"server"===t.process.env.VUE_ENV),Yr},Wr=Or&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Ur="undefined"!=typeof Symbol&&O(Symbol)&&"undefined"!=typeof Reflect&&O(Reflect.ownKeys);Fr="undefined"!=typeof Set&&O(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var Br=x,Vr=0,qr=function(){this.id=Vr++,this.subs=[]};qr.prototype.addSub=function(t){this.subs.push(t)},qr.prototype.removeSub=function(t){v(this.subs,t)},qr.prototype.depend=function(){qr.target&&qr.target.addDep(this)},qr.prototype.notify=function(){for(var t=this.subs.slice(),e=0,n=t.length;e1?b(n):n;for(var r=b(arguments,1),i=0,o=n.length;iparseInt(this.max)&&Xe(c,u[0],u,this._vnode)),e.data.keepAlive=!0}return e||t&&t[0]}},Ii={KeepAlive:ji};!function(t){var e={};e.get=function(){return Sr},Object.defineProperty(t,"config",e),t.util={warn:Br,extend:_,mergeOptions:Q,defineReactive:N},t.set=H,t.delete=X,t.nextTick=st,t.options=Object.create(null),kr.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,_(t.options.components,Ii),Pe(t),Me(t),$e(t),De(t)}(Le),Object.defineProperty(Le.prototype,"$isServer",{get:zr}),Object.defineProperty(Le.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Le.version="2.5.13";var Di,Ri,Ni=d("style,class"),Hi=d("input,textarea,option,select,progress"),Xi=function(t,e,n){return"value"===n&&Hi(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},Yi=d("contenteditable,draggable,spellcheck"),Fi=d("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),zi="http://www.w3.org/1999/xlink",Wi=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Ui=function(t){return Wi(t)?t.slice(6,t.length):""},Bi=function(t){return null==t||!1===t},Vi={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},qi=d("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),Qi=d("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),Gi=function(t){return qi(t)||Qi(t)},Ki=Object.create(null),Ji=d("text,number,password,search,email,tel,url"),Zi=Object.freeze({createElement:Ke,createElementNS:Je,createTextNode:Ze,createComment:tn,insertBefore:en,removeChild:nn,appendChild:rn,parentNode:on,nextSibling:sn,tagName:an,setTextContent:cn,setAttribute:un}),to={create:function(t,e){ln(e)},update:function(t,e){t.data.ref!==e.data.ref&&(ln(t,!0),ln(e))},destroy:function(t){ln(t,!0)}},eo=new Gr("",{},[]),no=["create","activate","update","remove","destroy"],ro={create:dn,update:dn,destroy:function(t){dn(t,eo)}},io=Object.create(null),oo=[to,ro],so={create:bn,update:bn},ao={create:wn,update:wn},co="__r",uo="__c",lo={create:Sn,update:Sn},ho={create:En,update:En},fo=y(function(t){var e={},n=/;(?![^(]*\))/g,r=/:(.+)/;return t.split(n).forEach(function(t){if(t){var n=t.split(r);n.length>1&&(e[n[0].trim()]=n[1].trim())}}),e}),po=/^--/,vo=/\s*!important$/,mo=function(t,e,n){if(po.test(e))t.style.setProperty(e,n);else if(vo.test(n))t.style.setProperty(e,n.replace(vo,""),"important");else{var r=go(e);if(Array.isArray(n))for(var i=0,o=n.length;id?(h=r(n[y+1])?null:n[y+1].elm,g(t,h,n,p,y,o)):p>y&&_(t,e,f,d)}function T(t,e,n,r){for(var o=n;o1?e-1:0),r=1;r0&&(v=i?i/d*a:0,p=l),{destination:Math.round(v),duration:p}}function y(t){console.error("[BScroll warn]: "+t)}function g(t){var e=document.createElement("div"),n=document.createElement("div");return e.style.cssText="position:absolute;z-index:9999;pointerEvents:none",n.style.cssText="box-sizing:border-box;position:absolute;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.9);border-radius:3px;",n.className="bscroll-indicator","horizontal"===t?(e.style.cssText+=";height:7px;left:2px;right:2px;bottom:0",n.style.height="100%",e.className="bscroll-horizontal-scrollbar"):(e.style.cssText+=";width:7px;bottom:2px;top:2px;right:1px",n.style.width="100%",e.className="bscroll-vertical-scrollbar"),e.style.cssText+=";overflow:hidden",e.appendChild(n),e}function b(t,e){this.wrapper=e.el,this.wrapperStyle=this.wrapper.style,this.indicator=this.wrapper.children[0],this.indicatorStyle=this.indicator.style,this.scroller=t,this.direction=e.direction,e.fade?(this.visible=0,this.wrapperStyle.opacity="0"):this.visible=1}function _(t,e){this.wrapper="string"==typeof t?document.querySelector(t):t,this.wrapper||y("can not resolve the wrapper dom"),this.scroller=this.wrapper.children[0],this.scroller||y("the wrapper need at least one child element to be scroller"),this.scrollerStyle=this.scroller.style,this._init(t,e)}Object.defineProperty(e,"__esModule",{value:!0});/*! + * better-normal-scroll v1.6.3 + * (c) 2016-2017 ustbhuangyi * Released under the MIT License. */ -var w=function(){function t(t,e){var n=[],r=!0,i=!1,o=void 0;try{for(var s,a=t[Symbol.iterator]();!(r=(s=a.next()).done)&&(n.push(s.value),!e||n.length!==e);r=!0);}catch(t){i=!0,o=t}finally{try{!r&&a.return&&a.return()}finally{if(i)throw o}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),x=function(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e0,S=document.createElement("div").style,E=function(){var t={webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform",standard:"transform"};for(var e in t)if(void 0!==S[t[e]])return e;return!1}(),A=o("transform"),O=o("perspective")in S,L="ontouchstart"in window||k,P=!1!==A,M=o("transition")in S,$={transform:A,transitionTimingFunction:o("transitionTimingFunction"),transitionDuration:o("transitionDuration"),transitionProperty:o("transitionProperty"),transitionDelay:o("transitionDelay"),transformOrigin:o("transformOrigin"),transitionEnd:o("transitionEnd")},j=1,I={touchstart:j,touchmove:j,touchend:j,mousedown:2,mousemove:2,mouseup:2},D={startX:0,startY:0,scrollX:!1,scrollY:!0,freeScroll:!1,directionLockThreshold:5,eventPassthrough:"",click:!1,tap:!1,bounce:!0,bounceTime:700,momentum:!0,momentumLimitTime:300,momentumLimitDistance:15,swipeTime:2500,swipeBounceTime:500,deceleration:.001,flickLimitTime:200,flickLimitDistance:100,resizePolling:60,probeType:0,preventDefault:!0,preventDefaultException:{tagName:/^(INPUT|TEXTAREA|BUTTON|SELECT)$/},HWCompositing:!0,useTransition:!0,useTransform:!0,bindToWrapper:!1,disableMouse:L,disableTouch:!L,observeDOM:!0,autoBlur:!0,wheel:!1,snap:!1,scrollbar:!1,pullDownRefresh:!1,pullUpLoad:!1},R={swipe:{style:"cubic-bezier(0.23, 1, 0.32, 1)",fn:function(t){return 1+--t*t*t*t*t}},swipeBounce:{style:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",fn:function(t){return t*(2-t)}},bounce:{style:"cubic-bezier(0.165, 0.84, 0.44, 1)",fn:function(t){return 1- --t*t*t*t}}},N=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||function(t){return window.setTimeout(t,(t.interval||100/60)/2)}}(),H=function(){return window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||function(t){window.clearTimeout(t)}}(),X=1,Y=-1,F=1,z=-1;b.prototype.refresh=function(){this.transitionTime(),this._calculate(),this.updatePosition()},b.prototype.fade=function(t,e){var n=this;if(!e||this.visible){var r=t?250:500;t=t?"1":"0",this.wrapperStyle[$.transitionDuration]=r+"ms",clearTimeout(this.fadeTimeout),this.fadeTimeout=setTimeout(function(){n.wrapperStyle.opacity=t,n.visible=+t},0)}},b.prototype.updatePosition=function(){if("vertical"===this.direction){var t=Math.round(this.sizeRatioY*this.scroller.y);if(t<0){this.transitionTime(500);var e=Math.max(this.indicatorHeight+3*t,8);this.indicatorStyle.height=e+"px",t=0}else if(t>this.maxPosY){this.transitionTime(500);var n=Math.max(this.indicatorHeight-3*(t-this.maxPosY),8);this.indicatorStyle.height=n+"px",t=this.maxPosY+this.indicatorHeight-n}else this.indicatorStyle.height=this.indicatorHeight+"px";this.y=t,this.scroller.options.useTransform?this.indicatorStyle[$.transform]="translateY("+t+"px)"+this.scroller.translateZ:this.indicatorStyle.top=t+"px"}else{var r=Math.round(this.sizeRatioX*this.scroller.x);if(r<0){this.transitionTime(500);var i=Math.max(this.indicatorWidth+3*r,8);this.indicatorStyle.width=i+"px",r=0}else if(r>this.maxPosX){this.transitionTime(500);var o=Math.max(this.indicatorWidth-3*(r-this.maxPosX),8);this.indicatorStyle.width=o+"px",r=this.maxPosX+this.indicatorWidth-o}else this.indicatorStyle.width=this.indicatorWidth+"px";this.x=r,this.scroller.options.useTransform?this.indicatorStyle[$.transform]="translateX("+r+"px)"+this.scroller.translateZ:this.indicatorStyle.left=r+"px"}},b.prototype.transitionTime=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.indicatorStyle[$.transitionDuration]=t+"ms"},b.prototype.transitionTimingFunction=function(t){this.indicatorStyle[$.transitionTimingFunction]=t},b.prototype.remove=function(){this.wrapper.parentNode.removeChild(this.wrapper)},b.prototype._calculate=function(){if("vertical"===this.direction){var t=this.wrapper.clientHeight;this.indicatorHeight=Math.max(Math.round(t*t/(this.scroller.scrollerHeight||t||1)),8),this.indicatorStyle.height=this.indicatorHeight+"px",this.maxPosY=t-this.indicatorHeight,this.sizeRatioY=this.maxPosY/this.scroller.maxScrollY}else{var e=this.wrapper.clientWidth;this.indicatorWidth=Math.max(Math.round(e*e/(this.scroller.scrollerWidth||e||1)),8),this.indicatorStyle.width=this.indicatorWidth+"px",this.maxPosX=e-this.indicatorWidth,this.sizeRatioX=this.maxPosX/this.scroller.maxScrollX}},function(t){t.prototype._init=function(t,e){this._handleOptions(e),this._events={},this.x=0,this.y=0,this.directionX=0,this.directionY=0,this._addDOMEvents(),this._initExtFeatures(),this._watchTransition(),this.options.observeDOM&&this._initDOMObserver(),this.options.autoBlur&&this._handleAutoBlur(),this.refresh(),this.options.snap||this.scrollTo(this.options.startX,this.options.startY),this.enable()},t.prototype._handleOptions=function(t){this.options=i({},D,t),this.translateZ=this.options.HWCompositing&&O?" translateZ(0)":"",this.options.useTransition=this.options.useTransition&&M,this.options.useTransform=this.options.useTransform&&P,this.options.preventDefault=!this.options.eventPassthrough&&this.options.preventDefault,this.options.scrollX="horizontal"!==this.options.eventPassthrough&&this.options.scrollX,this.options.scrollY="vertical"!==this.options.eventPassthrough&&this.options.scrollY,this.options.freeScroll=this.options.freeScroll&&!this.options.eventPassthrough,this.options.directionLockThreshold=this.options.eventPassthrough?0:this.options.directionLockThreshold,!0===this.options.tap&&(this.options.tap="tap")},t.prototype._addDOMEvents=function(){var t=s;this._handleDOMEvents(t)},t.prototype._removeDOMEvents=function(){var t=a;this._handleDOMEvents(t)},t.prototype._handleDOMEvents=function(t){var e=this.options.bindToWrapper?this.wrapper:window;t(window,"orientationchange",this),t(window,"resize",this),this.options.click&&t(this.wrapper,"click",this,!0),this.options.disableMouse||(t(this.wrapper,"mousedown",this),t(e,"mousemove",this),t(e,"mousecancel",this),t(e,"mouseup",this)),L&&!this.options.disableTouch&&(t(this.wrapper,"touchstart",this),t(e,"touchmove",this),t(e,"touchcancel",this),t(e,"touchend",this)),t(this.scroller,$.transitionEnd,this)},t.prototype._initExtFeatures=function(){this.options.snap&&this._initSnap(),this.options.scrollbar&&this._initScrollbar(),this.options.pullUpLoad&&this._initPullUp(),this.options.pullDownRefresh&&this._initPullDown(),this.options.wheel&&this._initWheel()},t.prototype._watchTransition=function(){if("function"==typeof Object.defineProperty){var t=this,e=!1;Object.defineProperty(this,"isInTransition",{get:function(){return e},set:function(n){e=n;for(var r=t.scroller.children.length?t.scroller.children:[t.scroller],i=e&&!t.pulling?"none":"auto",o=0;o0||this.x0||this.ythis.options.momentumLimitTime&&ss+this.options.directionLockThreshold?this.directionLocked="h":s>=o+this.options.directionLockThreshold?this.directionLocked="v":this.directionLocked="n"),"h"===this.directionLocked){if("vertical"===this.options.eventPassthrough)t.preventDefault();else if("horizontal"===this.options.eventPassthrough)return void(this.initiated=!1);i=0}else if("v"===this.directionLocked){if("horizontal"===this.options.eventPassthrough)t.preventDefault();else if("vertical"===this.options.eventPassthrough)return void(this.initiated=!1);n=0}n=this.hasHorizontalScroll?n:0,i=this.hasVerticalScroll?i:0,this.movingDirectionX=n>0?z:n<0?F:0,this.movingDirectionY=i>0?Y:i<0?X:0;var c=this.x+n,u=this.y+i;(c>0||c0?0:this.maxScrollX),(u>0||u0?0:this.maxScrollY),this.moved||(this.moved=!0,this.trigger("scrollStart")),this._translate(c,u),a-this.startTime>this.options.momentumLimitTime&&(this.startTime=a,this.startX=this.x,this.startY=this.y,1===this.options.probeType&&this.trigger("scroll",{x:this.x,y:this.y})),this.options.probeType>1&&this.trigger("scroll",{x:this.x,y:this.y});var l=document.documentElement.scrollLeft||window.pageXOffset||document.body.scrollLeft,h=document.documentElement.scrollTop||window.pageYOffset||document.body.scrollTop,f=this.pointX-l,p=this.pointY-h;(f>document.documentElement.clientWidth-this.options.momentumLimitDistance||fdocument.documentElement.clientHeight-this.options.momentumLimitDistance)&&this._end(t)}}},t.prototype._end=function(t){if(this.enabled&&!this.destroyed&&I[t.type]===this.initiated){this.initiated=!1,this.options.preventDefault&&!l(t.target,this.options.preventDefaultException)&&t.preventDefault(),this.trigger("touchEnd",{x:this.x,y:this.y}),this.isInTransition=!1;var e=Math.round(this.x),n=Math.round(this.y),i=e-this.absStartX,o=n-this.absStartY;if(this.directionX=i>0?z:i<0?F:0,this.directionY=o>0?Y:o<0?X:0,!this.options.pullDownRefresh||!this._checkPullDown()){if(this._checkClick(t))return void this.trigger("scrollCancel");if(!this.resetPosition(this.options.bounceTime,R.bounce)){this.scrollTo(e,n),this.endTime=r();var s=this.endTime-this.startTime,a=Math.abs(e-this.startX),c=Math.abs(n-this.startY);if(this._events.flick&&sthis.options.momentumLimitDistance||a>this.options.momentumLimitDistance)){var h=this.hasHorizontalScroll?m(this.x,this.startX,s,this.maxScrollX,this.options.bounce?this.wrapperWidth:0,this.options):{destination:e,duration:0},f=this.hasVerticalScroll?m(this.y,this.startY,s,this.maxScrollY,this.options.bounce?this.wrapperHeight:0,this.options):{destination:n,duration:0};e=h.destination,n=f.destination,u=Math.max(h.duration,f.duration),this.isInTransition=!0}else this.options.wheel&&(n=Math.round(n/this.itemHeight)*this.itemHeight,u=this.options.wheel.adjustTime||400);var p=R.swipe;if(this.options.snap){var d=this._nearestSnap(e,n);this.currentPage=d,u=this.options.snapSpeed||Math.max(Math.max(Math.min(Math.abs(e-d.x),1e3),Math.min(Math.abs(n-d.y),1e3)),300),e=d.x,n=d.y,this.directionX=0,this.directionY=0,p=this.options.snap.easing||R.bounce}if(e!==this.x||n!==this.y)return(e>0||e0||n0&&void 0!==arguments[0]?arguments[0]:"transform";this.scrollerStyle[$.transitionProperty]=t},t.prototype._transitionTime=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;if(this.scrollerStyle[$.transitionDuration]=t+"ms",this.options.wheel)for(var e=0;e=l)return s.isAnimating=!1,s._translate(t,e),void(s.pulling||s.resetPosition(s.options.bounceTime)||s.trigger("scrollEnd",{x:s.x,y:s.y}));h=(h-u)/n;var f=i(h),p=(t-a)*f+a,d=(e-c)*f+c;s._translate(p,d),s.isAnimating&&(s.animateTimer=N(o)),3===s.options.probeType&&s.trigger("scroll",{x:s.x,y:s.y})}var s=this,a=this.x,c=this.y,u=r(),l=u+n;this.isAnimating=!0,H(this.animateTimer),o()},t.prototype.scrollBy=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:R.bounce;t=this.x+t,e=this.y+e,this.scrollTo(t,e,n,r)},t.prototype.scrollTo=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:R.bounce;this.isInTransition=this.options.useTransition&&n>0&&(t!==this.x||e!==this.y),!n||this.options.useTransition?(this._transitionProperty(),this._transitionTimingFunction(r.style),this._transitionTime(n),this._translate(t,e),n&&3===this.options.probeType&&this._startProbe(),this.options.wheel&&(e>0?this.selectedIndex=0:e0?0:o.left0?0:o.top0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:R.bounce,n=this.x,r=Math.round(n);!this.hasHorizontalScroll||r>0?n=0:r0?i=0:o2&&void 0!==arguments[2]?arguments[2]:this;this._events[t]||(this._events[t]=[]),this._events[t].push([e,n])},t.prototype.once=function(t,e){function n(){this.off(t,n),e.apply(r,arguments)}var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;n.fn=e,this.on(t,n)},t.prototype.off=function(t,e){var n=this._events[t];if(n)for(var r=n.length;r--;)(n[r][0]===e||n[r][0]&&n[r][0].fn===e)&&(n[r][0]=void 0)},t.prototype.trigger=function(t){var e=this._events[t];if(e)for(var n=e.length,r=[].concat(x(e)),i=0;i0&&(p(n[n.length-1].cloneNode(!0),this.scroller),this.scroller.appendChild(n[1].cloneNode(!0)))}var r=e.el;"string"==typeof r&&(r=this.scroller.querySelectorAll(r)),this.on("refresh",function(){if(t.pages=[],t.wrapperWidth&&t.wrapperHeight&&t.scrollerWidth&&t.scrollerHeight){var n=e.stepX||t.wrapperWidth,i=e.stepY||t.wrapperHeight,o=0,s=void 0,a=void 0,c=void 0,l=0,h=void 0,f=0,p=void 0,d=void 0;if(r)for(h=r.length,p=-1;lt.maxScrollX&&f++;else for(a=Math.round(n/2),c=Math.round(i/2);o>-t.scrollerWidth;){for(t.pages[l]=[],h=0,s=0;s>-t.scrollerHeight;)t.pages[l][h]={x:Math.max(o,t.maxScrollX),y:Math.max(s,t.maxScrollY),width:n,height:i,cx:o-a,cy:s-c},s-=i,h++;o-=n,l++}var v=e.loop?1:0;t._goToPage(t.currentPage.pageX||v,t.currentPage.pageY||0,0);var m=e.threshold;m%1==0?(t.snapThresholdX=m,t.snapThresholdY=m):(t.snapThresholdX=Math.round(t.pages[t.currentPage.pageX][t.currentPage.pageY].width*m),t.snapThresholdY=Math.round(t.pages[t.currentPage.pageX][t.currentPage.pageY].height*m))}}),this.on("scrollEnd",function(){e.loop&&(0===t.currentPage.pageX&&t._goToPage(t.pages.length-2,t.currentPage.pageY,0),t.currentPage.pageX===t.pages.length-1&&t._goToPage(1,t.currentPage.pageY,0))}),!1!==e.listenFlick&&this.on("flick",function(){var n=e.speed||Math.max(Math.max(Math.min(Math.abs(t.x-t.startX),1e3),Math.min(Math.abs(t.y-t.startY),1e3)),300);t._goToPage(t.currentPage.pageX+t.directionX,t.currentPage.pageY+t.directionY,n)}),this.on("destroy",function(){if(e.loop){var n=t.scroller.children;n.length>2&&(v(t.scroller,n[n.length-1]),v(t.scroller,n[0]))}})},t.prototype._nearestSnap=function(t,e){if(!this.pages.length)return{x:0,y:0,pageX:0,pageY:0};var n=0;if(Math.abs(t-this.absStartX)<=this.snapThresholdX&&Math.abs(e-this.absStartY)<=this.snapThresholdY)return this.currentPage;t>0?t=0:t0?e=0:e=this.pages[n][0].cx){t=this.pages[n][0].x;break}r=this.pages[n].length;for(var i=0;i=this.pages[0][i].cy){e=this.pages[0][i].y;break}return n===this.currentPage.pageX&&(n+=this.directionX,n<0?n=0:n>=this.pages.length&&(n=this.pages.length-1),t=this.pages[n][0].x),i===this.currentPage.pageY&&(i+=this.directionY,i<0?i=0:i>=this.pages[0].length&&(i=this.pages[0].length-1),e=this.pages[0][i].y),{x:t,y:e,pageX:n,pageY:i}},t.prototype._goToPage=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments[2],r=arguments[3],i=this.options.snap;if(i&&this.pages&&(r=r||i.easing||R.bounce,t>=this.pages.length?t=this.pages.length-1:t<0&&(t=0),this.pages[t])){e>=this.pages[t].length?e=this.pages[t].length-1:e<0&&(e=0);var o=this.pages[t][e].x,s=this.pages[t][e].y;n=void 0===n?i.speed||Math.max(Math.max(Math.min(Math.abs(o-this.x),1e3),Math.min(Math.abs(s-this.y),1e3)),300):n,this.currentPage={x:o,y:s,pageX:t,pageY:e},this.scrollTo(o,s,n,r)}},t.prototype.goToPage=function(t,e,n,r){var i=this.options.snap;if(i){if(i.loop){var o=this.pages.length-2;t>=o?t=o-1:t<0&&(t=0),t+=1}this._goToPage(t,e,n,r)}},t.prototype.next=function(t,e){var n=this.currentPage.pageX,r=this.currentPage.pageY;n++,n>=this.pages.length&&this.hasVerticalScroll&&(n=0,r++),this._goToPage(n,r,t,e)},t.prototype.prev=function(t,e){var n=this.currentPage.pageX,r=this.currentPage.pageY;n--,n<0&&this.hasVerticalScroll&&(n=0,r--),this._goToPage(n,r,t,e)},t.prototype.getCurrentPage=function(){var t=this.options.snap;return t?t.loop?i({},this.currentPage,{pageX:this.currentPage.pageX-1}):this.currentPage:null}}(_),function(t){t.prototype.wheelTo=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.options.wheel&&(this.y=-t*this.itemHeight,this.scrollTo(0,this.y))},t.prototype.getSelectedIndex=function(){return this.options.wheel&&this.selectedIndex},t.prototype._initWheel=function(){var t=this.options.wheel;t.wheelWrapperClass||(t.wheelWrapperClass="wheel-scroll"),t.wheelItemClass||(t.wheelItemClass="wheel-item"),void 0===t.selectedIndex&&(t.selectedIndex=0,y("wheel option selectedIndex is required!"))}}(_),function(t){t.prototype._initScrollbar=function(){var t=this,e=this.options.scrollbar.fade,n=void 0===e||e;this.indicators=[];var r=void 0;this.options.scrollX&&(r={el:g("horizontal"),direction:"horizontal",fade:n},this._insertScrollBar(r.el),this.indicators.push(new b(this,r))),this.options.scrollY&&(r={el:g("vertical"),direction:"vertical",fade:n},this._insertScrollBar(r.el),this.indicators.push(new b(this,r))),this.on("refresh",function(){for(var e=0;e0?i(r(t),9007199254740991):0}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e,n){var r=n(45)("keys"),i=n(46);t.exports=function(t){return r[t]||(r[t]=i(t))}},,,function(t,e,n){var r=n(13).f,i=n(20),o=n(3)("toStringTag");t.exports=function(t,e,n){t&&!i(t=n?t:t.prototype,o)&&r(t,o,{configurable:!0,value:e})}},function(t,e,n){"use strict";function r(t){var e,n;this.promise=new t(function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r}),this.resolve=i(e),this.reject=i(n)}var i=n(18);t.exports.f=function(t){return new r(t)}},,,function(t,e){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e,n){"use strict";function r(t,e){}function i(t){return Object.prototype.toString.call(t).indexOf("Error")>-1}function o(t,e){switch(typeof e){case"undefined":return;case"object":return e;case"function":return e(t);case"boolean":return e?t.params:void 0}}function s(t,e){for(var n in e)t[n]=e[n];return t}function a(t,e,n){void 0===e&&(e={});var r,i=n||c;try{r=i(t||"")}catch(t){r={}}for(var o in e)r[o]=e[o];return r}function c(t){var e={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach(function(t){var n=t.replace(/\+/g," ").split("="),r=Xt(n.shift()),i=n.length>0?Xt(n.join("=")):null;void 0===e[r]?e[r]=i:Array.isArray(e[r])?e[r].push(i):e[r]=[e[r],i]}),e):e}function u(t){var e=t?Object.keys(t).map(function(e){var n=t[e];if(void 0===n)return"";if(null===n)return Ht(e);if(Array.isArray(n)){var r=[];return n.forEach(function(t){void 0!==t&&(null===t?r.push(Ht(e)):r.push(Ht(e)+"="+Ht(t)))}),r.join("&")}return Ht(e)+"="+Ht(n)}).filter(function(t){return t.length>0}).join("&"):null;return e?"?"+e:""}function l(t,e,n,r){var i=r&&r.options.stringifyQuery,o=e.query||{};try{o=h(o)}catch(t){}var s={name:e.name||t&&t.name,meta:t&&t.meta||{},path:e.path||"/",hash:e.hash||"",query:o,params:e.params||{},fullPath:p(e,i),matched:t?f(t):[]};return n&&(s.redirectedFrom=p(n,i)),Object.freeze(s)}function h(t){if(Array.isArray(t))return t.map(h);if(t&&"object"==typeof t){var e={};for(var n in t)e[n]=h(t[n]);return e}return t}function f(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function p(t,e){var n=t.path,r=t.query;void 0===r&&(r={});var i=t.hash;void 0===i&&(i="");var o=e||u;return(n||"/")+o(r)+i}function d(t,e){return e===Ft?t===e:!!e&&(t.path&&e.path?t.path.replace(Yt,"")===e.path.replace(Yt,"")&&t.hash===e.hash&&v(t.query,e.query):!(!t.name||!e.name)&&(t.name===e.name&&t.hash===e.hash&&v(t.query,e.query)&&v(t.params,e.params)))}function v(t,e){if(void 0===t&&(t={}),void 0===e&&(e={}),!t||!e)return t===e;var n=Object.keys(t),r=Object.keys(e);return n.length===r.length&&n.every(function(n){var r=t[n],i=e[n];return"object"==typeof r&&"object"==typeof i?v(r,i):String(r)===String(i)})}function m(t,e){return 0===t.path.replace(Yt,"/").indexOf(e.path.replace(Yt,"/"))&&(!e.hash||t.hash===e.hash)&&y(t.query,e.query)}function y(t,e){for(var n in e)if(!(n in t))return!1;return!0}function g(t){if(!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey||t.defaultPrevented||void 0!==t.button&&0!==t.button)){if(t.currentTarget&&t.currentTarget.getAttribute){if(/\b_blank\b/i.test(t.currentTarget.getAttribute("target")))return}return t.preventDefault&&t.preventDefault(),!0}}function b(t){if(t)for(var e,n=0;n=0&&(e=t.slice(r),t=t.slice(0,r));var i=t.indexOf("?");return i>=0&&(n=t.slice(i+1),t=t.slice(0,i)),{path:t,query:n,hash:e}}function T(t){return t.replace(/\/\//g,"/")}function k(t,e){for(var n,r=[],i=0,o=0,s="",a=e&&e.delimiter||"/";null!=(n=Zt.exec(t));){var c=n[0],u=n[1],l=n.index;if(s+=t.slice(o,l),o=l+c.length,u)s+=u[1];else{var h=t[o],f=n[2],p=n[3],d=n[4],v=n[5],m=n[6],y=n[7];s&&(r.push(s),s="");var g=null!=f&&null!=h&&h!==f,b="+"===m||"*"===m,_="?"===m||"*"===m,w=n[2]||a,x=d||v;r.push({name:p||i++,prefix:f||"",delimiter:w,optional:_,repeat:b,partial:g,asterisk:!!y,pattern:x?L(x):y?".*":"[^"+O(w)+"]+?"})}}return o-1&&(i.params[f]=n.params[f]);if(a)return i.path=N(a.path,i.params,'named route "'+o+'"'),s(a,i,r)}else if(i.path){i.params={};for(var p=0;p=t.length?n():t[i]?e(t[i],function(){r(i+1)}):r(i+1)};r(0)}function lt(t){return function(e,n,r){var o=!1,s=0,a=null;ht(t,function(t,e,n,c){if("function"==typeof t&&void 0===t.cid){o=!0,s++;var u,l=dt(function(e){pt(e)&&(e=e.default),t.resolved="function"==typeof e?e:jt.extend(e),n.components[c]=e,--s<=0&&r()}),h=dt(function(t){var e="Failed to resolve async component "+c+": "+t;a||(a=i(t)?t:new Error(e),r(a))});try{u=t(l,h)}catch(t){h(t)}if(u)if("function"==typeof u.then)u.then(l,h);else{var f=u.component;f&&"function"==typeof f.then&&f.then(l,h)}}}),o||r()}}function ht(t,e){return ft(t.map(function(t){return Object.keys(t.components).map(function(n){return e(t.components[n],t.instances[n],t,n)})}))}function ft(t){return Array.prototype.concat.apply([],t)}function pt(t){return t.__esModule||oe&&"Module"===t[Symbol.toStringTag]}function dt(t){var e=!1;return function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];if(!e)return e=!0,t.apply(this,n)}}function vt(t){if(!t)if(Bt){var e=document.querySelector("base");t=e&&e.getAttribute("href")||"/",t=t.replace(/^https?:\/\/[^\/]+/,"")}else t="/";return"/"!==t.charAt(0)&&(t="/"+t),t.replace(/\/$/,"")}function mt(t,e){var n,r=Math.max(t.length,e.length);for(n=0;n=0?e.slice(0,n):e)+"#"+t}function Lt(t){ne?at(Ot(t)):window.location.hash=t}function Pt(t){ne?ct(Ot(t)):window.location.replace(Ot(t))}function Mt(t,e){return t.push(e),function(){var n=t.indexOf(e);n>-1&&t.splice(n,1)}}function $t(t,e,n){var r="hash"===n?"#"+e:e;return t?T(t+"/"+r):r}Object.defineProperty(e,"__esModule",{value:!0});var jt,It={name:"router-view",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,e){var n=e.props,r=e.children,i=e.parent,a=e.data;a.routerView=!0;for(var c=i.$createElement,u=n.name,l=i.$route,h=i._routerViewCache||(i._routerViewCache={}),f=0,p=!1;i&&i._routerRoot!==i;)i.$vnode&&i.$vnode.data.routerView&&f++,i._inactive&&(p=!0),i=i.$parent;if(a.routerViewDepth=f,p)return c(h[u],a,r);var d=l.matched[f];if(!d)return h[u]=null,c();var v=h[u]=d.components[u];a.registerRouteInstance=function(t,e){var n=d.instances[u];(e&&n!==t||!e&&n===t)&&(d.instances[u]=e)},(a.hook||(a.hook={})).prepatch=function(t,e){d.instances[u]=e.componentInstance};var m=a.props=o(l,d.props&&d.props[u]);if(m){m=a.props=s({},m);var y=a.attrs=a.attrs||{};for(var g in m)v.props&&g in v.props||(y[g]=m[g],delete m[g])}return c(v,a,r)}},Dt=/[!'()*]/g,Rt=function(t){return"%"+t.charCodeAt(0).toString(16)},Nt=/%2C/g,Ht=function(t){return encodeURIComponent(t).replace(Dt,Rt).replace(Nt,",")},Xt=decodeURIComponent,Yt=/\/?$/,Ft=l(null,{path:"/"}),zt=[String,Object],Wt=[String,Array],Ut={name:"router-link",props:{to:{type:zt,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,event:{type:Wt,default:"click"}},render:function(t){var e=this,n=this.$router,r=this.$route,i=n.resolve(this.to,r,this.append),o=i.location,s=i.route,a=i.href,c={},u=n.options.linkActiveClass,h=n.options.linkExactActiveClass,f=null==u?"router-link-active":u,p=null==h?"router-link-exact-active":h,v=null==this.activeClass?f:this.activeClass,y=null==this.exactActiveClass?p:this.exactActiveClass,_=o.path?l(null,o,null,n):s;c[y]=d(r,_),c[v]=this.exact?c[y]:m(r,_);var w=function(t){g(t)&&(e.replace?n.replace(o):n.push(o))},x={click:g};Array.isArray(this.event)?this.event.forEach(function(t){x[t]=w}):x[this.event]=w;var T={class:c};if("a"===this.tag)T.on=x,T.attrs={href:a};else{var k=b(this.$slots.default);if(k){k.isStatic=!1;var C=jt.util.extend;(k.data=C({},k.data)).on=x;(k.data.attrs=C({},k.data.attrs)).href=a}else T.on=x}return t(this.tag,T,this.$slots.default)}},Bt="undefined"!=typeof window,Vt=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},qt=R,Qt=k,Gt=C,Kt=A,Jt=D,Zt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");qt.parse=Qt,qt.compile=Gt,qt.tokensToFunction=Kt,qt.tokensToRegExp=Jt;var te=Object.create(null),ee=Object.create(null),ne=Bt&&function(){var t=window.navigator.userAgent;return(-1===t.indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&(window.history&&"pushState"in window.history)}(),re=Bt&&window.performance&&window.performance.now?window.performance:Date,ie=it(),oe="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,se=function(t,e){this.router=t,this.base=vt(e),this.current=Ft,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[]};se.prototype.listen=function(t){this.cb=t},se.prototype.onReady=function(t,e){this.ready?t():(this.readyCbs.push(t),e&&this.readyErrorCbs.push(e))},se.prototype.onError=function(t){this.errorCbs.push(t)},se.prototype.transitionTo=function(t,e,n){var r=this,i=this.router.match(t,this.current);this.confirmTransition(i,function(){r.updateRoute(i),e&&e(i),r.ensureURL(),r.ready||(r.ready=!0,r.readyCbs.forEach(function(t){t(i)}))},function(t){n&&n(t),t&&!r.ready&&(r.ready=!0,r.readyErrorCbs.forEach(function(e){e(t)}))})},se.prototype.confirmTransition=function(t,e,n){var o=this,s=this.current,a=function(t){i(t)&&(o.errorCbs.length?o.errorCbs.forEach(function(e){e(t)}):(r(!1,"uncaught error during route navigation:"),console.error(t))),n&&n(t)};if(d(t,s)&&t.matched.length===s.matched.length)return this.ensureURL(),a();var c=mt(this.current.matched,t.matched),u=c.updated,l=c.deactivated,h=c.activated,f=[].concat(bt(l),this.router.beforeHooks,_t(u),h.map(function(t){return t.beforeEnter}),lt(h));this.pending=t;var p=function(e,n){if(o.pending!==t)return a();try{e(t,s,function(t){!1===t||i(t)?(o.ensureURL(!0),a(t)):"string"==typeof t||"object"==typeof t&&("string"==typeof t.path||"string"==typeof t.name)?(a(),"object"==typeof t&&t.replace?o.replace(t):o.push(t)):n(t)})}catch(t){a(t)}};ut(f,p,function(){var n=[];ut(xt(h,n,function(){return o.current===t}).concat(o.router.resolveHooks),p,function(){if(o.pending!==t)return a();o.pending=null,e(t),o.router.app&&o.router.app.$nextTick(function(){n.forEach(function(t){t()})})})})},se.prototype.updateRoute=function(t){var e=this.current;this.current=t,this.cb&&this.cb(t),this.router.afterHooks.forEach(function(n){n&&n(t,e)})};var ae=function(t){function e(e,n){var r=this;t.call(this,e,n);var i=e.options.scrollBehavior;i&&q();var o=Ct(this.base);window.addEventListener("popstate",function(t){var n=r.current,s=Ct(r.base);r.current===Ft&&s===o||r.transitionTo(s,function(t){i&&Q(e,t,n,!0)})})}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t,e,n){var r=this,i=this,o=i.current;this.transitionTo(t,function(t){at(T(r.base+t.fullPath)),Q(r.router,t,o,!1),e&&e(t)},n)},e.prototype.replace=function(t,e,n){var r=this,i=this,o=i.current;this.transitionTo(t,function(t){ct(T(r.base+t.fullPath)),Q(r.router,t,o,!1),e&&e(t)},n)},e.prototype.ensureURL=function(t){if(Ct(this.base)!==this.current.fullPath){var e=T(this.base+this.current.fullPath);t?at(e):ct(e)}},e.prototype.getCurrentLocation=function(){return Ct(this.base)},e}(se),ce=function(t){function e(e,n,r){t.call(this,e,n),r&&St(this.base)||Et()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this,e=this.router,n=e.options.scrollBehavior,r=ne&&n;r&&q(),window.addEventListener(ne?"popstate":"hashchange",function(){var e=t.current;Et()&&t.transitionTo(At(),function(n){r&&Q(t.router,n,e,!0),ne||Pt(n.fullPath)})})},e.prototype.push=function(t,e,n){var r=this,i=this,o=i.current;this.transitionTo(t,function(t){Lt(t.fullPath),Q(r.router,t,o,!1),e&&e(t)},n)},e.prototype.replace=function(t,e,n){var r=this,i=this,o=i.current;this.transitionTo(t,function(t){Pt(t.fullPath),Q(r.router,t,o,!1),e&&e(t)},n)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;At()!==e&&(t?Lt(e):Pt(e))},e.prototype.getCurrentLocation=function(){return At()},e}(se),ue=function(t){function e(e,n){t.call(this,e,n),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t,e,n){var r=this;this.transitionTo(t,function(t){r.stack=r.stack.slice(0,r.index+1).concat(t),r.index++,e&&e(t)},n)},e.prototype.replace=function(t,e,n){var r=this;this.transitionTo(t,function(t){r.stack=r.stack.slice(0,r.index).concat(t),e&&e(t)},n)},e.prototype.go=function(t){var e=this,n=this.index+t;if(!(n<0||n>=this.stack.length)){var r=this.stack[n];this.confirmTransition(r,function(){e.index=n,e.updateRoute(r)})}},e.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},e.prototype.ensureURL=function(){},e}(se),le=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=U(t.routes||[],this);var e=t.mode||"hash";switch(this.fallback="history"===e&&!ne&&!1!==t.fallback,this.fallback&&(e="hash"),Bt||(e="abstract"),this.mode=e,e){case"history":this.history=new ae(this,t.base);break;case"hash":this.history=new ce(this,t.base,this.fallback);break;case"abstract":this.history=new ue(this,t.base)}},he={currentRoute:{configurable:!0}};le.prototype.match=function(t,e,n){return this.matcher.match(t,e,n)},he.currentRoute.get=function(){return this.history&&this.history.current},le.prototype.init=function(t){var e=this;if(this.apps.push(t),!this.app){this.app=t;var n=this.history;if(n instanceof ae)n.transitionTo(n.getCurrentLocation());else if(n instanceof ce){var r=function(){n.setupListeners()};n.transitionTo(n.getCurrentLocation(),r,r)}n.listen(function(t){e.apps.forEach(function(e){e._route=t})})}},le.prototype.beforeEach=function(t){return Mt(this.beforeHooks,t)},le.prototype.beforeResolve=function(t){return Mt(this.resolveHooks,t)},le.prototype.afterEach=function(t){return Mt(this.afterHooks,t)},le.prototype.onReady=function(t,e){this.history.onReady(t,e)},le.prototype.onError=function(t){this.history.onError(t)},le.prototype.push=function(t,e,n){this.history.push(t,e,n)},le.prototype.replace=function(t,e,n){this.history.replace(t,e,n)},le.prototype.go=function(t){this.history.go(t)},le.prototype.back=function(){this.go(-1)},le.prototype.forward=function(){this.go(1)},le.prototype.getMatchedComponents=function(t){var e=t?t.matched?t:this.resolve(t).route:this.currentRoute;return e?[].concat.apply([],e.matched.map(function(t){return Object.keys(t.components).map(function(e){return t.components[e]})})):[]},le.prototype.resolve=function(t,e,n){var r=z(t,e||this.history.current,n,this),i=this.match(r,e),o=i.redirectedFrom||i.fullPath;return{location:r,route:i,href:$t(this.history.base,o,this.mode),normalizedTo:r,resolved:i}},le.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==Ft&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(le.prototype,he),le.install=_,le.version="2.8.1",Bt&&window.Vue&&window.Vue.use(le),e.default=le},,function(t,e,n){"use strict";e.__esModule=!0;var r=n(25),i=function(t){return t&&t.__esModule?t:{default:t}}(r);e.default=i.default||function(t){for(var e=1;e=e.length?{value:void 0,done:!0}:(t=r(e,n),this._i+=t.length,{value:t,done:!1})})},function(t,e,n){"use strict";var r=n(51),i=n(8),o=n(152),s=n(10),a=n(20),c=n(16),u=n(153),l=n(36),h=n(156),f=n(3)("iterator"),p=!([].keys&&"next"in[].keys()),d=function(){return this};t.exports=function(t,e,n,v,m,y,g){u(n,e,v);var b,_,w,x=function(t){if(!p&&t in S)return S[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},T=e+" Iterator",k="values"==m,C=!1,S=t.prototype,E=S[f]||S["@@iterator"]||m&&S[m],A=!p&&E||x(m),O=m?k?x("entries"):A:void 0,L="Array"==e?S.entries||E:E;if(L&&(w=h(L.call(new t)))!==Object.prototype&&w.next&&(l(w,T,!0),r||a(w,f)||s(w,f,d)),k&&E&&"values"!==E.name&&(C=!0,A=function(){return E.call(this)}),r&&!g||!p&&!C&&S[f]||s(S,f,A),c[e]=A,c[T]=d,m)if(b={values:k?A:x("values"),keys:y?A:x("keys"),entries:O},g)for(_ in b)_ in S||o(S,_,b[_]);else i(i.P+i.F*(p||C),e,b);return b}},function(t,e){t.exports=!0},function(t,e,n){var r=n(2).document;t.exports=r&&r.documentElement},function(t,e,n){var r=n(21),i=n(3)("toStringTag"),o="Arguments"==r(function(){return arguments}()),s=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,a;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=s(e=Object(t),i))?n:o?r(e):"Object"==(a=r(e))&&"function"==typeof e.callee?"Arguments":a}},function(t,e,n){var r=n(9);t.exports=function(t,e,n,i){try{return i?e(r(n)[0],n[1]):e(n)}catch(e){var o=t.return;throw void 0!==o&&r(o.call(t)),e}}},function(t,e,n){var r=n(16),i=n(3)("iterator"),o=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||o[i]===t)}},function(t,e,n){var r=n(53),i=n(3)("iterator"),o=n(16);t.exports=n(4).getIteratorMethod=function(t){if(void 0!=t)return t[i]||t["@@iterator"]||o[r(t)]}},function(t,e,n){var r=n(9),i=n(18),o=n(3)("species");t.exports=function(t,e){var n,s=r(t).constructor;return void 0===s||void 0==(n=r(s)[o])?e:i(n)}},function(t,e,n){var r,i,o,s=n(12),a=n(164),c=n(52),u=n(26),l=n(2),h=l.process,f=l.setImmediate,p=l.clearImmediate,d=l.MessageChannel,v=l.Dispatch,m=0,y={},g=function(){var t=+this;if(y.hasOwnProperty(t)){var e=y[t];delete y[t],e()}},b=function(t){g.call(t.data)};f&&p||(f=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return y[++m]=function(){a("function"==typeof t?t:Function(t),e)},r(m),m},p=function(t){delete y[t]},"process"==n(21)(h)?r=function(t){h.nextTick(s(g,t,1))}:v&&v.now?r=function(t){v.now(s(g,t,1))}:d?(i=new d,o=i.port2,i.port1.onmessage=b,r=s(o.postMessage,o,1)):l.addEventListener&&"function"==typeof postMessage&&!l.importScripts?(r=function(t){l.postMessage(t+"","*")},l.addEventListener("message",b,!1)):r="onreadystatechange"in u("script")?function(t){c.appendChild(u("script")).onreadystatechange=function(){c.removeChild(this),g.call(t)}}:function(t){setTimeout(s(g,t,1),0)}),t.exports={set:f,clear:p}},function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},function(t,e,n){var r=n(9),i=n(14),o=n(37);t.exports=function(t,e){if(r(t),i(e)&&e.constructor===t)return e;var n=o.f(t);return(0,n.resolve)(e),n.promise}},function(t,e,n){var r=n(3)("iterator"),i=!1;try{var o=[7][r]();o.return=function(){i=!0},Array.from(o,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!i)return!1;var n=!1;try{var o=[7],s=o[r]();s.next=function(){return{done:n=!0}},o[r]=function(){return s},t(o)}catch(t){}return n}},,,,,,,,function(t,e,n){function r(t,e){this._id=t,this._clearFn=e}var i=Function.prototype.apply;e.setTimeout=function(){return new r(i.call(setTimeout,window,arguments),clearTimeout)},e.setInterval=function(){return new r(i.call(setInterval,window,arguments),clearInterval)},e.clearTimeout=e.clearInterval=function(t){t&&t.close()},r.prototype.unref=r.prototype.ref=function(){},r.prototype.close=function(){this._clearFn.call(window,this._id)},e.enroll=function(t,e){clearTimeout(t._idleTimeoutId),t._idleTimeout=e},e.unenroll=function(t){clearTimeout(t._idleTimeoutId),t._idleTimeout=-1},e._unrefActive=e.active=function(t){clearTimeout(t._idleTimeoutId);var e=t._idleTimeout;e>=0&&(t._idleTimeoutId=setTimeout(function(){t._onTimeout&&t._onTimeout()},e))},n(70),e.setImmediate=setImmediate,e.clearImmediate=clearImmediate},function(t,e,n){(function(t,e){!function(t,n){"use strict";function r(t){"function"!=typeof t&&(t=new Function(""+t));for(var e=new Array(arguments.length-1),n=0;n1)for(var n=1;nu;)for(var f,p=a(arguments[u++]),d=l?r(p).concat(l(p)):r(p),v=d.length,m=0;v>m;)h.call(p,f=d[m++])&&(n[f]=p[f]);return n}:c},function(t,e,n){var r=n(20),i=n(29),o=n(105)(!1),s=n(33)("IE_PROTO");t.exports=function(t,e){var n,a=i(t),c=0,u=[];for(n in a)n!=s&&r(a,n)&&u.push(n);for(;e.length>c;)r(a,n=e[c++])&&(~o(u,n)||u.push(n));return u}},function(t,e,n){var r=n(29),i=n(31),o=n(106);t.exports=function(t){return function(e,n,s){var a,c=r(e),u=i(c.length),l=o(s,u);if(t&&n!=n){for(;u>l;)if((a=c[l++])!=a)return!0}else for(;u>l;l++)if((t||l in c)&&c[l]===n)return t||l||0;return!t&&-1}}},function(t,e,n){var r=n(32),i=Math.max,o=Math.min;t.exports=function(t,e){return t=r(t),t<0?i(t+e,0):o(t,e)}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e){e.f={}.propertyIsEnumerable},,,,,,,,,,,,,,,,,,,,function(t,e,n){t.exports={default:n(129),__esModule:!0}},function(t,e,n){n(130),t.exports=n(4).Object.keys},function(t,e,n){var r=n(22),i=n(28);n(131)("keys",function(){return function(t){return i(r(t))}})},function(t,e,n){var r=n(8),i=n(4),o=n(19);t.exports=function(t,e){var n=(i.Object||{})[t]||Object[t],s={};s[t]=e(n),r(r.S+r.F*o(function(){n(1)}),"Object",s)}},,,,,,,,,,,,,,,,,function(t,e,n){t.exports={default:n(149),__esModule:!0}},function(t,e,n){n(150),n(49),n(157),n(161),n(168),n(169),t.exports=n(4).Promise},function(t,e){},function(t,e,n){var r=n(32),i=n(30);t.exports=function(t){return function(e,n){var o,s,a=String(i(e)),c=r(n),u=a.length;return c<0||c>=u?t?"":void 0:(o=a.charCodeAt(c),o<55296||o>56319||c+1===u||(s=a.charCodeAt(c+1))<56320||s>57343?t?a.charAt(c):o:t?a.slice(c,c+2):s-56320+(o-55296<<10)+65536)}}},function(t,e,n){t.exports=n(10)},function(t,e,n){"use strict";var r=n(154),i=n(27),o=n(36),s={};n(10)(s,n(3)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(s,{next:i(1,n)}),o(t,e+" Iterator")}},function(t,e,n){var r=n(9),i=n(155),o=n(47),s=n(33)("IE_PROTO"),a=function(){},c=function(){var t,e=n(26)("iframe"),r=o.length;for(e.style.display="none",n(52).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write(" \ No newline at end of file +cube-ui Document
\ No newline at end of file diff --git a/docs/js/0.7dcb937b8d3910099ba8.js b/docs/js/0.7dcb937b8d3910099ba8.js new file mode 100644 index 00000000..2d295b64 --- /dev/null +++ b/docs/js/0.7dcb937b8d3910099ba8.js @@ -0,0 +1 @@ +webpackJsonp([0],{450:function(t,e,n){function o(t){n(505)}var r=n(11)(n(507),n(508),o,null,null);t.exports=r.exports},505:function(t,e,n){var o=n(506);"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n(448)("e0abb45c",o,!0)},506:function(t,e,n){e=t.exports=n(447)(!1),e.push([t.i,"",""])},507:function(t,e,n){var o,r,u;!function(s,c){r=[t,e,n(141)],o=c,void 0!==(u="function"==typeof o?o.apply(e,r):o)&&(t.exports=u)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Viewport:o.default}},t.exports=e.default})},508:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("viewport",{attrs:{lang:"zh-CN"}})},staticRenderFns:[]}}}); \ No newline at end of file diff --git a/docs/js/0.e31b3abbfd864ec0a962.js b/docs/js/0.e31b3abbfd864ec0a962.js deleted file mode 100644 index f41513b9..00000000 --- a/docs/js/0.e31b3abbfd864ec0a962.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([0],{450:function(t,e,n){function o(t){n(501)}var r=n(11)(n(503),n(504),o,null,null);t.exports=r.exports},501:function(t,e,n){var o=n(502);"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n(448)("b8aa7ece",o,!0)},502:function(t,e,n){e=t.exports=n(447)(!1),e.push([t.i,"",""])},503:function(t,e,n){var o,r,u;!function(s,c){r=[t,e,n(141)],o=c,void 0!==(u="function"==typeof o?o.apply(e,r):o)&&(t.exports=u)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Viewport:o.default}},t.exports=e.default})},504:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("viewport",{attrs:{lang:"zh-CN"}})},staticRenderFns:[]}}}); \ No newline at end of file diff --git a/docs/js/1.4736df0736c258cbbe9b.js b/docs/js/1.4736df0736c258cbbe9b.js deleted file mode 100644 index edb88eea..00000000 --- a/docs/js/1.4736df0736c258cbbe9b.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([1],{449:function(t,e,n){function o(t){n(497)}var r=n(11)(n(499),n(500),o,null,null);t.exports=r.exports},497:function(t,e,n){var o=n(498);"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n(448)("610f826e",o,!0)},498:function(t,e,n){e=t.exports=n(447)(!1),e.push([t.i,"",""])},499:function(t,e,n){var o,r,u;!function(s,i){r=[t,e,n(141)],o=i,void 0!==(u="function"==typeof o?o.apply(e,r):o)&&(t.exports=u)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Viewport:o.default}},t.exports=e.default})},500:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("viewport",{attrs:{lang:"en-US"}})},staticRenderFns:[]}}}); \ No newline at end of file diff --git a/docs/js/1.6a613ee77aeb019b622f.js b/docs/js/1.6a613ee77aeb019b622f.js new file mode 100644 index 00000000..a3b768c8 --- /dev/null +++ b/docs/js/1.6a613ee77aeb019b622f.js @@ -0,0 +1 @@ +webpackJsonp([1],{449:function(e,t,n){function o(e){n(501)}var r=n(11)(n(503),n(504),o,null,null);e.exports=r.exports},501:function(e,t,n){var o=n(502);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(448)("4e79e8f8",o,!0)},502:function(e,t,n){t=e.exports=n(447)(!1),t.push([e.i,"",""])},503:function(e,t,n){var o,r,u;!function(s,i){r=[e,t,n(141)],o=i,void 0!==(u="function"==typeof o?o.apply(t,r):o)&&(e.exports=u)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e){return e&&e.__esModule?e:{default:e}}(n);t.default={components:{Viewport:o.default}},e.exports=t.default})},504:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("viewport",{attrs:{lang:"en-US"}})},staticRenderFns:[]}}}); \ No newline at end of file diff --git a/docs/js/10.a81d66eeed30bae624eb.js b/docs/js/10.a81d66eeed30bae624eb.js new file mode 100644 index 00000000..9a5043f1 --- /dev/null +++ b/docs/js/10.a81d66eeed30bae624eb.js @@ -0,0 +1 @@ +webpackJsonp([10],{492:function(s,t,a){s.exports=a(591)},591:function(s,t,a){var v=a(11)(null,a(592),null,null,null);s.exports=v.exports},592:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Scroll")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(9),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(10)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("滚动列表，提供了优质的原生滚动体验，便捷的配置项和事件，是一个基于"),a("code",{pre:!0},[s._v("better-scroll")]),s._v("进行封装的组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本使用")]),s._v(" "),a("p",[s._v("通过设置 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性为一个数组，即可生成能够在容器内优雅滚动的列表。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("配置 better-scroll 选项")]),s._v(" "),a("p",[s._v("通过 options 属性可以配置 better-scroll 的选项，包括滚动条、下拉刷新、上拉加载等，具体可查看 better-scroll 的"),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html"}},[s._v("官方文档")]),s._v("，这里仅对几个常用的配置项进行介绍说明。")]),s._v(" "),a("p",[s._v("1）滚动条")]),s._v(" "),a("p",[s._v("默认无滚动条，还可设为淡入淡出滚动条或一直显示滚动条。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollbar")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fade")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n }\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("2）下拉刷新")]),s._v(" "),a("p",[s._v("默认无下拉刷新功能，可通过配置项"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("开启"),a("code",{pre:!0},[s._v("pulling-down")]),s._v("事件派发和下拉动画，你可以监听"),a("code",{pre:!0},[s._v("pulling-down")]),s._v("事件更新数据。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Refresh success'")]),s._v("\n }\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟更新数据")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.unshift("),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am new data: '")]),s._v(" + +"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("())\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("3）上拉加载")]),s._v(" "),a("p",[s._v("默认无上拉加载功能，可通过配置项"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v("开启"),a("code",{pre:!0},[s._v("pulling-up")]),s._v("事件派发和上拉动画，你可以监听"),a("code",{pre:!0},[s._v("pulling-up")]),s._v("事件更新数据。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("itemIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullUpLoad")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("more")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Load more'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("noMore")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'No more data'")]),s._v("\n }\n }\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 更新数据")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" newPage = [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex\n ]\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.concat(newPage)\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义下拉刷新和上拉加载动画")]),s._v(" "),a("p",[s._v("如果你不喜欢内置的下载刷新插槽和上拉加载，还可以用"),a("a",{attrs:{href:"https://cn.vuejs.org/v2/guide/components.html#%E4%BD%9C%E7%94%A8%E5%9F%9F%E6%8F%92%E6%A7%BD"}},[s._v("作用域插槽")]),s._v("做自定义动画。下面这个示例，就是用作用域插槽对下拉刷新做了自定义动画，而上拉加载则保留了缺省的内置动画。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-pulldown-wrapper"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownStyle"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"before-trigger"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{paddingTop: props.bubbleY + 'px'}\"")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{rotate: props.bubbleY > 40}"')]),s._v(">")]),s._v("↓"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"after-trigger"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"loading"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("Refresh success"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("通过作用域插槽提供的作用域参数，你可以根据各个状态的变化来控制动画流程。具体的作用域参数及其含义详见下面的插槽。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("用于列表渲染的数据")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("better-scroll 配置项")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" observeDOM: true,"),a("br"),s._v(" click: true,"),a("br"),s._v(" probeType: 1,"),a("br"),s._v(" scrollbar: false,"),a("br"),s._v(" pullDownRefresh: false,"),a("br"),s._v(" pullUpLoad: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("滚动方向")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'vertical', 'horizontal'")]),s._v(" "),a("td",[s._v("'vertical'")])]),s._v(" "),a("tr",[a("td",[s._v("listenScroll")]),s._v(" "),a("td",[s._v("是否派发 scroll 事件")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("listenBeforeScroll")]),s._v(" "),a("td",[s._v("是否派发 before-scroll-start 事件")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("refreshDelay")]),s._v(" "),a("td",[s._v("data属性的数据更新后，scroll 的刷新延时")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("20")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("scrollbar")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("fade")]),s._v(" "),a("td",[s._v("是否淡入淡出")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("下拉刷新动作的下拉距离阈值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("90")])]),s._v(" "),a("tr",[a("td",[s._v("stop")]),s._v(" "),a("td",[s._v("回弹停留的位置")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("40")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("刷新成功的文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("'Refresh success'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("上拉刷新动作的上拉距离阈值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("上拉加载的相关文案")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{ more: '', noMore: '' }")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("基于"),a("code",{pre:!0},[s._v("data")]),s._v("属性渲染的列表")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulldown")]),s._v(" "),a("td",[s._v("位于列表上方，会在下拉刷新时显示")]),s._v(" "),a("td",[s._v("pullDownRefresh: 是否开启了下拉刷新功能 "),a("br"),s._v(" pullDownStyle: 移入移出的样式 "),a("br"),s._v(" beforePullDown: 是否正在做下拉操作 "),a("br"),s._v(" isPullingDown: 是否正在拉取数据 "),a("br"),s._v(" bubbleY: 当前下拉的距离 - 50")])]),s._v(" "),a("tr",[a("td",[s._v("pullup")]),s._v(" "),a("td",[s._v("位于列表下方，会在上拉加载时显示")]),s._v(" "),a("td",[s._v("pullUpLoad: 是否开启了上拉加载功能 "),a("br"),s._v(" isPullUpLoad: 是否正在加载数据")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("点击列表项时触发")]),s._v(" "),a("td",[s._v("item - 该列表项的数据")])]),s._v(" "),a("tr",[a("td",[s._v("scroll")]),s._v(" "),a("td",[s._v("当 listenScroll 为 true 时，根据 probeType 的值决定派发时机")]),s._v(" "),a("td",[s._v("Object {x, y} - 滚动的实时坐标")])]),s._v(" "),a("tr",[a("td",[s._v("before-scroll-start")]),s._v(" "),a("td",[s._v("当 listenBeforeScroll 属性为 true 时，在滚动开始之前触发")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down")]),s._v(" "),a("td",[s._v("当 pullDownRefresh 属性为 true 时，在下拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up")]),s._v(" "),a("td",[s._v("当 pullUpLoad 属性为 true 时，在上拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/11.b16d854b414f00ce7a07.js b/docs/js/11.b16d854b414f00ce7a07.js new file mode 100644 index 00000000..87164d09 --- /dev/null +++ b/docs/js/11.b16d854b414f00ce7a07.js @@ -0,0 +1 @@ +webpackJsonp([11],{491:function(s,t,a){s.exports=a(589)},589:function(s,t,a){var v=a(11)(null,a(590),null,null,null);s.exports=v.exports},590:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Radio单选框组"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Radio单选框组-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Radio 单选框组")]),s._v(" "),a("p",[s._v("复选框组，可设置复选框组内容，样式等。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option2'")]),s._v("]\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("options")]),s._v(" 为选项数组，默认不选中任何的选项，点击其中一个，则对应的 "),a("code",{pre:!0},[s._v("selected")]),s._v(" 的值就为选中项的值。")])]),s._v(" "),a("li",[a("p",[s._v("设置 value，禁用状态，图标位置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"right"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected2")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options2")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("options")]),s._v(" 的值可以是对象组成的数组，默认可以设置 "),a("code",{pre:!0},[s._v("label")]),s._v(" 和 "),a("code",{pre:!0},[s._v("value")]),s._v(" 分别代表的是显示文案和单选框的值，如果对象中包含了 "),a("code",{pre:!0},[s._v("disabled")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 的值，那么此单选框就处于禁用状态。")]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("position")]),s._v(" 为 "),a("code",{pre:!0},[s._v("'right'")]),s._v("，则单选框图标位置在右边。")])]),s._v(" "),a("li",[a("p",[s._v("水平排列")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected3"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options3"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected3")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options3")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("可通过设置 "),a("code",{pre:!0},[s._v("horizontal")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 改变样式为水平排列。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("选项数组")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("position")]),s._v(" "),a("td",[s._v("图标位置")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("horizontal")]),s._v(" "),a("td",[s._v("是否水平排列")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("options")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("单选框显示文字")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("单选框的值")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("单选框是否被禁用")]),s._v(" "),a("td",[s._v("Boolean")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("注：如果 "),a("code",{pre:!0},[s._v("options")]),s._v(" 中的项为字符串也是可以的，此时默认 "),a("code",{pre:!0},[s._v("label")]),s._v(" 和 "),a("code",{pre:!0},[s._v("value")]),s._v(" 的值都为该字符串的值。")])}]}}}); \ No newline at end of file diff --git a/docs/js/10.07c09ccc4c2d3c38d1cb.js b/docs/js/12.b36e0a386fd2c408e860.js similarity index 98% rename from docs/js/10.07c09ccc4c2d3c38d1cb.js rename to docs/js/12.b36e0a386fd2c408e860.js index 0e744534..729bdb79 100644 --- a/docs/js/10.07c09ccc4c2d3c38d1cb.js +++ b/docs/js/12.b36e0a386fd2c408e860.js @@ -1 +1 @@ -webpackJsonp([10],{488:function(s,t,a){s.exports=a(579)},579:function(s,t,a){var r=a(11)(null,a(580),null,null,null);s.exports=r.exports},580:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"快速上手"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-快速上手-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 快速上手")]),s._v(" "),a("h3",{attrs:{id:"脚手架"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-脚手架-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 脚手架")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"安装"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-安装-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 安装")]),s._v(" "),a("h4",{attrs:{id:"NPM"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-NPM-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" NPM")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),a("h4",{attrs:{id:"CDN"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CDN-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CDN")]),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"使用"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-使用-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 使用")]),s._v(" "),a("h4",{attrs:{id:"全部引入"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-全部引入-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 全部引入")]),s._v(" "),a("p",[s._v("一般在入口文件中：")]),s._v(" "),s._m(7),s._v(" "),a("h4",{attrs:{id:"按需引入"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-按需引入-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 按需引入")]),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),a("p",[s._v("你可以选择全局注册也可以选择局部注册：")]),s._v(" "),s._m(10),s._v(" "),a("p",[s._v("所有的可按需引入的组件：")]),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),a("h4",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(14)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果你打算用在一个新项目中使用 cube-ui，可以通过我们提供的一套基于 "),a("a",{attrs:{href:"https://github.com/vuejs/vue-cli"}},[s._v("vue-cli")]),s._v(" 实现的"),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template"}},[s._v("脚手架")]),s._v("去初始化 cube-ui 项目的配置和基础代码，这样你就可以忽略"),a("a",{staticClass:"anchor",attrs:{href:"#cube-安装-anchor"}},[s._v("安装")]),s._v("步骤，直接看"),a("a",{staticClass:"anchor",attrs:{href:"#cube-使用-anchor"}},[s._v("使用部分")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" vue init cube-ui/cube-template projectname")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果你打算在现有项目中使用 cube-ui，请先参考"),a("a",{staticClass:"anchor",attrs:{href:"#cube-安装-anchor"}},[s._v("安装")]),s._v("部分。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" npm install cube-ui --save")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("cube-ui 搭配 webpack 2+ 支持"),a("a",{attrs:{href:"#/zh-CN/docs/post-compile"}},[s._v("后编译")]),s._v("和普通编译 2 种构建方式（默认使用后编译），使用前都需要修改应用的依赖和配置。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("后编译")]),s._v(" "),a("ol",[a("li",[s._v("修改 package.json 并安装依赖")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n // webpack-post-compile-plugin 依赖 compileDependencies\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"compileDependencies"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui"')]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"babel-plugin-transform-modules"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.1.0"')]),s._v(",\n // 新增 stylus 相关依赖\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"stylus"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.54.5"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"stylus-loader"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^2.1.1"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-post-compile-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.1.2"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[a("li",[s._v("修改 .babelrc，依赖 "),a("a",{attrs:{href:"https://www.npmjs.com/package/babel-plugin-transform-modules"}},[s._v("babel-plugin-transform-modules")]),s._v("：")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"plugins"')]),s._v(": [\n ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"transform-modules"')]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n // 注意: 这里的路径需要修改到 src/modules 下\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"transform"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/src/modules/${member}"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }]\n ]\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[a("li",[s._v("修改 webpack.base.conf.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" PostCompilePlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-post-compile-plugin'")]),s._v(")\n"),a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n plugins: [\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" PostCompilePlugin()\n ]\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"4"}},[a("li",[s._v("修改 build/utils.js 中的 "),a("code",{pre:!0},[s._v("exports.cssLoaders")]),s._v(" 函数")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("exports.cssLoaders = "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),a("span",{attrs:{class:"hljs-params"}},[s._v("options")]),s._v(") ")]),s._v("{\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" stylusOptions = {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'resolve url'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// https://vue-loader.vuejs.org/en/configurations/extract-css.html")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("css")]),s._v(": generateLoaders(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("postcss")]),s._v(": generateLoaders(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("less")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'less'")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("sass")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v(", { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("indentedSyntax")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(" }),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scss")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stylus")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(", stylusOptions),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("styl")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(", stylusOptions)\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"5"}},[a("li",[s._v("修改 vue-loader.conf.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loaders")]),s._v(": utils.cssLoaders({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": sourceMapEnabled,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("extract")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }),\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n\n")])]),s._v(" "),a("p",[s._v("具体参见 "),a("a",{attrs:{href:"https://github.com/vuejs-templates/webpack/pull/970/files"}},[s._v("https://github.com/vuejs-templates/webpack/pull/970/files")])])]),s._v(" "),a("li",[a("p",[s._v("普通编译")]),s._v(" "),a("ol",[a("li",[s._v("修改 package.json 并安装依赖")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"babel-plugin-transform-modules"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.1.0"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[a("li",[s._v("修改 .babelrc")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"plugins"')]),s._v(": [\n ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"transform-modules"')]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transform"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/lib/${member}"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"style"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"ignore"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"create-api"')]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"better-scroll"')]),s._v("]\n }\n }\n }]\n ]\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[a("li",[s._v("修改 webpack 配置：")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack.config.js")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n resolve: {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n alias: {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/lib'")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.js"')]),s._v(">")]),a("span",{attrs:{class:"undefined"}}),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("link")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.css"')]),s._v(">")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Cube "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nVue.use(Cube)\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n Style,\n Button\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注意：")]),s._v(" 按需引入的话，是不会打包"),a("a",{attrs:{href:"#/zh-CN/docs/style"}},[s._v("基础样式")]),s._v("部分的，所以在使用的时候需要引入 style 模块。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// 全局注册")]),s._v("\nVue.use(Button)\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 或者局部注册")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 某个组件中")]),s._v("\n{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("CubeButton")]),s._v(": Button\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n Button,\n Checkbox,\n CheckboxGroup,\n Loading,\n Tip,\n Popup,\n Toast,\n Picker,\n TimePicker,\n Dialog,\n ActionSheet,\n Scroll,\n Slide,\n IndexList\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("也可以引入"),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),s._v("和"),a("a",{attrs:{href:"#/zh-CN/docs/better-scroll"}},[s._v("better-scroll")]),s._v("模块：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { createAPI, BetterScroll } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDialog"')]),s._v(">")]),s._v("show dialog"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDialog() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'alert'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Alert'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'dialog content'")]),s._v("\n }).show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])}]}}}); \ No newline at end of file +webpackJsonp([12],{490:function(s,t,a){s.exports=a(587)},587:function(s,t,a){var r=a(11)(null,a(588),null,null,null);s.exports=r.exports},588:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"快速上手"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-快速上手-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 快速上手")]),s._v(" "),a("h3",{attrs:{id:"脚手架"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-脚手架-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 脚手架")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"安装"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-安装-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 安装")]),s._v(" "),a("h4",{attrs:{id:"NPM"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-NPM-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" NPM")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),a("h4",{attrs:{id:"CDN"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CDN-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CDN")]),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"使用"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-使用-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 使用")]),s._v(" "),a("h4",{attrs:{id:"全部引入"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-全部引入-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 全部引入")]),s._v(" "),a("p",[s._v("一般在入口文件中：")]),s._v(" "),s._m(7),s._v(" "),a("h4",{attrs:{id:"按需引入"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-按需引入-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 按需引入")]),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),a("p",[s._v("你可以选择全局注册也可以选择局部注册：")]),s._v(" "),s._m(10),s._v(" "),a("p",[s._v("所有的可按需引入的组件：")]),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),a("h4",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(14)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果你打算用在一个新项目中使用 cube-ui，可以通过我们提供的一套基于 "),a("a",{attrs:{href:"https://github.com/vuejs/vue-cli"}},[s._v("vue-cli")]),s._v(" 实现的"),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template"}},[s._v("脚手架")]),s._v("去初始化 cube-ui 项目的配置和基础代码，这样你就可以忽略"),a("a",{staticClass:"anchor",attrs:{href:"#cube-安装-anchor"}},[s._v("安装")]),s._v("步骤，直接看"),a("a",{staticClass:"anchor",attrs:{href:"#cube-使用-anchor"}},[s._v("使用部分")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" vue init cube-ui/cube-template projectname")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果你打算在现有项目中使用 cube-ui，请先参考"),a("a",{staticClass:"anchor",attrs:{href:"#cube-安装-anchor"}},[s._v("安装")]),s._v("部分。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" npm install cube-ui --save")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("cube-ui 搭配 webpack 2+ 支持"),a("a",{attrs:{href:"#/zh-CN/docs/post-compile"}},[s._v("后编译")]),s._v("和普通编译 2 种构建方式（默认使用后编译），使用前都需要修改应用的依赖和配置。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("后编译")]),s._v(" "),a("ol",[a("li",[s._v("修改 package.json 并安装依赖")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n // webpack-post-compile-plugin 依赖 compileDependencies\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"compileDependencies"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui"')]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"babel-plugin-transform-modules"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.1.0"')]),s._v(",\n // 新增 stylus 相关依赖\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"stylus"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.54.5"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"stylus-loader"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^2.1.1"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-post-compile-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.1.2"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[a("li",[s._v("修改 .babelrc，依赖 "),a("a",{attrs:{href:"https://www.npmjs.com/package/babel-plugin-transform-modules"}},[s._v("babel-plugin-transform-modules")]),s._v("：")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"plugins"')]),s._v(": [\n ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"transform-modules"')]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n // 注意: 这里的路径需要修改到 src/modules 下\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"transform"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/src/modules/${member}"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }]\n ]\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[a("li",[s._v("修改 webpack.base.conf.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" PostCompilePlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-post-compile-plugin'")]),s._v(")\n"),a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n plugins: [\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" PostCompilePlugin()\n ]\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"4"}},[a("li",[s._v("修改 build/utils.js 中的 "),a("code",{pre:!0},[s._v("exports.cssLoaders")]),s._v(" 函数")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("exports.cssLoaders = "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),a("span",{attrs:{class:"hljs-params"}},[s._v("options")]),s._v(") ")]),s._v("{\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" stylusOptions = {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'resolve url'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// https://vue-loader.vuejs.org/en/configurations/extract-css.html")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("css")]),s._v(": generateLoaders(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("postcss")]),s._v(": generateLoaders(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("less")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'less'")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("sass")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v(", { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("indentedSyntax")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(" }),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scss")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stylus")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(", stylusOptions),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("styl")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(", stylusOptions)\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"5"}},[a("li",[s._v("修改 vue-loader.conf.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loaders")]),s._v(": utils.cssLoaders({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": sourceMapEnabled,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("extract")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }),\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n\n")])]),s._v(" "),a("p",[s._v("具体参见 "),a("a",{attrs:{href:"https://github.com/vuejs-templates/webpack/pull/970/files"}},[s._v("https://github.com/vuejs-templates/webpack/pull/970/files")])])]),s._v(" "),a("li",[a("p",[s._v("普通编译")]),s._v(" "),a("ol",[a("li",[s._v("修改 package.json 并安装依赖")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"babel-plugin-transform-modules"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.1.0"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[a("li",[s._v("修改 .babelrc")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"plugins"')]),s._v(": [\n ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"transform-modules"')]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transform"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/lib/${member}"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"style"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"ignore"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"create-api"')]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"better-scroll"')]),s._v("]\n }\n }\n }]\n ]\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[a("li",[s._v("修改 webpack 配置：")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack.config.js")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n resolve: {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n alias: {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/lib'")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.js"')]),s._v(">")]),a("span",{attrs:{class:"undefined"}}),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("link")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.css"')]),s._v(">")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Cube "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nVue.use(Cube)\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n Style,\n Button\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注意：")]),s._v(" 按需引入的话，是不会打包"),a("a",{attrs:{href:"#/zh-CN/docs/style"}},[s._v("基础样式")]),s._v("部分的，所以在使用的时候需要引入 style 模块。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// 全局注册")]),s._v("\nVue.use(Button)\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 或者局部注册")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 某个组件中")]),s._v("\n{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("CubeButton")]),s._v(": Button\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n Button,\n Checkbox,\n CheckboxGroup,\n Loading,\n Tip,\n Popup,\n Toast,\n Picker,\n TimePicker,\n Dialog,\n ActionSheet,\n Scroll,\n Slide,\n IndexList\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("也可以引入"),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),s._v("和"),a("a",{attrs:{href:"#/zh-CN/docs/better-scroll"}},[s._v("better-scroll")]),s._v("模块：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { createAPI, BetterScroll } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDialog"')]),s._v(">")]),s._v("show dialog"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDialog() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'alert'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Alert'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'dialog content'")]),s._v("\n }).show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])}]}}}); \ No newline at end of file diff --git a/docs/js/11.c43c0be1a35dc4dd2ce9.js b/docs/js/13.106e7c89afd86cd824bb.js similarity index 97% rename from docs/js/11.c43c0be1a35dc4dd2ce9.js rename to docs/js/13.106e7c89afd86cd824bb.js index 24bfc461..81e29bd5 100644 --- a/docs/js/11.c43c0be1a35dc4dd2ce9.js +++ b/docs/js/13.106e7c89afd86cd824bb.js @@ -1 +1 @@ -webpackJsonp([11],{487:function(e,s,t){e.exports=t(577)},577:function(e,s,t){var a=t(11)(null,t(578),null,null,null);e.exports=a.exports},578:function(e,s){e.exports={render:function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("section",[t("h2",{attrs:{id:"后编译"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-后编译-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" 后编译")]),e._v(" "),t("p",[e._v("后编译指的是应用依赖的 NPM 包并不需要在发布前编译，而是随着应用编译打包的时候一块编译。")]),e._v(" "),e._m(0),e._v(" "),t("h3",{attrs:{id:"背景"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-背景-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" 背景")]),e._v(" "),t("p",[e._v("使用 webpack + babel 开发应用越来越多，而且一般都是通过 NPM 进行包管理的，这样依赖包越来越多，这些依赖包也是使用的 ES2015+ 开发的，所以每个依赖包都需要编译才能发布，这样编译后代码中往往后包含很多编译代码，所以为了消除这部分冗余，推荐大家使用后编译。")]),e._v(" "),t("h3",{attrs:{id:"优缺点"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-优缺点-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" 优缺点")]),e._v(" "),t("p",[e._v("优点：")]),e._v(" "),e._m(1),e._v(" "),t("p",[e._v("缺点：")]),e._v(" "),e._m(2),e._v(" "),t("h3",{attrs:{id:"约定"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-约定-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" 约定")]),e._v(" "),t("p",[e._v("考虑到有些应用会使用后编译，有些则只能使用编译好的依赖包，为了“争夺”入口，cube-ui 做了均衡，约定：")]),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),t("p",[e._v("这样，如果应用使用的是 webpack 2+，则默认走后编译，而如果使用的 webpack 1.x 则默认使用的是编译后内容；当然，这部分可以通过 webpack 的 alias 配置达到和版本无关效果。")]),e._v(" "),t("h3",{attrs:{id:"webpack配置使用"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-webpack配置使用-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" webpack 配置使用")]),e._v(" "),e._m(5),e._v(" "),t("p",[e._v("一个应用示例配置：")]),e._v(" "),e._m(6),e._v(" "),t("p",[e._v("在应用的 package.json 中增加 compileDependencies：")]),e._v(" "),e._m(7),e._v(" "),t("p",[e._v("如果说 A 还依赖 C 的话，只需要在 A 的 package.json 中指定 compileDependencies 即可：")]),e._v(" "),e._m(8)])},staticRenderFns:[function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[t("em",[e._v("注：")]),e._v(" 关于后编译更详细内容可参阅 "),t("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[e._v("webpack 应用编译优化之路")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ul",[t("li",[e._v("公共的依赖可以实现共用，只此一份，重要的是只编译一次，建议通过 peerDependencies 管理依赖。")]),e._v(" "),t("li",[e._v("babel 转换 API（例如 babel-plugin-transform-runtime 或者 babel-polyfill）部分的代码只有一份。")]),e._v(" "),t("li",[e._v("不用每个依赖包都需要配置编译打包环节，甚至可以直接源码级别发布。")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ul",[t("li",[e._v("主应用的 babel 配置需要能兼容依赖包的 babel 配置。")]),e._v(" "),t("li",[e._v("依赖包不能使用 alias、不能方便的使用 DefinePlugin（可以经过一次简单编译，但是不做 babel 处理）。")]),e._v(" "),t("li",[e._v("应用编译时间会变长。")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("blockquote",[t("p",[e._v("package.json 的 main 字段指向的就是编译后入口，而 module 字段指向的就是源码入口。")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[t("em",[e._v("关于 "),t("a",{attrs:{href:"https://github.com/rollup/rollup/wiki/pkg.module"}},[e._v("pkg.module")])])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[e._v("后编译的场景是极有可能产生嵌套的情况，而且对于每个依赖包而言应该自己管理自身需要后编译的依赖；为了解决这个问题，可以使用 "),t("a",{attrs:{href:"https://www.npmjs.com/package/webpack-post-compile-plugin"}},[e._v("webpack-post-compile-plugin")]),e._v("，只需要在应用或者 NPM 包自身的 package.json 中通过 compileDependencies 来指定自身需要后编译依赖的包名。")])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-comment"}},[e._v("// webpack.config.js")]),e._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" PostCompilePlugin = "),t("span",{attrs:{class:"hljs-built_in"}},[e._v("require")]),e._v("("),t("span",{attrs:{class:"hljs-string"}},[e._v("'webpack-post-compile-plugin'")]),e._v(")\n\n"),t("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(".exports = {\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n "),t("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v("rules")]),e._v(": [\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v("test")]),e._v(": "),t("span",{attrs:{class:"hljs-regexp"}},[e._v("/\\.js$/")]),e._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v("loader")]),e._v(": "),t("span",{attrs:{class:"hljs-string"}},[e._v("'babel-loader'")]),e._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v("include")]),e._v(": [\n resolve("),t("span",{attrs:{class:"hljs-string"}},[e._v("'src'")]),e._v(")\n ]\n },\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n ]\n },\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n plugins: [\n "),t("span",{attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" PostCompilePlugin()\n ]\n}\n")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[e._v("// package.json\n{\n // ...\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v('"compileDependencies"')]),e._v(": ["),t("span",{attrs:{class:"hljs-string"}},[e._v('"A"')]),e._v(", "),t("span",{attrs:{class:"hljs-string"}},[e._v('"B"')]),e._v("]\n // ...\n}\n")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[e._v("// A package.json\n{\n // ...\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v('"compileDependencies"')]),e._v(": ["),t("span",{attrs:{class:"hljs-string"}},[e._v('"C"')]),e._v("]\n // ...\n}\n")])])}]}}}); \ No newline at end of file +webpackJsonp([13],{489:function(e,s,t){e.exports=t(585)},585:function(e,s,t){var a=t(11)(null,t(586),null,null,null);e.exports=a.exports},586:function(e,s){e.exports={render:function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("section",[t("h2",{attrs:{id:"后编译"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-后编译-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" 后编译")]),e._v(" "),t("p",[e._v("后编译指的是应用依赖的 NPM 包并不需要在发布前编译，而是随着应用编译打包的时候一块编译。")]),e._v(" "),e._m(0),e._v(" "),t("h3",{attrs:{id:"背景"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-背景-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" 背景")]),e._v(" "),t("p",[e._v("使用 webpack + babel 开发应用越来越多，而且一般都是通过 NPM 进行包管理的，这样依赖包越来越多，这些依赖包也是使用的 ES2015+ 开发的，所以每个依赖包都需要编译才能发布，这样编译后代码中往往后包含很多编译代码，所以为了消除这部分冗余，推荐大家使用后编译。")]),e._v(" "),t("h3",{attrs:{id:"优缺点"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-优缺点-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" 优缺点")]),e._v(" "),t("p",[e._v("优点：")]),e._v(" "),e._m(1),e._v(" "),t("p",[e._v("缺点：")]),e._v(" "),e._m(2),e._v(" "),t("h3",{attrs:{id:"约定"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-约定-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" 约定")]),e._v(" "),t("p",[e._v("考虑到有些应用会使用后编译，有些则只能使用编译好的依赖包，为了“争夺”入口，cube-ui 做了均衡，约定：")]),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),t("p",[e._v("这样，如果应用使用的是 webpack 2+，则默认走后编译，而如果使用的 webpack 1.x 则默认使用的是编译后内容；当然，这部分可以通过 webpack 的 alias 配置达到和版本无关效果。")]),e._v(" "),t("h3",{attrs:{id:"webpack配置使用"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-webpack配置使用-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" webpack 配置使用")]),e._v(" "),e._m(5),e._v(" "),t("p",[e._v("一个应用示例配置：")]),e._v(" "),e._m(6),e._v(" "),t("p",[e._v("在应用的 package.json 中增加 compileDependencies：")]),e._v(" "),e._m(7),e._v(" "),t("p",[e._v("如果说 A 还依赖 C 的话，只需要在 A 的 package.json 中指定 compileDependencies 即可：")]),e._v(" "),e._m(8)])},staticRenderFns:[function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[t("em",[e._v("注：")]),e._v(" 关于后编译更详细内容可参阅 "),t("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[e._v("webpack 应用编译优化之路")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ul",[t("li",[e._v("公共的依赖可以实现共用，只此一份，重要的是只编译一次，建议通过 peerDependencies 管理依赖。")]),e._v(" "),t("li",[e._v("babel 转换 API（例如 babel-plugin-transform-runtime 或者 babel-polyfill）部分的代码只有一份。")]),e._v(" "),t("li",[e._v("不用每个依赖包都需要配置编译打包环节，甚至可以直接源码级别发布。")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ul",[t("li",[e._v("主应用的 babel 配置需要能兼容依赖包的 babel 配置。")]),e._v(" "),t("li",[e._v("依赖包不能使用 alias、不能方便的使用 DefinePlugin（可以经过一次简单编译，但是不做 babel 处理）。")]),e._v(" "),t("li",[e._v("应用编译时间会变长。")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("blockquote",[t("p",[e._v("package.json 的 main 字段指向的就是编译后入口，而 module 字段指向的就是源码入口。")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[t("em",[e._v("关于 "),t("a",{attrs:{href:"https://github.com/rollup/rollup/wiki/pkg.module"}},[e._v("pkg.module")])])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[e._v("后编译的场景是极有可能产生嵌套的情况，而且对于每个依赖包而言应该自己管理自身需要后编译的依赖；为了解决这个问题，可以使用 "),t("a",{attrs:{href:"https://www.npmjs.com/package/webpack-post-compile-plugin"}},[e._v("webpack-post-compile-plugin")]),e._v("，只需要在应用或者 NPM 包自身的 package.json 中通过 compileDependencies 来指定自身需要后编译依赖的包名。")])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-comment"}},[e._v("// webpack.config.js")]),e._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" PostCompilePlugin = "),t("span",{attrs:{class:"hljs-built_in"}},[e._v("require")]),e._v("("),t("span",{attrs:{class:"hljs-string"}},[e._v("'webpack-post-compile-plugin'")]),e._v(")\n\n"),t("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(".exports = {\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n "),t("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v("rules")]),e._v(": [\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v("test")]),e._v(": "),t("span",{attrs:{class:"hljs-regexp"}},[e._v("/\\.js$/")]),e._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v("loader")]),e._v(": "),t("span",{attrs:{class:"hljs-string"}},[e._v("'babel-loader'")]),e._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v("include")]),e._v(": [\n resolve("),t("span",{attrs:{class:"hljs-string"}},[e._v("'src'")]),e._v(")\n ]\n },\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n ]\n },\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n plugins: [\n "),t("span",{attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" PostCompilePlugin()\n ]\n}\n")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[e._v("// package.json\n{\n // ...\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v('"compileDependencies"')]),e._v(": ["),t("span",{attrs:{class:"hljs-string"}},[e._v('"A"')]),e._v(", "),t("span",{attrs:{class:"hljs-string"}},[e._v('"B"')]),e._v("]\n // ...\n}\n")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[e._v("// A package.json\n{\n // ...\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v('"compileDependencies"')]),e._v(": ["),t("span",{attrs:{class:"hljs-string"}},[e._v('"C"')]),e._v("]\n // ...\n}\n")])])}]}}}); \ No newline at end of file diff --git a/docs/js/12.17b77ecc0917ed2ef989.js b/docs/js/14.69a0ac6f329c11b98ec1.js similarity index 98% rename from docs/js/12.17b77ecc0917ed2ef989.js rename to docs/js/14.69a0ac6f329c11b98ec1.js index 53476138..39e9b5b9 100644 --- a/docs/js/12.17b77ecc0917ed2ef989.js +++ b/docs/js/14.69a0ac6f329c11b98ec1.js @@ -1 +1 @@ -webpackJsonp([12],{486:function(s,t,a){s.exports=a(575)},575:function(s,t,a){var v=a(11)(null,a(576),null,null,null);s.exports=v.exports},576:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Popup弹层"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Popup弹层-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Popup 弹层")]),s._v(" "),a("p",[s._v("底层弹层组件，主要用于基于此组件实现上层组件封装，只提供了基础功能：指定类型、是否有背景层、显示内容（HTML）以及是否居中。")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),a("p",[s._v("组件")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(3)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("内置所有的弹层类组件都是基于此组件实现，包括："),a("a",{attrs:{href:"#/zh-CN/docs/toast"}},[s._v("Toast")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/picker"}},[s._v("Picker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/dialog"}},[s._v("Dialog")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/action-sheet"}},[s._v("ActionSheet")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("基本用法"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup"')]),s._v(">")]),s._v("\n My Popup Content 1\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup')\"")]),s._v(">")]),s._v("\n Show Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n指定类型 "),a("code",{pre:!0},[s._v("type")]),s._v("，这样方便根据类型做 class 控制，如示例，会在根元素上会增加 "),a("code",{pre:!0},[s._v("cube-my-popup")]),s._v(" 的 class"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPopup(refId) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" component = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs[refId]\n component.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n component.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v("\n组件默认是隐藏的，需要调用组件实例的 "),a("code",{pre:!0},[s._v("show()")]),s._v(" 方法才会显示，调用组件实例的 "),a("code",{pre:!0},[s._v("hide()")]),s._v(" 方法隐藏，这里的 "),a("code",{pre:!0},[s._v("showPopup()")]),s._v(" 就是做的这件事情（首先显示，1 秒钟后隐藏）")]),s._v(" "),a("li",[s._v("不要背景层"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup2"')]),s._v(">")]),s._v("\n My Popup Content 2\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup2')\"")]),s._v(">")]),s._v("\n Show Popup - no mask\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n设置 "),a("code",{pre:!0},[s._v("mask")]),s._v(" 为 "),a("code",{pre:!0},[s._v("false")]),s._v("，即不显示背景层")]),s._v(" "),a("li",[s._v("显示内容 HTML"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"My Popup Content 3"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup3"')]),s._v(" />")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup3')\"")]),s._v(">")]),s._v("\n Show Popup - with content\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n只需要传入 "),a("code",{pre:!0},[s._v("content")]),s._v("，内容是一段 HTML 片段")]),s._v(" "),a("li",[s._v("置底"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":center")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup4"')]),s._v(">")]),s._v("\n My Popup Content 4\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup4')\"")]),s._v(">")]),s._v("\n Show Popup - bottom\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n考虑移动端场景，大部分时候弹层类都是居中或置底的（置底的时候是在水平方向铺满的），所以如果设置了 "),a("code",{pre:!0},[s._v("center")]),s._v(" 为 "),a("code",{pre:!0},[s._v("false")]),s._v(" 的话，就是置底的效果")]),s._v(" "),a("li",[s._v("上层封装"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extend-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"popup"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-extend-popup-content"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"hide"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(">")]),s._v("{{content}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" COMPONENT_NAME = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-extend-popup'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": COMPONENT_NAME,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n show() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.show()\n },\n hide() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.hide()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("style")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("lang")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylus"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet/stylus"')]),s._v(">")]),a("span",{attrs:{class:"css"}},[s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("padding")]),s._v(": 20"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-id"}},[s._v("#fff")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("rgba")]),s._v("(0, 0, 0, "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".8")]),s._v(")\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n这样就实现了一个上层封装的 CubeExtendPopup 组件，自带了一些样式，支持传入内容还有默认插槽，点击内容可隐藏。你可以这样使用（需要全局注册或者局部注册到使用的组件中）："),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"click here hide"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extendPopup"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"$refs.extendPopup.show()"')]),s._v(">")]),s._v("\n Show Extend Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("弹层类型")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("是否显示背景层")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("内容，HTML 字符串，在无插槽的时候有效")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("center")]),s._v(" "),a("td",[s._v("是否水平垂直居中的")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("mask-click")]),s._v(" "),a("td",[s._v("背景层点击")]),s._v(" "),a("td",[s._v("点击事件对象")])])])])}]}}}); \ No newline at end of file +webpackJsonp([14],{488:function(s,t,a){s.exports=a(583)},583:function(s,t,a){var v=a(11)(null,a(584),null,null,null);s.exports=v.exports},584:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Popup弹层"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Popup弹层-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Popup 弹层")]),s._v(" "),a("p",[s._v("底层弹层组件，主要用于基于此组件实现上层组件封装，只提供了基础功能：指定类型、是否有背景层、显示内容（HTML）以及是否居中。")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),a("p",[s._v("组件")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(3)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("内置所有的弹层类组件都是基于此组件实现，包括："),a("a",{attrs:{href:"#/zh-CN/docs/toast"}},[s._v("Toast")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/picker"}},[s._v("Picker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/dialog"}},[s._v("Dialog")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/action-sheet"}},[s._v("ActionSheet")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("基本用法"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup"')]),s._v(">")]),s._v("\n My Popup Content 1\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup')\"")]),s._v(">")]),s._v("\n Show Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n指定类型 "),a("code",{pre:!0},[s._v("type")]),s._v("，这样方便根据类型做 class 控制，如示例，会在根元素上会增加 "),a("code",{pre:!0},[s._v("cube-my-popup")]),s._v(" 的 class"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPopup(refId) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" component = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs[refId]\n component.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n component.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v("\n组件默认是隐藏的，需要调用组件实例的 "),a("code",{pre:!0},[s._v("show()")]),s._v(" 方法才会显示，调用组件实例的 "),a("code",{pre:!0},[s._v("hide()")]),s._v(" 方法隐藏，这里的 "),a("code",{pre:!0},[s._v("showPopup()")]),s._v(" 就是做的这件事情（首先显示，1 秒钟后隐藏）")]),s._v(" "),a("li",[s._v("不要背景层"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup2"')]),s._v(">")]),s._v("\n My Popup Content 2\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup2')\"")]),s._v(">")]),s._v("\n Show Popup - no mask\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n设置 "),a("code",{pre:!0},[s._v("mask")]),s._v(" 为 "),a("code",{pre:!0},[s._v("false")]),s._v("，即不显示背景层")]),s._v(" "),a("li",[s._v("显示内容 HTML"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"My Popup Content 3"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup3"')]),s._v(" />")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup3')\"")]),s._v(">")]),s._v("\n Show Popup - with content\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n只需要传入 "),a("code",{pre:!0},[s._v("content")]),s._v("，内容是一段 HTML 片段")]),s._v(" "),a("li",[s._v("置底"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":center")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup4"')]),s._v(">")]),s._v("\n My Popup Content 4\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup4')\"")]),s._v(">")]),s._v("\n Show Popup - bottom\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n考虑移动端场景，大部分时候弹层类都是居中或置底的（置底的时候是在水平方向铺满的），所以如果设置了 "),a("code",{pre:!0},[s._v("center")]),s._v(" 为 "),a("code",{pre:!0},[s._v("false")]),s._v(" 的话，就是置底的效果")]),s._v(" "),a("li",[s._v("上层封装"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extend-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"popup"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-extend-popup-content"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"hide"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(">")]),s._v("{{content}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" COMPONENT_NAME = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-extend-popup'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": COMPONENT_NAME,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n show() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.show()\n },\n hide() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.hide()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("style")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("lang")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylus"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet/stylus"')]),s._v(">")]),a("span",{attrs:{class:"css"}},[s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("padding")]),s._v(": 20"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-id"}},[s._v("#fff")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("rgba")]),s._v("(0, 0, 0, "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".8")]),s._v(")\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n这样就实现了一个上层封装的 CubeExtendPopup 组件，自带了一些样式，支持传入内容还有默认插槽，点击内容可隐藏。你可以这样使用（需要全局注册或者局部注册到使用的组件中）："),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"click here hide"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extendPopup"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"$refs.extendPopup.show()"')]),s._v(">")]),s._v("\n Show Extend Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("弹层类型")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("是否显示背景层")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("内容，HTML 字符串，在无插槽的时候有效")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("center")]),s._v(" "),a("td",[s._v("是否水平垂直居中的")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("mask-click")]),s._v(" "),a("td",[s._v("背景层点击")]),s._v(" "),a("td",[s._v("点击事件对象")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/15.71fa11d307941462c4e7.js b/docs/js/15.71fa11d307941462c4e7.js deleted file mode 100644 index b6c277b9..00000000 --- a/docs/js/15.71fa11d307941462c4e7.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([15],{483:function(t,s,a){t.exports=a(569)},569:function(t,s,a){var e=a(11)(null,a(570),null,null,null);t.exports=e.exports},570:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"介绍"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-介绍-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 介绍")]),t._v(" "),a("p",[t._v("cube-ui 是基于 Vue.js 实现的精致移动端组件库。")]),t._v(" "),a("h3",{attrs:{id:"特性"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-特性-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 特性")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 组件")]),t._v(" "),a("h4",{attrs:{id:"基础"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-基础-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 基础")]),t._v(" "),t._m(1),t._v(" "),a("h4",{attrs:{id:"弹层"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-弹层-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 弹层")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),a("p",[t._v("组件调用：")]),t._v(" "),t._m(4),t._v(" "),a("p",[t._v("API 调用：")]),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),a("h4",{attrs:{id:"滚动"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-滚动-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 滚动")]),t._v(" "),t._m(8),t._v(" "),t._m(9),t._v(" "),a("h3",{attrs:{id:"模块"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-模块-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 模块")]),t._v(" "),a("p",[t._v("除了组件之外，cube-ui 还有一些特殊的模块。")]),t._v(" "),a("h4",{attrs:{id:"style"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-style-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" style")]),t._v(" "),a("p",[t._v("样式部分，如果你是在按需引入使用的场景下，那么建议在入口文件处也要引入这个模块，因为它包含基础的 reset、基础通用样式以及内置 icon。")]),t._v(" "),t._m(10),t._v(" "),a("h4",{attrs:{id:"create-api"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-create-api-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" create-api")]),t._v(" "),t._m(11),t._v(" "),t._m(12),t._v(" "),a("h4",{attrs:{id:"better-scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-better-scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll")]),t._v(" "),t._m(13),t._v(" "),t._m(14)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[a("strong",[t._v("质量可靠")])]),t._v(" "),a("p",[t._v("由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("体验极致")])]),t._v(" "),a("p",[t._v("以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("标准规范")])]),t._v(" "),a("p",[t._v("遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("扩展性强")])]),t._v(" "),a("p",[t._v("支持按需引入和"),a("a",{attrs:{href:"#/zh-CN/docs/post-compile"}},[t._v("后编译")]),t._v("，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/button"}},[t._v("Button 按钮")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/checkbox"}},[t._v("Checkbox 复选框")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/checkbox-group"}},[t._v("CheckboxGroup 复选框组")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/loading"}},[t._v("Loading 加载中")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/tip"}},[t._v("Tip 提示")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/popup"}},[t._v("Popup")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/toast"}},[t._v("Toast 提醒")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/picker"}},[t._v("Picker 选择器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[t._v("TimePicker 时间选择器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/dialog"}},[t._v("Dialog 弹框")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/action-sheet"}},[t._v("ActionSheet 操作菜单")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("所有的弹层类组件可以通过组件调用和 API 调用，来看示例（"),a("code",{pre:!0},[t._v("Toast")]),t._v(" 为例）：")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"toast"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":txt")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"toastTxt"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),a("span",{attrs:{class:"javascript"}},[t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.toast.show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),a("span",{attrs:{class:"javascript"}},[t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".toastTxt\n }).show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("两种方式都可以，但是我们推荐后者，通过 "),a("code",{pre:!0},[t._v("$createXxYy")]),t._v(" API 来调用；通过 API 调用的话，这个弹框是附加到 "),a("code",{pre:!0},[t._v("body")]),t._v(" 元素下的，这样的好处是可以不受外层样式的影响，因为组件调用的话，很容易受到外层 "),a("code",{pre:!0},[t._v("transform")]),t._v(", "),a("code",{pre:!0},[t._v("overflow")]),t._v(" 等样式的影响。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("注意这个 API 的名字的组合就是："),a("code",{pre:!0},[t._v("$create")]),t._v(" + "),a("code",{pre:!0},[t._v("${组件名字}")]),t._v("，例如 "),a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" 组件的话，API 名字就是 "),a("code",{pre:!0},[t._v("$createActionSheet")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/scroll"}},[t._v("Scroll 滚动")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/slide"}},[t._v("Slide 幻灯片")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/index-list"}},[t._v("IndexList 索引列表")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("滚动类组件都是基于 "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 实现，而 "),a("code",{pre:!0},[t._v("Scroll")]),t._v(" 组件就是对 better-scroll 的封装。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/style"}},[t._v("style 模块")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("有些时候，开发者可能也需要自己封装的组件支持 API 式调用，此时可以通过引入 create-api 模块或者通过全局的 "),a("code",{pre:!0},[t._v("Cube.createAPI")]),t._v(" 接口来达到封装目的。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api 模块")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 是组件库依赖的一个库，为了避免重复引入问题，我们暴露出了这个模块。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/better-scroll"}},[t._v("better-scroll 模块")]),t._v("。")])}]}}}); \ No newline at end of file diff --git a/docs/js/13.bd4ee863badf247a7984.js b/docs/js/15.b9244167c95ec9f75c04.js similarity index 99% rename from docs/js/13.bd4ee863badf247a7984.js rename to docs/js/15.b9244167c95ec9f75c04.js index 4c224823..f4ebff73 100644 --- a/docs/js/13.bd4ee863badf247a7984.js +++ b/docs/js/15.b9244167c95ec9f75c04.js @@ -1 +1 @@ -webpackJsonp([13],{485:function(s,t,a){s.exports=a(573)},573:function(s,t,a){var v=a(11)(null,a(574),null,null,null);s.exports=v.exports},574:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Picker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Picker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Picker组件")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Picker")]),s._v("组件支持多列选择器及数据联动。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" }, \n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [col1Data],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("多列选择器")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("data")]),s._v("字段接收一个数组，其长度决定了"),a("code",{pre:!0},[s._v("picker")]),s._v("的列数。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMutiPicker"')]),s._v(">")]),s._v("Multi-column Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" }, \n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col2Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打野'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打野'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'逃生'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'逃生'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'先手'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'先手'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col3Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Multi-column Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [col1Data, col2Data, col3Data],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showMutiPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("配置别名")]),s._v(" "),a("p",[s._v("可通过"),a("code",{pre:!0},[s._v("alias")]),s._v("属性配置"),a("code",{pre:!0},[s._v("value")]),s._v("和"),a("code",{pre:!0},[s._v("text")]),s._v("的别名。如，用"),a("code",{pre:!0},[s._v("id")]),s._v("代表"),a("code",{pre:!0},[s._v("value")]),s._v("，用"),a("code",{pre:!0},[s._v("name")]),s._v("代表"),a("code",{pre:!0},[s._v("text")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showAliasPicker"')]),s._v(">")]),s._v("Use Alias"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use Alias'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [[{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'A'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'B'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'C'")]),s._v(" }]],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("alias")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'id'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'name'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAliasPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("实例方法 "),a("code",{pre:!0},[s._v("setData")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showSetDataPicker"')]),s._v(">")]),s._v("Use SetData"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col2Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col3Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use SetData'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSetDataPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.setData([col1Data, col2Data, col3Data], ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("])\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("实例方法"),a("code",{pre:!0},[s._v("setData")]),s._v("可接受2个参数，都为数组类型。第一个参数为滚轴需要显示的数据，第二个参数为选中值的索引。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("传入picker数据，数组的长度决定了picker的列数")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("被选中的索引值，拉起picker后显示这个索引值对应的内容")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("picker左侧按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("picker右侧按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("alias")]),s._v(" "),a("td",[s._v("配置"),a("code",{pre:!0},[s._v("value")]),s._v("和"),a("code",{pre:!0},[s._v("text")]),s._v("的别名")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("{ value: 'id', text: 'name'}")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v("子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("picker每一列展示的文案")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("picker每一列展示的每项文案对应的值")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("selectedVal: 当前选中项每一列的值，Array类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前选中项每一列的索引，Array类型")]),s._v(" "),a("td",[s._v("selectedText: 当前选中项每一列的文案，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("index: 当前滚动列次序，Number类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引，Number类型")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("value-change")]),s._v(" "),a("td",[s._v("所确认的值变化时触发此事件")]),s._v(" "),a("td",[s._v("selectedVal: 当前确认项每一列的值，Array类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前确认项每一列的索引，Array类型")]),s._v(" "),a("td",[s._v("selectedText: 当前选中项每一列的文案，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("设置picker可选项")]),s._v(" "),a("td",[s._v("picker每列可选项的文案和值，Array类型")]),s._v(" "),a("td",[s._v("picker每列选中的索引，Array类型")])])])])}]}}}); \ No newline at end of file +webpackJsonp([15],{487:function(s,t,a){s.exports=a(581)},581:function(s,t,a){var v=a(11)(null,a(582),null,null,null);s.exports=v.exports},582:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Picker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Picker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Picker组件")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Picker")]),s._v("组件支持多列选择器及数据联动。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" }, \n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [col1Data],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("多列选择器")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("data")]),s._v("字段接收一个数组，其长度决定了"),a("code",{pre:!0},[s._v("picker")]),s._v("的列数。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMutiPicker"')]),s._v(">")]),s._v("Multi-column Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" }, \n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col2Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打野'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打野'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'逃生'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'逃生'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'先手'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'先手'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col3Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Multi-column Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [col1Data, col2Data, col3Data],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showMutiPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("配置别名")]),s._v(" "),a("p",[s._v("可通过"),a("code",{pre:!0},[s._v("alias")]),s._v("属性配置"),a("code",{pre:!0},[s._v("value")]),s._v("和"),a("code",{pre:!0},[s._v("text")]),s._v("的别名。如，用"),a("code",{pre:!0},[s._v("id")]),s._v("代表"),a("code",{pre:!0},[s._v("value")]),s._v("，用"),a("code",{pre:!0},[s._v("name")]),s._v("代表"),a("code",{pre:!0},[s._v("text")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showAliasPicker"')]),s._v(">")]),s._v("Use Alias"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use Alias'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [[{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'A'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'B'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'C'")]),s._v(" }]],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("alias")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'id'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'name'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAliasPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("实例方法 "),a("code",{pre:!0},[s._v("setData")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showSetDataPicker"')]),s._v(">")]),s._v("Use SetData"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col2Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col3Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use SetData'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSetDataPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.setData([col1Data, col2Data, col3Data], ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("])\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("实例方法"),a("code",{pre:!0},[s._v("setData")]),s._v("可接受2个参数，都为数组类型。第一个参数为滚轴需要显示的数据，第二个参数为选中值的索引。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("传入picker数据，数组的长度决定了picker的列数")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("被选中的索引值，拉起picker后显示这个索引值对应的内容")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("picker左侧按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("picker右侧按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("alias")]),s._v(" "),a("td",[s._v("配置"),a("code",{pre:!0},[s._v("value")]),s._v("和"),a("code",{pre:!0},[s._v("text")]),s._v("的别名")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("{ value: 'id', text: 'name'}")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v("子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("picker每一列展示的文案")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("picker每一列展示的每项文案对应的值")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("selectedVal: 当前选中项每一列的值，Array类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前选中项每一列的索引，Array类型")]),s._v(" "),a("td",[s._v("selectedText: 当前选中项每一列的文案，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("index: 当前滚动列次序，Number类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引，Number类型")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("value-change")]),s._v(" "),a("td",[s._v("所确认的值变化时触发此事件")]),s._v(" "),a("td",[s._v("selectedVal: 当前确认项每一列的值，Array类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前确认项每一列的索引，Array类型")]),s._v(" "),a("td",[s._v("selectedText: 当前选中项每一列的文案，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("设置picker可选项")]),s._v(" "),a("td",[s._v("picker每列可选项的文案和值，Array类型")]),s._v(" "),a("td",[s._v("picker每列选中的索引，Array类型")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/14.8a7d929bde84a3509c90.js b/docs/js/16.50c0d5db4fc09f695190.js similarity index 94% rename from docs/js/14.8a7d929bde84a3509c90.js rename to docs/js/16.50c0d5db4fc09f695190.js index 92aedfe6..445b2eeb 100644 --- a/docs/js/14.8a7d929bde84a3509c90.js +++ b/docs/js/16.50c0d5db4fc09f695190.js @@ -1 +1 @@ -webpackJsonp([14],{484:function(s,t,a){s.exports=a(571)},571:function(s,t,a){var e=a(11)(null,a(572),null,null,null);s.exports=e.exports},572:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Loading"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Loading-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Loading")]),s._v(" "),a("p",[s._v("加载，提供了可自定义大小的加载动画。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("图标大小")]),s._v(" "),a("p",[s._v("默认大小为"),a("code",{pre:!0},[s._v("24px")]),s._v("，可通过"),a("code",{pre:!0},[s._v("size")]),s._v("属性配置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"28"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"40"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("加载图标的大小，单位px")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("24")])])])])}]}}}); \ No newline at end of file +webpackJsonp([16],{486:function(s,t,a){s.exports=a(579)},579:function(s,t,a){var e=a(11)(null,a(580),null,null,null);s.exports=e.exports},580:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Loading"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Loading-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Loading")]),s._v(" "),a("p",[s._v("加载，提供了可自定义大小的加载动画。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("图标大小")]),s._v(" "),a("p",[s._v("默认大小为"),a("code",{pre:!0},[s._v("24px")]),s._v("，可通过"),a("code",{pre:!0},[s._v("size")]),s._v("属性配置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"28"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"40"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("加载图标的大小，单位px")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("24")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/17.680c13d3e7005990b453.js b/docs/js/17.680c13d3e7005990b453.js new file mode 100644 index 00000000..4dd85f2e --- /dev/null +++ b/docs/js/17.680c13d3e7005990b453.js @@ -0,0 +1 @@ +webpackJsonp([17],{485:function(t,s,a){t.exports=a(577)},577:function(t,s,a){var e=a(11)(null,a(578),null,null,null);t.exports=e.exports},578:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"介绍"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-介绍-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 介绍")]),t._v(" "),a("p",[t._v("cube-ui 是基于 Vue.js 实现的精致移动端组件库。")]),t._v(" "),a("h3",{attrs:{id:"特性"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-特性-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 特性")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 组件")]),t._v(" "),a("h4",{attrs:{id:"基础"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-基础-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 基础")]),t._v(" "),t._m(1),t._v(" "),a("h4",{attrs:{id:"弹层"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-弹层-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 弹层")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),a("p",[t._v("组件调用：")]),t._v(" "),t._m(4),t._v(" "),a("p",[t._v("API 调用：")]),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),a("h4",{attrs:{id:"滚动"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-滚动-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 滚动")]),t._v(" "),t._m(8),t._v(" "),t._m(9),t._v(" "),a("h4",{attrs:{id:"高级"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-高级-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 高级")]),t._v(" "),t._m(10),t._v(" "),a("h3",{attrs:{id:"模块"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-模块-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 模块")]),t._v(" "),a("p",[t._v("除了组件之外，cube-ui 还有一些特殊的模块。")]),t._v(" "),a("h4",{attrs:{id:"style"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-style-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" style")]),t._v(" "),a("p",[t._v("样式部分，如果你是在按需引入使用的场景下，那么建议在入口文件处也要引入这个模块，因为它包含基础的 reset、基础通用样式以及内置 icon。")]),t._v(" "),t._m(11),t._v(" "),a("h4",{attrs:{id:"create-api"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-create-api-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" create-api")]),t._v(" "),t._m(12),t._v(" "),t._m(13),t._v(" "),a("h4",{attrs:{id:"better-scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-better-scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll")]),t._v(" "),t._m(14),t._v(" "),t._m(15)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[a("strong",[t._v("质量可靠")])]),t._v(" "),a("p",[t._v("由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("体验极致")])]),t._v(" "),a("p",[t._v("以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("标准规范")])]),t._v(" "),a("p",[t._v("遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("扩展性强")])]),t._v(" "),a("p",[t._v("支持按需引入和"),a("a",{attrs:{href:"#/zh-CN/docs/post-compile"}},[t._v("后编译")]),t._v("，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/button"}},[t._v("Button 按钮")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/checkbox"}},[t._v("Checkbox 复选框")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/checkbox-group"}},[t._v("CheckboxGroup 复选框组")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/radio"}},[t._v("Radio 单选框")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/loading"}},[t._v("Loading 加载中")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/tip"}},[t._v("Tip 提示")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/popup"}},[t._v("Popup")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/toast"}},[t._v("Toast 提醒")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/picker"}},[t._v("Picker 选择器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[t._v("TimePicker 时间选择器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/dialog"}},[t._v("Dialog 弹框")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/action-sheet"}},[t._v("ActionSheet 操作菜单")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("所有的弹层类组件可以通过组件调用和 API 调用，来看示例（"),a("code",{pre:!0},[t._v("Toast")]),t._v(" 为例）：")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"toast"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":txt")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"toastTxt"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),a("span",{attrs:{class:"javascript"}},[t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.toast.show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),a("span",{attrs:{class:"javascript"}},[t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".toastTxt\n }).show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("两种方式都可以，但是我们推荐后者，通过 "),a("code",{pre:!0},[t._v("$createXxYy")]),t._v(" API 来调用；通过 API 调用的话，这个弹框是附加到 "),a("code",{pre:!0},[t._v("body")]),t._v(" 元素下的，这样的好处是可以不受外层样式的影响，因为组件调用的话，很容易受到外层 "),a("code",{pre:!0},[t._v("transform")]),t._v(", "),a("code",{pre:!0},[t._v("overflow")]),t._v(" 等样式的影响。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("注意这个 API 的名字的组合就是："),a("code",{pre:!0},[t._v("$create")]),t._v(" + "),a("code",{pre:!0},[t._v("${组件名字}")]),t._v("，例如 "),a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" 组件的话，API 名字就是 "),a("code",{pre:!0},[t._v("$createActionSheet")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/scroll"}},[t._v("Scroll 滚动")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/slide"}},[t._v("Slide 幻灯片")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/index-list"}},[t._v("IndexList 索引列表")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("滚动类组件都是基于 "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 实现，而 "),a("code",{pre:!0},[t._v("Scroll")]),t._v(" 组件就是对 better-scroll 的封装。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/upload"}},[t._v("Upload 上传")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/style"}},[t._v("style 模块")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("有些时候，开发者可能也需要自己封装的组件支持 API 式调用，此时可以通过引入 create-api 模块或者通过全局的 "),a("code",{pre:!0},[t._v("Cube.createAPI")]),t._v(" 接口来达到封装目的。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api 模块")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 是组件库依赖的一个库，为了避免重复引入问题，我们暴露出了这个模块。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/better-scroll"}},[t._v("better-scroll 模块")]),t._v("。")])}]}}}); \ No newline at end of file diff --git a/docs/js/16.497b9ec096531c7800dc.js b/docs/js/18.0ddbfd3c827c3e21ccec.js similarity index 98% rename from docs/js/16.497b9ec096531c7800dc.js rename to docs/js/18.0ddbfd3c827c3e21ccec.js index f4b0ad40..6e786eb4 100644 --- a/docs/js/16.497b9ec096531c7800dc.js +++ b/docs/js/18.0ddbfd3c827c3e21ccec.js @@ -1 +1 @@ -webpackJsonp([16],{482:function(s,t,a){s.exports=a(567)},567:function(s,t,a){var n=a(11)(null,a(568),null,null,null);s.exports=n.exports},568:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"IndexList"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-IndexList-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" IndexList")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(7)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("索引列表，提供了列表索引的功能，也是一个基于"),a("code",{pre:!0},[s._v("better-scroll")]),s._v("进行封装的组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本使用")]),s._v(" "),a("p",[s._v("构造如示例中 "),a("code",{pre:!0},[s._v("cityData")]),s._v(" 这样结构的数据，传入 "),a("code",{pre:!0},[s._v("cube-index-list")]),s._v(" 组件的 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@title-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickTitle"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"★Hot City"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"BEIJING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"SHANGHAI"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"A"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANSHAN"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANQING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n }\n ]\n }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Current City: BEIJING'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义插槽")]),s._v(" "),a("p",[s._v("除了默认结构，你还可以根据自己的需要自定义每一项的内容。如下所示，将你的自定义内容项填入"),a("code",{pre:!0},[s._v("cube-index-list-item")]),s._v("的插槽。除非你真的知道自己在做什么，否则不要修改"),a("code",{pre:!0},[s._v("cube-index-list-group")]),s._v("和"),a("code",{pre:!0},[s._v("cube-index-list-item")]),s._v("的用法。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list-group")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(group, index) in cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":group")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"group"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in group.items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":item")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"custom-item"')]),s._v(">")]),s._v("我是自定义 {{item.name}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// 自定义项的样式")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".custom-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("70px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("70px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("16px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$fontsize")]),s._v("-medium\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 用自定义样式，覆写内置的默认样式")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#222")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#909090")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-anchor")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#333")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("30px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("30px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-nav")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background")]),s._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(","),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(","),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",."),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(")\n >"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ul")]),s._v("\n >"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("12px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#909090")]),s._v("\n &"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".active")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#ffcd32")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("需要展示的数据")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("点击导航栏索引时，滚动到相应位置的动画时间（单位：ms）")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" 是数组，表示的是一组数据，每一项配置：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("name")]),s._v(" "),a("td",[s._v("组名")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("items")]),s._v(" "),a("td",[s._v("当前组下的数据项")]),s._v(" "),a("td",[s._v("Array")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("items")]),s._v(" 数组中的每一项必须是对象，且包含 "),a("code",{pre:!0},[s._v("name")]),s._v(" 属性用于显示内容；例如 "),a("code",{pre:!0},[s._v("items")]),s._v(": "),a("code",{pre:!0},[s._v("[{name: 'xx', ...}, ...]")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击 IndexList 的某一项后触发")]),s._v(" "),a("td",[s._v("该选项的数据")])]),s._v(" "),a("tr",[a("td",[s._v("title-click")]),s._v(" "),a("td",[s._v("点击 title 后触发(title 必须设置后才有效)")]),s._v(" "),a("td",[s._v("title属性值")])])])])}]}}}); \ No newline at end of file +webpackJsonp([18],{484:function(s,t,a){s.exports=a(575)},575:function(s,t,a){var n=a(11)(null,a(576),null,null,null);s.exports=n.exports},576:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"IndexList"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-IndexList-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" IndexList")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(7)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("索引列表，提供了列表索引的功能，也是一个基于"),a("code",{pre:!0},[s._v("better-scroll")]),s._v("进行封装的组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本使用")]),s._v(" "),a("p",[s._v("构造如示例中 "),a("code",{pre:!0},[s._v("cityData")]),s._v(" 这样结构的数据，传入 "),a("code",{pre:!0},[s._v("cube-index-list")]),s._v(" 组件的 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@title-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickTitle"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"★Hot City"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"BEIJING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"SHANGHAI"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"A"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANSHAN"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANQING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n }\n ]\n }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Current City: BEIJING'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义插槽")]),s._v(" "),a("p",[s._v("除了默认结构，你还可以根据自己的需要自定义每一项的内容。如下所示，将你的自定义内容项填入"),a("code",{pre:!0},[s._v("cube-index-list-item")]),s._v("的插槽。除非你真的知道自己在做什么，否则不要修改"),a("code",{pre:!0},[s._v("cube-index-list-group")]),s._v("和"),a("code",{pre:!0},[s._v("cube-index-list-item")]),s._v("的用法。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list-group")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(group, index) in cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":group")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"group"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in group.items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":item")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"custom-item"')]),s._v(">")]),s._v("我是自定义 {{item.name}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// 自定义项的样式")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".custom-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("70px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("70px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("16px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$fontsize")]),s._v("-medium\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 用自定义样式，覆写内置的默认样式")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#222")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#909090")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-anchor")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#333")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("30px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("30px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-nav")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background")]),s._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(","),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(","),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",."),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(")\n >"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ul")]),s._v("\n >"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("12px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#909090")]),s._v("\n &"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".active")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#ffcd32")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("需要展示的数据")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("点击导航栏索引时，滚动到相应位置的动画时间（单位：ms）")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" 是数组，表示的是一组数据，每一项配置：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("name")]),s._v(" "),a("td",[s._v("组名")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("items")]),s._v(" "),a("td",[s._v("当前组下的数据项")]),s._v(" "),a("td",[s._v("Array")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("items")]),s._v(" 数组中的每一项必须是对象，且包含 "),a("code",{pre:!0},[s._v("name")]),s._v(" 属性用于显示内容；例如 "),a("code",{pre:!0},[s._v("items")]),s._v(": "),a("code",{pre:!0},[s._v("[{name: 'xx', ...}, ...]")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击 IndexList 的某一项后触发")]),s._v(" "),a("td",[s._v("该选项的数据")])]),s._v(" "),a("tr",[a("td",[s._v("title-click")]),s._v(" "),a("td",[s._v("点击 title 后触发(title 必须设置后才有效)")]),s._v(" "),a("td",[s._v("title属性值")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/19.291ed24ddb0a553b3097.js b/docs/js/19.291ed24ddb0a553b3097.js deleted file mode 100644 index 450e854b..00000000 --- a/docs/js/19.291ed24ddb0a553b3097.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([19],{479:function(t,s,a){t.exports=a(561)},561:function(t,s,a){var e=a(11)(null,a(562),null,null,null);t.exports=e.exports},562:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Checkbox复选框"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Checkbox复选框-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Checkbox 复选框")]),t._v(" "),a("p",[t._v("复选框，可设置其状态、传入特殊 class 以及复选框图标位置。")]),t._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[t._v("基本用法"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(">")]),t._v("\n Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v("\n如果选中了，则 "),a("code",{pre:!0},[t._v("checked")]),t._v(" 的值就为 "),a("code",{pre:!0},[t._v("true")]),t._v("。")]),t._v(" "),a("li",[t._v("禁用状态"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("\n Disabled Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v("\n设置 "),a("code",{pre:!0},[t._v("disabled")]),t._v(" 为 "),a("code",{pre:!0},[t._v("true")]),t._v(" 即为禁用状态")]),t._v(" "),a("li",[t._v("复选框图标位置"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("position")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"right"')]),t._v(">")]),t._v("\n Position Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v("\n设置 "),a("code",{pre:!0},[t._v("position")]),t._v(" 为 "),a("code",{pre:!0},[t._v("'right'")]),t._v(" 则复选框图标位置在右边")]),t._v(" "),a("li",[t._v("改变 model 的值"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"labelValue"')]),t._v(">")]),t._v("\n Set label Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v("\n设置 "),a("code",{pre:!0},[t._v("label")]),t._v("，当复选框选中的时候，"),a("code",{pre:!0},[t._v("checked")]),t._v(" 的值就是 "),a("code",{pre:!0},[t._v("'labelValue'")]),t._v("，当未选中的时候，"),a("code",{pre:!0},[t._v("checked")]),t._v(" 的值就是 "),a("code",{pre:!0},[t._v("false")]),t._v("；所以其实在单个复选框的场景下，最好不要设置 "),a("code",{pre:!0},[t._v("label")]),t._v("。")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("是否被禁用")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("position")]),t._v(" "),a("td",[t._v("位置")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("left/right")]),t._v(" "),a("td",[t._v("left")])]),t._v(" "),a("tr",[a("td",[t._v("label")]),t._v(" "),a("td",[t._v("如果选中的话，则是把该值映射到 v-model 上")]),t._v(" "),a("td",[t._v("Boolean/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("事件名")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("input")]),t._v(" "),a("td",[t._v("选中状态发生改变时触发")]),t._v(" "),a("td",[t._v("设置的 label 的值或者是否选中的布尔值")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/17.1e9fb66f18309b4b99f3.js b/docs/js/19.4b88eaaa21aac7857b48.js similarity index 99% rename from docs/js/17.1e9fb66f18309b4b99f3.js rename to docs/js/19.4b88eaaa21aac7857b48.js index 5384c28d..093b470e 100644 --- a/docs/js/17.1e9fb66f18309b4b99f3.js +++ b/docs/js/19.4b88eaaa21aac7857b48.js @@ -1 +1 @@ -webpackJsonp([17],{481:function(t,s,a){t.exports=a(565)},565:function(t,s,a){var v=a(11)(null,a(566),null,null,null);t.exports=v.exports},566:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Dialog"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Dialog-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Dialog")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 插槽")]),t._v(" "),t._m(7),t._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(8)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Dialog")]),t._v("模态框组件，提供了多种样式及交互形式。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("类型设置")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showAlert"')]),t._v(">")]),t._v("Dialog - type"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showAlert() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("type")]),t._v(" 可选的值为 "),a("code",{pre:!0},[t._v("alert")]),t._v(" (对应为提示框)、"),a("code",{pre:!0},[t._v("confirm")]),t._v(" (对应为确认框)。")])]),t._v(" "),a("li",[a("p",[t._v("按钮设置")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showBtn"')]),t._v(">")]),t._v("Dialog - btn"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showBtn() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'确定按钮'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'取消按钮'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onConfirm")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击确认按钮'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击取消按钮'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("按钮设置可接受 "),a("code",{pre:!0},[t._v("String")]),t._v(" 或 "),a("code",{pre:!0},[t._v("Object")]),t._v(" 类型数据，当传入 "),a("code",{pre:!0},[t._v("Object")]),t._v(" 类型的数据时，可通过 "),a("code",{pre:!0},[t._v("text")]),t._v(" 字段来设置按钮文案内容、"),a("code",{pre:!0},[t._v("active")]),t._v(" 字段来设置按钮文案是否高亮、"),a("code",{pre:!0},[t._v("disabled")]),t._v(" 字段来设置按钮是否禁用、"),a("code",{pre:!0},[t._v("href")]),t._v(" 字段为按钮的跳转链接。")])]),t._v(" "),a("li",[a("p",[t._v("关闭按钮")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showClose"')]),t._v(">")]),t._v("Dialog - show close"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showClose() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showClose")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onClose")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击关闭按钮'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("showClose")]),t._v(" 字段决定是否需要显示关闭按钮，同时点击关闭按钮会触发 "),a("code",{pre:!0},[t._v("close")]),t._v(" 事件，如果传入了 "),a("code",{pre:!0},[t._v("onClose")]),t._v(" 则会被调用。")])]),t._v(" "),a("li",[a("p",[t._v("插槽")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showSlot"')]),t._v(">")]),t._v("Dialog - slot"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showSlot() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我知道了'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }, (createElement) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v("\n }, [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title-img'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'附近车少,优选出租车将来接您'")]),t._v(")\n ]),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-content'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'content'")]),t._v("\n }, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'价格仍按快车计算'")]),t._v(")\n ]\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("$createDialog")]),t._v(" 的第二个参数是 "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html"}},[t._v("render 函数")]),t._v("，一般用于处理插槽的场景；Dialog 组件提供了 2 个具名的插槽 "),a("code",{pre:!0},[t._v("title")]),t._v(" 和 "),a("code",{pre:!0},[t._v("content")]),t._v("，分别用来分发标题和内容。")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("类型")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("提示框 alert / 确认框 confirm")]),t._v(" "),a("td",[t._v("alert")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("图标的 class 名")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("a",{attrs:{href:"#/style"}},[t._v("参照 style 模块下的内置 icon 部分")])]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("标题")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("正文")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("showClose")]),t._v(" "),a("td",[t._v("是否显示关闭按钮")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("confirmBtn")]),t._v(" "),a("td",[t._v("确认按钮参数配置")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '确定', active: true, href: 'javascript:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("cancelBtn")]),t._v(" "),a("td",[t._v("取消按钮参数配置")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '取消', active: false, href: 'javascript:;' }")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("confirmBtn")]),t._v(" 子配置项")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("按钮文案")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'确认'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("是否高亮")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("是否禁用")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("点击按钮后的跳转链接")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("cancelBtn")]),t._v(" 子配置项")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("按钮文案")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("是否高亮")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("是否禁用")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("点击按钮后的跳转链接")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("名字")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("作用域参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("标题")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("内容")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("事件名")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("confirm")]),t._v(" "),a("td",[t._v("点击确认按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")])]),t._v(" "),a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("点击取消按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")])]),t._v(" "),a("tr",[a("td",[t._v("close")]),t._v(" "),a("td",[t._v("点击关闭按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")])])])])}]}}}); \ No newline at end of file +webpackJsonp([19],{483:function(t,s,a){t.exports=a(573)},573:function(t,s,a){var v=a(11)(null,a(574),null,null,null);t.exports=v.exports},574:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Dialog"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Dialog-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Dialog")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 插槽")]),t._v(" "),t._m(7),t._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(8)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Dialog")]),t._v("模态框组件，提供了多种样式及交互形式。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("类型设置")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showAlert"')]),t._v(">")]),t._v("Dialog - type"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showAlert() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("type")]),t._v(" 可选的值为 "),a("code",{pre:!0},[t._v("alert")]),t._v(" (对应为提示框)、"),a("code",{pre:!0},[t._v("confirm")]),t._v(" (对应为确认框)。")])]),t._v(" "),a("li",[a("p",[t._v("按钮设置")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showBtn"')]),t._v(">")]),t._v("Dialog - btn"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showBtn() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'确定按钮'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'取消按钮'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onConfirm")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击确认按钮'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击取消按钮'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("按钮设置可接受 "),a("code",{pre:!0},[t._v("String")]),t._v(" 或 "),a("code",{pre:!0},[t._v("Object")]),t._v(" 类型数据，当传入 "),a("code",{pre:!0},[t._v("Object")]),t._v(" 类型的数据时，可通过 "),a("code",{pre:!0},[t._v("text")]),t._v(" 字段来设置按钮文案内容、"),a("code",{pre:!0},[t._v("active")]),t._v(" 字段来设置按钮文案是否高亮、"),a("code",{pre:!0},[t._v("disabled")]),t._v(" 字段来设置按钮是否禁用、"),a("code",{pre:!0},[t._v("href")]),t._v(" 字段为按钮的跳转链接。")])]),t._v(" "),a("li",[a("p",[t._v("关闭按钮")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showClose"')]),t._v(">")]),t._v("Dialog - show close"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showClose() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showClose")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onClose")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击关闭按钮'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("showClose")]),t._v(" 字段决定是否需要显示关闭按钮，同时点击关闭按钮会触发 "),a("code",{pre:!0},[t._v("close")]),t._v(" 事件，如果传入了 "),a("code",{pre:!0},[t._v("onClose")]),t._v(" 则会被调用。")])]),t._v(" "),a("li",[a("p",[t._v("插槽")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showSlot"')]),t._v(">")]),t._v("Dialog - slot"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showSlot() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我知道了'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }, (createElement) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v("\n }, [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title-img'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'附近车少,优选出租车将来接您'")]),t._v(")\n ]),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-content'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'content'")]),t._v("\n }, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'价格仍按快车计算'")]),t._v(")\n ]\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("$createDialog")]),t._v(" 的第二个参数是 "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html"}},[t._v("render 函数")]),t._v("，一般用于处理插槽的场景；Dialog 组件提供了 2 个具名的插槽 "),a("code",{pre:!0},[t._v("title")]),t._v(" 和 "),a("code",{pre:!0},[t._v("content")]),t._v("，分别用来分发标题和内容。")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("类型")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("提示框 alert / 确认框 confirm")]),t._v(" "),a("td",[t._v("alert")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("图标的 class 名")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("a",{attrs:{href:"#/style"}},[t._v("参照 style 模块下的内置 icon 部分")])]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("标题")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("正文")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("showClose")]),t._v(" "),a("td",[t._v("是否显示关闭按钮")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("confirmBtn")]),t._v(" "),a("td",[t._v("确认按钮参数配置")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '确定', active: true, href: 'javascript:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("cancelBtn")]),t._v(" "),a("td",[t._v("取消按钮参数配置")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '取消', active: false, href: 'javascript:;' }")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("confirmBtn")]),t._v(" 子配置项")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("按钮文案")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'确认'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("是否高亮")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("是否禁用")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("点击按钮后的跳转链接")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("cancelBtn")]),t._v(" 子配置项")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("按钮文案")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("是否高亮")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("是否禁用")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("点击按钮后的跳转链接")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("名字")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("作用域参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("标题")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("内容")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("事件名")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("confirm")]),t._v(" "),a("td",[t._v("点击确认按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")])]),t._v(" "),a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("点击取消按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")])]),t._v(" "),a("tr",[a("td",[t._v("close")]),t._v(" "),a("td",[t._v("点击关闭按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/2.1ee8c2667f1b51933544.js b/docs/js/2.1ee8c2667f1b51933544.js new file mode 100644 index 00000000..c9680669 --- /dev/null +++ b/docs/js/2.1ee8c2667f1b51933544.js @@ -0,0 +1 @@ +webpackJsonp([2],{500:function(t,v,_){t.exports=_(607)},607:function(t,v,_){var s=_(11)(null,_(608),null,null,null);t.exports=s.exports},608:function(t,v){t.exports={render:function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("section",[_("h2",{attrs:{id:"Upload组件"}},[_("a",{staticClass:"anchor",attrs:{href:"#cube-Upload组件-anchor","aria-hidden":"true"}},[_("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[_("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Upload 组件")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),_("h3",{attrs:{id:"示例"}},[_("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[_("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[_("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(3),t._v(" "),_("h3",{attrs:{id:"Props配置"}},[_("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[_("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[_("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),t._m(9),t._v(" "),_("h3",{attrs:{id:"事件"}},[_("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[_("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[_("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(10),t._v(" "),_("h3",{attrs:{id:"实例方法"}},[_("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[_("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[_("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 实例方法")]),t._v(" "),t._m(11)])},staticRenderFns:[function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("p",[_("code",{pre:!0},[t._v("Upload")]),t._v(" 上传组件。")])},function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("p",[_("strong",[t._v("注：")]),t._v(" 本文中所有的原始文件对象统称为"),_("strong",[t._v("原始文件")]),t._v("，而经过包装后的文件对象称为"),_("strong",[t._v("文件对象")]),t._v("，这个文件对象的结构如下：")])},function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("table",[_("thead",[_("tr",[_("th",[t._v("属性")]),t._v(" "),_("th",[t._v("说明")]),t._v(" "),_("th",[t._v("类型")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("name")]),t._v(" "),_("td",[t._v("文件名")]),t._v(" "),_("td",[t._v("String")])]),t._v(" "),_("tr",[_("td",[t._v("size")]),t._v(" "),_("td",[t._v("文件大小")]),t._v(" "),_("td",[t._v("Number")])]),t._v(" "),_("tr",[_("td",[t._v("url")]),t._v(" "),_("td",[t._v("文件 url，通过 URL.createObjectURL 获得")]),t._v(" "),_("td",[t._v("String")])]),t._v(" "),_("tr",[_("td",[t._v("base64")]),t._v(" "),_("td",[t._v("文件 base64 的值，这个会从原始文件的 base64 属性获得（默认是没有的，但是插件可以添加，例如下边演示的压缩 compress 插件就会添加 base64 值）")]),t._v(" "),_("td",[t._v("String")])]),t._v(" "),_("tr",[_("td",[t._v("status")]),t._v(" "),_("td",[t._v("文件状态，包含四个： ready, uploading, success, error")]),t._v(" "),_("td",[t._v("String")])]),t._v(" "),_("tr",[_("td",[t._v("progress")]),t._v(" "),_("td",[t._v("文件上传进度，小数 0~1")]),t._v(" "),_("td",[t._v("Number")])]),t._v(" "),_("tr",[_("td",[t._v("file")]),t._v(" "),_("td",[t._v("原始文件")]),t._v(" "),_("td",[t._v("File")])]),t._v(" "),_("tr",[_("td",[t._v("response")]),t._v(" "),_("td",[t._v("响应内容（自动转 JSON）")]),t._v(" "),_("td",[t._v("Object/Array/String")])]),t._v(" "),_("tr",[_("td",[t._v("responseHeaders")]),t._v(" "),_("td",[t._v("响应头")]),t._v(" "),_("td",[t._v("String")])])])])},function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("ul",[_("li",[_("p",[t._v("基本用法")]),t._v(" "),_("pre",{pre:!0},[_("code",{attrs:{"v-pre":"",class:"language-html"}},[_("span",{attrs:{class:"hljs-tag"}},[t._v("<"),_("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("action")]),t._v("="),_("span",{attrs:{class:"hljs-string"}},[t._v('"//jsonplaceholder.typicode.com/photos/"')]),t._v("\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),_("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("@files-added")]),t._v("="),_("span",{attrs:{class:"hljs-string"}},[t._v('"filesAdded"')]),t._v(" />")]),t._v("\n")])]),t._v(" "),_("pre",{pre:!0},[_("code",{attrs:{"v-pre":"",class:"language-js"}},[_("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),_("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n filesAdded(files) {\n "),_("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" maxSize = "),_("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v(" * "),_("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" * "),_("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" "),_("span",{attrs:{class:"hljs-comment"}},[t._v("// 1M")]),t._v("\n "),_("span",{attrs:{class:"hljs-keyword"}},[t._v("for")]),t._v(" ("),_("span",{attrs:{class:"hljs-keyword"}},[t._v("let")]),t._v(" k "),_("span",{attrs:{class:"hljs-keyword"}},[t._v("in")]),t._v(" files) {\n "),_("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" file = files[k]\n "),_("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (file.size > maxSize) {\n file.ignore = "),_("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n }\n }\n}\n")])]),t._v(" "),_("p",[t._v("配置 "),_("code",{pre:!0},[t._v("action")]),t._v(" 表示上传的 URL 地址，而 "),_("code",{pre:!0},[t._v("simultaneous-uploads")]),t._v(" 则表示支持的并发上传个数。")]),t._v(" "),_("p",[t._v("通过 "),_("code",{pre:!0},[t._v("files-added")]),t._v(" 事件可以实现文件过滤，设置 "),_("code",{pre:!0},[t._v("file.ignore = true")]),t._v(" 即可。")])]),t._v(" "),_("li",[_("p",[t._v("压缩图片且通过 Base64 上传")]),t._v(" "),_("pre",{pre:!0},[_("code",{attrs:{"v-pre":"",class:"language-html"}},[_("span",{attrs:{class:"hljs-tag"}},[t._v("<"),_("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),_("span",{attrs:{class:"hljs-string"}},[t._v('"upload2"')]),t._v("\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v(":action")]),t._v("="),_("span",{attrs:{class:"hljs-string"}},[t._v('"action2"')]),t._v("\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),_("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v(":process-file")]),t._v("="),_("span",{attrs:{class:"hljs-string"}},[t._v('"processFile"')]),t._v("\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("@file-submitted")]),t._v("="),_("span",{attrs:{class:"hljs-string"}},[t._v('"fileSubmitted"')]),t._v(" />")]),t._v("\n")])]),t._v(" "),_("pre",{pre:!0},[_("code",{attrs:{"v-pre":"",class:"language-js"}},[_("span",{attrs:{class:"hljs-keyword"}},[t._v("import")]),t._v(" compress "),_("span",{attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),_("span",{attrs:{class:"hljs-string"}},[t._v("'../modules/image'")]),t._v("\n"),_("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),_("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),_("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("action2")]),t._v(": {\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("target")]),t._v(": "),_("span",{attrs:{class:"hljs-string"}},[t._v("'//jsonplaceholder.typicode.com/photos/'")]),t._v(",\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("prop")]),t._v(": "),_("span",{attrs:{class:"hljs-string"}},[t._v("'base64Value'")]),t._v("\n }\n }\n },\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n processFile(file, next) {\n compress(file, {\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("compress")]),t._v(": {\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("width")]),t._v(": "),_("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("height")]),t._v(": "),_("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n "),_("span",{attrs:{class:"hljs-attr"}},[t._v("quality")]),t._v(": "),_("span",{attrs:{class:"hljs-number"}},[t._v("0.5")]),t._v("\n }\n }, next)\n },\n fileSubmitted(file) {\n file.base64Value = file.file.base64\n }\n }\n}\n")])]),t._v(" "),_("p",[_("code",{pre:!0},[t._v("action")]),t._v(" 中除了有 "),_("code",{pre:!0},[t._v("target")]),t._v(" 目标上传地址外；还有 "),_("code",{pre:!0},[t._v("prop")]),t._v(" 配置，表示上传的时候采用处理后的 "),_("code",{pre:!0},[t._v("file")]),t._v(" 普通对象的哪个属性所对应的值上传，这里设置的就是 "),_("code",{pre:!0},[t._v("base64Value")]),t._v(" 的值。")]),t._v(" "),_("p",[_("code",{pre:!0},[t._v("process-file")]),t._v(" 则是一个函数，主要用于处理原生文件的，调用 "),_("code",{pre:!0},[t._v("next")]),t._v(" 回调的话，参数是处理完的文件对象，这里示例的就是调用 "),_("code",{pre:!0},[t._v("compress")]),t._v(" 做压缩，处理完后会回调 "),_("code",{pre:!0},[t._v("next")]),t._v("。")]),t._v(" "),_("p",[_("code",{pre:!0},[t._v("file-submitted")]),t._v(" 事件则是每个文件处理完后添加到 "),_("code",{pre:!0},[t._v("upload")]),t._v(" 实例的 "),_("code",{pre:!0},[t._v("files")]),t._v(" 数组中后触发，参数就是一个处理后的文件对象。")])])])},function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("table",[_("thead",[_("tr",[_("th",[t._v("参数")]),t._v(" "),_("th",[t._v("说明")]),t._v(" "),_("th",[t._v("类型")]),t._v(" "),_("th",[t._v("默认值")]),t._v(" "),_("th",[t._v("示例")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("action")]),t._v(" "),_("td",[t._v("上传行为配置项，最少包含上传目标的 URL 地址")]),t._v(" "),_("td",[t._v("String/Object")]),t._v(" "),_("td",[t._v("''")]),t._v(" "),_("td",[t._v("{ target: '/upload' }")])]),t._v(" "),_("tr",[_("td",[t._v("max")]),t._v(" "),_("td",[t._v("最大上传文件个数")]),t._v(" "),_("td",[t._v("Number")]),t._v(" "),_("td",[t._v("10")]),t._v(" "),_("td",[t._v("-")])]),t._v(" "),_("tr",[_("td",[t._v("auto")]),t._v(" "),_("td",[t._v("是否自动上传，即选择完文件后自动开始上传")]),t._v(" "),_("td",[t._v("Boolean")]),t._v(" "),_("td",[t._v("true")]),t._v(" "),_("td",[t._v("-")])]),t._v(" "),_("tr",[_("td",[t._v("simultaneousUploads")]),t._v(" "),_("td",[t._v("并发上传数")]),t._v(" "),_("td",[t._v("Number")]),t._v(" "),_("td",[t._v("1")]),t._v(" "),_("td",[t._v("-")])]),t._v(" "),_("tr",[_("td",[t._v("processFile")]),t._v(" "),_("td",[t._v("处理原始文件函数")]),t._v(" "),_("td",[t._v("Function")]),t._v(" "),_("td",[t._v("function (file, next) { next(file) }")]),t._v(" "),_("td",[t._v("-")])])])])},function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("ul",[_("li",[_("code",{pre:!0},[t._v("action")]),t._v(" 子配置项")])])},function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("p",[t._v("如果 "),_("code",{pre:!0},[t._v("action")]),t._v(" 是字符串，则会被处理成 "),_("code",{pre:!0},[t._v("{ target: action }")]),t._v(" 这样结构。")])},function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("table",[_("thead",[_("tr",[_("th",[t._v("参数")]),t._v(" "),_("th",[t._v("说明")]),t._v(" "),_("th",[t._v("类型")]),t._v(" "),_("th",[t._v("默认值")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("target")]),t._v(" "),_("td",[t._v("上传目标 URL")]),t._v(" "),_("td",[t._v("String")]),t._v(" "),_("td",[t._v("-")])]),t._v(" "),_("tr",[_("td",[t._v("fileName")]),t._v(" "),_("td",[t._v("上传文件时文件的参数名")]),t._v(" "),_("td",[t._v("String")]),t._v(" "),_("td",[t._v("'file'")])]),t._v(" "),_("tr",[_("td",[t._v("prop")]),t._v(" "),_("td",[t._v("上传的时候使用文件对象的 prop 属性所对应的值")]),t._v(" "),_("td",[t._v("String")]),t._v(" "),_("td",[t._v("'file'")])]),t._v(" "),_("tr",[_("td",[t._v("headers")]),t._v(" "),_("td",[t._v("自定义请求头")]),t._v(" "),_("td",[t._v("Object")]),t._v(" "),_("td",[t._v("{}")])]),t._v(" "),_("tr",[_("td",[t._v("data")]),t._v(" "),_("td",[t._v("上传需要附加数据")]),t._v(" "),_("td",[t._v("Object")]),t._v(" "),_("td",[t._v("{}")])]),t._v(" "),_("tr",[_("td",[t._v("withCredentials")]),t._v(" "),_("td",[t._v("标准的 CORS 请求是不会带上 cookie 的，如果想要带的话需要设置 withCredentials 为 true")]),t._v(" "),_("td",[t._v("Boolean")]),t._v(" "),_("td",[t._v("false")])]),t._v(" "),_("tr",[_("td",[t._v("timeout")]),t._v(" "),_("td",[t._v("请求超时时间")]),t._v(" "),_("td",[t._v("Number")]),t._v(" "),_("td",[t._v("0")])]),t._v(" "),_("tr",[_("td",[t._v("progressInterval")]),t._v(" "),_("td",[t._v("进度回调间隔（单位：ms）")]),t._v(" "),_("td",[t._v("Number")]),t._v(" "),_("td",[t._v("100")])])])])},function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("ul",[_("li",[_("code",{pre:!0},[t._v("processFile")]),t._v(" 子配置项")])])},function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("p",[t._v("一个函数，这个函数有两个参数："),_("code",{pre:!0},[t._v("(file, next)")]),t._v("，"),_("code",{pre:!0},[t._v("file")]),t._v(" 就是原始文件，"),_("code",{pre:!0},[t._v("next")]),t._v(" 为处理完毕后的回调函数，调用的时候需要传入处理后的文件。")])},function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("table",[_("thead",[_("tr",[_("th",[t._v("事件名")]),t._v(" "),_("th",[t._v("说明")]),t._v(" "),_("th",[t._v("参数")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("files-added")]),t._v(" "),_("td",[t._v("选择完文件后触发，一般可用作文件过滤")]),t._v(" "),_("td",[t._v("原始文件列表")])]),t._v(" "),_("tr",[_("td",[t._v("file-submitted")]),t._v(" "),_("td",[t._v("每个文件处理完后添加到 "),_("code",{pre:!0},[t._v("upload")]),t._v(" 实例的 "),_("code",{pre:!0},[t._v("files")]),t._v(" 数组中后触发")]),t._v(" "),_("td",[t._v("文件对象")])]),t._v(" "),_("tr",[_("td",[t._v("file-removed")]),t._v(" "),_("td",[t._v("文件被删除后触发")]),t._v(" "),_("td",[t._v("文件对象")])]),t._v(" "),_("tr",[_("td",[t._v("file-success")]),t._v(" "),_("td",[t._v("文件上传成功后触发")]),t._v(" "),_("td",[t._v("文件对象")])]),t._v(" "),_("tr",[_("td",[t._v("file-error")]),t._v(" "),_("td",[t._v("文件上传失败后触发")]),t._v(" "),_("td",[t._v("文件对象")])]),t._v(" "),_("tr",[_("td",[t._v("file-click")]),t._v(" "),_("td",[t._v("文件点击后触发")]),t._v(" "),_("td",[t._v("文件对象")])])])])},function(){var t=this,v=t.$createElement,_=t._self._c||v;return _("table",[_("thead",[_("tr",[_("th",[t._v("方法名")]),t._v(" "),_("th",[t._v("说明")]),t._v(" "),_("th",[t._v("参数")])])]),t._v(" "),_("tbody",[_("tr",[_("td",[t._v("start")]),t._v(" "),_("td",[t._v("开始上传")]),t._v(" "),_("td",[t._v("-")])]),t._v(" "),_("tr",[_("td",[t._v("pause")]),t._v(" "),_("td",[t._v("暂停上传")]),t._v(" "),_("td",[t._v("-")])]),t._v(" "),_("tr",[_("td",[t._v("retry")]),t._v(" "),_("td",[t._v("重试上传")]),t._v(" "),_("td",[t._v("-")])]),t._v(" "),_("tr",[_("td",[t._v("removeFile")]),t._v(" "),_("td",[t._v("删除文件")]),t._v(" "),_("td",[t._v("文件对象")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/20.2ded887709982b3d3972.js b/docs/js/20.2ded887709982b3d3972.js deleted file mode 100644 index fff266cf..00000000 --- a/docs/js/20.2ded887709982b3d3972.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([20],{478:function(s,a,t){s.exports=t(559)},559:function(s,a,t){var v=t(11)(null,t(560),null,null,null);s.exports=v.exports},560:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"CheckboxGroup复选框组"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CheckboxGroup复选框组-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CheckboxGroup 复选框组")]),s._v(" "),t("p",[s._v("复选框组就是一组复选框，主要用来选择一组可选项；有垂直和水平两种样式。")]),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),t("h3",{attrs:{id:"Props配置"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"事件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(2)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("垂直排列")]),s._v(" "),t("p",[s._v("默认就是垂直排列样式")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),s._v("\n Checkbox 1\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),s._v("\n Checkbox 2\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled Checkbox\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled & Checked Checkbox\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("checkList")]),s._v(" 的值是一个数组，代表的是选中的复选框 "),t("code",{pre:!0},[s._v("label")]),s._v(" 的值的集合。")])]),s._v(" "),t("li",[t("p",[s._v("水平排列")]),s._v(" "),t("p",[s._v("可通过设置 "),t("code",{pre:!0},[s._v("horizontal")]),s._v(" 改变样式为水平排列")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),s._v("1"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),s._v("2"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("3"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("4"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("horizontal")]),s._v(" "),t("td",[s._v("是否水平排列")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("input")]),s._v(" "),t("td",[s._v("组内可选项选中状态发生改变时触发")]),s._v(" "),t("td",[s._v("选中的复选框的值的集合，类型数组")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/18.3524f4148b2b560f9fae.js b/docs/js/20.dfc1225374f6b774006d.js similarity index 98% rename from docs/js/18.3524f4148b2b560f9fae.js rename to docs/js/20.dfc1225374f6b774006d.js index 9601b4cf..64ad4ac3 100644 --- a/docs/js/18.3524f4148b2b560f9fae.js +++ b/docs/js/20.dfc1225374f6b774006d.js @@ -1 +1 @@ -webpackJsonp([18],{480:function(s,t,a){s.exports=a(563)},563:function(s,t,a){var n=a(11)(null,a(564),null,null,null);s.exports=n.exports},564:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"create-api模块"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-create-api模块-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" create-api 模块")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"createAPI(Vue,Component,[events,single])"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-createAPI(Vue,Component,[events,single])-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" createAPI(Vue, Component, [events, single])")]),s._v(" "),s._m(1),s._v(" "),a("p",[s._v("我们先编写一个 Hello.vue 组件：")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("该模块默认暴露出一个 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 函数，可以实现以 API 的形式调用自定义组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("参数：")]),s._v(" "),a("ul",[a("li",[a("code",{pre:!0},[s._v("{Function} Vue")]),s._v(" Vue 函数")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Function | Object} Component")]),s._v(" Vue 组件，组件必须有 name")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Array} [events]")]),s._v(" 组件实例 emit 的事件名集合")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" 是否为单例")])])]),s._v(" "),a("li",[a("p",[s._v("用法：")]),s._v(" "),a("ul",[a("li",[s._v("该方法在 Vue 的 prototype 上增加一个名为 "),a("code",{pre:!0},[s._v("$create{camelize(Component.name)}")]),s._v(" 的方法，这样就可以在其他组件中直接通过 "),a("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, [renderFn, single])")]),s._v(" 这样来实例化组件了，而且这个实例化组件的元素是被附加到 "),a("code",{pre:!0},[s._v("body")]),s._v(" 元素下的；关于 "),a("code",{pre:!0},[s._v("$createAaBb")]),s._v(" 的参数：\n"),a("ul",[a("li",[a("code",{pre:!0},[s._v("{Object} config")]),s._v(" 组件配置参数，默认所有的值都会当做 props 传给组件，但是要排除 "),a("code",{pre:!0},[s._v("events")]),s._v(" 中的事件（默认会做转换，例如："),a("code",{pre:!0},[s._v("events")]),s._v(" 的值为 "),a("code",{pre:!0},[s._v("['click']")]),s._v("，那么 "),a("code",{pre:!0},[s._v("config")]),s._v(" 中的 "),a("code",{pre:!0},[s._v("onClick")]),s._v(" 就是作为 "),a("code",{pre:!0},[s._v("click")]),s._v(" 事件的回调函数，而不是作为 props 传递给组件）。")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Function} [renderFn]")]),s._v(" 可选参数，用于生成子 VNode 节点，一般场景是处理 slot。")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" 可选参数，创建的时候决定是否是单例的，优先级更高，如果没有传入 renderFn 的话，single 的值就是第二个参数的值。")])])]),s._v(" "),a("li",[s._v("注意调用后的返回值 "),a("code",{pre:!0},[s._v("instance")]),s._v(" 就是组件实例，这个实例会被"),a("strong",[s._v("附加")]),s._v("或者"),a("strong",[s._v("代理")]),s._v(" "),a("code",{pre:!0},[s._v("remove")]),s._v(" 方法，如果调用了，该实例就会被销毁且会从 "),a("code",{pre:!0},[s._v("body")]),s._v(" 下移除。")])])]),s._v(" "),a("li",[a("p",[s._v("示例：")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n {{content}}\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"other"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hello'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("default")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Hello'")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n clickHandler(e) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", e)\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("然后我们再通过 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 把 Hello.vue 变成一个 API 式调用的组件并调用。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Hello "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'./Hello.vue'")]),s._v("\n\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 引入 Style 加载基础样式")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n Style,\n Dialog,\n createAPI\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n Vue.use(Dialog)\n\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 创建 this.$createHello API")]),s._v("\n createAPI(Vue, Hello, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v("], "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\n\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 初始化 Vue")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" Vue({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("el")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#app'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("render")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),a("span",{attrs:{class:"hljs-params"}},[s._v("h")]),s._v(") ")]),s._v("{\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),a("span",{attrs:{class:"hljs-string"}},[s._v("'button'")]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("on")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("click")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".showHello\n }\n }, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'Show Hello'")]),s._v("])\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showHello() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 直接调用")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 传入配置对象，默认传入的所有对象全都当做 props 传入组件")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 除了在调用 createAPI 的时候传入了 events，这里对应的就是")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// on{event name} 会被当做事件回调处理")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" instance = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createHello({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'My Hello Content'")]),s._v(",\n onClick(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Hello component clicked.'")]),s._v(")\n }\n }, "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* renderFn */")]),s._v(" (createElement) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[s._v("'p'")]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'other'")]),s._v("\n }, "),a("span",{attrs:{class:"hljs-string"}},[s._v("'other content'")]),s._v(")\n ]\n })\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 通过 Vue 组件的 $on 也是可以监听的，看使用场景")]),s._v("\n instance.$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", (e) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" $dialog = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'点击确定关闭当前实例'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n })\n $dialog.show()\n\n $dialog.$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(", () => {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 销毁实例")]),s._v("\n instance.remove()\n }).$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(", () => {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n })\n })\n }\n }\n })\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("示例中就是创建了一个需要 API 调用的组件 "),a("code",{pre:!0},[s._v("Hello")]),s._v("，然后在其他组件中去使用，重点就是 "),a("code",{pre:!0},[s._v("showHello()")]),s._v(" 方法做的事情：调用 "),a("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 实现组件的实例化。")])}]}}}); \ No newline at end of file +webpackJsonp([20],{482:function(s,t,a){s.exports=a(571)},571:function(s,t,a){var n=a(11)(null,a(572),null,null,null);s.exports=n.exports},572:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"create-api模块"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-create-api模块-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" create-api 模块")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"createAPI(Vue,Component,[events,single])"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-createAPI(Vue,Component,[events,single])-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" createAPI(Vue, Component, [events, single])")]),s._v(" "),s._m(1),s._v(" "),a("p",[s._v("我们先编写一个 Hello.vue 组件：")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("该模块默认暴露出一个 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 函数，可以实现以 API 的形式调用自定义组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("参数：")]),s._v(" "),a("ul",[a("li",[a("code",{pre:!0},[s._v("{Function} Vue")]),s._v(" Vue 函数")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Function | Object} Component")]),s._v(" Vue 组件，组件必须有 name")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Array} [events]")]),s._v(" 组件实例 emit 的事件名集合")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" 是否为单例")])])]),s._v(" "),a("li",[a("p",[s._v("用法：")]),s._v(" "),a("ul",[a("li",[s._v("该方法在 Vue 的 prototype 上增加一个名为 "),a("code",{pre:!0},[s._v("$create{camelize(Component.name)}")]),s._v(" 的方法，这样就可以在其他组件中直接通过 "),a("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, [renderFn, single])")]),s._v(" 这样来实例化组件了，而且这个实例化组件的元素是被附加到 "),a("code",{pre:!0},[s._v("body")]),s._v(" 元素下的；关于 "),a("code",{pre:!0},[s._v("$createAaBb")]),s._v(" 的参数：\n"),a("ul",[a("li",[a("code",{pre:!0},[s._v("{Object} config")]),s._v(" 组件配置参数，默认所有的值都会当做 props 传给组件，但是要排除 "),a("code",{pre:!0},[s._v("events")]),s._v(" 中的事件（默认会做转换，例如："),a("code",{pre:!0},[s._v("events")]),s._v(" 的值为 "),a("code",{pre:!0},[s._v("['click']")]),s._v("，那么 "),a("code",{pre:!0},[s._v("config")]),s._v(" 中的 "),a("code",{pre:!0},[s._v("onClick")]),s._v(" 就是作为 "),a("code",{pre:!0},[s._v("click")]),s._v(" 事件的回调函数，而不是作为 props 传递给组件）。")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Function} [renderFn]")]),s._v(" 可选参数，用于生成子 VNode 节点，一般场景是处理 slot。")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" 可选参数，创建的时候决定是否是单例的，优先级更高，如果没有传入 renderFn 的话，single 的值就是第二个参数的值。")])])]),s._v(" "),a("li",[s._v("注意调用后的返回值 "),a("code",{pre:!0},[s._v("instance")]),s._v(" 就是组件实例，这个实例会被"),a("strong",[s._v("附加")]),s._v("或者"),a("strong",[s._v("代理")]),s._v(" "),a("code",{pre:!0},[s._v("remove")]),s._v(" 方法，如果调用了，该实例就会被销毁且会从 "),a("code",{pre:!0},[s._v("body")]),s._v(" 下移除。")])])]),s._v(" "),a("li",[a("p",[s._v("示例：")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n {{content}}\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"other"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hello'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("default")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Hello'")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n clickHandler(e) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", e)\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("然后我们再通过 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 把 Hello.vue 变成一个 API 式调用的组件并调用。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Hello "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'./Hello.vue'")]),s._v("\n\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 引入 Style 加载基础样式")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n Style,\n Dialog,\n createAPI\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n Vue.use(Dialog)\n\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 创建 this.$createHello API")]),s._v("\n createAPI(Vue, Hello, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v("], "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\n\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 初始化 Vue")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" Vue({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("el")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#app'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("render")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),a("span",{attrs:{class:"hljs-params"}},[s._v("h")]),s._v(") ")]),s._v("{\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),a("span",{attrs:{class:"hljs-string"}},[s._v("'button'")]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("on")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("click")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".showHello\n }\n }, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'Show Hello'")]),s._v("])\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showHello() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 直接调用")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 传入配置对象，默认传入的所有对象全都当做 props 传入组件")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 除了在调用 createAPI 的时候传入了 events，这里对应的就是")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// on{event name} 会被当做事件回调处理")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" instance = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createHello({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'My Hello Content'")]),s._v(",\n onClick(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Hello component clicked.'")]),s._v(")\n }\n }, "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* renderFn */")]),s._v(" (createElement) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[s._v("'p'")]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'other'")]),s._v("\n }, "),a("span",{attrs:{class:"hljs-string"}},[s._v("'other content'")]),s._v(")\n ]\n })\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 通过 Vue 组件的 $on 也是可以监听的，看使用场景")]),s._v("\n instance.$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", (e) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" $dialog = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'点击确定关闭当前实例'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n })\n $dialog.show()\n\n $dialog.$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(", () => {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 销毁实例")]),s._v("\n instance.remove()\n }).$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(", () => {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n })\n })\n }\n }\n })\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("示例中就是创建了一个需要 API 调用的组件 "),a("code",{pre:!0},[s._v("Hello")]),s._v("，然后在其他组件中去使用，重点就是 "),a("code",{pre:!0},[s._v("showHello()")]),s._v(" 方法做的事情：调用 "),a("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 实现组件的实例化。")])}]}}}); \ No newline at end of file diff --git a/docs/js/21.922afdcbd6154aee9db6.js b/docs/js/21.922afdcbd6154aee9db6.js new file mode 100644 index 00000000..86afe251 --- /dev/null +++ b/docs/js/21.922afdcbd6154aee9db6.js @@ -0,0 +1 @@ +webpackJsonp([21],{481:function(s,t,a){s.exports=a(569)},569:function(s,t,a){var e=a(11)(null,a(570),null,null,null);s.exports=e.exports},570:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Checkbox复选框"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Checkbox复选框-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Checkbox 复选框")]),s._v(" "),a("p",[s._v("复选框，可设置其状态、传入特殊 class 以及复选框图标位置。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(">")]),s._v("\n Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("如果选中了，则 "),a("code",{pre:!0},[s._v("checked")]),s._v(" 的值就为 "),a("code",{pre:!0},[s._v("true")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("禁用状态")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("disabled")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 即为禁用状态。")])]),s._v(" "),a("li",[a("p",[s._v("复选框图标位置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"right"')]),s._v(">")]),s._v("\n Position Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("position")]),s._v(" 为 "),a("code",{pre:!0},[s._v("'right'")]),s._v(" 则复选框图标位置在右边。")])]),s._v(" "),a("li",[a("p",[s._v("改变 model 的值")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labelValue"')]),s._v(">")]),s._v("\n Set label Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("label")]),s._v("，当复选框选中的时候，"),a("code",{pre:!0},[s._v("checked")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("'labelValue'")]),s._v("，当未选中的时候，"),a("code",{pre:!0},[s._v("checked")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("false")]),s._v("；所以其实在单个复选框的场景下，最好不要设置 "),a("code",{pre:!0},[s._v("label")]),s._v("。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("是否被禁用")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("position")]),s._v(" "),a("td",[s._v("位置")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("如果选中的话，则是把该值映射到 v-model 上")]),s._v(" "),a("td",[s._v("Boolean/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/22.0bbbe2c8143bf9b5dae5.js b/docs/js/22.0bbbe2c8143bf9b5dae5.js new file mode 100644 index 00000000..320bcdb4 --- /dev/null +++ b/docs/js/22.0bbbe2c8143bf9b5dae5.js @@ -0,0 +1 @@ +webpackJsonp([22],{480:function(s,a,t){s.exports=t(567)},567:function(s,a,t){var v=t(11)(null,t(568),null,null,null);s.exports=v.exports},568:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"CheckboxGroup复选框组"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CheckboxGroup复选框组-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CheckboxGroup 复选框组")]),s._v(" "),t("p",[s._v("复选框组就是一组复选框，主要用来选择一组可选项；有垂直和水平两种样式。")]),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),t("h3",{attrs:{id:"Props配置"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("垂直排列")]),s._v(" "),t("p",[s._v("默认就是垂直排列样式")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),s._v("\n Checkbox 1\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),s._v("\n Checkbox 2\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled Checkbox\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled & Checked Checkbox\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("checkList")]),s._v(" 的值是一个数组，代表的是选中的复选框 "),t("code",{pre:!0},[s._v("label")]),s._v(" 的值的集合。")])]),s._v(" "),t("li",[t("p",[s._v("设置 options")]),s._v(" "),t("p",[s._v("还可以通过 options 生成各个复选框")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkList")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v("],\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Option1'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v("\n },\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Option2'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v("\n },\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Option3'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Option4'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])])]),s._v(" "),t("li",[t("p",[s._v("水平排列")]),s._v(" "),t("p",[s._v("可通过设置 "),t("code",{pre:!0},[s._v("horizontal")]),s._v(" 改变样式为水平排列")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),s._v("1"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),s._v("2"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("3"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("4"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("horizontal")]),s._v(" "),t("td",[s._v("是否水平排列")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("options")]),s._v(" "),t("td",[s._v("选项数组")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("code",{pre:!0},[s._v("options")]),s._v(" 子配置项")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("复选框显示文字")]),s._v(" "),t("td",[s._v("String")])]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("复选框的值")]),s._v(" "),t("td",[s._v("String/Number")])]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("复选框是否被禁用")]),s._v(" "),t("td",[s._v("Boolean")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("注：如果 "),t("code",{pre:!0},[s._v("options")]),s._v(" 中的项为字符串也是可以的，此时默认 "),t("code",{pre:!0},[s._v("label")]),s._v(" 和 "),t("code",{pre:!0},[s._v("value")]),s._v(" 的值都为该字符串的值。")])}]}}}); \ No newline at end of file diff --git a/docs/js/21.d0ddb7783c478b9aad91.js b/docs/js/23.f7b09d8750c960286e45.js similarity index 99% rename from docs/js/21.d0ddb7783c478b9aad91.js rename to docs/js/23.f7b09d8750c960286e45.js index 3ae845e7..a239bbec 100644 --- a/docs/js/21.d0ddb7783c478b9aad91.js +++ b/docs/js/23.f7b09d8750c960286e45.js @@ -1 +1 @@ -webpackJsonp([21],{477:function(s,t,a){s.exports=a(557)},557:function(s,t,a){var v=a(11)(null,a(558),null,null,null);s.exports=v.exports},558:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"CascadePicker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CascadePicker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CascadePicker组件")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("CascadePicker")]),s._v("组件是级联选择器，用于实现多列选择之间的级联变化。比如，在选择省市区时，当省切换到了江苏省，城市列应该变成江苏省的各个城市，同理，如果城市切换到苏州市，区列的选项也应变成苏州市的各个区，这就级联的意义。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("p",[s._v("相比普通选择器，级联选择器需要传入的数据结构是不一样的。普通选择器的数据结构是一个二维数组，每一列对应一个固定的数组，而级联选择器，则需要传入的是一个树形结构，第一列数组的每个选项的children属性，对应着切换到该选项时后续列的数据，从而实现对后续列的改变。如下所示：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCascadePicker"')]),s._v(">")]),s._v("Cascade Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cascadeData = [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Fruit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Fruit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Apple'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Apple'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Two'")]),s._v(" }]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Orange'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Orange'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Three'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Four'")]),s._v(" }]\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Drink'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Drink'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Coffee'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Coffee'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Two'")]),s._v(" }]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Three'")]),s._v("}]\n }\n ]\n }\n]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cascadePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Cascade Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cascadeData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cancelTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Cancel'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("confirmTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Confirm'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),s._v(", selectedVal, selectedIndex, selectedText)\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCascadePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cascadePicker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("当第一列选中"),a("code",{pre:!0},[s._v("Fruit")]),s._v("时，第二列的选项是"),a("code",{pre:!0},[s._v("Apple")]),s._v("、"),a("code",{pre:!0},[s._v("Orange")]),s._v("。以此类推，当第二列选中"),a("code",{pre:!0},[s._v("Orange")]),s._v("时，第三列的选项是"),a("code",{pre:!0},[s._v("Three")]),s._v("、"),a("code",{pre:!0},[s._v("Four")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("省市区选择器")]),s._v(" "),a("p",[s._v("对于省市区选择器，只需要构造出级联选择器的数据结构传入就可以了。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCityPicker"')]),s._v(">")]),s._v("City Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/area'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = provinceList\ncityData.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("province")]),s._v(" =>")]),s._v(" {\n province.children = cityList[province.value]\n province.children.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("city")]),s._v(" =>")]),s._v(" {\n city.children = areaList[city.value]\n })\n})\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cityPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'City Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCityPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cityPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("日期选择器")]),s._v(" "),a("p",[s._v("日期选择器的原理也是一样，就是构造出级联选择器的数据结构。而且我们还在示例中提供一个"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/dev/example/components/date-picker.vue"}},[s._v("日期选择器组件")]),s._v("，可以传入起始日期和结束日期，帮你生成相应的级联树形数据结构。用法如下：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDatePicker"')]),s._v(">")]),s._v("Date Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" DatePicker "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/components/date-picker.vue'")]),s._v("\n\ncreateAPI(Vue, DatePicker, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v("], "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(")\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("实例方法 "),a("code",{pre:!0},[s._v("setData")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("setData")]),s._v("方法，用于重置"),a("code",{pre:!0},[s._v("CascadePicker")]),s._v("实例的数据和选中的索引。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("SetData Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Set Data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSetDataPicker() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// setData when picker is invisible")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.setData(cascadeData)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// setData when picker is visible")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.setData(cityData, ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("])\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("值得注意的一点是，虽然不管选择器显示前后，都可以"),a("code",{pre:!0},[s._v("setData")]),s._v("，但是为了体验，在显示后"),a("code",{pre:!0},[s._v("setData")]),s._v("，所传入的数据结构，必须与之前的列数相同，也就是说如果之前是三列选择器，显示时"),a("code",{pre:!0},[s._v("setData")]),s._v("还得是三列。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("级联选择器的树形数据，用于初始化选项")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("被选中的索引值，拉起选择器后显示这个索引值对应的内容")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("选择器左侧按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("选择器右侧按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("alias")]),s._v(" "),a("td",[s._v("配置"),a("code",{pre:!0},[s._v("value")]),s._v("和"),a("code",{pre:!0},[s._v("text")]),s._v("的别名，用法同"),a("code",{pre:!0},[s._v("Picker")]),s._v("组件")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("{ value: 'id', text: 'name'}")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v("子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("每个选项展示的文案")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("每个选项的值")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("selectedVal: 当前选中项每一列的值，Array类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前选中项每一列的索引，Array类型")]),s._v(" "),a("td",[s._v("selectedText: 当前选中项每一列的文案，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("index: 当前滚动列次序，Number类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引，Number类型")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("重置数据和选中的索引")]),s._v(" "),a("td",[s._v("级联树形数据结构，Array类型")]),s._v(" "),a("td",[s._v("每列选中的索引，Array类型")])])])])}]}}}); \ No newline at end of file +webpackJsonp([23],{479:function(s,t,a){s.exports=a(565)},565:function(s,t,a){var v=a(11)(null,a(566),null,null,null);s.exports=v.exports},566:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"CascadePicker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CascadePicker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CascadePicker组件")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("CascadePicker")]),s._v("组件是级联选择器，用于实现多列选择之间的级联变化。比如，在选择省市区时，当省切换到了江苏省，城市列应该变成江苏省的各个城市，同理，如果城市切换到苏州市，区列的选项也应变成苏州市的各个区，这就级联的意义。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("p",[s._v("相比普通选择器，级联选择器需要传入的数据结构是不一样的。普通选择器的数据结构是一个二维数组，每一列对应一个固定的数组，而级联选择器，则需要传入的是一个树形结构，第一列数组的每个选项的children属性，对应着切换到该选项时后续列的数据，从而实现对后续列的改变。如下所示：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCascadePicker"')]),s._v(">")]),s._v("Cascade Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cascadeData = [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Fruit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Fruit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Apple'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Apple'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Two'")]),s._v(" }]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Orange'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Orange'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Three'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Four'")]),s._v(" }]\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Drink'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Drink'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Coffee'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Coffee'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Two'")]),s._v(" }]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Three'")]),s._v("}]\n }\n ]\n }\n]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cascadePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Cascade Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cascadeData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cancelTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Cancel'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("confirmTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Confirm'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),s._v(", selectedVal, selectedIndex, selectedText)\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCascadePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cascadePicker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("当第一列选中"),a("code",{pre:!0},[s._v("Fruit")]),s._v("时，第二列的选项是"),a("code",{pre:!0},[s._v("Apple")]),s._v("、"),a("code",{pre:!0},[s._v("Orange")]),s._v("。以此类推，当第二列选中"),a("code",{pre:!0},[s._v("Orange")]),s._v("时，第三列的选项是"),a("code",{pre:!0},[s._v("Three")]),s._v("、"),a("code",{pre:!0},[s._v("Four")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("省市区选择器")]),s._v(" "),a("p",[s._v("对于省市区选择器，只需要构造出级联选择器的数据结构传入就可以了。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCityPicker"')]),s._v(">")]),s._v("City Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/area'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = provinceList\ncityData.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("province")]),s._v(" =>")]),s._v(" {\n province.children = cityList[province.value]\n province.children.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("city")]),s._v(" =>")]),s._v(" {\n city.children = areaList[city.value]\n })\n})\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cityPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'City Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCityPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cityPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("日期选择器")]),s._v(" "),a("p",[s._v("日期选择器的原理也是一样，就是构造出级联选择器的数据结构。而且我们还在示例中提供一个"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/dev/example/components/date-picker.vue"}},[s._v("日期选择器组件")]),s._v("，可以传入起始日期和结束日期，帮你生成相应的级联树形数据结构。用法如下：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDatePicker"')]),s._v(">")]),s._v("Date Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" DatePicker "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/components/date-picker.vue'")]),s._v("\n\ncreateAPI(Vue, DatePicker, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v("], "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(")\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("实例方法 "),a("code",{pre:!0},[s._v("setData")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("setData")]),s._v("方法，用于重置"),a("code",{pre:!0},[s._v("CascadePicker")]),s._v("实例的数据和选中的索引。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("SetData Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Set Data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSetDataPicker() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// setData when picker is invisible")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.setData(cascadeData)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// setData when picker is visible")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.setData(cityData, ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("])\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("值得注意的一点是，虽然不管选择器显示前后，都可以"),a("code",{pre:!0},[s._v("setData")]),s._v("，但是为了体验，在显示后"),a("code",{pre:!0},[s._v("setData")]),s._v("，所传入的数据结构，必须与之前的列数相同，也就是说如果之前是三列选择器，显示时"),a("code",{pre:!0},[s._v("setData")]),s._v("还得是三列。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("级联选择器的树形数据，用于初始化选项")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("被选中的索引值，拉起选择器后显示这个索引值对应的内容")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("选择器左侧按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("选择器右侧按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("alias")]),s._v(" "),a("td",[s._v("配置"),a("code",{pre:!0},[s._v("value")]),s._v("和"),a("code",{pre:!0},[s._v("text")]),s._v("的别名，用法同"),a("code",{pre:!0},[s._v("Picker")]),s._v("组件")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("{ value: 'id', text: 'name'}")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v("子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("每个选项展示的文案")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("每个选项的值")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("selectedVal: 当前选中项每一列的值，Array类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前选中项每一列的索引，Array类型")]),s._v(" "),a("td",[s._v("selectedText: 当前选中项每一列的文案，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("index: 当前滚动列次序，Number类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引，Number类型")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("重置数据和选中的索引")]),s._v(" "),a("td",[s._v("级联树形数据结构，Array类型")]),s._v(" "),a("td",[s._v("每列选中的索引，Array类型")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/22.a657158687513035ac64.js b/docs/js/24.ad50d1faa88e3b2710f0.js similarity index 97% rename from docs/js/22.a657158687513035ac64.js rename to docs/js/24.ad50d1faa88e3b2710f0.js index 4b9c03ca..8d477f83 100644 --- a/docs/js/22.a657158687513035ac64.js +++ b/docs/js/24.ad50d1faa88e3b2710f0.js @@ -1 +1 @@ -webpackJsonp([22],{476:function(t,s,a){t.exports=a(555)},555:function(t,s,a){var v=a(11)(null,a(556),null,null,null);t.exports=v.exports},556:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Button"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Button-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Button")]),t._v(" "),a("p",[t._v("按钮，提供了各种类型、样子、状态以及图标。")]),t._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("按钮类型")]),t._v(" "),a("p",[t._v("默认类型为 "),a("code",{pre:!0},[t._v("button")]),t._v("，还可设置为 "),a("code",{pre:!0},[t._v("submit")]),t._v(" 用于表单中")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"submit"')]),t._v(">")]),t._v("Submit Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("按钮状态")]),t._v(" "),a("p",[t._v("默认正常，可设置激活、禁用状态")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":active")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Active Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Disabled Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("图标")]),t._v(" "),a("p",[t._v("可设置 icon 的 class")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"cubeic-right"')]),t._v(">")]),t._v("Button With Icon"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("样子")]),t._v(" "),a("p",[t._v("可以通过设置 "),a("code",{pre:!0},[t._v("light")]),t._v("、"),a("code",{pre:!0},[t._v("inline")]),t._v("、"),a("code",{pre:!0},[t._v("outline")]),t._v("、"),a("code",{pre:!0},[t._v("primary")]),t._v(" 属性来改变按钮样子")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":light")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Light Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":inline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Inline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":outline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Outline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":primary")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Primary Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("按钮类型")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("button/submit")]),t._v(" "),a("td",[t._v("button")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("激活状态")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("禁用状态")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("图表 Icon")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("icon 的 class 值")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("light")]),t._v(" "),a("td",[t._v("亮色")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("inline")]),t._v(" "),a("td",[t._v("是否内联")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("outline")]),t._v(" "),a("td",[t._v("外边框")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("primary")]),t._v(" "),a("td",[t._v("主要的")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("事件名")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("click")]),t._v(" "),a("td",[t._v("点击按钮后触发此事件，如果禁用状态，则不触发")]),t._v(" "),a("td",[t._v("e - 事件对象")])])])])}]}}}); \ No newline at end of file +webpackJsonp([24],{478:function(t,s,a){t.exports=a(563)},563:function(t,s,a){var v=a(11)(null,a(564),null,null,null);t.exports=v.exports},564:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Button"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Button-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Button")]),t._v(" "),a("p",[t._v("按钮，提供了各种类型、样子、状态以及图标。")]),t._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("按钮类型")]),t._v(" "),a("p",[t._v("默认类型为 "),a("code",{pre:!0},[t._v("button")]),t._v("，还可设置为 "),a("code",{pre:!0},[t._v("submit")]),t._v(" 用于表单中")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"submit"')]),t._v(">")]),t._v("Submit Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("按钮状态")]),t._v(" "),a("p",[t._v("默认正常，可设置激活、禁用状态")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":active")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Active Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Disabled Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("图标")]),t._v(" "),a("p",[t._v("可设置 icon 的 class")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"cubeic-right"')]),t._v(">")]),t._v("Button With Icon"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("样子")]),t._v(" "),a("p",[t._v("可以通过设置 "),a("code",{pre:!0},[t._v("light")]),t._v("、"),a("code",{pre:!0},[t._v("inline")]),t._v("、"),a("code",{pre:!0},[t._v("outline")]),t._v("、"),a("code",{pre:!0},[t._v("primary")]),t._v(" 属性来改变按钮样子")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":light")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Light Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":inline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Inline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":outline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Outline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":primary")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Primary Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("按钮类型")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("button/submit")]),t._v(" "),a("td",[t._v("button")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("激活状态")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("禁用状态")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("图表 Icon")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("icon 的 class 值")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("light")]),t._v(" "),a("td",[t._v("亮色")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("inline")]),t._v(" "),a("td",[t._v("是否内联")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("outline")]),t._v(" "),a("td",[t._v("外边框")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("primary")]),t._v(" "),a("td",[t._v("主要的")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("事件名")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("click")]),t._v(" "),a("td",[t._v("点击按钮后触发此事件，如果禁用状态，则不触发")]),t._v(" "),a("td",[t._v("e - 事件对象")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/23.3d649239f0bc1b905557.js b/docs/js/25.c76c02629aa98e8f3b01.js similarity index 90% rename from docs/js/23.3d649239f0bc1b905557.js rename to docs/js/25.c76c02629aa98e8f3b01.js index a4c8490d..0f8bfd73 100644 --- a/docs/js/23.3d649239f0bc1b905557.js +++ b/docs/js/25.c76c02629aa98e8f3b01.js @@ -1 +1 @@ -webpackJsonp([23],{475:function(t,e,r){t.exports=r(553)},553:function(t,e,r){var c=r(11)(null,r(554),null,null,null);t.exports=c.exports},554:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("section",[r("h2",{attrs:{id:"better-scroll模块"}},[r("a",{staticClass:"anchor",attrs:{href:"#cube-better-scroll模块-anchor","aria-hidden":"true"}},[r("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[r("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll 模块")]),t._v(" "),t._m(0),t._v(" "),r("h3",{attrs:{id:"链接"}},[r("a",{staticClass:"anchor",attrs:{href:"#cube-链接-anchor","aria-hidden":"true"}},[r("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[r("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 链接")]),t._v(" "),r("p",[t._v("关于 better-scroll 详细的文档以及示例，请参考：")]),t._v(" "),t._m(1)])},staticRenderFns:[function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("p",[t._v("该模块默认暴露出一个 "),r("code",{pre:!0},[t._v("BScroll")]),t._v(" 函数对象，这个对象直接从依赖库 "),r("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 获得。")])},function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("ul",[r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/zh"}},[t._v("官方文档")])])]),t._v(" "),r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/examples/zh"}},[t._v("官方示例")])])])])}]}}}); \ No newline at end of file +webpackJsonp([25],{477:function(t,e,r){t.exports=r(561)},561:function(t,e,r){var c=r(11)(null,r(562),null,null,null);t.exports=c.exports},562:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("section",[r("h2",{attrs:{id:"better-scroll模块"}},[r("a",{staticClass:"anchor",attrs:{href:"#cube-better-scroll模块-anchor","aria-hidden":"true"}},[r("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[r("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll 模块")]),t._v(" "),t._m(0),t._v(" "),r("h3",{attrs:{id:"链接"}},[r("a",{staticClass:"anchor",attrs:{href:"#cube-链接-anchor","aria-hidden":"true"}},[r("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[r("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 链接")]),t._v(" "),r("p",[t._v("关于 better-scroll 详细的文档以及示例，请参考：")]),t._v(" "),t._m(1)])},staticRenderFns:[function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("p",[t._v("该模块默认暴露出一个 "),r("code",{pre:!0},[t._v("BScroll")]),t._v(" 函数对象，这个对象直接从依赖库 "),r("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 获得。")])},function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("ul",[r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/zh"}},[t._v("官方文档")])])]),t._v(" "),r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/examples/zh"}},[t._v("官方示例")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/24.5f47bd392ce22a012fbe.js b/docs/js/26.eaf1ce4ff8e176a066cb.js similarity index 98% rename from docs/js/24.5f47bd392ce22a012fbe.js rename to docs/js/26.eaf1ce4ff8e176a066cb.js index 34b1d95a..ff98101c 100644 --- a/docs/js/24.5f47bd392ce22a012fbe.js +++ b/docs/js/26.eaf1ce4ff8e176a066cb.js @@ -1 +1 @@ -webpackJsonp([24],{474:function(s,t,a){s.exports=a(551)},551:function(s,t,a){var v=a(11)(null,a(552),null,null,null);s.exports=v.exports},552:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"ActionSheet"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ActionSheet-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ActionSheet")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("ActionSheet")]),s._v("操作列表提供了两种常见的样式，灵活可控内容。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showActionSheet"')]),s._v(">")]),s._v("操作列表"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDefault() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'我是标题~~~'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'align - center'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-foo'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'align - left'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("align")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'align - right'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("align")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("item, index")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${item.content}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("配置标题 "),a("code",{pre:!0},[s._v("title")]),s._v(" 和 "),a("code",{pre:!0},[s._v("data")]),s._v(" 数据项，注意 "),a("code",{pre:!0},[s._v("data")]),s._v(" 中内容是 "),a("code",{pre:!0},[s._v("content")]),s._v("，一段 HTML 字符串，额外还可以配置自定义 class："),a("code",{pre:!0},[s._v("class")]),s._v(" 和方向："),a("code",{pre:!0},[s._v("align")]),s._v("（值可以是 "),a("code",{pre:!0},[s._v("left")]),s._v("、"),a("code",{pre:!0},[s._v("right")]),s._v("）。")])]),s._v(" "),a("li",[a("p",[s._v("高亮设置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showActive"')]),s._v(">")]),s._v("ActionSheet - active"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showActive() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'我是标题~~~'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("active")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'舒适型'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'七座商务'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华型'")]),s._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("item, index")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${item.content}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Clicked canceled`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("通过设置 "),a("code",{pre:!0},[s._v("active")]),s._v(" 属性来控制高亮的是第几个。")])]),s._v(" "),a("li",[a("p",[s._v("Picker 样式设定")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPickerStyle"')]),s._v(">")]),s._v("ActionSheet - picker style"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPickerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'我是标题~~~'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pickerStyle")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'舒适型'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'七座商务'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华型'")]),s._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("item, index")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${item.content}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Clicked canceled`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("pickerStyle")]),s._v(" 属性决定是否使用 Picker 样式。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("组件的标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("需要展示的数据列表")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("active")]),s._v(" "),a("td",[s._v("高亮第几个选项")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])]),s._v(" "),a("tr",[a("td",[s._v("pickerStyle")]),s._v(" "),a("td",[s._v("Picker 样式")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("展示的内容")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("任意 HTML 字符串")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("align")]),s._v(" "),a("td",[s._v("内容对齐方向")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("left/right")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("class")]),s._v(" "),a("td",[s._v("自定义 class")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击某项")]),s._v(" "),a("td",[s._v("点击项 item，即 data[index]")]),s._v(" "),a("td",[s._v("点击项的索引值 index")])])])])}]}}}); \ No newline at end of file +webpackJsonp([26],{476:function(s,t,a){s.exports=a(559)},559:function(s,t,a){var v=a(11)(null,a(560),null,null,null);s.exports=v.exports},560:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"ActionSheet"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ActionSheet-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ActionSheet")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("ActionSheet")]),s._v("操作列表提供了两种常见的样式，灵活可控内容。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showActionSheet"')]),s._v(">")]),s._v("操作列表"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDefault() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'我是标题~~~'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'align - center'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-foo'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'align - left'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("align")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'align - right'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("align")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("item, index")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${item.content}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("配置标题 "),a("code",{pre:!0},[s._v("title")]),s._v(" 和 "),a("code",{pre:!0},[s._v("data")]),s._v(" 数据项，注意 "),a("code",{pre:!0},[s._v("data")]),s._v(" 中内容是 "),a("code",{pre:!0},[s._v("content")]),s._v("，一段 HTML 字符串，额外还可以配置自定义 class："),a("code",{pre:!0},[s._v("class")]),s._v(" 和方向："),a("code",{pre:!0},[s._v("align")]),s._v("（值可以是 "),a("code",{pre:!0},[s._v("left")]),s._v("、"),a("code",{pre:!0},[s._v("right")]),s._v("）。")])]),s._v(" "),a("li",[a("p",[s._v("高亮设置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showActive"')]),s._v(">")]),s._v("ActionSheet - active"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showActive() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'我是标题~~~'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("active")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'舒适型'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'七座商务'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华型'")]),s._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("item, index")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${item.content}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Clicked canceled`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("通过设置 "),a("code",{pre:!0},[s._v("active")]),s._v(" 属性来控制高亮的是第几个。")])]),s._v(" "),a("li",[a("p",[s._v("Picker 样式设定")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPickerStyle"')]),s._v(">")]),s._v("ActionSheet - picker style"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPickerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'我是标题~~~'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pickerStyle")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'舒适型'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'七座商务'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华型'")]),s._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("item, index")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${item.content}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Clicked canceled`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("pickerStyle")]),s._v(" 属性决定是否使用 Picker 样式。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("组件的标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("需要展示的数据列表")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("active")]),s._v(" "),a("td",[s._v("高亮第几个选项")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])]),s._v(" "),a("tr",[a("td",[s._v("pickerStyle")]),s._v(" "),a("td",[s._v("Picker 样式")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("展示的内容")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("任意 HTML 字符串")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("align")]),s._v(" "),a("td",[s._v("内容对齐方向")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("left/right")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("class")]),s._v(" "),a("td",[s._v("自定义 class")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击某项")]),s._v(" "),a("td",[s._v("点击项 item，即 data[index]")]),s._v(" "),a("td",[s._v("点击项的索引值 index")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/27.ffb576fae89e4bf5ae3c.js b/docs/js/27.ffb576fae89e4bf5ae3c.js new file mode 100644 index 00000000..1895e319 --- /dev/null +++ b/docs/js/27.ffb576fae89e4bf5ae3c.js @@ -0,0 +1 @@ +webpackJsonp([27],{475:function(t,e,s){t.exports=s(557)},557:function(t,e,s){var v=s(11)(null,s(558),null,null,null);t.exports=v.exports},558:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("section",[s("h2",{attrs:{id:"Upload"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Upload-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Upload")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),s("h3",{attrs:{id:"Example"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(3),t._v(" "),s("h3",{attrs:{id:"Propsconfiguration"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),t._m(9),t._v(" "),s("h3",{attrs:{id:"Events"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(10),t._v(" "),s("h3",{attrs:{id:"Instancemethods"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(11)])},staticRenderFns:[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[s("code",{pre:!0},[t._v("Upload")]),t._v(" component.")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[s("strong",[t._v("Notice:")]),t._v(" In this document, all the original File will be called "),s("strong",[t._v("original file")]),t._v(", since the wrapped file object will be called "),s("strong",[t._v("file object")]),t._v(". The structure of "),s("strong",[t._v("file object")]),t._v(" show as following:")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("table",[s("thead",[s("tr",[s("th",[t._v("Attribute")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("name")]),t._v(" "),s("td",[t._v("file name")]),t._v(" "),s("td",[t._v("String")])]),t._v(" "),s("tr",[s("td",[t._v("size")]),t._v(" "),s("td",[t._v("file size")]),t._v(" "),s("td",[t._v("Number")])]),t._v(" "),s("tr",[s("td",[t._v("url")]),t._v(" "),s("td",[t._v("file url, created by URL.createObjectURL, for preview")]),t._v(" "),s("td",[t._v("String")])]),t._v(" "),s("tr",[s("td",[t._v("base64")]),t._v(" "),s("td",[t._v("file base64 value, the value is equaled to the original file's base64 value. It is "),s("code",{pre:!0},[t._v("''")]),t._v(" by default, but you can have some plugins to added this "),s("code",{pre:!0},[t._v("base64")]),t._v(" value, like the compress plugin below")]),t._v(" "),s("td",[t._v("String")])]),t._v(" "),s("tr",[s("td",[t._v("status")]),t._v(" "),s("td",[t._v("file status, one of: ready, uploading, success, error")]),t._v(" "),s("td",[t._v("String")])]),t._v(" "),s("tr",[s("td",[t._v("progress")]),t._v(" "),s("td",[t._v("file progress, number 0~1")]),t._v(" "),s("td",[t._v("Number")])]),t._v(" "),s("tr",[s("td",[t._v("file")]),t._v(" "),s("td",[t._v("the original file")]),t._v(" "),s("td",[t._v("File")])]),t._v(" "),s("tr",[s("td",[t._v("response")]),t._v(" "),s("td",[t._v("response data(try to parse to JSON）")]),t._v(" "),s("td",[t._v("Object/Array/String")])]),t._v(" "),s("tr",[s("td",[t._v("responseHeaders")]),t._v(" "),s("td",[t._v("all response headers")]),t._v(" "),s("td",[t._v("String")])])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("p",[t._v("Basic usage")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("action")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"//jsonplaceholder.typicode.com/photos/"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("@files-added")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"filesAdded"')]),t._v(" />")]),t._v("\n")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n filesAdded(files) {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" maxSize = "),s("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v(" * "),s("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" * "),s("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" "),s("span",{attrs:{class:"hljs-comment"}},[t._v("// 1M")]),t._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("for")]),t._v(" ("),s("span",{attrs:{class:"hljs-keyword"}},[t._v("let")]),t._v(" k "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("in")]),t._v(" files) {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" file = files[k]\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (file.size > maxSize) {\n file.ignore = "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n }\n }\n}\n")])]),t._v(" "),s("p",[t._v("Set "),s("code",{pre:!0},[t._v("action")]),t._v(" to configure the upload target URL for the multipart POST request.")]),t._v(" "),s("p",[t._v("Set "),s("code",{pre:!0},[t._v("simultaneous-uploads")]),t._v(" to configure the max number of files uploading simultaneously .")]),t._v(" "),s("p",[t._v("The "),s("code",{pre:!0},[t._v("files-added")]),t._v(" event is used for file validation, and you can filter file by setting "),s("code",{pre:!0},[t._v("file.ignore = true")]),t._v(".")])]),t._v(" "),s("li",[s("p",[t._v("Compress and uploaded through Base64")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"upload2"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":action")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"action2"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":process-file")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"processFile"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("@file-submitted")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"fileSubmitted"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[t._v("import")]),t._v(" compress "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),s("span",{attrs:{class:"hljs-string"}},[t._v("'../modules/image'")]),t._v("\n"),s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("action2")]),t._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("target")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'//jsonplaceholder.typicode.com/photos/'")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("prop")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'base64Value'")]),t._v("\n }\n }\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n processFile(file, next) {\n compress(file, {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("compress")]),t._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("width")]),t._v(": "),s("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("height")]),t._v(": "),s("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("quality")]),t._v(": "),s("span",{attrs:{class:"hljs-number"}},[t._v("0.5")]),t._v("\n }\n }, next)\n },\n fileSubmitted(file) {\n file.base64Value = file.file.base64\n }\n }\n}\n")])]),t._v(" "),s("p",[t._v("The "),s("code",{pre:!0},[t._v("action")]),t._v(" is an object which contains "),s("code",{pre:!0},[t._v("target")]),t._v(" and "),s("code",{pre:!0},[t._v("prop")]),t._v(". the "),s("code",{pre:!0},[t._v("prop")]),t._v(" could configure which property in file object will be uploaded).")]),t._v(" "),s("p",[t._v("The "),s("code",{pre:!0},[t._v("process-file")]),t._v(" is a function which is used to process the original file, like compress, "),s("code",{pre:!0},[t._v("next")]),t._v(" must be called with the processed file.")]),t._v(" "),s("p",[t._v("The "),s("code",{pre:!0},[t._v("file-submitted")]),t._v(" event will be trigged after the file is processed and added to the "),s("code",{pre:!0},[t._v("upload.files")]),t._v(" with a parameter -- the file object.")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("table",[s("thead",[s("tr",[s("th",[t._v("Attribute")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Accepted Values")]),t._v(" "),s("th",[t._v("Demo")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("action")]),t._v(" "),s("td",[t._v("upload action config")]),t._v(" "),s("td",[t._v("String/Object")]),t._v(" "),s("td",[t._v("''")]),t._v(" "),s("td",[t._v("{ target: '/upload' }")])]),t._v(" "),s("tr",[s("td",[t._v("max")]),t._v(" "),s("td",[t._v("max upload files number")]),t._v(" "),s("td",[t._v("Number")]),t._v(" "),s("td",[t._v("10")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("auto")]),t._v(" "),s("td",[t._v("whether auto start upload")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("simultaneousUploads")]),t._v(" "),s("td",[t._v("the number of simultaneous uploads")]),t._v(" "),s("td",[t._v("Number")]),t._v(" "),s("td",[t._v("1")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("processFile")]),t._v(" "),s("td",[t._v("process the original file")]),t._v(" "),s("td",[t._v("Function")]),t._v(" "),s("td",[t._v("function (file, next) { next(file) }")]),t._v(" "),s("td",[t._v("-")])])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("code",{pre:!0},[t._v("action")]),t._v(" sub configuration")])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("If "),s("code",{pre:!0},[t._v("action")]),t._v(" is a string, it will be transformed into "),s("code",{pre:!0},[t._v("{ target: action }")]),t._v(".")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("table",[s("thead",[s("tr",[s("th",[t._v("Attribute")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("target")]),t._v(" "),s("td",[t._v("the upload target URL for the multipart POST request")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("fileName")]),t._v(" "),s("td",[t._v("the name of the multipart POST parameter")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("'file'")])]),t._v(" "),s("tr",[s("td",[t._v("prop")]),t._v(" "),s("td",[t._v("which property in file object will be uploaded")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("'file'")])]),t._v(" "),s("tr",[s("td",[t._v("headers")]),t._v(" "),s("td",[t._v("extra headers to include in the multipart POST")]),t._v(" "),s("td",[t._v("Object")]),t._v(" "),s("td",[t._v("{}")])]),t._v(" "),s("tr",[s("td",[t._v("data")]),t._v(" "),s("td",[t._v("extra data to include in the multipart POST")]),t._v(" "),s("td",[t._v("Object")]),t._v(" "),s("td",[t._v("{}")])]),t._v(" "),s("tr",[s("td",[t._v("withCredentials")]),t._v(" "),s("td",[t._v("Standard CORS requests would not send or set any cookies by default. In order to include cookies as part of the request, you need to set the withCredentials property to true")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("timeout")]),t._v(" "),s("td",[t._v("upload request timeout value")]),t._v(" "),s("td",[t._v("Number")]),t._v(" "),s("td",[t._v("0")])]),t._v(" "),s("tr",[s("td",[t._v("progressInterval")]),t._v(" "),s("td",[t._v("The time interval between progress reports (Unit: ms)")]),t._v(" "),s("td",[t._v("Number")]),t._v(" "),s("td",[t._v("100")])])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("code",{pre:!0},[t._v("processFile")]),t._v(" sub configuration")])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("A function with two parameters: "),s("code",{pre:!0},[t._v("(file, next)")]),t._v(", the "),s("code",{pre:!0},[t._v("file")]),t._v(" is the original file and the "),s("code",{pre:!0},[t._v("next")]),t._v(" callback must be called with the processed file.")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("table",[s("thead",[s("tr",[s("th",[t._v("Event Name")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Parameters")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("files-added")]),t._v(" "),s("td",[t._v("triggers when files are added, usually used for file validation")]),t._v(" "),s("td",[t._v("original files")])]),t._v(" "),s("tr",[s("td",[t._v("file-submitted")]),t._v(" "),s("td",[t._v("triggers when a file is added to the "),s("code",{pre:!0},[t._v("upload.files")])]),t._v(" "),s("td",[t._v("the file object")])]),t._v(" "),s("tr",[s("td",[t._v("file-removed")]),t._v(" "),s("td",[t._v("triggers when a file is removed")]),t._v(" "),s("td",[t._v("the file object")])]),t._v(" "),s("tr",[s("td",[t._v("file-success")]),t._v(" "),s("td",[t._v("triggers when a file is uploaded successfully")]),t._v(" "),s("td",[t._v("the file object")])]),t._v(" "),s("tr",[s("td",[t._v("file-error")]),t._v(" "),s("td",[t._v("triggers when a file is failed to upload")]),t._v(" "),s("td",[t._v("the file object")])]),t._v(" "),s("tr",[s("td",[t._v("file-click")]),t._v(" "),s("td",[t._v("triggers when a file is clicked")]),t._v(" "),s("td",[t._v("the file object")])])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("table",[s("thead",[s("tr",[s("th",[t._v("Method name")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Parameter")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("start")]),t._v(" "),s("td",[t._v("start uploading")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("pause")]),t._v(" "),s("td",[t._v("pause uploading")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("retry")]),t._v(" "),s("td",[t._v("retry uploading")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("removeFile")]),t._v(" "),s("td",[t._v("remove file")]),t._v(" "),s("td",[t._v("the file object")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/25.8c8a6e0d396b0ba332e9.js b/docs/js/28.2e7f366d887c8b46d5ec.js similarity index 97% rename from docs/js/25.8c8a6e0d396b0ba332e9.js rename to docs/js/28.2e7f366d887c8b46d5ec.js index 63ed0df8..36d8446d 100644 --- a/docs/js/25.8c8a6e0d396b0ba332e9.js +++ b/docs/js/28.2e7f366d887c8b46d5ec.js @@ -1 +1 @@ -webpackJsonp([25],{473:function(s,t,a){s.exports=a(549)},549:function(s,t,a){var e=a(11)(null,a(550),null,null,null);s.exports=e.exports},550:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Toast"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toast-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toast")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Toast")]),s._v(" component.You can use it to show non-modal tip message without user interaction.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Duration of display")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime"')]),s._v(">")]),s._v("Toast - time 1s"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime0"')]),s._v(">")]),s._v("Toast - time 0"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastTime() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 1s'")]),s._v("\n })\n toast.show()\n },\n showToastTime0() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 0'")]),s._v("\n })\n toast.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n toast.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("time")]),s._v(" to change the duration of display.If set to 0, the toast will not hide automatically and you must invoke the component's "),a("code",{pre:!0},[s._v("hide")]),s._v(" method manually to hide it.")])]),s._v(" "),a("li",[a("p",[s._v("Show mask layer")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastMask"')]),s._v(">")]),s._v("Toast- with mask"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastMask () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Loading...'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("mask")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("mask")]),s._v(" to "),a("code",{pre:!0},[s._v("true")]),s._v(" to display mask.")])]),s._v(" "),a("li",[a("p",[s._v("Tip type")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastType"')]),s._v(">")]),s._v("Toast - type"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastType() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("type")]),s._v(" to change the tip icon.You can see accepted types in the following "),a("code",{pre:!0},[s._v("Props configuration")]),s._v(".")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("toast type(different types of icons)")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("loading/correct/error/warn")]),s._v(" "),a("td",[s._v("loading")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("whether to show mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("tip text")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("time")]),s._v(" "),a("td",[s._v("display duration, millisecond")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3000")])])])])}]}}}); \ No newline at end of file +webpackJsonp([28],{474:function(s,t,a){s.exports=a(555)},555:function(s,t,a){var e=a(11)(null,a(556),null,null,null);s.exports=e.exports},556:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Toast"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toast-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toast")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Toast")]),s._v(" component.You can use it to show non-modal tip message without user interaction.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Duration of display")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime"')]),s._v(">")]),s._v("Toast - time 1s"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime0"')]),s._v(">")]),s._v("Toast - time 0"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastTime() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 1s'")]),s._v("\n })\n toast.show()\n },\n showToastTime0() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 0'")]),s._v("\n })\n toast.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n toast.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("time")]),s._v(" to change the duration of display.If set to 0, the toast will not hide automatically and you must invoke the component's "),a("code",{pre:!0},[s._v("hide")]),s._v(" method manually to hide it.")])]),s._v(" "),a("li",[a("p",[s._v("Show mask layer")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastMask"')]),s._v(">")]),s._v("Toast- with mask"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastMask () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Loading...'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("mask")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("mask")]),s._v(" to "),a("code",{pre:!0},[s._v("true")]),s._v(" to display mask.")])]),s._v(" "),a("li",[a("p",[s._v("Tip type")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastType"')]),s._v(">")]),s._v("Toast - type"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastType() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("type")]),s._v(" to change the tip icon.You can see accepted types in the following "),a("code",{pre:!0},[s._v("Props configuration")]),s._v(".")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("toast type(different types of icons)")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("loading/correct/error/warn")]),s._v(" "),a("td",[s._v("loading")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("whether to show mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("tip text")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("time")]),s._v(" "),a("td",[s._v("display duration, millisecond")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3000")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/26.3e3d9fcb51c054dec917.js b/docs/js/29.e638fd2e5c83b547f07b.js similarity index 98% rename from docs/js/26.3e3d9fcb51c054dec917.js rename to docs/js/29.e638fd2e5c83b547f07b.js index 6cd7e747..8b645992 100644 --- a/docs/js/26.3e3d9fcb51c054dec917.js +++ b/docs/js/29.e638fd2e5c83b547f07b.js @@ -1 +1 @@ -webpackJsonp([26],{472:function(s,t,a){s.exports=a(547)},547:function(s,t,a){var e=a(11)(null,a(548),null,null,null);s.exports=e.exports},548:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Tip"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Tip-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Tip")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Tip")]),s._v(", used to popup tip bubble box.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("By adding "),a("code",{pre:!0},[s._v("ref")]),s._v(" to "),a("code",{pre:!0},[s._v("Tip")]),s._v(", you can get the reference to the component and invoke "),a("code",{pre:!0},[s._v("show")]),s._v(" or "),a("code",{pre:!0},[s._v("hide")]),s._v(" methods which are exposed by "),a("code",{pre:!0},[s._v("Tip")]),s._v(" to control the show or hide state of the component.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTip"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTip () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("The position of the small triangle and the bubble box")]),s._v(" "),a("p",[s._v("You can configure the direction of the small triangle by "),a("code",{pre:!0},[s._v("direction")]),s._v(" and configure the position of the bubble box by "),a("code",{pre:!0},[s._v("style")]),s._v(". Normally, the direction of the small triangle is opposite to the position of the bubble box.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip-eg"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("CubeUI"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"direction"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tipStyle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@close")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"close"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("Awesome!"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('bottom')\"")]),s._v(">")]),s._v("top"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('top')\"")]),s._v(">")]),s._v("bottom"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('right')\"")]),s._v(">")]),s._v("left"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('left')\"")]),s._v(">")]),s._v("right"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tipStyle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTip(direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".direction = direction\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip.show()\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("switch")]),s._v(" (direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 100px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 20px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 200px; top: 60px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 5px; top: 60px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n }\n },\n close() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click close button'")]),s._v(")\n },\n clickHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click tip area'")]),s._v(")\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("the direction of the small triangle")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/bottom/left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("offsetLeft")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the left part of x axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetTop")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the origin of y axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetRight")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the right part of x axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetBottom")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the bottom part of y axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("name")]),s._v(" "),a("th",[s._v("description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("-")]),s._v(" "),a("td",[s._v("the content shown inside the tip component")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("close")]),s._v(" "),a("td",[s._v("the event that exposed when clicking the close button of tips, which will hide at the same time")]),s._v(" "),a("td",[s._v("None")])]),s._v(" "),a("tr",[a("td",[s._v("clicked")]),s._v(" "),a("td",[s._v("the event that exposed when clicking the content of tips, which will hide at the same time")]),s._v(" "),a("td",[s._v("None")])])])])}]}}}); \ No newline at end of file +webpackJsonp([29],{473:function(s,t,a){s.exports=a(553)},553:function(s,t,a){var e=a(11)(null,a(554),null,null,null);s.exports=e.exports},554:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Tip"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Tip-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Tip")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Tip")]),s._v(", used to popup tip bubble box.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("By adding "),a("code",{pre:!0},[s._v("ref")]),s._v(" to "),a("code",{pre:!0},[s._v("Tip")]),s._v(", you can get the reference to the component and invoke "),a("code",{pre:!0},[s._v("show")]),s._v(" or "),a("code",{pre:!0},[s._v("hide")]),s._v(" methods which are exposed by "),a("code",{pre:!0},[s._v("Tip")]),s._v(" to control the show or hide state of the component.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTip"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTip () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("The position of the small triangle and the bubble box")]),s._v(" "),a("p",[s._v("You can configure the direction of the small triangle by "),a("code",{pre:!0},[s._v("direction")]),s._v(" and configure the position of the bubble box by "),a("code",{pre:!0},[s._v("style")]),s._v(". Normally, the direction of the small triangle is opposite to the position of the bubble box.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip-eg"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("CubeUI"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"direction"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tipStyle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@close")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"close"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("Awesome!"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('bottom')\"")]),s._v(">")]),s._v("top"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('top')\"")]),s._v(">")]),s._v("bottom"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('right')\"")]),s._v(">")]),s._v("left"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('left')\"")]),s._v(">")]),s._v("right"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tipStyle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTip(direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".direction = direction\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip.show()\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("switch")]),s._v(" (direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 100px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 20px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 200px; top: 60px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 5px; top: 60px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n }\n },\n close() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click close button'")]),s._v(")\n },\n clickHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click tip area'")]),s._v(")\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("the direction of the small triangle")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/bottom/left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("offsetLeft")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the left part of x axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetTop")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the origin of y axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetRight")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the right part of x axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetBottom")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the bottom part of y axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("name")]),s._v(" "),a("th",[s._v("description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("-")]),s._v(" "),a("td",[s._v("the content shown inside the tip component")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("close")]),s._v(" "),a("td",[s._v("the event that exposed when clicking the close button of tips, which will hide at the same time")]),s._v(" "),a("td",[s._v("None")])]),s._v(" "),a("tr",[a("td",[s._v("clicked")]),s._v(" "),a("td",[s._v("the event that exposed when clicking the content of tips, which will hide at the same time")]),s._v(" "),a("td",[s._v("None")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/2.5e40a67e18a643273577.js b/docs/js/3.16234fd0414bbeb500c0.js similarity index 97% rename from docs/js/2.5e40a67e18a643273577.js rename to docs/js/3.16234fd0414bbeb500c0.js index 31a360d8..cd1db2f5 100644 --- a/docs/js/2.5e40a67e18a643273577.js +++ b/docs/js/3.16234fd0414bbeb500c0.js @@ -1 +1 @@ -webpackJsonp([2],{496:function(s,t,a){s.exports=a(595)},595:function(s,t,a){var v=a(11)(null,a(596),null,null,null);s.exports=v.exports},596:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Toast"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toast-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toast")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Toast")]),s._v("组件主要用于非模态信息提醒，无需用户交互。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("显示时间设置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime"')]),s._v(">")]),s._v("Toast - time 1s"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime0"')]),s._v(">")]),s._v("Toast - time 0"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastTime() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 1s'")]),s._v("\n })\n toast.show()\n },\n showToastTime0() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 0'")]),s._v("\n })\n toast.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n toast.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("time")]),s._v(" 字段决定了 Toast 显示的时间，如果设置为 "),a("code",{pre:!0},[s._v("0")]),s._v("，则不会消失，需要手动调用组件的 "),a("code",{pre:!0},[s._v("hide")]),s._v(" 方法。")])]),s._v(" "),a("li",[a("p",[s._v("显示遮罩")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastMask"')]),s._v(">")]),s._v("Toast- with mask"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastMask () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Loading...'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("mask")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("mask")]),s._v(" 设置为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 时会显示遮罩。")])]),s._v(" "),a("li",[a("p",[s._v("类型设置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastType"')]),s._v(">")]),s._v("Toast - type"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastType() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("type")]),s._v(" 字段决定了 Toast 的显示图标类型，具体对应关系，参见下方的 Props 配置。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("类型(对应不同的 icon)")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("loading/correct/error/warn")]),s._v(" "),a("td",[s._v("loading")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("遮罩")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("提示信息")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("time")]),s._v(" "),a("td",[s._v("显示时间")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3000")])])])])}]}}}); \ No newline at end of file +webpackJsonp([3],{499:function(s,t,a){s.exports=a(605)},605:function(s,t,a){var v=a(11)(null,a(606),null,null,null);s.exports=v.exports},606:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Toast"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toast-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toast")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Toast")]),s._v("组件主要用于非模态信息提醒，无需用户交互。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("显示时间设置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime"')]),s._v(">")]),s._v("Toast - time 1s"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime0"')]),s._v(">")]),s._v("Toast - time 0"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastTime() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 1s'")]),s._v("\n })\n toast.show()\n },\n showToastTime0() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 0'")]),s._v("\n })\n toast.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n toast.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("time")]),s._v(" 字段决定了 Toast 显示的时间，如果设置为 "),a("code",{pre:!0},[s._v("0")]),s._v("，则不会消失，需要手动调用组件的 "),a("code",{pre:!0},[s._v("hide")]),s._v(" 方法。")])]),s._v(" "),a("li",[a("p",[s._v("显示遮罩")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastMask"')]),s._v(">")]),s._v("Toast- with mask"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastMask () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Loading...'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("mask")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("mask")]),s._v(" 设置为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 时会显示遮罩。")])]),s._v(" "),a("li",[a("p",[s._v("类型设置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastType"')]),s._v(">")]),s._v("Toast - type"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastType() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("type")]),s._v(" 字段决定了 Toast 的显示图标类型，具体对应关系，参见下方的 Props 配置。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("类型(对应不同的 icon)")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("loading/correct/error/warn")]),s._v(" "),a("td",[s._v("loading")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("遮罩")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("提示信息")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("time")]),s._v(" "),a("td",[s._v("显示时间")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3000")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/27.c69b6ab12c23984a7cab.js b/docs/js/30.48f2ca15cb18ec41ab26.js similarity index 98% rename from docs/js/27.c69b6ab12c23984a7cab.js rename to docs/js/30.48f2ca15cb18ec41ab26.js index b14a980f..7a66cf1f 100644 --- a/docs/js/27.c69b6ab12c23984a7cab.js +++ b/docs/js/30.48f2ca15cb18ec41ab26.js @@ -1 +1 @@ -webpackJsonp([27],{471:function(t,s,a){t.exports=a(545)},545:function(t,s,a){var e=a(11)(null,a(546),null,null,null);t.exports=e.exports},546:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"TimePicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TimePicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" TimePicker")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("TimePicker")]),t._v(" component provides commonly used functions of date selection.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showTimePicker"')]),t._v(">")]),t._v("TimePicker"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showNow")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("minuteStep")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("delay")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("15")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("selectedTime, selectedText")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected timestamp "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTime}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected content "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedText}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Clicked cancel button'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("showNow")]),t._v(' is uesed to control whether the time "now" is displayed. '),a("code",{pre:!0},[t._v("minuteStep")]),t._v(" is used to control the step of the minute. "),a("code",{pre:!0},[t._v("delay")]),t._v(" represents the time that postponed backwards from now, which determines the minimal optional time.")])]),t._v(" "),a("li",[a("p",[t._v("Configuration of date options")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showTimePicker"')]),t._v(">")]),t._v("TimePicker - day options"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showNow")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("minuteStep")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("delay")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("day")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("len")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("filter")]),t._v(": ["),a("span",{attrs:{class:"hljs-string"}},[t._v("'Today'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Tomorrow'")]),t._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("format")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'M year d day'")]),t._v("\n },\n onSelect(selectedTime, selectedText) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("console")]),t._v(".log(selectedTime, selectedText)\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("selectedTime, selectedText")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected timestamp "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTime}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected content "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedText}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Clicked cancel button'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("len")]),t._v(" attribute in "),a("code",{pre:!0},[t._v("day")]),t._v(" can set the length of date displayed in the first column.")]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("filter")]),t._v(" attribute can set the text of the date displayed in the first column.")]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("format")]),t._v(" attribute can set the text in "),a("code",{pre:!0},[t._v("M year d day")]),t._v(" format when the "),a("code",{pre:!0},[t._v("len")]),t._v(" is greater than the length of "),a("code",{pre:!0},[t._v("filter")]),t._v(" array.")])]),t._v(" "),a("li",[a("p",[t._v("Set time manually")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showTimePicker"')]),t._v(">")]),t._v("TimePicker - setTime(next hour)"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" time = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("().valueOf() + "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("60")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("60")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showNow")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("minuteStep")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("delay")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("15")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("day")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("len")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("filter")]),t._v(": ["),a("span",{attrs:{class:"hljs-string"}},[t._v("'Today'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Tomorrow'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'The day after tomorrow'")]),t._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("format")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'M year d day'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("selectedTime, selectedText")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected timestamp: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTime}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected content "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedText}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Clicked cancel button'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n })\n\n timePicker.setTime(time)\n timePicker.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("timePicker")]),t._v(" instance exports "),a("code",{pre:!0},[t._v("setTime")]),t._v(" methos to set time manually with the time stamp as time format. When the time stamp is lower than current time stamp, "),a("code",{pre:!0},[t._v("timePicker")]),t._v(" displays current time by default.")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'选择时间'")])]),t._v(" "),a("tr",[a("td",[t._v("delay")]),t._v(" "),a("td",[t._v("minutes that postponed backwards from now, which determines the minimal optional time")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("15")])]),t._v(" "),a("tr",[a("td",[t._v("day")]),t._v(" "),a("td",[t._v("date configuration")]),t._v(" "),a("td",[t._v("Object")]),t._v(" "),a("td",[t._v("{ len: 3, filter: ['今日'], format: 'M月d日' }")])]),t._v(" "),a("tr",[a("td",[t._v("showNow")]),t._v(" "),a("td",[t._v("whether to display current time")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("minuteStep")]),t._v(" "),a("td",[t._v("step of the minute")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("10")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("day")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("len")]),t._v(" "),a("td",[t._v("date column, postpone "),a("code",{pre:!0},[t._v("len")]),t._v(" days backwards from now")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("3")])]),t._v(" "),a("tr",[a("td",[t._v("filter")]),t._v(" "),a("td",[t._v("date column, map time to the text in filter")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("['今日']")])]),t._v(" "),a("tr",[a("td",[t._v("format")]),t._v(" "),a("td",[t._v("format time")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'M月d日'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters 1")]),t._v(" "),a("th",[t._v("Parameters 2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("triggers when clicking the confirm button")]),t._v(" "),a("td",[t._v("selectedTime: currently selected timestamp")]),t._v(" "),a("td",[t._v("selectText: text of currently selected time")])]),t._v(" "),a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("triggers when sliding to change time-picker roller")]),t._v(" "),a("td",[t._v("selectedTime: currently selected timestamp")]),t._v(" "),a("td",[t._v("selectText: text of currently selected time")])]),t._v(" "),a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when clicking the cancel button")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Method name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("setTime")]),t._v(" "),a("td",[t._v("manually set time displayed in time-picker with with the time stamp as time format")]),t._v(" "),a("td",[t._v("time stamp")])])])])}]}}}); \ No newline at end of file +webpackJsonp([30],{472:function(t,s,a){t.exports=a(551)},551:function(t,s,a){var e=a(11)(null,a(552),null,null,null);t.exports=e.exports},552:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"TimePicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TimePicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" TimePicker")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("TimePicker")]),t._v(" component provides commonly used functions of date selection.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showTimePicker"')]),t._v(">")]),t._v("TimePicker"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showNow")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("minuteStep")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("delay")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("15")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("selectedTime, selectedText")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected timestamp "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTime}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected content "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedText}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Clicked cancel button'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("showNow")]),t._v(' is uesed to control whether the time "now" is displayed. '),a("code",{pre:!0},[t._v("minuteStep")]),t._v(" is used to control the step of the minute. "),a("code",{pre:!0},[t._v("delay")]),t._v(" represents the time that postponed backwards from now, which determines the minimal optional time.")])]),t._v(" "),a("li",[a("p",[t._v("Configuration of date options")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showTimePicker"')]),t._v(">")]),t._v("TimePicker - day options"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showNow")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("minuteStep")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("delay")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("day")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("len")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("filter")]),t._v(": ["),a("span",{attrs:{class:"hljs-string"}},[t._v("'Today'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Tomorrow'")]),t._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("format")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'M year d day'")]),t._v("\n },\n onSelect(selectedTime, selectedText) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("console")]),t._v(".log(selectedTime, selectedText)\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("selectedTime, selectedText")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected timestamp "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTime}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected content "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedText}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Clicked cancel button'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("len")]),t._v(" attribute in "),a("code",{pre:!0},[t._v("day")]),t._v(" can set the length of date displayed in the first column.")]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("filter")]),t._v(" attribute can set the text of the date displayed in the first column.")]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("format")]),t._v(" attribute can set the text in "),a("code",{pre:!0},[t._v("M year d day")]),t._v(" format when the "),a("code",{pre:!0},[t._v("len")]),t._v(" is greater than the length of "),a("code",{pre:!0},[t._v("filter")]),t._v(" array.")])]),t._v(" "),a("li",[a("p",[t._v("Set time manually")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showTimePicker"')]),t._v(">")]),t._v("TimePicker - setTime(next hour)"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" time = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("().valueOf() + "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("60")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("60")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showNow")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("minuteStep")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("delay")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("15")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("day")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("len")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("filter")]),t._v(": ["),a("span",{attrs:{class:"hljs-string"}},[t._v("'Today'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Tomorrow'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'The day after tomorrow'")]),t._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("format")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'M year d day'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("selectedTime, selectedText")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected timestamp: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTime}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected content "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedText}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Clicked cancel button'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n })\n\n timePicker.setTime(time)\n timePicker.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("timePicker")]),t._v(" instance exports "),a("code",{pre:!0},[t._v("setTime")]),t._v(" methos to set time manually with the time stamp as time format. When the time stamp is lower than current time stamp, "),a("code",{pre:!0},[t._v("timePicker")]),t._v(" displays current time by default.")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'选择时间'")])]),t._v(" "),a("tr",[a("td",[t._v("delay")]),t._v(" "),a("td",[t._v("minutes that postponed backwards from now, which determines the minimal optional time")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("15")])]),t._v(" "),a("tr",[a("td",[t._v("day")]),t._v(" "),a("td",[t._v("date configuration")]),t._v(" "),a("td",[t._v("Object")]),t._v(" "),a("td",[t._v("{ len: 3, filter: ['今日'], format: 'M月d日' }")])]),t._v(" "),a("tr",[a("td",[t._v("showNow")]),t._v(" "),a("td",[t._v("whether to display current time")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("minuteStep")]),t._v(" "),a("td",[t._v("step of the minute")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("10")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("day")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("len")]),t._v(" "),a("td",[t._v("date column, postpone "),a("code",{pre:!0},[t._v("len")]),t._v(" days backwards from now")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("3")])]),t._v(" "),a("tr",[a("td",[t._v("filter")]),t._v(" "),a("td",[t._v("date column, map time to the text in filter")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("['今日']")])]),t._v(" "),a("tr",[a("td",[t._v("format")]),t._v(" "),a("td",[t._v("format time")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'M月d日'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters 1")]),t._v(" "),a("th",[t._v("Parameters 2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("triggers when clicking the confirm button")]),t._v(" "),a("td",[t._v("selectedTime: currently selected timestamp")]),t._v(" "),a("td",[t._v("selectText: text of currently selected time")])]),t._v(" "),a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("triggers when sliding to change time-picker roller")]),t._v(" "),a("td",[t._v("selectedTime: currently selected timestamp")]),t._v(" "),a("td",[t._v("selectText: text of currently selected time")])]),t._v(" "),a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when clicking the cancel button")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Method name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("setTime")]),t._v(" "),a("td",[t._v("manually set time displayed in time-picker with with the time stamp as time format")]),t._v(" "),a("td",[t._v("time stamp")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/28.d9ad8792511034d7991a.js b/docs/js/31.84be94cd02b81382bf7f.js similarity index 99% rename from docs/js/28.d9ad8792511034d7991a.js rename to docs/js/31.84be94cd02b81382bf7f.js index 30d06216..dd2fa4c3 100644 --- a/docs/js/28.d9ad8792511034d7991a.js +++ b/docs/js/31.84be94cd02b81382bf7f.js @@ -1 +1 @@ -webpackJsonp([28],{470:function(s,a,t){s.exports=t(543)},543:function(s,a,t){var l=t(11)(null,t(544),null,null,null);s.exports=l.exports},544:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"Theme"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Theme-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Theme")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"Themefile"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Themefile-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Theme file")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("h3",{attrs:{id:"webpackconfig"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-webpackconfig-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" webpack config")]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"Result"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Result-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Result")]),s._v(" "),t("p",[s._v("In this way you can use cube-ui with your own theme. You do not need to override the cube-ui style because you can just override the theme variables.")])])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("You can choose to modify all or only some of the theme variables from "),t("code",{pre:!0},[s._v("cube-ui^1.0.2")]),s._v("(also need webpack).")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("strong",[s._v("Notice:")]),s._v(" Customizing theme depend on "),t("a",{attrs:{href:"#/en-US/docs/post-compile"}},[s._v("post-compile")]),s._v(".")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("You can create a "),t("code",{pre:!0},[s._v("theme.styl")]),s._v(" file in your application's "),t("code",{pre:!0},[s._v("src/")]),s._v(" directory. The theme file's content that looks like this (these variables are cube-ui's default value):")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-styl"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// you want to use cube-ui variables, just require it")]),s._v("\n@require "),t("span",{attrs:{class:"hljs-string"}},[s._v('"~cube-ui/src/common/stylus/var/color.styl"')]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// action-sheet")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-space-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bg\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// picker style")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-picker-cancel-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-picker-cancel-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// button")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// primary")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// light")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// outline")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// outline-primary")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// checked")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox-group")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-group-horizontal-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// dialog")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-background\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-close-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-highlight-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-highlight-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-orange-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-disabled-active-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btns-split-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// index-list")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-anchor-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-anchor-bgc := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#f7f7f7")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-item-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-item-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-nav-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-nav-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// picker")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-confirm-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-confirm-btn-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-cancel-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-cancel-btn-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-item-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// popup")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$popup")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bgc := rgb("),t("span",{attrs:{class:"hljs-number"}},[s._v("37")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("38")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("45")]),s._v(")\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$popup")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-opacity := ."),t("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// slide")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$slide")]),s._v("-dot-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$slide")]),s._v("-dot-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// tip")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tip")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tip")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// toast")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toast")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toast")]),s._v("-bgc := rgba("),t("span",{attrs:{class:"hljs-number"}},[s._v("37")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("38")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("45")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0.9")]),s._v(")\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("If your project is created by vue-cli, then you can modify the "),t("code",{pre:!0},[s._v("exports.cssLoaders")]),s._v(" function in "),t("code",{pre:!0},[s._v("build/utils.js")]),s._v(" to this:")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("exports.cssLoaders = "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),t("span",{attrs:{class:"hljs-params"}},[s._v("options")]),s._v(") ")]),s._v("{\n options = options || {}\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cssLoader = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'css-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("minimize")]),s._v(": process.env.NODE_ENV === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'production'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n }\n }\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" postcssLoader = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'postcss-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n }\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// generate loader string to be used with extract text plugin")]),s._v("\n "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" "),t("span",{attrs:{class:"hljs-title"}},[s._v("generateLoaders")]),s._v(" ("),t("span",{attrs:{class:"hljs-params"}},[s._v("loader, loaderOptions")]),s._v(") ")]),s._v("{\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (loader) {\n loaders.push({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": loader + "),t("span",{attrs:{class:"hljs-string"}},[s._v("'-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Object")]),s._v(".assign({}, loaderOptions, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n })\n })\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Extract CSS when that option is specified")]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// (which is the case during production build)")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (options.extract) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ExtractTextPlugin.extract({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("use")]),s._v(": loaders,\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("fallback")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue-style-loader'")]),s._v("\n })\n } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue-style-loader'")]),s._v("].concat(loaders)\n }\n }\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" stylusOptions = {\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'resolve url'")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// !! add import option, include the theme file")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(": [path.resolve(__dirname, "),t("span",{attrs:{class:"hljs-string"}},[s._v("'../src/theme'")]),s._v(")]\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// https://vue-loader.vuejs.org/en/configurations/extract-css.html")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("css")]),s._v(": generateLoaders(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("postcss")]),s._v(": generateLoaders(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("less")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'less'")]),s._v("),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sass")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v(", { "),t("span",{attrs:{class:"hljs-attr"}},[s._v("indentedSyntax")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(" }),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scss")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v("),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("stylus")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(",stylusOptions),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("styl")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(",stylusOptions)\n }\n}\n")])])}]}}}); \ No newline at end of file +webpackJsonp([31],{471:function(s,a,t){s.exports=t(549)},549:function(s,a,t){var l=t(11)(null,t(550),null,null,null);s.exports=l.exports},550:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"Theme"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Theme-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Theme")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"Themefile"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Themefile-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Theme file")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("h3",{attrs:{id:"webpackconfig"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-webpackconfig-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" webpack config")]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"Result"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Result-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Result")]),s._v(" "),t("p",[s._v("In this way you can use cube-ui with your own theme. You do not need to override the cube-ui style because you can just override the theme variables.")])])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("You can choose to modify all or only some of the theme variables from "),t("code",{pre:!0},[s._v("cube-ui^1.0.2")]),s._v("(also need webpack).")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("strong",[s._v("Notice:")]),s._v(" Customizing theme depend on "),t("a",{attrs:{href:"#/en-US/docs/post-compile"}},[s._v("post-compile")]),s._v(".")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("You can create a "),t("code",{pre:!0},[s._v("theme.styl")]),s._v(" file in your application's "),t("code",{pre:!0},[s._v("src/")]),s._v(" directory. The theme file's content that looks like this (these variables are cube-ui's default value):")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-styl"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// you want to use cube-ui variables, just require it")]),s._v("\n@require "),t("span",{attrs:{class:"hljs-string"}},[s._v('"~cube-ui/src/common/stylus/var/color.styl"')]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// action-sheet")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-space-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bg\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// picker style")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-picker-cancel-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-picker-cancel-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// button")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// primary")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// light")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// outline")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// outline-primary")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// checked")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox-group")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-group-horizontal-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// dialog")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-background\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-close-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-highlight-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-highlight-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-orange-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-disabled-active-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btns-split-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// index-list")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-anchor-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-anchor-bgc := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#f7f7f7")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-item-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-item-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-nav-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-nav-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// picker")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-confirm-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-confirm-btn-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-cancel-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-cancel-btn-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-item-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// popup")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$popup")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bgc := rgb("),t("span",{attrs:{class:"hljs-number"}},[s._v("37")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("38")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("45")]),s._v(")\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$popup")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-opacity := ."),t("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// slide")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$slide")]),s._v("-dot-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$slide")]),s._v("-dot-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// tip")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tip")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tip")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// toast")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toast")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toast")]),s._v("-bgc := rgba("),t("span",{attrs:{class:"hljs-number"}},[s._v("37")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("38")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("45")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0.9")]),s._v(")\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("If your project is created by vue-cli, then you can modify the "),t("code",{pre:!0},[s._v("exports.cssLoaders")]),s._v(" function in "),t("code",{pre:!0},[s._v("build/utils.js")]),s._v(" to this:")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("exports.cssLoaders = "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),t("span",{attrs:{class:"hljs-params"}},[s._v("options")]),s._v(") ")]),s._v("{\n options = options || {}\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cssLoader = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'css-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("minimize")]),s._v(": process.env.NODE_ENV === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'production'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n }\n }\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" postcssLoader = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'postcss-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n }\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// generate loader string to be used with extract text plugin")]),s._v("\n "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" "),t("span",{attrs:{class:"hljs-title"}},[s._v("generateLoaders")]),s._v(" ("),t("span",{attrs:{class:"hljs-params"}},[s._v("loader, loaderOptions")]),s._v(") ")]),s._v("{\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (loader) {\n loaders.push({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": loader + "),t("span",{attrs:{class:"hljs-string"}},[s._v("'-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Object")]),s._v(".assign({}, loaderOptions, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n })\n })\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Extract CSS when that option is specified")]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// (which is the case during production build)")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (options.extract) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ExtractTextPlugin.extract({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("use")]),s._v(": loaders,\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("fallback")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue-style-loader'")]),s._v("\n })\n } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue-style-loader'")]),s._v("].concat(loaders)\n }\n }\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" stylusOptions = {\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'resolve url'")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// !! add import option, include the theme file")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(": [path.resolve(__dirname, "),t("span",{attrs:{class:"hljs-string"}},[s._v("'../src/theme'")]),s._v(")]\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// https://vue-loader.vuejs.org/en/configurations/extract-css.html")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("css")]),s._v(": generateLoaders(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("postcss")]),s._v(": generateLoaders(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("less")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'less'")]),s._v("),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sass")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v(", { "),t("span",{attrs:{class:"hljs-attr"}},[s._v("indentedSyntax")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(" }),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scss")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v("),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("stylus")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(",stylusOptions),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("styl")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(",stylusOptions)\n }\n}\n")])])}]}}}); \ No newline at end of file diff --git a/docs/js/29.bb9739c8dd275239f464.js b/docs/js/32.54fd7ffbca3ef2bf8536.js similarity index 99% rename from docs/js/29.bb9739c8dd275239f464.js rename to docs/js/32.54fd7ffbca3ef2bf8536.js index d8471bf2..a524a2d5 100644 --- a/docs/js/29.bb9739c8dd275239f464.js +++ b/docs/js/32.54fd7ffbca3ef2bf8536.js @@ -1 +1 @@ -webpackJsonp([29],{469:function(s,t,a){s.exports=a(541)},541:function(s,t,a){var l=a(11)(null,a(542),null,null,null);s.exports=l.exports},542:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"stylemodule"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-stylemodule-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" style module")]),s._v(" "),a("p",[s._v("This module contains the common css: reset, base and built-in icons.")]),s._v(" "),a("h3",{attrs:{id:"reset.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-reset.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" reset.css")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"base.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-base.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" base.css")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"icon.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-icon.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" icon.css")]),s._v(" "),a("p",[s._v("Icons:")]),s._v(" "),s._m(4),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Based on "),a("a",{attrs:{href:"http://meyerweb.com/eric/tools/css/reset/"}},[s._v("Eric Meyer's Reset CSS")]),s._v(" and "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/reset.styl"}},[s._v("modified")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("/**\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("html")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("div")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("span")]),s._v(", applet, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("object")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("iframe")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h1")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h2")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h3")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h4")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h5")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h6")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("p")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(", pre,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("abbr")]),s._v(", acronym, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("address")]),s._v(", big, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("cite")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("code")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("del")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dfn")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("em")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("img")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ins")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("kbd")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(", s, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("samp")]),s._v(",\nsmall, strike, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("strong")]),s._v(", sub, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("sup")]),s._v(", tt, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("var")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("b")]),s._v(", u, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("i")]),s._v(", center,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dl")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dt")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dd")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ol")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ul")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("fieldset")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("form")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("label")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("legend")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("table")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("caption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tbody")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tfoot")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("thead")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tr")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("th")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("td")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("article")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("aside")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("canvas")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("details")]),s._v(", embed,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figure")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figcaption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("footer")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("header")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("menu")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("nav")]),s._v(", output, ruby, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("section")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("summary")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("time")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("mark")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("audio")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("video")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-weight")]),s._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("vertical-align")]),s._v(": baseline\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* HTML5 display-role reset for older browsers */")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("article")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("aside")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("details")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figcaption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figure")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("footer")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("header")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("menu")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("nav")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("section")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": block\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("quotes")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(":after,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(":after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("table")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-collapse")]),s._v(": collapse\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-spacing")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* custom */")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#7e8c8d")]),s._v("\n -webkit-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("backface-visibility")]),s._v(": hidden\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("text-decoration")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("list-style")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v("\n -webkit-text-size-adjust: "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("none")]),s._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/base.styl"}},[s._v("base css")]),s._v(" contains the following styles:")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[s._v("@require "),a("span",{attrs:{class:"hljs-string"}},[s._v('"./variable.styl"')]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("html")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-family")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PingFang SC'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'STHeitiSC-Light'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Helvetica-Light'")]),s._v(", arial, sans-serif, "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Droid Sans Fallback'")]),s._v("\n user-select: "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("none")]),s._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": transparent\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".clear-fix")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('""')]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": table\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("clear")]),s._v(": both\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n &::before, &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('""')]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": block\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": absolute\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" top\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-right")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("right")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": right "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" bottom\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": left "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[s._v("2dppx")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[s._v("3dppx")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("img",{attrs:{src:"https://raw.githubusercontent.com/didi/cube-ui/master/assets/icon.png",alt:"cube icons"}})])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If you want to use them, just add the "),a("code",{pre:!0},[s._v("cubeic-${name}")]),s._v(" class: "),a("code",{pre:!0},[s._v('')]),s._v(".")])}]}}}); \ No newline at end of file +webpackJsonp([32],{470:function(s,t,a){s.exports=a(547)},547:function(s,t,a){var l=a(11)(null,a(548),null,null,null);s.exports=l.exports},548:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"stylemodule"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-stylemodule-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" style module")]),s._v(" "),a("p",[s._v("This module contains the common css: reset, base and built-in icons.")]),s._v(" "),a("h3",{attrs:{id:"reset.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-reset.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" reset.css")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"base.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-base.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" base.css")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"icon.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-icon.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" icon.css")]),s._v(" "),a("p",[s._v("Icons:")]),s._v(" "),s._m(4),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Based on "),a("a",{attrs:{href:"http://meyerweb.com/eric/tools/css/reset/"}},[s._v("Eric Meyer's Reset CSS")]),s._v(" and "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/reset.styl"}},[s._v("modified")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("/**\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("html")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("div")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("span")]),s._v(", applet, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("object")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("iframe")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h1")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h2")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h3")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h4")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h5")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h6")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("p")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(", pre,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("abbr")]),s._v(", acronym, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("address")]),s._v(", big, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("cite")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("code")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("del")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dfn")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("em")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("img")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ins")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("kbd")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(", s, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("samp")]),s._v(",\nsmall, strike, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("strong")]),s._v(", sub, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("sup")]),s._v(", tt, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("var")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("b")]),s._v(", u, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("i")]),s._v(", center,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dl")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dt")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dd")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ol")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ul")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("fieldset")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("form")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("label")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("legend")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("table")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("caption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tbody")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tfoot")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("thead")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tr")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("th")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("td")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("article")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("aside")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("canvas")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("details")]),s._v(", embed,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figure")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figcaption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("footer")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("header")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("menu")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("nav")]),s._v(", output, ruby, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("section")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("summary")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("time")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("mark")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("audio")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("video")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-weight")]),s._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("vertical-align")]),s._v(": baseline\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* HTML5 display-role reset for older browsers */")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("article")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("aside")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("details")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figcaption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figure")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("footer")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("header")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("menu")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("nav")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("section")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": block\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("quotes")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(":after,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(":after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("table")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-collapse")]),s._v(": collapse\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-spacing")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* custom */")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#7e8c8d")]),s._v("\n -webkit-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("backface-visibility")]),s._v(": hidden\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("text-decoration")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("list-style")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v("\n -webkit-text-size-adjust: "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("none")]),s._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/base.styl"}},[s._v("base css")]),s._v(" contains the following styles:")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[s._v("@require "),a("span",{attrs:{class:"hljs-string"}},[s._v('"./variable.styl"')]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("html")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-family")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PingFang SC'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'STHeitiSC-Light'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Helvetica-Light'")]),s._v(", arial, sans-serif, "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Droid Sans Fallback'")]),s._v("\n user-select: "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("none")]),s._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": transparent\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".clear-fix")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('""')]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": table\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("clear")]),s._v(": both\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n &::before, &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('""')]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": block\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": absolute\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" top\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-right")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("right")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": right "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" bottom\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": left "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[s._v("2dppx")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[s._v("3dppx")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("img",{attrs:{src:"https://raw.githubusercontent.com/didi/cube-ui/master/assets/icon.png",alt:"cube icons"}})])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If you want to use them, just add the "),a("code",{pre:!0},[s._v("cubeic-${name}")]),s._v(" class: "),a("code",{pre:!0},[s._v('')]),s._v(".")])}]}}}); \ No newline at end of file diff --git a/docs/js/30.84b81a4adb460cdc1717.js b/docs/js/33.b62971f142cc6472733a.js similarity index 99% rename from docs/js/30.84b81a4adb460cdc1717.js rename to docs/js/33.b62971f142cc6472733a.js index 11949221..206bc7b8 100644 --- a/docs/js/30.84b81a4adb460cdc1717.js +++ b/docs/js/33.b62971f142cc6472733a.js @@ -1 +1 @@ -webpackJsonp([30],{468:function(s,t,a){s.exports=a(539)},539:function(s,t,a){var e=a(11)(null,a(540),null,null,null);s.exports=e.exports},540:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Slide"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slide-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slide")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Slide")]),s._v(" component, which is also encapsulated based on "),a("code",{pre:!0},[s._v("better-scroll")]),s._v(", provides common functions like "),a("code",{pre:!0},[s._v("slider")]),s._v(" and "),a("code",{pre:!0},[s._v("swipe")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("cube-slide")]),s._v(" element is the entire slide component while "),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v(" element is the page of each slide and it's slot is the content of the page.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changePage"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click.native")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler(item, index)"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.image"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changePage(current) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'The index of current slide is '")]),s._v(" + current)\n },\n clickHandle(item, index) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item, index)\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Initial Index")]),s._v(" "),a("p",[s._v("Initial Index value, default 0.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":initial-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Loop play")]),s._v(" "),a("p",[s._v("Loop play is turned on by default. You can cnfigure that with "),a("code",{pre:!0},[s._v("loop")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":loop")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Automatic play")]),s._v(" "),a("p",[s._v("Automatic play is turned on by default. You can configure that with "),a("code",{pre:!0},[s._v("auto-play")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":auto-play")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Interval of automatic play")]),s._v(" "),a("p",[s._v("When automatic play is turned on, you can configure the interval with "),a("code",{pre:!0},[s._v("interval")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":interval")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"4000"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Sliding threshold of switching pages")]),s._v(" "),a("p",[s._v("You can configure the sliding threshold of switching pages with "),a("code",{pre:!0},[s._v("threshold")]),s._v(" attribute. It means that when the sliding distance exceeds the page's width * "),a("code",{pre:!0},[s._v("threshold")]),s._v(", the page is switched. Default is 0.3.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":threshold")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"0.4"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Speed of switching pages")]),s._v(" "),a("p",[s._v("Animation of switching costs 400 ms by default. You can cnfigure that with "),a("code",{pre:!0},[s._v("speed")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":speed")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"200"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Allow vertical scroll behavior")]),s._v(" "),a("p",[s._v("It can not be scrolling in the vertical direction by default. You can configure that with "),a("code",{pre:!0},[s._v("allow-vertical")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":allow-vertical")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("refresh method")]),s._v(" "),a("p",[s._v("When Slide Items updated or Slide props updated, you can call "),a("code",{pre:!0},[s._v("refresh")]),s._v(" method to update Slide view.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"slide"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.image"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" item3 = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n}\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n }\n ]\n }\n },\n mounted() {\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.push(item3)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.slide.refresh()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n}\n")])]),s._v(" "),a("p",[s._v("Added an new slide item 2 seconds later and called "),a("code",{pre:!0},[s._v("refresh")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Modify dots style")]),s._v(" "),a("p",[s._v("Default dot, you can change it by using dots slot.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dots"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-dot"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{active: props.current === index}"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in props.dots"')]),s._v(">")]),s._v("\n {{index + 1}}\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("The scoped slots provide two parameters: current active index "),a("code",{pre:!0},[s._v("current")]),s._v(" and slide items length "),a("code",{pre:!0},[s._v("dots")]),s._v(".")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("initialIndex")]),s._v(" "),a("td",[s._v("initial index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("loop")]),s._v(" "),a("td",[s._v("whether to loop play")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("autoPlay")]),s._v(" "),a("td",[s._v("whether to play automatically")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("interval")]),s._v(" "),a("td",[s._v("interval of play")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("4000")])]),s._v(" "),a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("sliding threshold of switching pages")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("(0, 1)")]),s._v(" "),a("td",[s._v("0.3")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("speed of switching pages")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("400")])]),s._v(" "),a("tr",[a("td",[s._v("allowVertical")]),s._v(" "),a("td",[s._v("whether to allow vertical scrolling")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("Default content contains cube-slide-item components")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("dots")]),s._v(" "),a("td",[s._v("Dots content")]),s._v(" "),a("td",[s._v("dots: Slide items length "),a("br"),s._v(" current: current active index")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when current slide changes")]),s._v(" "),a("td",[s._v("index of current slide")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("refresh")]),s._v(" "),a("td",[s._v("You can call this method when slide items added or removed")])])])])}]}}}); \ No newline at end of file +webpackJsonp([33],{469:function(s,t,a){s.exports=a(545)},545:function(s,t,a){var e=a(11)(null,a(546),null,null,null);s.exports=e.exports},546:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Slide"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slide-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slide")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Slide")]),s._v(" component, which is also encapsulated based on "),a("code",{pre:!0},[s._v("better-scroll")]),s._v(", provides common functions like "),a("code",{pre:!0},[s._v("slider")]),s._v(" and "),a("code",{pre:!0},[s._v("swipe")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("cube-slide")]),s._v(" element is the entire slide component while "),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v(" element is the page of each slide and it's slot is the content of the page.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changePage"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click.native")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler(item, index)"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.image"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changePage(current) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'The index of current slide is '")]),s._v(" + current)\n },\n clickHandle(item, index) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item, index)\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Initial Index")]),s._v(" "),a("p",[s._v("Initial Index value, default 0.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":initial-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Loop play")]),s._v(" "),a("p",[s._v("Loop play is turned on by default. You can cnfigure that with "),a("code",{pre:!0},[s._v("loop")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":loop")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Automatic play")]),s._v(" "),a("p",[s._v("Automatic play is turned on by default. You can configure that with "),a("code",{pre:!0},[s._v("auto-play")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":auto-play")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Interval of automatic play")]),s._v(" "),a("p",[s._v("When automatic play is turned on, you can configure the interval with "),a("code",{pre:!0},[s._v("interval")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":interval")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"4000"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Sliding threshold of switching pages")]),s._v(" "),a("p",[s._v("You can configure the sliding threshold of switching pages with "),a("code",{pre:!0},[s._v("threshold")]),s._v(" attribute. It means that when the sliding distance exceeds the page's width * "),a("code",{pre:!0},[s._v("threshold")]),s._v(", the page is switched. Default is 0.3.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":threshold")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"0.4"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Speed of switching pages")]),s._v(" "),a("p",[s._v("Animation of switching costs 400 ms by default. You can cnfigure that with "),a("code",{pre:!0},[s._v("speed")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":speed")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"200"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Allow vertical scroll behavior")]),s._v(" "),a("p",[s._v("It can not be scrolling in the vertical direction by default. You can configure that with "),a("code",{pre:!0},[s._v("allow-vertical")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":allow-vertical")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("refresh method")]),s._v(" "),a("p",[s._v("When Slide Items updated or Slide props updated, you can call "),a("code",{pre:!0},[s._v("refresh")]),s._v(" method to update Slide view.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"slide"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.image"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" item3 = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n}\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n }\n ]\n }\n },\n mounted() {\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.push(item3)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.slide.refresh()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n}\n")])]),s._v(" "),a("p",[s._v("Added an new slide item 2 seconds later and called "),a("code",{pre:!0},[s._v("refresh")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Modify dots style")]),s._v(" "),a("p",[s._v("Default dot, you can change it by using dots slot.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dots"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-dot"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{active: props.current === index}"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in props.dots"')]),s._v(">")]),s._v("\n {{index + 1}}\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("The scoped slots provide two parameters: current active index "),a("code",{pre:!0},[s._v("current")]),s._v(" and slide items length "),a("code",{pre:!0},[s._v("dots")]),s._v(".")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("initialIndex")]),s._v(" "),a("td",[s._v("initial index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("loop")]),s._v(" "),a("td",[s._v("whether to loop play")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("autoPlay")]),s._v(" "),a("td",[s._v("whether to play automatically")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("interval")]),s._v(" "),a("td",[s._v("interval of play")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("4000")])]),s._v(" "),a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("sliding threshold of switching pages")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("(0, 1)")]),s._v(" "),a("td",[s._v("0.3")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("speed of switching pages")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("400")])]),s._v(" "),a("tr",[a("td",[s._v("allowVertical")]),s._v(" "),a("td",[s._v("whether to allow vertical scrolling")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("Default content contains cube-slide-item components")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("dots")]),s._v(" "),a("td",[s._v("Dots content")]),s._v(" "),a("td",[s._v("dots: Slide items length "),a("br"),s._v(" current: current active index")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when current slide changes")]),s._v(" "),a("td",[s._v("index of current slide")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("refresh")]),s._v(" "),a("td",[s._v("You can call this method when slide items added or removed")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/31.8a7c0767a6fbfe45cf52.js b/docs/js/34.9ae7a3b67fb0728dc6f1.js similarity index 94% rename from docs/js/31.8a7c0767a6fbfe45cf52.js rename to docs/js/34.9ae7a3b67fb0728dc6f1.js index 27468422..927e591d 100644 --- a/docs/js/31.8a7c0767a6fbfe45cf52.js +++ b/docs/js/34.9ae7a3b67fb0728dc6f1.js @@ -1 +1 @@ -webpackJsonp([31],{467:function(e,t,n){e.exports=n(537)},537:function(e,t,n){var a=n(11)(null,n(538),null,null,null);e.exports=a.exports},538:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",[n("h2",{attrs:{id:"SingletonPattern"}},[n("a",{staticClass:"anchor",attrs:{href:"#cube-SingletonPattern-anchor","aria-hidden":"true"}},[n("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[n("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Singleton Pattern")]),e._v(" "),n("p",[e._v("You need to take the singleton and multiton pattern of components into account when invoking the component by API. If the component is singleton, then there will be only one instance when instantiating it multiple times, and there is only one corresponding view layer; If the component is multiton, then a new instance will be created each time you instantiate it, and there are multiple corresponding view layers which don't affect each other.")]),e._v(" "),n("p",[e._v("The components that are involved with api-invoking in cube-ui are all popups. Frequently used ones among them are listed below:")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),e._m(3),e._v(" "),n("p",[e._v("In general cases, default behavior can meet the demand, except you have special need.")]),e._v(" "),e._m(4)])},staticRenderFns:[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",[n("li",[n("a",{attrs:{href:"#/en-US/docs/toast"}},[e._v("Toast")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/picker"}},[e._v("Picker")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/time-picker"}},[e._v("TimePicker")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/dialog"}},[e._v("Dialog")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[e._v("ActionSheet")])])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[e._v("All the api-invokings are implemented with the "),n("code",{pre:!0},[e._v("createAPI")]),e._v(" function exported by the "),n("a",{attrs:{href:"#/en-US/docs/create-api"}},[e._v("create-api")]),e._v(" module. It is decided whether the component is singleton in definition. See details in "),n("a",{attrs:{href:"#/en-US/docs/create-api"}},[e._v("create-api")]),e._v(".")])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[e._v("By default, Toast, Dialog and ActionSheet is singleton, while Picker and TimePicker is multiton because their scenes tend to be more complex with a lot of extra data processing. If you want to change the default behavior at the time of instantiation,you can modify the parameter of "),n("code",{pre:!0},[e._v("$createX")]),e._v(". For example, we change the Dialog into multiton:")])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("pre",{pre:!0},[n("code",{attrs:{"v-pre":"",class:"language-js"}},[n("span",{attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" dialog = "),n("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createDialog({\n "),n("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v(": "),n("span",{attrs:{class:"hljs-string"}},[e._v("'confirm'")]),e._v(",\n "),n("span",{attrs:{class:"hljs-attr"}},[e._v("title")]),e._v(": "),n("span",{attrs:{class:"hljs-string"}},[e._v("'title'")]),e._v(",\n "),n("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),n("span",{attrs:{class:"hljs-string"}},[e._v("'content'")]),e._v("\n}, "),n("span",{attrs:{class:"hljs-literal"}},[e._v("false")]),e._v(")\ndialog.show()\n")])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[n("strong",[e._v("Note:")]),e._v(" Considering the scenes of Picker and TimePicker, neither of them support singleton pattern.")])}]}}}); \ No newline at end of file +webpackJsonp([34],{468:function(e,t,n){e.exports=n(543)},543:function(e,t,n){var a=n(11)(null,n(544),null,null,null);e.exports=a.exports},544:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",[n("h2",{attrs:{id:"SingletonPattern"}},[n("a",{staticClass:"anchor",attrs:{href:"#cube-SingletonPattern-anchor","aria-hidden":"true"}},[n("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[n("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Singleton Pattern")]),e._v(" "),n("p",[e._v("You need to take the singleton and multiton pattern of components into account when invoking the component by API. If the component is singleton, then there will be only one instance when instantiating it multiple times, and there is only one corresponding view layer; If the component is multiton, then a new instance will be created each time you instantiate it, and there are multiple corresponding view layers which don't affect each other.")]),e._v(" "),n("p",[e._v("The components that are involved with api-invoking in cube-ui are all popups. Frequently used ones among them are listed below:")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),e._m(3),e._v(" "),n("p",[e._v("In general cases, default behavior can meet the demand, except you have special need.")]),e._v(" "),e._m(4)])},staticRenderFns:[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",[n("li",[n("a",{attrs:{href:"#/en-US/docs/toast"}},[e._v("Toast")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/picker"}},[e._v("Picker")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/time-picker"}},[e._v("TimePicker")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/dialog"}},[e._v("Dialog")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[e._v("ActionSheet")])])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[e._v("All the api-invokings are implemented with the "),n("code",{pre:!0},[e._v("createAPI")]),e._v(" function exported by the "),n("a",{attrs:{href:"#/en-US/docs/create-api"}},[e._v("create-api")]),e._v(" module. It is decided whether the component is singleton in definition. See details in "),n("a",{attrs:{href:"#/en-US/docs/create-api"}},[e._v("create-api")]),e._v(".")])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[e._v("By default, Toast, Dialog and ActionSheet is singleton, while Picker and TimePicker is multiton because their scenes tend to be more complex with a lot of extra data processing. If you want to change the default behavior at the time of instantiation,you can modify the parameter of "),n("code",{pre:!0},[e._v("$createX")]),e._v(". For example, we change the Dialog into multiton:")])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("pre",{pre:!0},[n("code",{attrs:{"v-pre":"",class:"language-js"}},[n("span",{attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" dialog = "),n("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createDialog({\n "),n("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v(": "),n("span",{attrs:{class:"hljs-string"}},[e._v("'confirm'")]),e._v(",\n "),n("span",{attrs:{class:"hljs-attr"}},[e._v("title")]),e._v(": "),n("span",{attrs:{class:"hljs-string"}},[e._v("'title'")]),e._v(",\n "),n("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),n("span",{attrs:{class:"hljs-string"}},[e._v("'content'")]),e._v("\n}, "),n("span",{attrs:{class:"hljs-literal"}},[e._v("false")]),e._v(")\ndialog.show()\n")])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[n("strong",[e._v("Note:")]),e._v(" Considering the scenes of Picker and TimePicker, neither of them support singleton pattern.")])}]}}}); \ No newline at end of file diff --git a/docs/js/32.57eafc2adf80efe4d0f5.js b/docs/js/35.e4dbb366ff450d33a22c.js similarity index 99% rename from docs/js/32.57eafc2adf80efe4d0f5.js rename to docs/js/35.e4dbb366ff450d33a22c.js index c3b18d6c..0dda43c2 100644 --- a/docs/js/32.57eafc2adf80efe4d0f5.js +++ b/docs/js/35.e4dbb366ff450d33a22c.js @@ -1 +1 @@ -webpackJsonp([32],{466:function(s,t,a){s.exports=a(535)},535:function(s,t,a){var l=a(11)(null,a(536),null,null,null);s.exports=l.exports},536:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Scroll")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(9),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(10)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Scroll")]),s._v(" component, which is encapsulated based on "),a("code",{pre:!0},[s._v("better-scroll")]),s._v(", provides high-quality native scrolling experience and has convenient configuration along tith events.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("By setting "),a("code",{pre:!0},[s._v("data")]),s._v(" to an array, you can generate the list which can scrolls elegantly in the container.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Config the options of better-scroll")]),s._v(" "),a("p",[s._v("By setting "),a("code",{pre:!0},[s._v("options")]),s._v(", you can config the options of better-scroll, includes scrollbar, pull-down-to-refresh, pull-up-to-load etc. Detailed options are shown in "),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/en/options.html"}},[s._v("the Document of better-scroll")]),s._v(". We just introduce several common options here.")]),s._v(" "),a("p",[s._v("1 Scroll bar")]),s._v(" "),a("p",[s._v("Default is without scroll bar. You can set it to fade-in-fade-out or always-show style.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollbar")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fade")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n }\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("2 Pull down to refresh")]),s._v(" "),a("p",[s._v("There is no pull-down-to-refresh function by default. Configuring "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" option can turn on the dispatching of the event "),a("code",{pre:!0},[s._v("pulling-down")]),s._v(" and the animation of pulling down. You can listen to "),a("code",{pre:!0},[s._v("pulling-down")]),s._v(" event to update data.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Refresh success'")]),s._v("\n }\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟更新数据")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.unshift("),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am new data: '")]),s._v(" + +"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("())\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Pulling up to load")]),s._v(" "),a("p",[s._v("There is no pull-up-to-load function by default. Configuring "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" option can turn on the dispatching of the event "),a("code",{pre:!0},[s._v("pulling-up")]),s._v(" and the animation of pulling up. You can listen to "),a("code",{pre:!0},[s._v("pulling-up")]),s._v(" event to update data.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("itemIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullUpLoad")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("more")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Load more'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("noMore")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'No more data'")]),s._v("\n }\n }\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 更新数据")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" newPage = [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex\n ]\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.concat(newPage)\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Customize the animation of pulling down refreshing and pulling up loading")]),s._v(" "),a("p",[s._v("If you don't like the built-in slots of pulling down refreshing and pulling up loading, you can use "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/components.html#Scoped-Slots"}},[s._v("scoped slots")]),s._v(" to customize animation. The example below uses scoped slots to customize animation of pulling down refreshing, while pulling up loading keeps default built-in animation.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-pulldown-wrapper"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownStyle"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"before-trigger"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{paddingTop: props.bubbleY + 'px'}\"")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{rotate: props.bubbleY > 40}"')]),s._v(">")]),s._v("↓"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"after-trigger"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"loading"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("Refresh success"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("With the parameters that scoped slots provide, you can control the process of animation according to the change of the state. Detailed scope parameters and their meaning are shown below in 'Slots'.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data used for list rendering")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("the options of better-scroll")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" observeDOM: true,"),a("br"),s._v(" click: true,"),a("br"),s._v(" probeType: 1,"),a("br"),s._v(" scrollbar: false,"),a("br"),s._v(" pullDownRefresh: false,"),a("br"),s._v(" pullUpLoad: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("scrolling direction")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'vertical', 'horizontal'")]),s._v(" "),a("td",[s._v("'vertical'")])]),s._v(" "),a("tr",[a("td",[s._v("listenScroll")]),s._v(" "),a("td",[s._v("whether to dispatch scroll event")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("listenBeforeScroll")]),s._v(" "),a("td",[s._v("whether to dispatch before-scroll-start event")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("refreshDelay")]),s._v(" "),a("td",[s._v("the delay of scroll refresh after "),a("code",{pre:!0},[s._v("data")]),s._v(" updating")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("20")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("scrollbar")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("fade")]),s._v(" "),a("td",[s._v("whether to have fade-in-fade-out style")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("the threshold of distance that pulling down for refreshing")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("90")])]),s._v(" "),a("tr",[a("td",[s._v("stop")]),s._v(" "),a("td",[s._v("the position where rebounding stays")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("40")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("the text shown when refreshing successfully")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("'Refresh success'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("the threshold of distance that pulling up for loading")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("the text shown when pulling up loading")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{ more: '', noMore: '' }")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("the list, rendering based on the value of property "),a("code",{pre:!0},[s._v("data")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulldown")]),s._v(" "),a("td",[s._v("located above the list and shown when pulling down refreshing")]),s._v(" "),a("td",[s._v("pullDownRefresh: whether to turn on pulling-down-refreshing function"),a("br"),s._v("pullDownStyle: the style of showing and fading"),a("br"),s._v("beforePullDown: whether in pulling down operation"),a("br"),s._v("isPullingDown: whether in the process of pulling in data"),a("br"),s._v("bubbleY: the distance of pulling down currently - 50")])]),s._v(" "),a("tr",[a("td",[s._v("pullup")]),s._v(" "),a("td",[s._v("located below the list and shown when pulling up loading")]),s._v(" "),a("td",[s._v("pullUpLoad: whether to turn on pulling-up-loading function"),a("br"),s._v("isPullUpLoad: whether the data is being loaded")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("triggers when clicking the list item")]),s._v(" "),a("td",[s._v("item - the data of the list item")])]),s._v(" "),a("tr",[a("td",[s._v("scroll")]),s._v(" "),a("td",[s._v("triggers according to the value of probeType, if listenScroll is true")]),s._v(" "),a("td",[s._v("Object {x, y} - real-time scrolling coordinates")])]),s._v(" "),a("tr",[a("td",[s._v("before-scroll-start")]),s._v(" "),a("td",[s._v("triggers before scrolling start, if listenBeforeScroll")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down")]),s._v(" "),a("td",[s._v("triggers when the distance of pulling down exceeds the threshold, if pullDownRefresh is true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up")]),s._v(" "),a("td",[s._v("triggers when the distance of pulling up exceeds the threshold, if pullUpLoad is true")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file +webpackJsonp([35],{467:function(s,t,a){s.exports=a(541)},541:function(s,t,a){var l=a(11)(null,a(542),null,null,null);s.exports=l.exports},542:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Scroll")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(9),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(10)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Scroll")]),s._v(" component, which is encapsulated based on "),a("code",{pre:!0},[s._v("better-scroll")]),s._v(", provides high-quality native scrolling experience and has convenient configuration along tith events.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("By setting "),a("code",{pre:!0},[s._v("data")]),s._v(" to an array, you can generate the list which can scrolls elegantly in the container.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Config the options of better-scroll")]),s._v(" "),a("p",[s._v("By setting "),a("code",{pre:!0},[s._v("options")]),s._v(", you can config the options of better-scroll, includes scrollbar, pull-down-to-refresh, pull-up-to-load etc. Detailed options are shown in "),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/en/options.html"}},[s._v("the Document of better-scroll")]),s._v(". We just introduce several common options here.")]),s._v(" "),a("p",[s._v("1 Scroll bar")]),s._v(" "),a("p",[s._v("Default is without scroll bar. You can set it to fade-in-fade-out or always-show style.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollbar")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fade")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n }\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("2 Pull down to refresh")]),s._v(" "),a("p",[s._v("There is no pull-down-to-refresh function by default. Configuring "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" option can turn on the dispatching of the event "),a("code",{pre:!0},[s._v("pulling-down")]),s._v(" and the animation of pulling down. You can listen to "),a("code",{pre:!0},[s._v("pulling-down")]),s._v(" event to update data.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Refresh success'")]),s._v("\n }\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟更新数据")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.unshift("),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am new data: '")]),s._v(" + +"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("())\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Pulling up to load")]),s._v(" "),a("p",[s._v("There is no pull-up-to-load function by default. Configuring "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" option can turn on the dispatching of the event "),a("code",{pre:!0},[s._v("pulling-up")]),s._v(" and the animation of pulling up. You can listen to "),a("code",{pre:!0},[s._v("pulling-up")]),s._v(" event to update data.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("itemIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullUpLoad")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("more")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Load more'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("noMore")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'No more data'")]),s._v("\n }\n }\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 更新数据")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" newPage = [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex\n ]\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.concat(newPage)\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Customize the animation of pulling down refreshing and pulling up loading")]),s._v(" "),a("p",[s._v("If you don't like the built-in slots of pulling down refreshing and pulling up loading, you can use "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/components.html#Scoped-Slots"}},[s._v("scoped slots")]),s._v(" to customize animation. The example below uses scoped slots to customize animation of pulling down refreshing, while pulling up loading keeps default built-in animation.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-pulldown-wrapper"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownStyle"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"before-trigger"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{paddingTop: props.bubbleY + 'px'}\"")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{rotate: props.bubbleY > 40}"')]),s._v(">")]),s._v("↓"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"after-trigger"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"loading"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("Refresh success"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("With the parameters that scoped slots provide, you can control the process of animation according to the change of the state. Detailed scope parameters and their meaning are shown below in 'Slots'.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data used for list rendering")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("the options of better-scroll")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" observeDOM: true,"),a("br"),s._v(" click: true,"),a("br"),s._v(" probeType: 1,"),a("br"),s._v(" scrollbar: false,"),a("br"),s._v(" pullDownRefresh: false,"),a("br"),s._v(" pullUpLoad: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("scrolling direction")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'vertical', 'horizontal'")]),s._v(" "),a("td",[s._v("'vertical'")])]),s._v(" "),a("tr",[a("td",[s._v("listenScroll")]),s._v(" "),a("td",[s._v("whether to dispatch scroll event")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("listenBeforeScroll")]),s._v(" "),a("td",[s._v("whether to dispatch before-scroll-start event")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("refreshDelay")]),s._v(" "),a("td",[s._v("the delay of scroll refresh after "),a("code",{pre:!0},[s._v("data")]),s._v(" updating")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("20")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("scrollbar")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("fade")]),s._v(" "),a("td",[s._v("whether to have fade-in-fade-out style")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("the threshold of distance that pulling down for refreshing")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("90")])]),s._v(" "),a("tr",[a("td",[s._v("stop")]),s._v(" "),a("td",[s._v("the position where rebounding stays")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("40")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("the text shown when refreshing successfully")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("'Refresh success'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("the threshold of distance that pulling up for loading")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("the text shown when pulling up loading")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{ more: '', noMore: '' }")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("the list, rendering based on the value of property "),a("code",{pre:!0},[s._v("data")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulldown")]),s._v(" "),a("td",[s._v("located above the list and shown when pulling down refreshing")]),s._v(" "),a("td",[s._v("pullDownRefresh: whether to turn on pulling-down-refreshing function"),a("br"),s._v("pullDownStyle: the style of showing and fading"),a("br"),s._v("beforePullDown: whether in pulling down operation"),a("br"),s._v("isPullingDown: whether in the process of pulling in data"),a("br"),s._v("bubbleY: the distance of pulling down currently - 50")])]),s._v(" "),a("tr",[a("td",[s._v("pullup")]),s._v(" "),a("td",[s._v("located below the list and shown when pulling up loading")]),s._v(" "),a("td",[s._v("pullUpLoad: whether to turn on pulling-up-loading function"),a("br"),s._v("isPullUpLoad: whether the data is being loaded")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("triggers when clicking the list item")]),s._v(" "),a("td",[s._v("item - the data of the list item")])]),s._v(" "),a("tr",[a("td",[s._v("scroll")]),s._v(" "),a("td",[s._v("triggers according to the value of probeType, if listenScroll is true")]),s._v(" "),a("td",[s._v("Object {x, y} - real-time scrolling coordinates")])]),s._v(" "),a("tr",[a("td",[s._v("before-scroll-start")]),s._v(" "),a("td",[s._v("triggers before scrolling start, if listenBeforeScroll")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down")]),s._v(" "),a("td",[s._v("triggers when the distance of pulling down exceeds the threshold, if pullDownRefresh is true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up")]),s._v(" "),a("td",[s._v("triggers when the distance of pulling up exceeds the threshold, if pullUpLoad is true")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/36.b24fd58ba860b4b42890.js b/docs/js/36.b24fd58ba860b4b42890.js new file mode 100644 index 00000000..91278c53 --- /dev/null +++ b/docs/js/36.b24fd58ba860b4b42890.js @@ -0,0 +1 @@ +webpackJsonp([36],{466:function(s,t,a){s.exports=a(539)},539:function(s,t,a){var e=a(11)(null,a(540),null,null,null);s.exports=e.exports},540:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Radio"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Radio-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Radio")]),s._v(" "),a("p",[s._v("Radio component. You could set the options and the position of the radio's icon.")]),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option2'")]),s._v("]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The value of "),a("code",{pre:!0},[s._v("options")]),s._v(" is an array. The default "),a("code",{pre:!0},[s._v("selected")]),s._v(" value is "),a("code",{pre:!0},[s._v("''")]),s._v(", which means no option will be selected by defaut. If you clicked one radio option, the "),a("code",{pre:!0},[s._v("selected")]),s._v(" will be set as the value of this option.")])]),s._v(" "),a("li",[a("p",[s._v("Configure the label, value, disabled state of options and the position of icon.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"right"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected2")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options2")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("options")]),s._v(" value can be an array which has some object items. You can set "),a("code",{pre:!0},[s._v("label")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),s._v(" in each item, and use "),a("code",{pre:!0},[s._v("disabled")]),s._v(" to configure whether the radio item's state is disabled.")]),s._v(" "),a("p",[s._v("If the "),a("code",{pre:!0},[s._v("position")]),s._v(" is set as "),a("code",{pre:!0},[s._v("'right'")]),s._v(", the radio's icon will be posited at the right of the label.")])]),s._v(" "),a("li",[a("p",[s._v("Horizontal order")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected3"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options3"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected3")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options3")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("horizontal")]),s._v(" to configure the style to horizontal layout.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("the array of radio options")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("position")]),s._v(" "),a("td",[s._v("icon position")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("horizontal")]),s._v(" "),a("td",[s._v("whether use horizontal layout")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("options")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("the text of label")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("the value of radio item")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("whether the item is disabled")]),s._v(" "),a("td",[s._v("Boolean")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Note: Each item of "),a("code",{pre:!0},[s._v("options")]),s._v(" can be an string, Which means both the "),a("code",{pre:!0},[s._v("label")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),s._v(" will be set as this string.")])}]}}}); \ No newline at end of file diff --git a/docs/js/33.2cca792455e122723d3e.js b/docs/js/37.1bdd520767a9f0447265.js similarity index 99% rename from docs/js/33.2cca792455e122723d3e.js rename to docs/js/37.1bdd520767a9f0447265.js index f72cbe50..95acdc07 100644 --- a/docs/js/33.2cca792455e122723d3e.js +++ b/docs/js/37.1bdd520767a9f0447265.js @@ -1 +1 @@ -webpackJsonp([33],{465:function(s,t,a){s.exports=a(533)},533:function(s,t,a){var e=a(11)(null,a(534),null,null,null);s.exports=e.exports},534:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Quickstart"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Quickstart-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Quick start")]),s._v(" "),a("h3",{attrs:{id:"CLI"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CLI-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CLI")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Install"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Install-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Install")]),s._v(" "),a("h4",{attrs:{id:"NPM"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-NPM-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" NPM")]),s._v(" "),s._m(3),s._v(" "),a("p",[s._v("Since cube-ui support two compile ways such as [post-compile] (#/en-US/docs/post-compile) and normal compile with webpack 2+(by default using post-compile), you need to modify your application's dependencies and configuration before using it.")]),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"CDN"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CDN-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CDN")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Usage"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Usage-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Usage")]),s._v(" "),a("h4",{attrs:{id:"Fullyimport"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Fullyimport-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Fully import")]),s._v(" "),a("p",[s._v("Commonly in the entry file:")]),s._v(" "),s._m(6),s._v(" "),a("h4",{attrs:{id:"Importondemand"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Importondemand-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Import on demand")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),a("p",[s._v("You can choose to register globally or partially:")]),s._v(" "),s._m(9),s._v(" "),a("p",[s._v("All the components that can be imported on demand are listed below:")]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),a("h4",{attrs:{id:"Examples"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Examples-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Examples")]),s._v(" "),s._m(13)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If you are going to create a new project with cube-ui, use the "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template"}},[s._v("cli tools")]),s._v(" base on "),a("a",{attrs:{href:"https://github.com/vuejs/vue-cli"}},[s._v("vue-cli")]),s._v(" to init the config and base code, then you can ignore the "),a("a",{staticClass:"anchor",attrs:{href:"#cube-Install-anchor"}},[s._v("Install")]),s._v(" steps and see the "),a("a",{staticClass:"anchor",attrs:{href:"#cube-Usage-anchor"}},[s._v("Usage")]),s._v(" part directly.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" vue init cube-ui/cube-template projectname")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If you are going to use cube-ui in an existing project, see the "),a("a",{staticClass:"anchor",attrs:{href:"#cube-Install-anchor"}},[s._v("Install")]),s._v(" part first.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" npm install cube-ui --save")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("post-compile")]),s._v(" "),a("ol",[a("li",[s._v("Modify package.json and install the dependencies")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n // webpack-post-compile-plugin depends on compileDependencies\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"compileDependencies"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui"')]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"babel-plugin-transform-modules"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.1.0"')]),s._v(",\n // add stylus dependencies\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"stylus"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.54.5"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"stylus-loader"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^2.1.1"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-post-compile-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.1.2"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[a("li",[s._v("Modify .babelrc, use "),a("a",{attrs:{href:"https://www.npmjs.com/package/babel-plugin-transform-modules"}},[s._v("babel-plugin-transform-modules")]),s._v(":")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"plugins"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"transform-modules"')]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n // Notice: this path should be changed to `src/modules`\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"transform"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/src/modules/${member}"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }]\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[a("li",[s._v("Modify webpack.base.conf.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" PostCompilePlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-post-compile-plugin'")]),s._v(")\n"),a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n plugins: [\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" PostCompilePlugin()\n ]\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"4"}},[a("li",[s._v("Modify "),a("code",{pre:!0},[s._v("exports.cssLoaders")]),s._v(" function in build/utils.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("exports.cssLoaders = "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),a("span",{attrs:{class:"hljs-params"}},[s._v("options")]),s._v(") ")]),s._v("{\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" stylusOptions = {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'resolve url'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// https://vue-loader.vuejs.org/en/configurations/extract-css.html")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("css")]),s._v(": generateLoaders(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("postcss")]),s._v(": generateLoaders(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("less")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'less'")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("sass")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v(", { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("indentedSyntax")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(" }),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scss")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stylus")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(", stylusOptions),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("styl")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(", stylusOptions)\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"5"}},[a("li",[s._v("Modify vue-loader.conf.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loaders")]),s._v(": utils.cssLoaders({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": sourceMapEnabled,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("extract")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }),\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n\n")])]),s._v(" "),a("p",[s._v("See "),a("a",{attrs:{href:"https://github.com/vuejs-templates/webpack/pull/970/files"}},[s._v("https://github.com/vuejs-templates/webpack/pull/970/files")])])]),s._v(" "),a("li",[a("p",[s._v("Normal compile")]),s._v(" "),a("ol",[a("li",[s._v("Modify package.json and install the dependencies")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"babel-plugin-transform-modules"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.1.0"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[a("li",[s._v("Modify .babelrc")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"plugins"')]),s._v(": [\n ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"transform-modules"')]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transform"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/lib/${member}"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"style"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"ignore"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"create-api"')]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"better-scroll"')]),s._v("]\n }\n }\n }]\n ]\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[a("li",[s._v("Modify webpack config")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack.config.js")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n resolve: {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n alias: {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/lib'")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.js"')]),s._v(">")]),a("span",{attrs:{class:"undefined"}}),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("link")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.css"')]),s._v(">")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Cube "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nVue.use(Cube)\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n Style,\n Button\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" In this case, you also need to import "),a("a",{attrs:{href:"#/en-US/docs/style"}},[s._v("style module")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// register globally")]),s._v("\nVue.use(Button)\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// or register partially")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// in certain somponents")]),s._v("\n{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("CubeButton")]),s._v(": Button\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n Button,\n Checkbox,\n CheckboxGroup,\n Loading,\n Tip,\n Popup,\n Toast,\n Picker,\n TimePicker,\n Dialog,\n ActionSheet,\n Scroll,\n Slide,\n IndexList\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("You can also import "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" and "),a("a",{attrs:{href:"#/en-US/docs/better-scroll"}},[s._v("better-scroll")]),s._v(" module:")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { createAPI, BetterScroll } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDialog"')]),s._v(">")]),s._v("show dialog"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDialog() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'alert'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Alert'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'dialog content'")]),s._v("\n }).show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])}]}}}); \ No newline at end of file +webpackJsonp([37],{465:function(s,t,a){s.exports=a(537)},537:function(s,t,a){var e=a(11)(null,a(538),null,null,null);s.exports=e.exports},538:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Quickstart"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Quickstart-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Quick start")]),s._v(" "),a("h3",{attrs:{id:"CLI"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CLI-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CLI")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Install"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Install-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Install")]),s._v(" "),a("h4",{attrs:{id:"NPM"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-NPM-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" NPM")]),s._v(" "),s._m(3),s._v(" "),a("p",[s._v("Since cube-ui support two compile ways such as [post-compile] (#/en-US/docs/post-compile) and normal compile with webpack 2+(by default using post-compile), you need to modify your application's dependencies and configuration before using it.")]),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"CDN"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CDN-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CDN")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Usage"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Usage-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Usage")]),s._v(" "),a("h4",{attrs:{id:"Fullyimport"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Fullyimport-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Fully import")]),s._v(" "),a("p",[s._v("Commonly in the entry file:")]),s._v(" "),s._m(6),s._v(" "),a("h4",{attrs:{id:"Importondemand"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Importondemand-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Import on demand")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),a("p",[s._v("You can choose to register globally or partially:")]),s._v(" "),s._m(9),s._v(" "),a("p",[s._v("All the components that can be imported on demand are listed below:")]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),a("h4",{attrs:{id:"Examples"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Examples-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Examples")]),s._v(" "),s._m(13)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If you are going to create a new project with cube-ui, use the "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template"}},[s._v("cli tools")]),s._v(" base on "),a("a",{attrs:{href:"https://github.com/vuejs/vue-cli"}},[s._v("vue-cli")]),s._v(" to init the config and base code, then you can ignore the "),a("a",{staticClass:"anchor",attrs:{href:"#cube-Install-anchor"}},[s._v("Install")]),s._v(" steps and see the "),a("a",{staticClass:"anchor",attrs:{href:"#cube-Usage-anchor"}},[s._v("Usage")]),s._v(" part directly.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" vue init cube-ui/cube-template projectname")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If you are going to use cube-ui in an existing project, see the "),a("a",{staticClass:"anchor",attrs:{href:"#cube-Install-anchor"}},[s._v("Install")]),s._v(" part first.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" npm install cube-ui --save")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("post-compile")]),s._v(" "),a("ol",[a("li",[s._v("Modify package.json and install the dependencies")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n // webpack-post-compile-plugin depends on compileDependencies\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"compileDependencies"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui"')]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"babel-plugin-transform-modules"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.1.0"')]),s._v(",\n // add stylus dependencies\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"stylus"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.54.5"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"stylus-loader"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^2.1.1"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-post-compile-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.1.2"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[a("li",[s._v("Modify .babelrc, use "),a("a",{attrs:{href:"https://www.npmjs.com/package/babel-plugin-transform-modules"}},[s._v("babel-plugin-transform-modules")]),s._v(":")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"plugins"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"transform-modules"')]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n // Notice: this path should be changed to `src/modules`\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"transform"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/src/modules/${member}"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }]\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[a("li",[s._v("Modify webpack.base.conf.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" PostCompilePlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-post-compile-plugin'")]),s._v(")\n"),a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n plugins: [\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" PostCompilePlugin()\n ]\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"4"}},[a("li",[s._v("Modify "),a("code",{pre:!0},[s._v("exports.cssLoaders")]),s._v(" function in build/utils.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("exports.cssLoaders = "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),a("span",{attrs:{class:"hljs-params"}},[s._v("options")]),s._v(") ")]),s._v("{\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" stylusOptions = {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'resolve url'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// https://vue-loader.vuejs.org/en/configurations/extract-css.html")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("css")]),s._v(": generateLoaders(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("postcss")]),s._v(": generateLoaders(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("less")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'less'")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("sass")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v(", { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("indentedSyntax")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(" }),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scss")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stylus")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(", stylusOptions),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("styl")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(", stylusOptions)\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"5"}},[a("li",[s._v("Modify vue-loader.conf.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loaders")]),s._v(": utils.cssLoaders({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": sourceMapEnabled,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("extract")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }),\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n\n")])]),s._v(" "),a("p",[s._v("See "),a("a",{attrs:{href:"https://github.com/vuejs-templates/webpack/pull/970/files"}},[s._v("https://github.com/vuejs-templates/webpack/pull/970/files")])])]),s._v(" "),a("li",[a("p",[s._v("Normal compile")]),s._v(" "),a("ol",[a("li",[s._v("Modify package.json and install the dependencies")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"babel-plugin-transform-modules"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.1.0"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[a("li",[s._v("Modify .babelrc")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"plugins"')]),s._v(": [\n ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"transform-modules"')]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transform"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/lib/${member}"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"style"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"ignore"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"create-api"')]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"better-scroll"')]),s._v("]\n }\n }\n }]\n ]\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[a("li",[s._v("Modify webpack config")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack.config.js")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n resolve: {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n alias: {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/lib'")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.js"')]),s._v(">")]),a("span",{attrs:{class:"undefined"}}),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("link")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.css"')]),s._v(">")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Cube "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nVue.use(Cube)\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n Style,\n Button\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" In this case, you also need to import "),a("a",{attrs:{href:"#/en-US/docs/style"}},[s._v("style module")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// register globally")]),s._v("\nVue.use(Button)\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// or register partially")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// in certain somponents")]),s._v("\n{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("CubeButton")]),s._v(": Button\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n Button,\n Checkbox,\n CheckboxGroup,\n Loading,\n Tip,\n Popup,\n Toast,\n Picker,\n TimePicker,\n Dialog,\n ActionSheet,\n Scroll,\n Slide,\n IndexList\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("You can also import "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" and "),a("a",{attrs:{href:"#/en-US/docs/better-scroll"}},[s._v("better-scroll")]),s._v(" module:")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { createAPI, BetterScroll } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDialog"')]),s._v(">")]),s._v("show dialog"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDialog() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'alert'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Alert'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'dialog content'")]),s._v("\n }).show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])}]}}}); \ No newline at end of file diff --git a/docs/js/34.078b427d7522a2d76dd9.js b/docs/js/38.5c7a83059e4b3c4ba8c8.js similarity index 97% rename from docs/js/34.078b427d7522a2d76dd9.js rename to docs/js/38.5c7a83059e4b3c4ba8c8.js index 8fab58af..beb8b7f4 100644 --- a/docs/js/34.078b427d7522a2d76dd9.js +++ b/docs/js/38.5c7a83059e4b3c4ba8c8.js @@ -1 +1 @@ -webpackJsonp([34],{464:function(e,t,s){e.exports=s(531)},531:function(e,t,s){var a=s(11)(null,s(532),null,null,null);e.exports=a.exports},532:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("section",[s("h2",{attrs:{id:"Post-compile"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Post-compile-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Post-compile")]),e._v(" "),s("p",[e._v("Post-compile means the NPM packages don't need to be compiled before published, and they will be compiled along with the application's compiling.")]),e._v(" "),e._m(0),e._v(" "),s("h3",{attrs:{id:"Background"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Background-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Background")]),e._v(" "),s("p",[e._v("More and more applications are developed with webpack + babel, and commonly use NPM to manage packages. With the growing of the number of package dependencies which are also developed with ES2015+ and need to be compiled before published, the final compiled code usually contains a lot of compiling code. Therefore, to eliminate the redundancy, we recommend post-compile.")]),e._v(" "),s("h3",{attrs:{id:"Prosandcons"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Prosandcons-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Pros and cons")]),e._v(" "),s("p",[e._v("Pros:")]),e._v(" "),e._m(1),e._v(" "),s("p",[e._v("Cons:")]),e._v(" "),e._m(2),e._v(" "),s("h3",{attrs:{id:"Rules"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Rules-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Rules")]),e._v(" "),s("p",[e._v("Considering some applications can not use post-compile, cube-ui used the rule:")]),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),s("p",[e._v("Post-compile is used by default if you use webpack 2+. Of course, you can use the webpack alias configuration to change the default behavior.")]),e._v(" "),s("h3",{attrs:{id:"webpackdemo"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-webpackdemo-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" webpack demo")]),e._v(" "),e._m(5),e._v(" "),s("p",[e._v("An example of your application webpack configuration:")]),e._v(" "),e._m(6),e._v(" "),e._m(7),e._v(" "),e._m(8),e._v(" "),e._m(9),e._v(" "),e._m(10)])},staticRenderFns:[function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("blockquote",[s("p",[e._v("Notes: For more detailed content about post-compile, see "),s("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[e._v("webpack 应用编译优化之路")]),e._v(".")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ul",[s("li",[e._v("Common dependencies can be shared and only need to be compiled once.")]),e._v(" "),s("li",[e._v("Only one copy of babel-plugin-transform-runtime or babel-polyfill code.")]),e._v(" "),s("li",[e._v("The NPM packages don't need to be compiled before published.")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ul",[s("li",[e._v("The application's babel configuration needs to be compatible with the NPM packages' babel configuration.")]),e._v(" "),s("li",[e._v("The NPM packages can't use alias and DefinePlugin (you can use them and compiled before published but don't need to use babel).")]),e._v(" "),s("li",[e._v("The application's compiling time will be longer.")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("blockquote",[s("p",[e._v("The main field in package.json is the compiled entry point and the module field is the source entry point.")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[s("em",[e._v("About "),s("a",{attrs:{href:"https://github.com/rollup/rollup/wiki/pkg.module"}},[e._v("pkg.module")])])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("The "),s("a",{attrs:{href:"https://www.npmjs.com/package/webpack-post-compile-plugin"}},[e._v("webpack-post-compile-plugin")]),e._v(" is used to resolve the nested post-compile NPM packages.")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-comment"}},[e._v("// webpack.config.js")]),e._v("\n"),s("span",{attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" PostCompilePlugin = "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("require")]),e._v("("),s("span",{attrs:{class:"hljs-string"}},[e._v("'webpack-post-compile-plugin'")]),e._v(")\n\n"),s("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(".exports = {\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("rules")]),e._v(": [\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("test")]),e._v(": "),s("span",{attrs:{class:"hljs-regexp"}},[e._v("/\\.js$/")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("loader")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'babel-loader'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("include")]),e._v(": [\n resolve("),s("span",{attrs:{class:"hljs-string"}},[e._v("'src'")]),e._v(")\n ]\n },\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n ]\n },\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n plugins: [\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" PostCompilePlugin()\n ]\n}\n")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("Add "),s("code",{pre:!0},[e._v("compileDependencies：")]),e._v(" to the application's package.json:")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-comment"}},[e._v("// package.json")]),e._v("\n{\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n "),s("span",{attrs:{class:"hljs-string"}},[e._v('"compileDependencies"')]),e._v(": ["),s("span",{attrs:{class:"hljs-string"}},[e._v('"A"')]),e._v(", "),s("span",{attrs:{class:"hljs-string"}},[e._v('"B"')]),e._v("]\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n}\n")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("If "),s("code",{pre:!0},[e._v("A")]),e._v(" package have a dependency on "),s("code",{pre:!0},[e._v("C")]),e._v(" which is needed to be post compiled, just add "),s("code",{pre:!0},[e._v("compileDependencies")]),e._v(" to "),s("code",{pre:!0},[e._v("A")]),e._v("'s package.json:")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-json"}},[e._v("// A package.json\n{\n // ...\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v('"compileDependencies"')]),e._v(": ["),s("span",{attrs:{class:"hljs-string"}},[e._v('"C"')]),e._v("]\n // ...\n}\n")])])}]}}}); \ No newline at end of file +webpackJsonp([38],{464:function(e,t,s){e.exports=s(535)},535:function(e,t,s){var a=s(11)(null,s(536),null,null,null);e.exports=a.exports},536:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("section",[s("h2",{attrs:{id:"Post-compile"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Post-compile-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Post-compile")]),e._v(" "),s("p",[e._v("Post-compile means the NPM packages don't need to be compiled before published, and they will be compiled along with the application's compiling.")]),e._v(" "),e._m(0),e._v(" "),s("h3",{attrs:{id:"Background"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Background-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Background")]),e._v(" "),s("p",[e._v("More and more applications are developed with webpack + babel, and commonly use NPM to manage packages. With the growing of the number of package dependencies which are also developed with ES2015+ and need to be compiled before published, the final compiled code usually contains a lot of compiling code. Therefore, to eliminate the redundancy, we recommend post-compile.")]),e._v(" "),s("h3",{attrs:{id:"Prosandcons"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Prosandcons-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Pros and cons")]),e._v(" "),s("p",[e._v("Pros:")]),e._v(" "),e._m(1),e._v(" "),s("p",[e._v("Cons:")]),e._v(" "),e._m(2),e._v(" "),s("h3",{attrs:{id:"Rules"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Rules-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Rules")]),e._v(" "),s("p",[e._v("Considering some applications can not use post-compile, cube-ui used the rule:")]),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),s("p",[e._v("Post-compile is used by default if you use webpack 2+. Of course, you can use the webpack alias configuration to change the default behavior.")]),e._v(" "),s("h3",{attrs:{id:"webpackdemo"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-webpackdemo-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" webpack demo")]),e._v(" "),e._m(5),e._v(" "),s("p",[e._v("An example of your application webpack configuration:")]),e._v(" "),e._m(6),e._v(" "),e._m(7),e._v(" "),e._m(8),e._v(" "),e._m(9),e._v(" "),e._m(10)])},staticRenderFns:[function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("blockquote",[s("p",[e._v("Notes: For more detailed content about post-compile, see "),s("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[e._v("webpack 应用编译优化之路")]),e._v(".")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ul",[s("li",[e._v("Common dependencies can be shared and only need to be compiled once.")]),e._v(" "),s("li",[e._v("Only one copy of babel-plugin-transform-runtime or babel-polyfill code.")]),e._v(" "),s("li",[e._v("The NPM packages don't need to be compiled before published.")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ul",[s("li",[e._v("The application's babel configuration needs to be compatible with the NPM packages' babel configuration.")]),e._v(" "),s("li",[e._v("The NPM packages can't use alias and DefinePlugin (you can use them and compiled before published but don't need to use babel).")]),e._v(" "),s("li",[e._v("The application's compiling time will be longer.")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("blockquote",[s("p",[e._v("The main field in package.json is the compiled entry point and the module field is the source entry point.")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[s("em",[e._v("About "),s("a",{attrs:{href:"https://github.com/rollup/rollup/wiki/pkg.module"}},[e._v("pkg.module")])])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("The "),s("a",{attrs:{href:"https://www.npmjs.com/package/webpack-post-compile-plugin"}},[e._v("webpack-post-compile-plugin")]),e._v(" is used to resolve the nested post-compile NPM packages.")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-comment"}},[e._v("// webpack.config.js")]),e._v("\n"),s("span",{attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" PostCompilePlugin = "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("require")]),e._v("("),s("span",{attrs:{class:"hljs-string"}},[e._v("'webpack-post-compile-plugin'")]),e._v(")\n\n"),s("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(".exports = {\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("rules")]),e._v(": [\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("test")]),e._v(": "),s("span",{attrs:{class:"hljs-regexp"}},[e._v("/\\.js$/")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("loader")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'babel-loader'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("include")]),e._v(": [\n resolve("),s("span",{attrs:{class:"hljs-string"}},[e._v("'src'")]),e._v(")\n ]\n },\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n ]\n },\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n plugins: [\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" PostCompilePlugin()\n ]\n}\n")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("Add "),s("code",{pre:!0},[e._v("compileDependencies：")]),e._v(" to the application's package.json:")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-comment"}},[e._v("// package.json")]),e._v("\n{\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n "),s("span",{attrs:{class:"hljs-string"}},[e._v('"compileDependencies"')]),e._v(": ["),s("span",{attrs:{class:"hljs-string"}},[e._v('"A"')]),e._v(", "),s("span",{attrs:{class:"hljs-string"}},[e._v('"B"')]),e._v("]\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n}\n")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("If "),s("code",{pre:!0},[e._v("A")]),e._v(" package have a dependency on "),s("code",{pre:!0},[e._v("C")]),e._v(" which is needed to be post compiled, just add "),s("code",{pre:!0},[e._v("compileDependencies")]),e._v(" to "),s("code",{pre:!0},[e._v("A")]),e._v("'s package.json:")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-json"}},[e._v("// A package.json\n{\n // ...\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v('"compileDependencies"')]),e._v(": ["),s("span",{attrs:{class:"hljs-string"}},[e._v('"C"')]),e._v("]\n // ...\n}\n")])])}]}}}); \ No newline at end of file diff --git a/docs/js/38.914768d63e8e5c4d0a3d.js b/docs/js/38.914768d63e8e5c4d0a3d.js deleted file mode 100644 index e010353b..00000000 --- a/docs/js/38.914768d63e8e5c4d0a3d.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([38],{460:function(t,e,s){t.exports=s(523)},523:function(t,e,s){var a=s(11)(null,s(524),null,null,null);t.exports=a.exports},524:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("section",[s("h2",{attrs:{id:"Introduction"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Introduction-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Introduction")]),t._v(" "),s("p",[t._v("cube-ui is an elegant mobile component library based on Vue.js.")]),t._v(" "),s("h3",{attrs:{id:"Features"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Features-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Features")]),t._v(" "),t._m(0),t._v(" "),s("h3",{attrs:{id:"Components"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Components-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Components")]),t._v(" "),s("h4",{attrs:{id:"Basic"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Basic-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Basic")]),t._v(" "),t._m(1),t._v(" "),s("h4",{attrs:{id:"Layer"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Layer-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Layer")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),s("p",[t._v("Component invoking:")]),t._v(" "),t._m(4),t._v(" "),s("p",[t._v("API invoking：")]),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),s("h4",{attrs:{id:"Scroll"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Scroll-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Scroll")]),t._v(" "),t._m(8),t._v(" "),t._m(9),t._v(" "),s("h3",{attrs:{id:"Modules"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Modules-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Modules")]),t._v(" "),s("p",[t._v("cube-ui has some special modules besides components.")]),t._v(" "),s("h4",{attrs:{id:"style"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-style-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" style")]),t._v(" "),s("p",[t._v("The style module.\nIf you are under the circumstance of importing components on demand, then it is recommended to import this module in entry file because it contains basic reset, basic common styles and built-in icons.")]),t._v(" "),t._m(10),t._v(" "),s("h4",{attrs:{id:"create-api"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-create-api-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" create-api")]),t._v(" "),t._m(11),t._v(" "),t._m(12),t._v(" "),s("h4",{attrs:{id:"better-scroll"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-better-scroll-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll")]),t._v(" "),t._m(13),t._v(" "),t._m(14)])},staticRenderFns:[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("p",[s("strong",[t._v("Quality")])]),t._v(" "),s("p",[t._v("Extracted from DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration.")])]),t._v(" "),s("li",[s("p",[s("strong",[t._v("Experience")])]),t._v(" "),s("p",[t._v("Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience.")])]),t._v(" "),s("li",[s("p",[s("strong",[t._v("Standard")])]),t._v(" "),s("p",[t._v("Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient.")])]),t._v(" "),s("li",[s("p",[s("strong",[t._v("Scalability")])]),t._v(" "),s("p",[t._v("Lightweight and flexible: support "),s("a",{attrs:{href:"#/en-US/docs/post-compile"}},[t._v("post-compile")]),t._v(" and importing on demand; High scalability: it is easy to implement secondary development based on existing components.")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("a",{attrs:{href:"#/en-US/docs/button"}},[t._v("Button")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/checkbox"}},[t._v("Checkbox")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/checkbox-group"}},[t._v("CheckboxGroup")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/loading"}},[t._v("Loading")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/tip"}},[t._v("Tip")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("a",{attrs:{href:"#/en-US/docs/popup"}},[t._v("Popup")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/toast"}},[t._v("Toast")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/picker"}},[t._v("Picker")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/time-picker"}},[t._v("TimePicker")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/dialog"}},[t._v("Dialog")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[t._v("ActionSheet")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("All the layer components can be invoked by components and API, let's take "),s("code",{pre:!0},[t._v("Toast")]),t._v(" as an example:")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n "),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"toast"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":txt")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"toastTxt"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),s("span",{attrs:{class:"javascript"}},[t._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.toast.show()\n }\n }\n }\n")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),s("span",{attrs:{class:"javascript"}},[t._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".toastTxt\n }).show()\n }\n }\n }\n")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("Both are pretty good but we recommend the latter, namely using "),s("code",{pre:!0},[t._v("$createXxYy")]),t._v(" API to invoke; By API invoking, the popup layer is attached to "),s("code",{pre:!0},[t._v("body")]),t._v(" element whose advantage is that it wouldn't be affected by outer styles. If using component invoking, it's fairly easy to be affected by outer styles like "),s("code",{pre:!0},[t._v("transform")]),t._v(", "),s("code",{pre:!0},[t._v("overflow")]),t._v(", etc.")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("Pay attention that the name of the API is "),s("code",{pre:!0},[t._v("$create")]),t._v(" + "),s("code",{pre:!0},[t._v("${component name}")]),t._v(". For example, the API of "),s("code",{pre:!0},[t._v("ActionSheet")]),t._v(" component is "),s("code",{pre:!0},[t._v("$createActionSheet")]),t._v(".")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("a",{attrs:{href:"#/en-US/docs/scroll"}},[t._v("Scroll")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/slide"}},[t._v("Slide")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/index-list"}},[t._v("IndexList")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("Scroll Components are all implemented based on "),s("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" and "),s("code",{pre:!0},[t._v("Scroll")]),t._v(" Component is the encapsulation of better-scroll.")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("For details, see "),s("a",{attrs:{href:"#/en-US/docs/style"}},[t._v("style module")]),t._v(".")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("Sometimes, developers may need to let their own encapsulated components support API invoking as well. At this time they can import create-api module or use the global interface "),s("code",{pre:!0},[t._v("Cube.createAPI")]),t._v(" to achieve the purpose.")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("For details, see "),s("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api module")]),t._v("。")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[s("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" is a library in "),s("code",{pre:!0},[t._v("cube-ui")]),t._v("'s dependencies. To avoid duplicately importing, we expose the module.")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("For more detailed use, please refer to "),s("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/"}},[t._v("official documentation")]),t._v("。")])}]}}}); \ No newline at end of file diff --git a/docs/js/35.088b95fbae90d52be329.js b/docs/js/39.7a2a171043758785d433.js similarity index 98% rename from docs/js/35.088b95fbae90d52be329.js rename to docs/js/39.7a2a171043758785d433.js index c44d19b3..d89ecd37 100644 --- a/docs/js/35.088b95fbae90d52be329.js +++ b/docs/js/39.7a2a171043758785d433.js @@ -1 +1 @@ -webpackJsonp([35],{463:function(s,t,a){s.exports=a(529)},529:function(s,t,a){var n=a(11)(null,a(530),null,null,null);s.exports=n.exports},530:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Popup"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Popup-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Popup")]),s._v(" "),a("p",[s._v("The underlying popup component, mainly used to implement upper component encapsulation based on itself. It only provides basic functions: specifying the type, whether there's a background layer, showing content (HTML) and whether the component is in center position.")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(3)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("All of the built-in popup type components are implemented based on this component, including "),a("a",{attrs:{href:"#/en-US/docs/toast"}},[s._v("Toast")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/picker"}},[s._v("Picker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/dialog"}},[s._v("Dialog")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[s._v("ActionSheet")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup"')]),s._v(">")]),s._v("\n My Popup Content 1\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup')\"")]),s._v(">")]),s._v("\n Show Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Specifying "),a("code",{pre:!0},[s._v("type")]),s._v(" will help control class according to the type. In the example above, "),a("code",{pre:!0},[s._v("cube-my-popup")]),s._v(" will be added to the classList of the root element.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPopup(refId) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" component = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs[refId]\n component.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n component.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The component is hidden by default and won't show up unless invoking the "),a("code",{pre:!0},[s._v("show()")]),s._v(" method of the instance of the component. And of course, invoking the "),a("code",{pre:!0},[s._v("hide()")]),s._v(" method of the instance of the component will hide itself. That's what "),a("code",{pre:!0},[s._v("showPopup()")]),s._v(" does in the example above (first show and hide in one second).")])]),s._v(" "),a("li",[a("p",[s._v("Without background layer")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup2"')]),s._v(">")]),s._v("\n My Popup Content 2\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup2')\"")]),s._v(">")]),s._v("\n Show Popup - no mask\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Setting "),a("code",{pre:!0},[s._v("mask")]),s._v(" to "),a("code",{pre:!0},[s._v("false")]),s._v(" and the background layer is hidden.")])]),s._v(" "),a("li",[a("p",[s._v("Show the HTML content")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"My Popup Content 3"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup3"')]),s._v(" />")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup3')\"")]),s._v(">")]),s._v("\n Show Popup - with content\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("You only need to pass the HTML fragment on to "),a("code",{pre:!0},[s._v("content")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Setting to bottom")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":center")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup4"')]),s._v(">")]),s._v("My Popup Content 4"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup4')\"")]),s._v(">")]),s._v("\n Show Popup - bottom\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Considering that in mobile secnes, popup is in center or bottom most of the time (covered in horizontal direction when setted to bottom). So if setting "),a("code",{pre:!0},[s._v("center")]),s._v(" to "),a("code",{pre:!0},[s._v("false")]),s._v(", you'll set the component to bottom.")])]),s._v(" "),a("li",[a("p",[s._v("Upper layer encapsulation")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extend-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"popup"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-extend-popup-content"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"hide"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(">")]),s._v("{{content}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" COMPONENT_NAME = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-extend-popup'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": COMPONENT_NAME,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n show() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.show()\n },\n hide() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.hide()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("style")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("lang")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylus"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet/stylus"')]),s._v(">")]),a("span",{attrs:{class:"css"}},[s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("padding")]),s._v(": 20"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-id"}},[s._v("#fff")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("rgba")]),s._v("(0, 0, 0, "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".8")]),s._v(")\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("An upper layer encapsulated CubeExtendPopup component with some styles is implemented. It supports passing the content on, has default slot and can be hidden if clicking the content. You can use it in this way (need to be registers globally or partially):")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"click here hide"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extendPopup"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"$refs.extendPopup.show()"')]),s._v(">")]),s._v("\n Show Extend Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("the type of popup")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("whether to show background layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("content, HTML string, valid when there's no slot")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("center")]),s._v(" "),a("td",[s._v("whether to be in center in horizontal and vertical direction")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("mask-click")]),s._v(" "),a("td",[s._v("triggers when the background layer is clicked")]),s._v(" "),a("td",[s._v("click event target")])])])])}]}}}); \ No newline at end of file +webpackJsonp([39],{463:function(s,t,a){s.exports=a(533)},533:function(s,t,a){var n=a(11)(null,a(534),null,null,null);s.exports=n.exports},534:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Popup"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Popup-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Popup")]),s._v(" "),a("p",[s._v("The underlying popup component, mainly used to implement upper component encapsulation based on itself. It only provides basic functions: specifying the type, whether there's a background layer, showing content (HTML) and whether the component is in center position.")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(3)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("All of the built-in popup type components are implemented based on this component, including "),a("a",{attrs:{href:"#/en-US/docs/toast"}},[s._v("Toast")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/picker"}},[s._v("Picker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/dialog"}},[s._v("Dialog")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[s._v("ActionSheet")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup"')]),s._v(">")]),s._v("\n My Popup Content 1\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup')\"")]),s._v(">")]),s._v("\n Show Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Specifying "),a("code",{pre:!0},[s._v("type")]),s._v(" will help control class according to the type. In the example above, "),a("code",{pre:!0},[s._v("cube-my-popup")]),s._v(" will be added to the classList of the root element.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPopup(refId) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" component = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs[refId]\n component.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n component.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The component is hidden by default and won't show up unless invoking the "),a("code",{pre:!0},[s._v("show()")]),s._v(" method of the instance of the component. And of course, invoking the "),a("code",{pre:!0},[s._v("hide()")]),s._v(" method of the instance of the component will hide itself. That's what "),a("code",{pre:!0},[s._v("showPopup()")]),s._v(" does in the example above (first show and hide in one second).")])]),s._v(" "),a("li",[a("p",[s._v("Without background layer")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup2"')]),s._v(">")]),s._v("\n My Popup Content 2\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup2')\"")]),s._v(">")]),s._v("\n Show Popup - no mask\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Setting "),a("code",{pre:!0},[s._v("mask")]),s._v(" to "),a("code",{pre:!0},[s._v("false")]),s._v(" and the background layer is hidden.")])]),s._v(" "),a("li",[a("p",[s._v("Show the HTML content")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"My Popup Content 3"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup3"')]),s._v(" />")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup3')\"")]),s._v(">")]),s._v("\n Show Popup - with content\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("You only need to pass the HTML fragment on to "),a("code",{pre:!0},[s._v("content")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Setting to bottom")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":center")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup4"')]),s._v(">")]),s._v("My Popup Content 4"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup4')\"")]),s._v(">")]),s._v("\n Show Popup - bottom\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Considering that in mobile secnes, popup is in center or bottom most of the time (covered in horizontal direction when setted to bottom). So if setting "),a("code",{pre:!0},[s._v("center")]),s._v(" to "),a("code",{pre:!0},[s._v("false")]),s._v(", you'll set the component to bottom.")])]),s._v(" "),a("li",[a("p",[s._v("Upper layer encapsulation")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extend-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"popup"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-extend-popup-content"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"hide"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(">")]),s._v("{{content}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" COMPONENT_NAME = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-extend-popup'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": COMPONENT_NAME,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n show() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.show()\n },\n hide() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.hide()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("style")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("lang")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylus"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet/stylus"')]),s._v(">")]),a("span",{attrs:{class:"css"}},[s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("padding")]),s._v(": 20"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-id"}},[s._v("#fff")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("rgba")]),s._v("(0, 0, 0, "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".8")]),s._v(")\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("An upper layer encapsulated CubeExtendPopup component with some styles is implemented. It supports passing the content on, has default slot and can be hidden if clicking the content. You can use it in this way (need to be registers globally or partially):")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"click here hide"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extendPopup"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"$refs.extendPopup.show()"')]),s._v(">")]),s._v("\n Show Extend Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("the type of popup")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("whether to show background layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("content, HTML string, valid when there's no slot")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("center")]),s._v(" "),a("td",[s._v("whether to be in center in horizontal and vertical direction")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("mask-click")]),s._v(" "),a("td",[s._v("triggers when the background layer is clicked")]),s._v(" "),a("td",[s._v("click event target")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/3.5232e16fc319ee1cd3f7.js b/docs/js/4.4f3515e7ed336e20e681.js similarity index 98% rename from docs/js/3.5232e16fc319ee1cd3f7.js rename to docs/js/4.4f3515e7ed336e20e681.js index cbdae734..fa36bd56 100644 --- a/docs/js/3.5232e16fc319ee1cd3f7.js +++ b/docs/js/4.4f3515e7ed336e20e681.js @@ -1 +1 @@ -webpackJsonp([3],{495:function(s,t,a){s.exports=a(593)},593:function(s,t,a){var v=a(11)(null,a(594),null,null,null);s.exports=v.exports},594:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Tip"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Tip-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Tip")]),s._v(" "),a("p",[s._v("提示，用于弹出提示气泡框。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(3)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基础使用")]),s._v(" "),a("p",[s._v("通过在 "),a("code",{pre:!0},[s._v("Tip")]),s._v(" 组件上添加 "),a("code",{pre:!0},[s._v("ref")]),s._v(" 属性，获得对于组件的引用，然后调用 "),a("code",{pre:!0},[s._v("Tip")]),s._v(" 组件向外暴露出来的 "),a("code",{pre:!0},[s._v("show")]),s._v("、"),a("code",{pre:!0},[s._v("hide")]),s._v(" 方法来控制组件的显示或隐藏。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":inline")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":outline")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":primary")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"$refs.tip.show()"')]),s._v(">")]),s._v("Show tip"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bottom"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"left:123px;top:-50px;"')]),s._v(">")]),s._v("Tip"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("小三角和气泡框的位置")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("direction")]),s._v(" 属性配置小三角的方向，一般情况下需要通过 "),a("code",{pre:!0},[s._v("style")]),s._v(" 改变气泡框的位置；一般来说，小三角的方向是与气泡框的位置相反的。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip-eg"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("cube-ui"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip2"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"direction"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tipStyle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@close")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"close"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("Awesome!"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('bottom')\"")]),s._v(">")]),s._v("top"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('top')\"")]),s._v(">")]),s._v("bottom"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('right')\"")]),s._v(">")]),s._v("left"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('left')\"")]),s._v(">")]),s._v("right"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tipStyle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTip(direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".direction = direction\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip2.show()\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("switch")]),s._v(" (direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 30px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: -50px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 200px; top: -10px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 2px; top: -10px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n }\n },\n close() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click close button'")]),s._v(")\n },\n clickHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click tip area'")]),s._v(")\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("小三角的方向")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/bottom/left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("offsetLeft")]),s._v(" "),a("td",[s._v("小三角至 Tip 框左边距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetTop")]),s._v(" "),a("td",[s._v("小三角至 Tip 框顶部距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetRight")]),s._v(" "),a("td",[s._v("小三角至 Tip 框右边距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetBottom")]),s._v(" "),a("td",[s._v("小三角至 Tip 框底部距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("其中 "),a("code",{pre:!0},[s._v("offsetLeft")]),s._v("、"),a("code",{pre:!0},[s._v("offsetTop")]),s._v("、"),a("code",{pre:!0},[s._v("offsetRight")]),s._v("、"),a("code",{pre:!0},[s._v("offsetBottom")]),s._v(" 的值如果是数字，那么单位就是像素，如果说是字符串，则认为是设置的百分比。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("close")]),s._v(" "),a("td",[s._v("点击 Tip 的关闭按钮")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("点击 Tip 的提示内容部分")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file +webpackJsonp([4],{498:function(s,t,a){s.exports=a(603)},603:function(s,t,a){var v=a(11)(null,a(604),null,null,null);s.exports=v.exports},604:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Tip"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Tip-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Tip")]),s._v(" "),a("p",[s._v("提示，用于弹出提示气泡框。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(3)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基础使用")]),s._v(" "),a("p",[s._v("通过在 "),a("code",{pre:!0},[s._v("Tip")]),s._v(" 组件上添加 "),a("code",{pre:!0},[s._v("ref")]),s._v(" 属性，获得对于组件的引用，然后调用 "),a("code",{pre:!0},[s._v("Tip")]),s._v(" 组件向外暴露出来的 "),a("code",{pre:!0},[s._v("show")]),s._v("、"),a("code",{pre:!0},[s._v("hide")]),s._v(" 方法来控制组件的显示或隐藏。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":inline")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":outline")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":primary")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"$refs.tip.show()"')]),s._v(">")]),s._v("Show tip"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bottom"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"left:123px;top:-50px;"')]),s._v(">")]),s._v("Tip"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("小三角和气泡框的位置")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("direction")]),s._v(" 属性配置小三角的方向，一般情况下需要通过 "),a("code",{pre:!0},[s._v("style")]),s._v(" 改变气泡框的位置；一般来说，小三角的方向是与气泡框的位置相反的。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip-eg"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("cube-ui"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip2"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"direction"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tipStyle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@close")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"close"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("Awesome!"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('bottom')\"")]),s._v(">")]),s._v("top"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('top')\"")]),s._v(">")]),s._v("bottom"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('right')\"")]),s._v(">")]),s._v("left"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('left')\"")]),s._v(">")]),s._v("right"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tipStyle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTip(direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".direction = direction\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip2.show()\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("switch")]),s._v(" (direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 30px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: -50px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 200px; top: -10px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 2px; top: -10px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n }\n },\n close() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click close button'")]),s._v(")\n },\n clickHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click tip area'")]),s._v(")\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("小三角的方向")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/bottom/left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("offsetLeft")]),s._v(" "),a("td",[s._v("小三角至 Tip 框左边距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetTop")]),s._v(" "),a("td",[s._v("小三角至 Tip 框顶部距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetRight")]),s._v(" "),a("td",[s._v("小三角至 Tip 框右边距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetBottom")]),s._v(" "),a("td",[s._v("小三角至 Tip 框底部距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("其中 "),a("code",{pre:!0},[s._v("offsetLeft")]),s._v("、"),a("code",{pre:!0},[s._v("offsetTop")]),s._v("、"),a("code",{pre:!0},[s._v("offsetRight")]),s._v("、"),a("code",{pre:!0},[s._v("offsetBottom")]),s._v(" 的值如果是数字，那么单位就是像素，如果说是字符串，则认为是设置的百分比。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("close")]),s._v(" "),a("td",[s._v("点击 Tip 的关闭按钮")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("点击 Tip 的提示内容部分")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/36.f7b3b5e4d9e1e2684140.js b/docs/js/40.7799483f6f3e3d94dae0.js similarity index 99% rename from docs/js/36.f7b3b5e4d9e1e2684140.js rename to docs/js/40.7799483f6f3e3d94dae0.js index 7975b27a..3ed382e7 100644 --- a/docs/js/36.f7b3b5e4d9e1e2684140.js +++ b/docs/js/40.7799483f6f3e3d94dae0.js @@ -1 +1 @@ -webpackJsonp([36],{462:function(s,t,a){s.exports=a(527)},527:function(s,t,a){var r=a(11)(null,a(528),null,null,null);s.exports=r.exports},528:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Picker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Picker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Picker")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Picker")]),s._v(" component supports multi-column selectors and linkage data.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" }, \n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [col1Data],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Multi-column Picker")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" receives an array, whose length determines the columns of "),a("code",{pre:!0},[s._v("picker")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMutiPicker"')]),s._v(">")]),s._v("Multi-column Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" }, \n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col2Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打野'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打野'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'逃生'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'逃生'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'先手'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'先手'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col3Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Multi-column Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [col1Data, col2Data, col3Data],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showMutiPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Alias")]),s._v(" "),a("p",[s._v("You can configure the "),a("code",{pre:!0},[s._v("alias")]),s._v(" of "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")]),s._v(", such as, use "),a("code",{pre:!0},[s._v("id")]),s._v(" to represent "),a("code",{pre:!0},[s._v("value")]),s._v(", "),a("code",{pre:!0},[s._v("name")]),s._v(" to represent "),a("code",{pre:!0},[s._v("text")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showAliasPicker"')]),s._v(">")]),s._v("Use Alias"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use Alias'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [[{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'A'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'B'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'C'")]),s._v(" }]],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("alias")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'id'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'name'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAliasPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Instance method "),a("code",{pre:!0},[s._v("setData")])]),s._v(" "),a("p",[s._v("Instance method "),a("code",{pre:!0},[s._v("setData")]),s._v(" accepts two parameters, both of whom are arrays. The first is data that the roller displays and the second is indexs of selected values.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showSetDataPicker"')]),s._v(">")]),s._v("Use SetData"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col2Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col3Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use SetData'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSetDataPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.setData([col1Data, col2Data, col3Data], ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("])\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data that passed into picker, whose length determines the columns of picker")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("the index of the selected value, corresponding content will be displayed when picker shows")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the left button in picker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("the text of the right button in picker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("alias")]),s._v(" "),a("td",[s._v("configure the alias of "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("{ value: 'id', text: 'name'}")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")]),s._v(" "),a("th",[s._v("Example")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the text displayed in each column of picker")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("corresponding value of the text displayed in each column of picker")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")]),s._v(" "),a("th",[s._v("Parameters 3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("triggers when clicking the confirm button")]),s._v(" "),a("td",[s._v("selectedVal: Array, values of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedIndex: Array, indexes of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedText: Array, texts of each columns in current selected item")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when the roller scrolls")]),s._v(" "),a("td",[s._v("index: Number, index of current scrolling roller")]),s._v(" "),a("td",[s._v("selectedIndex: Number, index of selected item in current column")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("value-change")]),s._v(" "),a("td",[s._v("triggers when confirmed value changes")]),s._v(" "),a("td",[s._v("selectedVal: Array, values of each columns in current confirmed item")]),s._v(" "),a("td",[s._v("selectedIndex: Array, indexes of each columns in current confirmed item")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("triggers when clicking the cancel button")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("set options in picker")]),s._v(" "),a("td",[s._v("Array, texts and values of options of each columns of picker")]),s._v(" "),a("td",[s._v("Array, indexes of selected item in each column of picker")])])])])}]}}}); \ No newline at end of file +webpackJsonp([40],{462:function(s,t,a){s.exports=a(531)},531:function(s,t,a){var r=a(11)(null,a(532),null,null,null);s.exports=r.exports},532:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Picker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Picker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Picker")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Picker")]),s._v(" component supports multi-column selectors and linkage data.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" }, \n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [col1Data],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Multi-column Picker")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" receives an array, whose length determines the columns of "),a("code",{pre:!0},[s._v("picker")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMutiPicker"')]),s._v(">")]),s._v("Multi-column Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" }, \n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col2Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打野'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打野'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'逃生'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'逃生'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'先手'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'先手'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col3Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Multi-column Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [col1Data, col2Data, col3Data],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showMutiPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Alias")]),s._v(" "),a("p",[s._v("You can configure the "),a("code",{pre:!0},[s._v("alias")]),s._v(" of "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")]),s._v(", such as, use "),a("code",{pre:!0},[s._v("id")]),s._v(" to represent "),a("code",{pre:!0},[s._v("value")]),s._v(", "),a("code",{pre:!0},[s._v("name")]),s._v(" to represent "),a("code",{pre:!0},[s._v("text")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showAliasPicker"')]),s._v(">")]),s._v("Use Alias"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use Alias'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [[{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'A'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'B'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'C'")]),s._v(" }]],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("alias")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'id'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'name'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAliasPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Instance method "),a("code",{pre:!0},[s._v("setData")])]),s._v(" "),a("p",[s._v("Instance method "),a("code",{pre:!0},[s._v("setData")]),s._v(" accepts two parameters, both of whom are arrays. The first is data that the roller displays and the second is indexs of selected values.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showSetDataPicker"')]),s._v(">")]),s._v("Use SetData"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col2Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col3Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use SetData'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSetDataPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.setData([col1Data, col2Data, col3Data], ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("])\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data that passed into picker, whose length determines the columns of picker")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("the index of the selected value, corresponding content will be displayed when picker shows")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the left button in picker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("the text of the right button in picker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("alias")]),s._v(" "),a("td",[s._v("configure the alias of "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("{ value: 'id', text: 'name'}")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")]),s._v(" "),a("th",[s._v("Example")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the text displayed in each column of picker")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("corresponding value of the text displayed in each column of picker")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")]),s._v(" "),a("th",[s._v("Parameters 3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("triggers when clicking the confirm button")]),s._v(" "),a("td",[s._v("selectedVal: Array, values of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedIndex: Array, indexes of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedText: Array, texts of each columns in current selected item")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when the roller scrolls")]),s._v(" "),a("td",[s._v("index: Number, index of current scrolling roller")]),s._v(" "),a("td",[s._v("selectedIndex: Number, index of selected item in current column")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("value-change")]),s._v(" "),a("td",[s._v("triggers when confirmed value changes")]),s._v(" "),a("td",[s._v("selectedVal: Array, values of each columns in current confirmed item")]),s._v(" "),a("td",[s._v("selectedIndex: Array, indexes of each columns in current confirmed item")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("triggers when clicking the cancel button")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("set options in picker")]),s._v(" "),a("td",[s._v("Array, texts and values of options of each columns of picker")]),s._v(" "),a("td",[s._v("Array, indexes of selected item in each column of picker")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/37.92c1a382ee6cb7d3a701.js b/docs/js/41.ac9a433d906e26a369d8.js similarity index 94% rename from docs/js/37.92c1a382ee6cb7d3a701.js rename to docs/js/41.ac9a433d906e26a369d8.js index 86097f55..62578a2e 100644 --- a/docs/js/37.92c1a382ee6cb7d3a701.js +++ b/docs/js/41.ac9a433d906e26a369d8.js @@ -1 +1 @@ -webpackJsonp([37],{461:function(t,a,s){t.exports=s(525)},525:function(t,a,s){var e=s(11)(null,s(526),null,null,null);t.exports=e.exports},526:function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("section",[s("h2",{attrs:{id:"Loading"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Loading-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Loading")]),t._v(" "),t._m(0),t._v(" "),s("h3",{attrs:{id:"Example"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),s("h3",{attrs:{id:"Propsconfiguration"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("p",[s("code",{pre:!0},[t._v("Loading")]),t._v(" provides loading animation which can has custom size.")])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ul",[s("li",[s("p",[t._v("The size of icon")]),t._v(" "),s("p",[t._v("Default is "),s("code",{pre:!0},[t._v("24px")]),t._v(" and can be configured by setting "),s("code",{pre:!0},[t._v("size")]),t._v(".")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":size")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"28"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":size")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"40"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("table",[s("thead",[s("tr",[s("th",[t._v("Attribute")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("size")]),t._v(" "),s("td",[t._v("the size of loading icon, unit px")]),t._v(" "),s("td",[t._v("Number")]),t._v(" "),s("td",[t._v("24")])])])])}]}}}); \ No newline at end of file +webpackJsonp([41],{461:function(t,a,s){t.exports=s(529)},529:function(t,a,s){var e=s(11)(null,s(530),null,null,null);t.exports=e.exports},530:function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("section",[s("h2",{attrs:{id:"Loading"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Loading-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Loading")]),t._v(" "),t._m(0),t._v(" "),s("h3",{attrs:{id:"Example"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),s("h3",{attrs:{id:"Propsconfiguration"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("p",[s("code",{pre:!0},[t._v("Loading")]),t._v(" provides loading animation which can has custom size.")])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ul",[s("li",[s("p",[t._v("The size of icon")]),t._v(" "),s("p",[t._v("Default is "),s("code",{pre:!0},[t._v("24px")]),t._v(" and can be configured by setting "),s("code",{pre:!0},[t._v("size")]),t._v(".")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":size")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"28"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":size")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"40"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("table",[s("thead",[s("tr",[s("th",[t._v("Attribute")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("size")]),t._v(" "),s("td",[t._v("the size of loading icon, unit px")]),t._v(" "),s("td",[t._v("Number")]),t._v(" "),s("td",[t._v("24")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/42.20a07632018033007c94.js b/docs/js/42.20a07632018033007c94.js deleted file mode 100644 index 81d325af..00000000 --- a/docs/js/42.20a07632018033007c94.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([42],{456:function(t,e,s){t.exports=s(515)},515:function(t,e,s){var a=s(11)(null,s(516),null,null,null);t.exports=a.exports},516:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("section",[s("h2",{attrs:{id:"Checkbox"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Checkbox-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Checkbox")]),t._v(" "),t._m(0),t._v(" "),s("h3",{attrs:{id:"Example"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),s("h3",{attrs:{id:"Propsconfiguration"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),s("h3",{attrs:{id:"Events"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(3)])},staticRenderFns:[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[s("code",{pre:!0},[t._v("Checkbox")]),t._v(" component. You can set the state, pass on special class and set the position of the checkbox's icon.")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("p",[t._v("Basic usage")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(">")]),t._v("\n Checkbox\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("p",[t._v("If selected, the value of "),s("code",{pre:!0},[t._v("checked")]),t._v(" is "),s("code",{pre:!0},[t._v("true")]),t._v(".")])]),t._v(" "),s("li",[s("p",[t._v("Disabled state")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("\n Disabled Checkbox\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("p",[t._v("Set "),s("code",{pre:!0},[t._v("disabled")]),t._v(" to "),s("code",{pre:!0},[t._v("true")]),t._v(" to turn into the disabled state.")])]),t._v(" "),s("li",[s("p",[t._v("Position of the checkbox icon")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("position")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"right"')]),t._v(">")]),t._v("\n Position Checkbox\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("p",[t._v("If setting "),s("code",{pre:!0},[t._v("position")]),t._v(" to "),s("code",{pre:!0},[t._v("'right'")]),t._v(", the position of the checkbox's icon is on the right.")])]),t._v(" "),s("li",[s("p",[t._v("Change the value of model")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"labelValue"')]),t._v(">")]),t._v("\n Set label Checkbox\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("p",[t._v("If "),s("code",{pre:!0},[t._v("label")]),t._v(" is setted, and when the checkbox is selected, the value of "),s("code",{pre:!0},[t._v("checked")]),t._v(" is "),s("code",{pre:!0},[t._v("'labelValue'")]),t._v(". When not selected, the value is "),s("code",{pre:!0},[t._v("false")]),t._v("; Therefore, in circumstances of single checkbox, better not set "),s("code",{pre:!0},[t._v("label")]),t._v(".")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("table",[s("thead",[s("tr",[s("th",[t._v("Attribute")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Accepted Values")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("disabled")]),t._v(" "),s("td",[t._v("whether disabled")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("position")]),t._v(" "),s("td",[t._v("position")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("left/right")]),t._v(" "),s("td",[t._v("left")])]),t._v(" "),s("tr",[s("td",[t._v("label")]),t._v(" "),s("td",[t._v("if selected, then map the value to v-model")]),t._v(" "),s("td",[t._v("Boolean/String")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("''")])])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("table",[s("thead",[s("tr",[s("th",[t._v("Event Name")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Parameters")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("input")]),t._v(" "),s("td",[t._v("triggers when the selecting state changes")]),t._v(" "),s("td",[t._v("the value of label if setted or boolean value which represents whether selected")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/42.bdf71d50781ba1b9d51c.js b/docs/js/42.bdf71d50781ba1b9d51c.js new file mode 100644 index 00000000..002b9c8a --- /dev/null +++ b/docs/js/42.bdf71d50781ba1b9d51c.js @@ -0,0 +1 @@ +webpackJsonp([42],{460:function(t,e,s){t.exports=s(527)},527:function(t,e,s){var a=s(11)(null,s(528),null,null,null);t.exports=a.exports},528:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("section",[s("h2",{attrs:{id:"Introduction"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Introduction-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Introduction")]),t._v(" "),s("p",[t._v("cube-ui is an elegant mobile component library based on Vue.js.")]),t._v(" "),s("h3",{attrs:{id:"Features"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Features-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Features")]),t._v(" "),t._m(0),t._v(" "),s("h3",{attrs:{id:"Components"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Components-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Components")]),t._v(" "),s("h4",{attrs:{id:"Basic"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Basic-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Basic")]),t._v(" "),t._m(1),t._v(" "),s("h4",{attrs:{id:"Layer"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Layer-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Layer")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),s("p",[t._v("Component invoking:")]),t._v(" "),t._m(4),t._v(" "),s("p",[t._v("API invoking：")]),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),s("h4",{attrs:{id:"Scroll"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Scroll-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Scroll")]),t._v(" "),t._m(8),t._v(" "),t._m(9),t._v(" "),s("h4",{attrs:{id:"Advanced"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Advanced-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Advanced")]),t._v(" "),t._m(10),t._v(" "),s("h3",{attrs:{id:"Modules"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Modules-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Modules")]),t._v(" "),s("p",[t._v("cube-ui has some special modules besides components.")]),t._v(" "),s("h4",{attrs:{id:"style"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-style-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" style")]),t._v(" "),s("p",[t._v("The style module.\nIf you are under the circumstance of importing components on demand, then it is recommended to import this module in entry file because it contains basic reset, basic common styles and built-in icons.")]),t._v(" "),t._m(11),t._v(" "),s("h4",{attrs:{id:"create-api"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-create-api-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" create-api")]),t._v(" "),t._m(12),t._v(" "),t._m(13),t._v(" "),s("h4",{attrs:{id:"better-scroll"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-better-scroll-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll")]),t._v(" "),t._m(14),t._v(" "),t._m(15)])},staticRenderFns:[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("p",[s("strong",[t._v("Quality")])]),t._v(" "),s("p",[t._v("Extracted from DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration.")])]),t._v(" "),s("li",[s("p",[s("strong",[t._v("Experience")])]),t._v(" "),s("p",[t._v("Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience.")])]),t._v(" "),s("li",[s("p",[s("strong",[t._v("Standard")])]),t._v(" "),s("p",[t._v("Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient.")])]),t._v(" "),s("li",[s("p",[s("strong",[t._v("Scalability")])]),t._v(" "),s("p",[t._v("Lightweight and flexible: support "),s("a",{attrs:{href:"#/en-US/docs/post-compile"}},[t._v("post-compile")]),t._v(" and importing on demand; High scalability: it is easy to implement secondary development based on existing components.")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("a",{attrs:{href:"#/en-US/docs/button"}},[t._v("Button")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/checkbox"}},[t._v("Checkbox")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/checkbox-group"}},[t._v("CheckboxGroup")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/radio"}},[t._v("Radio")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/loading"}},[t._v("Loading")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/tip"}},[t._v("Tip")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("a",{attrs:{href:"#/en-US/docs/popup"}},[t._v("Popup")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/toast"}},[t._v("Toast")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/picker"}},[t._v("Picker")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/time-picker"}},[t._v("TimePicker")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/dialog"}},[t._v("Dialog")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[t._v("ActionSheet")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("All the layer components can be invoked by components and API, let's take "),s("code",{pre:!0},[t._v("Toast")]),t._v(" as an example:")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n "),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"toast"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":txt")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"toastTxt"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),s("span",{attrs:{class:"javascript"}},[t._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.toast.show()\n }\n }\n }\n")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),s("span",{attrs:{class:"javascript"}},[t._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".toastTxt\n }).show()\n }\n }\n }\n")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("Both are pretty good but we recommend the latter, namely using "),s("code",{pre:!0},[t._v("$createXxYy")]),t._v(" API to invoke; By API invoking, the popup layer is attached to "),s("code",{pre:!0},[t._v("body")]),t._v(" element whose advantage is that it wouldn't be affected by outer styles. If using component invoking, it's fairly easy to be affected by outer styles like "),s("code",{pre:!0},[t._v("transform")]),t._v(", "),s("code",{pre:!0},[t._v("overflow")]),t._v(", etc.")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("Pay attention that the name of the API is "),s("code",{pre:!0},[t._v("$create")]),t._v(" + "),s("code",{pre:!0},[t._v("${component name}")]),t._v(". For example, the API of "),s("code",{pre:!0},[t._v("ActionSheet")]),t._v(" component is "),s("code",{pre:!0},[t._v("$createActionSheet")]),t._v(".")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("a",{attrs:{href:"#/en-US/docs/scroll"}},[t._v("Scroll")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/slide"}},[t._v("Slide")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-US/docs/index-list"}},[t._v("IndexList")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("Scroll Components are all implemented based on "),s("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" and "),s("code",{pre:!0},[t._v("Scroll")]),t._v(" Component is the encapsulation of better-scroll.")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("a",{attrs:{href:"#/en-US/docs/upload"}},[t._v("Upload")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("For details, see "),s("a",{attrs:{href:"#/en-US/docs/style"}},[t._v("style module")]),t._v(".")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("Sometimes, developers may need to let their own encapsulated components support API invoking as well. At this time they can import create-api module or use the global interface "),s("code",{pre:!0},[t._v("Cube.createAPI")]),t._v(" to achieve the purpose.")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("For details, see "),s("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api module")]),t._v("。")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[s("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" is a library in "),s("code",{pre:!0},[t._v("cube-ui")]),t._v("'s dependencies. To avoid duplicately importing, we expose the module.")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("For more detailed use, please refer to "),s("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/"}},[t._v("official documentation")]),t._v("。")])}]}}}); \ No newline at end of file diff --git a/docs/js/39.332e534830601944eafd.js b/docs/js/43.6e41f6f31bf943c258ad.js similarity index 98% rename from docs/js/39.332e534830601944eafd.js rename to docs/js/43.6e41f6f31bf943c258ad.js index 63f7d671..1b22e13a 100644 --- a/docs/js/39.332e534830601944eafd.js +++ b/docs/js/43.6e41f6f31bf943c258ad.js @@ -1 +1 @@ -webpackJsonp([39],{459:function(s,t,a){s.exports=a(521)},521:function(s,t,a){var n=a(11)(null,a(522),null,null,null);s.exports=n.exports},522:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"IndexList"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-IndexList-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" IndexList")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(7)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("IndexList")]),s._v(" component, , which is also encapsulated based on "),a("code",{pre:!0},[s._v("better-scroll")]),s._v(", provides functions of index lists.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("Construct data like "),a("code",{pre:!0},[s._v("cityData")]),s._v(" in the example below and pass it into "),a("code",{pre:!0},[s._v("data")]),s._v(" in "),a("code",{pre:!0},[s._v("cube-index-list")]),s._v(" component.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@title-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickTitle"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"★Hot City"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"BEIJING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"SHANGHAI"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"A"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANSHAN"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANQING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n }\n ]\n }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Current City: BEIJING'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Custom item content")]),s._v(" "),a("p",[s._v("Beside default usage, you could customise the content of each item as required by inserting your custom DOM into the slot of "),a("code",{pre:!0},[s._v("cube-index-list-item")]),s._v(" as shown below. And please don't modify the usage of "),a("code",{pre:!0},[s._v("cube-index-list-group")]),s._v(" and "),a("code",{pre:!0},[s._v("cube-index-list-item")]),s._v(" unless you really know what you are doing.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list-group")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(group, index) in cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":group")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"group"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in group.items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":item")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"custom-item"')]),s._v(">")]),s._v("I am the custom {{item.name}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// Style of the custom item.")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".custom-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("70px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("70px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("16px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$fontsize")]),s._v("-medium\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Use custom style to cover default style.")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#222")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#909090")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-anchor")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#333")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("30px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("30px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-nav")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background")]),s._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(","),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(","),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",."),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(")\n >"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ul")]),s._v("\n >"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("12px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#909090")]),s._v("\n &"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".active")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#ffcd32")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data to be displayed")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("when click the navigator, the transition time of scrolling to the specific anchor (unit: ms).")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" is an array, which represents multiple groups of data and each of them can be configured：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("name")]),s._v(" "),a("td",[s._v("the name of the group")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("items")]),s._v(" "),a("td",[s._v("data of current group")]),s._v(" "),a("td",[s._v("Array")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Each item of "),a("code",{pre:!0},[s._v("items")]),s._v(" array must be an object that must contains the "),a("code",{pre:!0},[s._v("name")]),s._v(" attribute which is used for displaying the content; For example: "),a("code",{pre:!0},[s._v("items")]),s._v(": "),a("code",{pre:!0},[s._v("[{name: 'xx', ...}, ...]")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("triggers when clicking one of the items in IndexList")]),s._v(" "),a("td",[s._v("data of the item")])]),s._v(" "),a("tr",[a("td",[s._v("title-click")]),s._v(" "),a("td",[s._v("triggers when clicking title(valid only if title has been configured)")]),s._v(" "),a("td",[s._v("the value of title")])])])])}]}}}); \ No newline at end of file +webpackJsonp([43],{459:function(s,t,a){s.exports=a(525)},525:function(s,t,a){var n=a(11)(null,a(526),null,null,null);s.exports=n.exports},526:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"IndexList"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-IndexList-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" IndexList")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(7)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("IndexList")]),s._v(" component, , which is also encapsulated based on "),a("code",{pre:!0},[s._v("better-scroll")]),s._v(", provides functions of index lists.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("Construct data like "),a("code",{pre:!0},[s._v("cityData")]),s._v(" in the example below and pass it into "),a("code",{pre:!0},[s._v("data")]),s._v(" in "),a("code",{pre:!0},[s._v("cube-index-list")]),s._v(" component.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@title-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickTitle"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"★Hot City"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"BEIJING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"SHANGHAI"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"A"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANSHAN"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANQING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n }\n ]\n }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Current City: BEIJING'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Custom item content")]),s._v(" "),a("p",[s._v("Beside default usage, you could customise the content of each item as required by inserting your custom DOM into the slot of "),a("code",{pre:!0},[s._v("cube-index-list-item")]),s._v(" as shown below. And please don't modify the usage of "),a("code",{pre:!0},[s._v("cube-index-list-group")]),s._v(" and "),a("code",{pre:!0},[s._v("cube-index-list-item")]),s._v(" unless you really know what you are doing.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list-group")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(group, index) in cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":group")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"group"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in group.items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":item")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"custom-item"')]),s._v(">")]),s._v("I am the custom {{item.name}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// Style of the custom item.")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".custom-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("70px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("70px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("16px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$fontsize")]),s._v("-medium\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Use custom style to cover default style.")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#222")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#909090")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-anchor")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#333")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("30px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("30px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-nav")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background")]),s._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(","),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(","),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",."),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(")\n >"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ul")]),s._v("\n >"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("12px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#909090")]),s._v("\n &"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".active")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#ffcd32")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data to be displayed")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("when click the navigator, the transition time of scrolling to the specific anchor (unit: ms).")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" is an array, which represents multiple groups of data and each of them can be configured：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("name")]),s._v(" "),a("td",[s._v("the name of the group")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("items")]),s._v(" "),a("td",[s._v("data of current group")]),s._v(" "),a("td",[s._v("Array")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Each item of "),a("code",{pre:!0},[s._v("items")]),s._v(" array must be an object that must contains the "),a("code",{pre:!0},[s._v("name")]),s._v(" attribute which is used for displaying the content; For example: "),a("code",{pre:!0},[s._v("items")]),s._v(": "),a("code",{pre:!0},[s._v("[{name: 'xx', ...}, ...]")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("triggers when clicking one of the items in IndexList")]),s._v(" "),a("td",[s._v("data of the item")])]),s._v(" "),a("tr",[a("td",[s._v("title-click")]),s._v(" "),a("td",[s._v("triggers when clicking title(valid only if title has been configured)")]),s._v(" "),a("td",[s._v("the value of title")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/43.983544d9ce5b647a7309.js b/docs/js/43.983544d9ce5b647a7309.js deleted file mode 100644 index 54f1a05a..00000000 --- a/docs/js/43.983544d9ce5b647a7309.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([43],{455:function(s,a,t){s.exports=t(513)},513:function(s,a,t){var e=t(11)(null,t(514),null,null,null);s.exports=e.exports},514:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"CheckboxGroup"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CheckboxGroup-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CheckboxGroup")]),s._v(" "),s._m(0),s._v(" "),t("h3",{attrs:{id:"Example"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"Propsconfiguration"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),t("h3",{attrs:{id:"Events"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(3)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("code",{pre:!0},[s._v("CheckboxGroup")]),s._v(" is a group of checkboxs, which is used to select a group of options. It has vertical and horizontal styles.")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("Vertical order")]),s._v(" "),t("p",[s._v("Default is vertical order style.")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),s._v("\n Checkbox 1\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),s._v("\n Checkbox 2\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled Checkbox\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled & Checked Checkbox\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("p",[s._v("The value of "),t("code",{pre:!0},[s._v("checkList")]),s._v(" is an array, which represents the set of the values of "),t("code",{pre:!0},[s._v("label")]),s._v(" in selected checkboxs.")])]),s._v(" "),t("li",[t("p",[s._v("Horizontal order")]),s._v(" "),t("p",[s._v("You can set "),t("code",{pre:!0},[s._v("horizontal")]),s._v(" to change the style to horizontal order.")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),s._v("1"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),s._v("2"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("3"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("4"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Attribute")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Accepted Values")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("horizontal")]),s._v(" "),t("td",[s._v("whether in horizontal order")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Event Name")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Parameters")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("input")]),s._v(" "),t("td",[s._v("triggers when the selecting state in the group changes")]),s._v(" "),t("td",[s._v("the set of values of selected checkboxs, which type is Array")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/40.e180f34fabba125e7186.js b/docs/js/44.186d53e52af78fc617ef.js similarity index 98% rename from docs/js/40.e180f34fabba125e7186.js rename to docs/js/44.186d53e52af78fc617ef.js index eacdf0a8..f9f5854f 100644 --- a/docs/js/40.e180f34fabba125e7186.js +++ b/docs/js/44.186d53e52af78fc617ef.js @@ -1 +1 @@ -webpackJsonp([40],{458:function(t,s,a){t.exports=a(519)},519:function(t,s,a){var v=a(11)(null,a(520),null,null,null);t.exports=v.exports},520:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Dialog"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Dialog-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Dialog")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Slot")]),t._v(" "),t._m(7),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(8)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Dialog")]),t._v(" modal component，provides various styles and interactions.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Dialog type")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showAlert"')]),t._v(">")]),t._v("Dialog - type"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showAlert() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am title'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am content'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("type")]),t._v(" will be one of the following: "),a("code",{pre:!0},[t._v("alert")]),t._v(", "),a("code",{pre:!0},[t._v("confirm")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Button configuration")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showBtn"')]),t._v(">")]),t._v("Dialog - btn"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showBtn() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am title'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am content'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cancel'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onConfirm")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击确认按钮'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击取消按钮'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Button configuration("),a("code",{pre:!0},[t._v("confirmBtn")]),t._v(", "),a("code",{pre:!0},[t._v("cancelBtn")]),t._v(") can be "),a("code",{pre:!0},[t._v("String")]),t._v(" or "),a("code",{pre:!0},[t._v("Object")]),t._v(" type. When given an Object, "),a("code",{pre:!0},[t._v("text")]),t._v(" can be used to set button content，"),a("code",{pre:!0},[t._v("active")]),t._v(" is used to set button highlight state，"),a("code",{pre:!0},[t._v("disabled")]),t._v(" is used to set button disabled state，"),a("code",{pre:!0},[t._v("href")]),t._v(" is used to set the link that will be jumped to when the button is clicked.")])]),t._v(" "),a("li",[a("p",[t._v("Show close button")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showClose"')]),t._v(">")]),t._v("Dialog - show close"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showClose() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showClose")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onClose")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'the close button has been clicked'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can change "),a("code",{pre:!0},[t._v("showClose")]),t._v(" to decide whether to show the close button. The "),a("code",{pre:!0},[t._v("close")]),t._v(" event will be dispatched when the close button is clicked and the "),a("code",{pre:!0},[t._v("onClose")]),t._v(" callback will be invoked if it is configured.")])]),t._v(" "),a("li",[a("p",[t._v("Slot")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showSlot"')]),t._v(">")]),t._v("Dialog - slot"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showSlot() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'got it'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }, (createElement) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v("\n }, [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title-img'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'custom title'")]),t._v(")\n ]),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-content'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'content'")]),t._v("\n }, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'custom content'")]),t._v(")\n ]\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("The second parameter of "),a("code",{pre:!0},[t._v("$createDialog")]),t._v(" is "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html"}},[t._v("render function")]),t._v(", generally it is used to handle slots. Dialog component provides 2 named slots "),a("code",{pre:!0},[t._v("title")]),t._v(" and "),a("code",{pre:!0},[t._v("content")]),t._v(" which are used to distribute title and content.")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("dialog type")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("alert / confirm")]),t._v(" "),a("td",[t._v("alert")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("icon class name")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("a",{attrs:{href:"#/style"}},[t._v("refer to built-in icons in style module")])]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("content")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("showClose")]),t._v(" "),a("td",[t._v("whether to show close button")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("confirmBtn")]),t._v(" "),a("td",[t._v("confirm button configuration")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '确定', active: true, href: 'javascript:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("cancelBtn")]),t._v(" "),a("td",[t._v("cancel button configuration")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '取消', active: false, href: 'javascript:;' }")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("confirmBtn")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("button text")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'确认'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("whether to highlight")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("whether to disabled button")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("the link that will be jumped to when the button is clicked")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("cancelBtn")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("button text")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("whether highlight")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("whether to disabled button")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("the link that will be jumped to when the button is clicked")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Scope Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("title")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("content")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("confirm")]),t._v(" "),a("td",[t._v("triggers when the confirm button is clicked")]),t._v(" "),a("td",[t._v("e - event target")])]),t._v(" "),a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when the cancel button is clicked")]),t._v(" "),a("td",[t._v("e - event target")])]),t._v(" "),a("tr",[a("td",[t._v("close")]),t._v(" "),a("td",[t._v("triggers when the close button is clicked")]),t._v(" "),a("td",[t._v("e - event target")])])])])}]}}}); \ No newline at end of file +webpackJsonp([44],{458:function(t,s,a){t.exports=a(523)},523:function(t,s,a){var v=a(11)(null,a(524),null,null,null);t.exports=v.exports},524:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Dialog"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Dialog-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Dialog")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Slot")]),t._v(" "),t._m(7),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(8)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Dialog")]),t._v(" modal component，provides various styles and interactions.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Dialog type")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showAlert"')]),t._v(">")]),t._v("Dialog - type"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showAlert() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am title'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am content'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("type")]),t._v(" will be one of the following: "),a("code",{pre:!0},[t._v("alert")]),t._v(", "),a("code",{pre:!0},[t._v("confirm")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Button configuration")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showBtn"')]),t._v(">")]),t._v("Dialog - btn"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showBtn() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am title'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am content'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cancel'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onConfirm")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击确认按钮'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击取消按钮'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Button configuration("),a("code",{pre:!0},[t._v("confirmBtn")]),t._v(", "),a("code",{pre:!0},[t._v("cancelBtn")]),t._v(") can be "),a("code",{pre:!0},[t._v("String")]),t._v(" or "),a("code",{pre:!0},[t._v("Object")]),t._v(" type. When given an Object, "),a("code",{pre:!0},[t._v("text")]),t._v(" can be used to set button content，"),a("code",{pre:!0},[t._v("active")]),t._v(" is used to set button highlight state，"),a("code",{pre:!0},[t._v("disabled")]),t._v(" is used to set button disabled state，"),a("code",{pre:!0},[t._v("href")]),t._v(" is used to set the link that will be jumped to when the button is clicked.")])]),t._v(" "),a("li",[a("p",[t._v("Show close button")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showClose"')]),t._v(">")]),t._v("Dialog - show close"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showClose() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showClose")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onClose")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'the close button has been clicked'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can change "),a("code",{pre:!0},[t._v("showClose")]),t._v(" to decide whether to show the close button. The "),a("code",{pre:!0},[t._v("close")]),t._v(" event will be dispatched when the close button is clicked and the "),a("code",{pre:!0},[t._v("onClose")]),t._v(" callback will be invoked if it is configured.")])]),t._v(" "),a("li",[a("p",[t._v("Slot")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showSlot"')]),t._v(">")]),t._v("Dialog - slot"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showSlot() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'got it'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }, (createElement) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v("\n }, [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title-img'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'custom title'")]),t._v(")\n ]),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-content'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'content'")]),t._v("\n }, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'custom content'")]),t._v(")\n ]\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("The second parameter of "),a("code",{pre:!0},[t._v("$createDialog")]),t._v(" is "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html"}},[t._v("render function")]),t._v(", generally it is used to handle slots. Dialog component provides 2 named slots "),a("code",{pre:!0},[t._v("title")]),t._v(" and "),a("code",{pre:!0},[t._v("content")]),t._v(" which are used to distribute title and content.")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("dialog type")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("alert / confirm")]),t._v(" "),a("td",[t._v("alert")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("icon class name")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("a",{attrs:{href:"#/style"}},[t._v("refer to built-in icons in style module")])]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("content")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("showClose")]),t._v(" "),a("td",[t._v("whether to show close button")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("confirmBtn")]),t._v(" "),a("td",[t._v("confirm button configuration")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '确定', active: true, href: 'javascript:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("cancelBtn")]),t._v(" "),a("td",[t._v("cancel button configuration")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '取消', active: false, href: 'javascript:;' }")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("confirmBtn")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("button text")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'确认'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("whether to highlight")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("whether to disabled button")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("the link that will be jumped to when the button is clicked")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("cancelBtn")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("button text")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("whether highlight")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("whether to disabled button")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("the link that will be jumped to when the button is clicked")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Scope Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("title")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("content")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("confirm")]),t._v(" "),a("td",[t._v("triggers when the confirm button is clicked")]),t._v(" "),a("td",[t._v("e - event target")])]),t._v(" "),a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when the cancel button is clicked")]),t._v(" "),a("td",[t._v("e - event target")])]),t._v(" "),a("tr",[a("td",[t._v("close")]),t._v(" "),a("td",[t._v("triggers when the close button is clicked")]),t._v(" "),a("td",[t._v("e - event target")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/41.ceb6fd25ef893cdf64bf.js b/docs/js/45.d3fd2c2bfdb51291fc66.js similarity index 98% rename from docs/js/41.ceb6fd25ef893cdf64bf.js rename to docs/js/45.d3fd2c2bfdb51291fc66.js index 4b54d5a5..83577beb 100644 --- a/docs/js/41.ceb6fd25ef893cdf64bf.js +++ b/docs/js/45.d3fd2c2bfdb51291fc66.js @@ -1 +1 @@ -webpackJsonp([41],{457:function(s,t,e){s.exports=e(517)},517:function(s,t,e){var a=e(11)(null,e(518),null,null,null);s.exports=a.exports},518:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("section",[e("h2",{attrs:{id:"create-apimodule"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-create-apimodule-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" create-api module")]),s._v(" "),s._m(0),s._v(" "),e("h3",{attrs:{id:"createAPI(Vue,Component,[events,single])"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-createAPI(Vue,Component,[events,single])-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" createAPI(Vue, Component, [events, single])")]),s._v(" "),s._m(1)])},staticRenderFns:[function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("p",[s._v("This module exports a function called "),e("code",{pre:!0},[s._v("createAPI")]),s._v(" with which you can invoke the custom component which has been instantiated in api form.")])},function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("ul",[e("li",[e("p",[s._v("Parameters:")]),s._v(" "),e("ul",[e("li",[e("code",{pre:!0},[s._v("{Function} Vue")]),s._v(" Vue function")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Function | Object} Component")]),s._v(" Vue component which must contains "),e("code",{pre:!0},[s._v("name")])]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Array} [events]")]),s._v(" the collection of the instantiated Vue Component's event name")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" whether singleton")])])]),s._v(" "),e("li",[e("p",[s._v("Usage:")]),s._v(" "),e("ul",[e("li",[s._v("This method will add a method which is named "),e("code",{pre:!0},[s._v("$create{camelize(Component.name)}")]),s._v(" to Vue's prototype, so you can instantiate the Vue component by "),e("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, [renderFn, single])")]),s._v(" in other components. The instantiated component's template content will be attached to "),e("code",{pre:!0},[s._v("body")]),s._v(" element.The parameters of the "),e("code",{pre:!0},[s._v("$createAaBb")]),s._v("：\n"),e("ul",[e("li",[e("code",{pre:!0},[s._v("{Object} config")]),s._v(" It will be passed to the component as its props except the events in "),e("code",{pre:!0},[s._v("events")]),s._v("(It will transform by default, eg: If "),e("code",{pre:!0},[s._v("events")]),s._v(" has value "),e("code",{pre:!0},[s._v("['click']")]),s._v(", then the prop "),e("code",{pre:!0},[s._v("onClick")]),s._v(" will be treated as component's event and not component's props).")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Function} [renderFn]")]),s._v(" Optional, used to generate the VNode child node in the slot scene in general.")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" Optional, whether the instantiated component is a singleton or not. If two parameters are provided and the "),e("code",{pre:!0},[s._v("renderFn")]),s._v("'s type is not function, then the "),e("code",{pre:!0},[s._v("single")]),s._v(" value is the sencond parameter's value.")])])]),s._v(" "),e("li",[s._v("The return of the method "),e("code",{pre:!0},[s._v("instance")]),s._v(" is a instantiated Vue component，and the "),e("code",{pre:!0},[s._v("remove")]),s._v(" method will be "),e("strong",[s._v("attached")]),s._v(" to this instance.You can invoke the "),e("code",{pre:!0},[s._v("remove")]),s._v(" method to destroy the component and detach the component's content from "),e("code",{pre:!0},[s._v("body")]),s._v(" element.")])])]),s._v(" "),e("li",[e("p",[s._v("Example:")]),s._v(" "),e("p",[s._v("First we create Hello.vue component：")]),s._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[s._v("<"),e("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),e("span",{attrs:{class:"hljs-tag"}},[s._v("<"),e("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),e("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),e("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n {{content}}\n "),e("span",{attrs:{class:"hljs-tag"}},[s._v("<"),e("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(" "),e("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),e("span",{attrs:{class:"hljs-string"}},[s._v('"other"')]),s._v(">")]),e("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),e("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),e("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),e("span",{attrs:{class:"hljs-tag"}},[s._v("<"),e("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),e("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),e("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),e("span",{attrs:{class:"javascript"}},[s._v("\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'hello'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),e("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("default")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'Hello'")]),s._v("\n }\n },\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n clickHandler(e) {\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),e("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", e)\n }\n }\n }\n")]),e("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),e("p",[s._v("Then we make Hello.vue to an API style component by calling the "),e("code",{pre:!0},[s._v("createAPI")]),s._v(" method.")]),s._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),e("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Hello "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),e("span",{attrs:{class:"hljs-string"}},[s._v("'./Hello.vue'")]),s._v("\n\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// import Style to load the base style")]),s._v("\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n Style,\n Dialog,\n createAPI\n } "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),e("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n Vue.use(Dialog)\n\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// create this.$createHello API")]),s._v("\n createAPI(Vue, Hello, ["),e("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v("], "),e("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\n\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// init Vue")]),s._v("\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" Vue({\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("el")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'#app'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("render")]),s._v(": "),e("span",{attrs:{class:"hljs-function"}},[e("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),e("span",{attrs:{class:"hljs-params"}},[s._v("h")]),s._v(") ")]),s._v("{\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),e("span",{attrs:{class:"hljs-string"}},[s._v("'button'")]),s._v(", {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("on")]),s._v(": {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("click")]),s._v(": "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".showHello\n }\n }, ["),e("span",{attrs:{class:"hljs-string"}},[s._v("'Show Hello'")]),s._v("])\n },\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showHello() {\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("/* The first parameter of `$createHello` will be passed to the component as its props except the events in `events`(It will transform by default, eg: If `events` has value `['click']`, then the prop `onClick` will be treated as component's event and not component's props) */")]),s._v("\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" instance = "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createHello({\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'My Hello Content'")]),s._v(",\n onClick(e) {\n "),e("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),e("span",{attrs:{class:"hljs-string"}},[s._v("'Hello component clicked.'")]),s._v(")\n }\n }, "),e("span",{attrs:{class:"hljs-comment"}},[s._v("/* renderFn */")]),s._v(" (createElement) => {\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" [\n createElement("),e("span",{attrs:{class:"hljs-string"}},[s._v("'p'")]),s._v(", {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'other'")]),s._v("\n }, "),e("span",{attrs:{class:"hljs-string"}},[s._v("'other content'")]),s._v(")\n ]\n })\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// Also, the event hanlder can be registered by instance's `$on` method")]),s._v("\n instance.$on("),e("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", (e) => {\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" $dialog = "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'click confirm to remove current instance'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n })\n $dialog.show()\n\n $dialog.$on("),e("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(", () => {\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// remove instance")]),s._v("\n instance.remove()\n }).$on("),e("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(", () => {\n "),e("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),e("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n })\n })\n }\n }\n })\n")])]),s._v(" "),e("p",[s._v("In this example, we create a component "),e("code",{pre:!0},[s._v("Hello")]),s._v(" which needs to be invoked in api form and we invoke it in another component.The focus is what "),e("code",{pre:!0},[s._v("showHello()")]),s._v(" does: invoking method "),e("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" to instantiate "),e("code",{pre:!0},[s._v("Hello")]),s._v(".")])])])}]}}}); \ No newline at end of file +webpackJsonp([45],{457:function(s,t,e){s.exports=e(521)},521:function(s,t,e){var a=e(11)(null,e(522),null,null,null);s.exports=a.exports},522:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("section",[e("h2",{attrs:{id:"create-apimodule"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-create-apimodule-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" create-api module")]),s._v(" "),s._m(0),s._v(" "),e("h3",{attrs:{id:"createAPI(Vue,Component,[events,single])"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-createAPI(Vue,Component,[events,single])-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" createAPI(Vue, Component, [events, single])")]),s._v(" "),s._m(1)])},staticRenderFns:[function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("p",[s._v("This module exports a function called "),e("code",{pre:!0},[s._v("createAPI")]),s._v(" with which you can invoke the custom component which has been instantiated in api form.")])},function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("ul",[e("li",[e("p",[s._v("Parameters:")]),s._v(" "),e("ul",[e("li",[e("code",{pre:!0},[s._v("{Function} Vue")]),s._v(" Vue function")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Function | Object} Component")]),s._v(" Vue component which must contains "),e("code",{pre:!0},[s._v("name")])]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Array} [events]")]),s._v(" the collection of the instantiated Vue Component's event name")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" whether singleton")])])]),s._v(" "),e("li",[e("p",[s._v("Usage:")]),s._v(" "),e("ul",[e("li",[s._v("This method will add a method which is named "),e("code",{pre:!0},[s._v("$create{camelize(Component.name)}")]),s._v(" to Vue's prototype, so you can instantiate the Vue component by "),e("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, [renderFn, single])")]),s._v(" in other components. The instantiated component's template content will be attached to "),e("code",{pre:!0},[s._v("body")]),s._v(" element.The parameters of the "),e("code",{pre:!0},[s._v("$createAaBb")]),s._v("：\n"),e("ul",[e("li",[e("code",{pre:!0},[s._v("{Object} config")]),s._v(" It will be passed to the component as its props except the events in "),e("code",{pre:!0},[s._v("events")]),s._v("(It will transform by default, eg: If "),e("code",{pre:!0},[s._v("events")]),s._v(" has value "),e("code",{pre:!0},[s._v("['click']")]),s._v(", then the prop "),e("code",{pre:!0},[s._v("onClick")]),s._v(" will be treated as component's event and not component's props).")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Function} [renderFn]")]),s._v(" Optional, used to generate the VNode child node in the slot scene in general.")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" Optional, whether the instantiated component is a singleton or not. If two parameters are provided and the "),e("code",{pre:!0},[s._v("renderFn")]),s._v("'s type is not function, then the "),e("code",{pre:!0},[s._v("single")]),s._v(" value is the sencond parameter's value.")])])]),s._v(" "),e("li",[s._v("The return of the method "),e("code",{pre:!0},[s._v("instance")]),s._v(" is a instantiated Vue component，and the "),e("code",{pre:!0},[s._v("remove")]),s._v(" method will be "),e("strong",[s._v("attached")]),s._v(" to this instance.You can invoke the "),e("code",{pre:!0},[s._v("remove")]),s._v(" method to destroy the component and detach the component's content from "),e("code",{pre:!0},[s._v("body")]),s._v(" element.")])])]),s._v(" "),e("li",[e("p",[s._v("Example:")]),s._v(" "),e("p",[s._v("First we create Hello.vue component：")]),s._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[s._v("<"),e("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),e("span",{attrs:{class:"hljs-tag"}},[s._v("<"),e("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),e("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),e("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n {{content}}\n "),e("span",{attrs:{class:"hljs-tag"}},[s._v("<"),e("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(" "),e("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),e("span",{attrs:{class:"hljs-string"}},[s._v('"other"')]),s._v(">")]),e("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),e("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),e("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),e("span",{attrs:{class:"hljs-tag"}},[s._v("<"),e("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),e("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),e("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),e("span",{attrs:{class:"javascript"}},[s._v("\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'hello'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),e("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("default")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'Hello'")]),s._v("\n }\n },\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n clickHandler(e) {\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),e("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", e)\n }\n }\n }\n")]),e("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),e("p",[s._v("Then we make Hello.vue to an API style component by calling the "),e("code",{pre:!0},[s._v("createAPI")]),s._v(" method.")]),s._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),e("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Hello "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),e("span",{attrs:{class:"hljs-string"}},[s._v("'./Hello.vue'")]),s._v("\n\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// import Style to load the base style")]),s._v("\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n Style,\n Dialog,\n createAPI\n } "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),e("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n Vue.use(Dialog)\n\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// create this.$createHello API")]),s._v("\n createAPI(Vue, Hello, ["),e("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v("], "),e("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\n\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// init Vue")]),s._v("\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" Vue({\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("el")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'#app'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("render")]),s._v(": "),e("span",{attrs:{class:"hljs-function"}},[e("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),e("span",{attrs:{class:"hljs-params"}},[s._v("h")]),s._v(") ")]),s._v("{\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),e("span",{attrs:{class:"hljs-string"}},[s._v("'button'")]),s._v(", {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("on")]),s._v(": {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("click")]),s._v(": "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".showHello\n }\n }, ["),e("span",{attrs:{class:"hljs-string"}},[s._v("'Show Hello'")]),s._v("])\n },\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showHello() {\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("/* The first parameter of `$createHello` will be passed to the component as its props except the events in `events`(It will transform by default, eg: If `events` has value `['click']`, then the prop `onClick` will be treated as component's event and not component's props) */")]),s._v("\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" instance = "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createHello({\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'My Hello Content'")]),s._v(",\n onClick(e) {\n "),e("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),e("span",{attrs:{class:"hljs-string"}},[s._v("'Hello component clicked.'")]),s._v(")\n }\n }, "),e("span",{attrs:{class:"hljs-comment"}},[s._v("/* renderFn */")]),s._v(" (createElement) => {\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" [\n createElement("),e("span",{attrs:{class:"hljs-string"}},[s._v("'p'")]),s._v(", {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'other'")]),s._v("\n }, "),e("span",{attrs:{class:"hljs-string"}},[s._v("'other content'")]),s._v(")\n ]\n })\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// Also, the event hanlder can be registered by instance's `$on` method")]),s._v("\n instance.$on("),e("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", (e) => {\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" $dialog = "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'click confirm to remove current instance'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n })\n $dialog.show()\n\n $dialog.$on("),e("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(", () => {\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// remove instance")]),s._v("\n instance.remove()\n }).$on("),e("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(", () => {\n "),e("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),e("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n })\n })\n }\n }\n })\n")])]),s._v(" "),e("p",[s._v("In this example, we create a component "),e("code",{pre:!0},[s._v("Hello")]),s._v(" which needs to be invoked in api form and we invoke it in another component.The focus is what "),e("code",{pre:!0},[s._v("showHello()")]),s._v(" does: invoking method "),e("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" to instantiate "),e("code",{pre:!0},[s._v("Hello")]),s._v(".")])])])}]}}}); \ No newline at end of file diff --git a/docs/js/46.a2fae653ad8bc6789634.js b/docs/js/46.a2fae653ad8bc6789634.js new file mode 100644 index 00000000..52b4128b --- /dev/null +++ b/docs/js/46.a2fae653ad8bc6789634.js @@ -0,0 +1 @@ +webpackJsonp([46],{456:function(t,e,s){t.exports=s(519)},519:function(t,e,s){var a=s(11)(null,s(520),null,null,null);t.exports=a.exports},520:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("section",[s("h2",{attrs:{id:"Checkbox"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Checkbox-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Checkbox")]),t._v(" "),t._m(0),t._v(" "),s("h3",{attrs:{id:"Example"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),s("h3",{attrs:{id:"Propsconfiguration"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[s("code",{pre:!0},[t._v("Checkbox")]),t._v(" component. You can set the state, pass on special class and set the position of the checkbox's icon.")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("p",[t._v("Basic usage")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(">")]),t._v("\n Checkbox\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("p",[t._v("If selected, the value of "),s("code",{pre:!0},[t._v("checked")]),t._v(" is "),s("code",{pre:!0},[t._v("true")]),t._v(".")])]),t._v(" "),s("li",[s("p",[t._v("Disabled state")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("\n Disabled Checkbox\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("p",[t._v("Set "),s("code",{pre:!0},[t._v("disabled")]),t._v(" to "),s("code",{pre:!0},[t._v("true")]),t._v(" to turn into the disabled state.")])]),t._v(" "),s("li",[s("p",[t._v("Position of the checkbox icon")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("position")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"right"')]),t._v(">")]),t._v("\n Position Checkbox\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("p",[t._v("If setting "),s("code",{pre:!0},[t._v("position")]),t._v(" to "),s("code",{pre:!0},[t._v("'right'")]),t._v(", the position of the checkbox's icon is on the right.")])]),t._v(" "),s("li",[s("p",[t._v("Change the value of model")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"labelValue"')]),t._v(">")]),t._v("\n Set label Checkbox\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("p",[t._v("If "),s("code",{pre:!0},[t._v("label")]),t._v(" is setted, and when the checkbox is selected, the value of "),s("code",{pre:!0},[t._v("checked")]),t._v(" is "),s("code",{pre:!0},[t._v("'labelValue'")]),t._v(". When not selected, the value is "),s("code",{pre:!0},[t._v("false")]),t._v("; Therefore, in circumstances of single checkbox, better not set "),s("code",{pre:!0},[t._v("label")]),t._v(".")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("table",[s("thead",[s("tr",[s("th",[t._v("Attribute")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Accepted Values")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("disabled")]),t._v(" "),s("td",[t._v("whether disabled")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("position")]),t._v(" "),s("td",[t._v("icon position")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("left/right")]),t._v(" "),s("td",[t._v("left")])]),t._v(" "),s("tr",[s("td",[t._v("label")]),t._v(" "),s("td",[t._v("if selected, then map the value to v-model")]),t._v(" "),s("td",[t._v("Boolean/String")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("''")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/47.447c93727e31ba3c44e7.js b/docs/js/47.447c93727e31ba3c44e7.js new file mode 100644 index 00000000..0d8c0c1e --- /dev/null +++ b/docs/js/47.447c93727e31ba3c44e7.js @@ -0,0 +1 @@ +webpackJsonp([47],{455:function(s,a,t){s.exports=t(517)},517:function(s,a,t){var v=t(11)(null,t(518),null,null,null);s.exports=v.exports},518:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"CheckboxGroup"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CheckboxGroup-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CheckboxGroup")]),s._v(" "),s._m(0),s._v(" "),t("h3",{attrs:{id:"Example"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"Propsconfiguration"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("code",{pre:!0},[s._v("CheckboxGroup")]),s._v(" is a group of checkboxs, which is used to select a group of options. It has vertical and horizontal styles.")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("Vertical order")]),s._v(" "),t("p",[s._v("Default is vertical order style.")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),s._v("\n Checkbox 1\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),s._v("\n Checkbox 2\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled Checkbox\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled & Checked Checkbox\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("p",[s._v("The value of "),t("code",{pre:!0},[s._v("checkList")]),s._v(" is an array, which represents the set of the values of "),t("code",{pre:!0},[s._v("label")]),s._v(" in selected checkboxs.")])]),s._v(" "),t("li",[t("p",[s._v("Set options")]),s._v(" "),t("p",[s._v("Set options to generate checkboxes.")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkList")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v("],\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Option1'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v("\n },\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Option2'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v("\n },\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Option3'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Option4'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])])]),s._v(" "),t("li",[t("p",[s._v("Horizontal order")]),s._v(" "),t("p",[s._v("You can set "),t("code",{pre:!0},[s._v("horizontal")]),s._v(" to change the style to horizontal order.")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),s._v("1"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),s._v("2"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("3"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("4"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Attribute")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Accepted Values")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("horizontal")]),s._v(" "),t("td",[s._v("whether in horizontal order")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("options")]),s._v(" "),t("td",[s._v("array of checkbox options")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("code",{pre:!0},[s._v("options")]),s._v(" sub configuration")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Attribute")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("label content")]),s._v(" "),t("td",[s._v("String")])]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("checkbox item value")]),s._v(" "),t("td",[s._v("String/Number")])]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("whether disabled")]),s._v(" "),t("td",[s._v("Boolean")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("Note: each "),t("code",{pre:!0},[s._v("options")]),s._v(" item can be an string value, now both the"),t("code",{pre:!0},[s._v("label")]),s._v(" and "),t("code",{pre:!0},[s._v("value")]),s._v(" values are the string value.")])}]}}}); \ No newline at end of file diff --git a/docs/js/44.234386643f5d63fd11f0.js b/docs/js/48.66c9b950a45d7ebd9da7.js similarity index 99% rename from docs/js/44.234386643f5d63fd11f0.js rename to docs/js/48.66c9b950a45d7ebd9da7.js index 52af6eb7..f4f4d066 100644 --- a/docs/js/44.234386643f5d63fd11f0.js +++ b/docs/js/48.66c9b950a45d7ebd9da7.js @@ -1 +1 @@ -webpackJsonp([44],{454:function(s,t,a){s.exports=a(511)},511:function(s,t,a){var e=a(11)(null,a(512),null,null,null);s.exports=e.exports},512:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"CascadePicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CascadePicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CascadePicker")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("CascadePicker")]),s._v(" component is used to implement the cascading change between picker columns. What is the effect of cascade? Considering the usage of province-city-area picker, when the province is changed, you may want the city column to display the exact cities of current province, so does the area column. And the "),a("code",{pre:!0},[s._v("CascadePicker")]),s._v(" is here to help you handle this.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("Comparing to "),a("code",{pre:!0},[s._v("Picker")]),s._v(", the required structure of props data is different for "),a("code",{pre:!0},[s._v("CascadePicker")]),s._v(". The data structure of "),a("code",{pre:!0},[s._v("Picker")]),s._v(" is a two-dimensional array, and each column corresponds to an array. As in "),a("code",{pre:!0},[s._v("CascadePicker")]),s._v(", we need a tree structure, that each item of first column has a "),a("code",{pre:!0},[s._v("children")]),s._v(" property which contains the corresponding data of following columns. Here is an example.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCascadePicker"')]),s._v(">")]),s._v("Cascade Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cascadeData = [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Fruit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Fruit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Apple'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Apple'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Two'")]),s._v(" }]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Orange'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Orange'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Three'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Four'")]),s._v(" }]\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Drink'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Drink'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Coffee'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Coffee'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Two'")]),s._v(" }]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Three'")]),s._v("}]\n }\n ]\n }\n]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cascadePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Cascade Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cascadeData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cancelTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Cancel'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("confirmTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Confirm'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCascadePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cascadePicker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("When the first column goes to "),a("code",{pre:!0},[s._v("Fruit")]),s._v(", the data of second column are "),a("code",{pre:!0},[s._v("Apple")]),s._v(" and "),a("code",{pre:!0},[s._v("Orange")]),s._v(". And so on, when the second column goes to on "),a("code",{pre:!0},[s._v("Orange")]),s._v(", the data of third column are "),a("code",{pre:!0},[s._v("Three")]),s._v(" and "),a("code",{pre:!0},[s._v("Four")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Province-city-area Picker")]),s._v(" "),a("p",[s._v("For province-city-area picker, the only thing you need to do is constructing the cascading data.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCityPicker"')]),s._v(">")]),s._v("City Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/area'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = provinceList\ncityData.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("province")]),s._v(" =>")]),s._v(" {\n province.children = cityList[province.value]\n province.children.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("city")]),s._v(" =>")]),s._v(" {\n city.children = areaList[city.value]\n })\n})\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cityPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'City Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCityPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cityPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Date Picker")]),s._v(" "),a("p",[s._v("As same as province-city-area picker, you just need to construct the cascading data. Besides, we have written a "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/dev/example/components/date-picker.vue"}},[s._v("DatePicker component in example")]),s._v(", which could help you construct the cascading data with start date and end date.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDatePicker"')]),s._v(">")]),s._v("Date Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" DatePicker "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/components/date-picker.vue'")]),s._v("\n\ncreateAPI(Vue, DatePicker, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v("], "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(")\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Instance method "),a("code",{pre:!0},[s._v("setData")])]),s._v(" "),a("p",[s._v("You could use "),a("code",{pre:!0},[s._v("setData")]),s._v(" to reset the cascading data and selected index of "),a("code",{pre:!0},[s._v("CascadePicker")]),s._v(" instance no matter whether the picker is visible.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("SetData Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Set Data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSetDataPicker() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* setData when the picker is invisible */")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.setData(cascadeData)\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* setData when the picker is visible */")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.setData(cityData, ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("])\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("One more thing, although "),a("code",{pre:!0},[s._v("setData")]),s._v(" is available when visible, considering user experience, you can't change the number of columns when the picker is visible.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("the cascading data used to init option items")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("the index of the selected item, corresponding content will be displayed when picker shows")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the left button in picker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("the text of the right button in picker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("alias")]),s._v(" "),a("td",[s._v("configure the alias of "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")]),s._v(", used as same as the alias of "),a("code",{pre:!0},[s._v("Picker")]),s._v(" component")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("{ value: 'id', text: 'name'}")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")]),s._v(" "),a("th",[s._v("Example")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the displayed text of each item")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("the value of each item")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")]),s._v(" "),a("th",[s._v("Parameters 3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("triggers when clicking the confirm button")]),s._v(" "),a("td",[s._v("selectedVal: Array, values of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedIndex: Array, indexes of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedText: Array, texts of each columns in current selected item")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when the roller scrolls")]),s._v(" "),a("td",[s._v("index: Number, index of current scrolling roller")]),s._v(" "),a("td",[s._v("selectedIndex: Number, index of selected item in current column")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("triggers when clicking the cancel button")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("reset the cascading data and selected index")]),s._v(" "),a("td",[s._v("Array, the cascading data")]),s._v(" "),a("td",[s._v("Array, the indexes of selected item in each column")])])])])}]}}}); \ No newline at end of file +webpackJsonp([48],{454:function(s,t,a){s.exports=a(515)},515:function(s,t,a){var e=a(11)(null,a(516),null,null,null);s.exports=e.exports},516:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"CascadePicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CascadePicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CascadePicker")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("CascadePicker")]),s._v(" component is used to implement the cascading change between picker columns. What is the effect of cascade? Considering the usage of province-city-area picker, when the province is changed, you may want the city column to display the exact cities of current province, so does the area column. And the "),a("code",{pre:!0},[s._v("CascadePicker")]),s._v(" is here to help you handle this.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("Comparing to "),a("code",{pre:!0},[s._v("Picker")]),s._v(", the required structure of props data is different for "),a("code",{pre:!0},[s._v("CascadePicker")]),s._v(". The data structure of "),a("code",{pre:!0},[s._v("Picker")]),s._v(" is a two-dimensional array, and each column corresponds to an array. As in "),a("code",{pre:!0},[s._v("CascadePicker")]),s._v(", we need a tree structure, that each item of first column has a "),a("code",{pre:!0},[s._v("children")]),s._v(" property which contains the corresponding data of following columns. Here is an example.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCascadePicker"')]),s._v(">")]),s._v("Cascade Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cascadeData = [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Fruit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Fruit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Apple'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Apple'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Two'")]),s._v(" }]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Orange'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Orange'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Three'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Four'")]),s._v(" }]\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Drink'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Drink'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Coffee'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Coffee'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Two'")]),s._v(" }]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Three'")]),s._v("}]\n }\n ]\n }\n]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cascadePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Cascade Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cascadeData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cancelTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Cancel'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("confirmTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Confirm'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCascadePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cascadePicker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("When the first column goes to "),a("code",{pre:!0},[s._v("Fruit")]),s._v(", the data of second column are "),a("code",{pre:!0},[s._v("Apple")]),s._v(" and "),a("code",{pre:!0},[s._v("Orange")]),s._v(". And so on, when the second column goes to on "),a("code",{pre:!0},[s._v("Orange")]),s._v(", the data of third column are "),a("code",{pre:!0},[s._v("Three")]),s._v(" and "),a("code",{pre:!0},[s._v("Four")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Province-city-area Picker")]),s._v(" "),a("p",[s._v("For province-city-area picker, the only thing you need to do is constructing the cascading data.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCityPicker"')]),s._v(">")]),s._v("City Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/area'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = provinceList\ncityData.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("province")]),s._v(" =>")]),s._v(" {\n province.children = cityList[province.value]\n province.children.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("city")]),s._v(" =>")]),s._v(" {\n city.children = areaList[city.value]\n })\n})\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cityPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'City Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCityPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cityPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Date Picker")]),s._v(" "),a("p",[s._v("As same as province-city-area picker, you just need to construct the cascading data. Besides, we have written a "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/dev/example/components/date-picker.vue"}},[s._v("DatePicker component in example")]),s._v(", which could help you construct the cascading data with start date and end date.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDatePicker"')]),s._v(">")]),s._v("Date Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" DatePicker "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/components/date-picker.vue'")]),s._v("\n\ncreateAPI(Vue, DatePicker, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v("], "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(")\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Instance method "),a("code",{pre:!0},[s._v("setData")])]),s._v(" "),a("p",[s._v("You could use "),a("code",{pre:!0},[s._v("setData")]),s._v(" to reset the cascading data and selected index of "),a("code",{pre:!0},[s._v("CascadePicker")]),s._v(" instance no matter whether the picker is visible.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("SetData Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Set Data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal, selectedIndex, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
\n - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSetDataPicker() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* setData when the picker is invisible */")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.setData(cascadeData)\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* setData when the picker is visible */")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.setData(cityData, ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("])\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("One more thing, although "),a("code",{pre:!0},[s._v("setData")]),s._v(" is available when visible, considering user experience, you can't change the number of columns when the picker is visible.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("the cascading data used to init option items")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("the index of the selected item, corresponding content will be displayed when picker shows")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the left button in picker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("the text of the right button in picker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("alias")]),s._v(" "),a("td",[s._v("configure the alias of "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")]),s._v(", used as same as the alias of "),a("code",{pre:!0},[s._v("Picker")]),s._v(" component")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("{ value: 'id', text: 'name'}")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")]),s._v(" "),a("th",[s._v("Example")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the displayed text of each item")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("the value of each item")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")]),s._v(" "),a("th",[s._v("Parameters 3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("triggers when clicking the confirm button")]),s._v(" "),a("td",[s._v("selectedVal: Array, values of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedIndex: Array, indexes of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedText: Array, texts of each columns in current selected item")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when the roller scrolls")]),s._v(" "),a("td",[s._v("index: Number, index of current scrolling roller")]),s._v(" "),a("td",[s._v("selectedIndex: Number, index of selected item in current column")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("triggers when clicking the cancel button")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("reset the cascading data and selected index")]),s._v(" "),a("td",[s._v("Array, the cascading data")]),s._v(" "),a("td",[s._v("Array, the indexes of selected item in each column")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/45.a5d24f7ff09b0d1ea269.js b/docs/js/49.15ea4af08f827fd58706.js similarity index 97% rename from docs/js/45.a5d24f7ff09b0d1ea269.js rename to docs/js/49.15ea4af08f827fd58706.js index e3e48503..18c5e788 100644 --- a/docs/js/45.a5d24f7ff09b0d1ea269.js +++ b/docs/js/49.15ea4af08f827fd58706.js @@ -1 +1 @@ -webpackJsonp([45],{453:function(t,s,a){t.exports=a(509)},509:function(t,s,a){var v=a(11)(null,a(510),null,null,null);t.exports=v.exports},510:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Button"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Button-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Button")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(3)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Button")]),t._v(" provides various types, styles, states and icons.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Button type")]),t._v(" "),a("p",[t._v("The default type is "),a("code",{pre:!0},[t._v("button")]),t._v(", and you can set that to "),a("code",{pre:!0},[t._v("submit")]),t._v(" in form.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"submit"')]),t._v(">")]),t._v("Submit Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("Button state")]),t._v(" "),a("p",[t._v("Default is normal, can be set to active or disabled state.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":active")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Active Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Disabled Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("Icon")]),t._v(" "),a("p",[t._v("You can set the class of "),a("code",{pre:!0},[t._v("icon")]),t._v(".")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"cubeic-right"')]),t._v(">")]),t._v("Button With Icon"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("Style")]),t._v(" "),a("p",[t._v("You can set attributes like "),a("code",{pre:!0},[t._v("light")]),t._v(", "),a("code",{pre:!0},[t._v("inline")]),t._v(", "),a("code",{pre:!0},[t._v("outline")]),t._v(", and "),a("code",{pre:!0},[t._v("primary")]),t._v(" to change the button's style.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":light")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Light Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":inline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Inline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":outline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Outline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":primary")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Primary Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("Button type")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("button/submit")]),t._v(" "),a("td",[t._v("button")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("active state")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("disabled state")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("Icon")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("the class of icon")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("light")]),t._v(" "),a("td",[t._v("light style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("inline")]),t._v(" "),a("td",[t._v("whether inline")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("outline")]),t._v(" "),a("td",[t._v("outline style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("primary")]),t._v(" "),a("td",[t._v("primary style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("click")]),t._v(" "),a("td",[t._v("triggers when the button is clicked. If in disabled state, then it won't trigger")]),t._v(" "),a("td",[t._v("e - event target")])])])])}]}}}); \ No newline at end of file +webpackJsonp([49],{453:function(t,s,a){t.exports=a(513)},513:function(t,s,a){var v=a(11)(null,a(514),null,null,null);t.exports=v.exports},514:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Button"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Button-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Button")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(3)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Button")]),t._v(" provides various types, styles, states and icons.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Button type")]),t._v(" "),a("p",[t._v("The default type is "),a("code",{pre:!0},[t._v("button")]),t._v(", and you can set that to "),a("code",{pre:!0},[t._v("submit")]),t._v(" in form.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"submit"')]),t._v(">")]),t._v("Submit Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("Button state")]),t._v(" "),a("p",[t._v("Default is normal, can be set to active or disabled state.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":active")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Active Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Disabled Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("Icon")]),t._v(" "),a("p",[t._v("You can set the class of "),a("code",{pre:!0},[t._v("icon")]),t._v(".")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"cubeic-right"')]),t._v(">")]),t._v("Button With Icon"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("Style")]),t._v(" "),a("p",[t._v("You can set attributes like "),a("code",{pre:!0},[t._v("light")]),t._v(", "),a("code",{pre:!0},[t._v("inline")]),t._v(", "),a("code",{pre:!0},[t._v("outline")]),t._v(", and "),a("code",{pre:!0},[t._v("primary")]),t._v(" to change the button's style.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":light")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Light Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":inline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Inline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":outline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Outline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":primary")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Primary Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("Button type")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("button/submit")]),t._v(" "),a("td",[t._v("button")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("active state")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("disabled state")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("Icon")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("the class of icon")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("light")]),t._v(" "),a("td",[t._v("light style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("inline")]),t._v(" "),a("td",[t._v("whether inline")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("outline")]),t._v(" "),a("td",[t._v("outline style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("primary")]),t._v(" "),a("td",[t._v("primary style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("click")]),t._v(" "),a("td",[t._v("triggers when the button is clicked. If in disabled state, then it won't trigger")]),t._v(" "),a("td",[t._v("e - event target")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/4.312f793feb93ec0f71d4.js b/docs/js/5.9d99eb1e51b613f97083.js similarity index 98% rename from docs/js/4.312f793feb93ec0f71d4.js rename to docs/js/5.9d99eb1e51b613f97083.js index 48d32296..6f66e112 100644 --- a/docs/js/4.312f793feb93ec0f71d4.js +++ b/docs/js/5.9d99eb1e51b613f97083.js @@ -1 +1 @@ -webpackJsonp([4],{494:function(s,t,a){s.exports=a(591)},591:function(s,t,a){var v=a(11)(null,a(592),null,null,null);s.exports=v.exports},592:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"TimePicker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TimePicker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" TimePicker组件")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("TimePicker")]),s._v("组件提供了常用的日期选择功能。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("15")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedTime, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`选中的时间戳是 "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`选中的内容是 "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("showNow")]),s._v(" 用于控制是否显示“现在”时间，"),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 用于控制分钟的步长，"),a("code",{pre:!0},[s._v("delay")]),s._v(" 则表示的是当前时间向后推迟的时间，决定了最小可选时间。")])]),s._v(" "),a("li",[a("p",[s._v("日期选项配置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker - day options"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("day")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("filter")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'今天'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'明天'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'M月d日'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedTime, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`选中的时间戳是 "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`选中的内容是 "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("day")]),s._v("字段的"),a("code",{pre:!0},[s._v("len")]),s._v("属性可以设置第一列需要展示的日期长度；")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("filer")]),s._v("属性设置第一列日期展示的文案；")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("format")]),s._v("属性用以格式化日期显示的方式，当"),a("code",{pre:!0},[s._v("len")]),s._v("的数量大于"),a("code",{pre:!0},[s._v("filter")]),s._v("的数组长度时，会以"),a("code",{pre:!0},[s._v("M月d日")]),s._v("的格式显示文案。")])]),s._v(" "),a("li",[a("p",[s._v("手动设置时间")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker - setTime(next hour)"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" time = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("().valueOf() + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("15")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("day")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("filter")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'今天'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'明天'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'后天'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'M月d日'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedTime, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`选中的时间戳是 "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`选中的内容是 "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n\n timePicker.setTime(time)\n timePicker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("timePicker")]),s._v("实例向外暴露"),a("code",{pre:!0},[s._v("setTime")]),s._v("方法用以手动设置时间，时间格式为时间戳。当时间戳小于当前时间戳时，"),a("code",{pre:!0},[s._v("timePicker")]),s._v("实例会默认显示当前时间。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'选择时间'")])]),s._v(" "),a("tr",[a("td",[s._v("delay")]),s._v(" "),a("td",[s._v("将当前时间向后推算的分钟数，决定了最小可选时间")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("15")])]),s._v(" "),a("tr",[a("td",[s._v("day")]),s._v(" "),a("td",[s._v("日期配置")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{ len: 3, filter: ['今日'], format: 'M月d日' }")])]),s._v(" "),a("tr",[a("td",[s._v("showNow")]),s._v(" "),a("td",[s._v("是否显示当前时间")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("minuteStep")]),s._v(" "),a("td",[s._v("分钟数的步长")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("10")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("day")]),s._v("子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("len")]),s._v(" "),a("td",[s._v("日期列，从当前时间算起，往后推len天")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("3")])]),s._v(" "),a("tr",[a("td",[s._v("filter")]),s._v(" "),a("td",[s._v("日期列，将时间映射为filter中的文案内容")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("['今日']")])]),s._v(" "),a("tr",[a("td",[s._v("format")]),s._v(" "),a("td",[s._v("时间格式化")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'M月d日'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("selectedTime: 当前选中的timestamp")]),s._v(" "),a("td",[s._v("selectText: 当前选中的时间文案")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滑动改变time-picker滚轴时触发此事件")]),s._v(" "),a("td",[s._v("selectedTime: 当前选中的timestamp")]),s._v(" "),a("td",[s._v("selectText: 当前选中的时间文案")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setTime")]),s._v(" "),a("td",[s._v("手动设置time-picker组件显示的时间，数据格式为时间戳")]),s._v(" "),a("td",[s._v("时间戳")])])])])}]}}}); \ No newline at end of file +webpackJsonp([5],{497:function(s,t,a){s.exports=a(601)},601:function(s,t,a){var v=a(11)(null,a(602),null,null,null);s.exports=v.exports},602:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"TimePicker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TimePicker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" TimePicker组件")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("TimePicker")]),s._v("组件提供了常用的日期选择功能。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("15")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedTime, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`选中的时间戳是 "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`选中的内容是 "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("showNow")]),s._v(" 用于控制是否显示“现在”时间，"),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 用于控制分钟的步长，"),a("code",{pre:!0},[s._v("delay")]),s._v(" 则表示的是当前时间向后推迟的时间，决定了最小可选时间。")])]),s._v(" "),a("li",[a("p",[s._v("日期选项配置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker - day options"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("day")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("filter")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'今天'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'明天'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'M月d日'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedTime, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`选中的时间戳是 "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`选中的内容是 "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("day")]),s._v("字段的"),a("code",{pre:!0},[s._v("len")]),s._v("属性可以设置第一列需要展示的日期长度；")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("filer")]),s._v("属性设置第一列日期展示的文案；")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("format")]),s._v("属性用以格式化日期显示的方式，当"),a("code",{pre:!0},[s._v("len")]),s._v("的数量大于"),a("code",{pre:!0},[s._v("filter")]),s._v("的数组长度时，会以"),a("code",{pre:!0},[s._v("M月d日")]),s._v("的格式显示文案。")])]),s._v(" "),a("li",[a("p",[s._v("手动设置时间")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker - setTime(next hour)"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" time = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("().valueOf() + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("15")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("day")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("filter")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'今天'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'明天'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'后天'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'M月d日'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedTime, selectedText")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`选中的时间戳是 "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`选中的内容是 "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n\n timePicker.setTime(time)\n timePicker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("timePicker")]),s._v("实例向外暴露"),a("code",{pre:!0},[s._v("setTime")]),s._v("方法用以手动设置时间，时间格式为时间戳。当时间戳小于当前时间戳时，"),a("code",{pre:!0},[s._v("timePicker")]),s._v("实例会默认显示当前时间。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'选择时间'")])]),s._v(" "),a("tr",[a("td",[s._v("delay")]),s._v(" "),a("td",[s._v("将当前时间向后推算的分钟数，决定了最小可选时间")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("15")])]),s._v(" "),a("tr",[a("td",[s._v("day")]),s._v(" "),a("td",[s._v("日期配置")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{ len: 3, filter: ['今日'], format: 'M月d日' }")])]),s._v(" "),a("tr",[a("td",[s._v("showNow")]),s._v(" "),a("td",[s._v("是否显示当前时间")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("minuteStep")]),s._v(" "),a("td",[s._v("分钟数的步长")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("10")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("day")]),s._v("子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("len")]),s._v(" "),a("td",[s._v("日期列，从当前时间算起，往后推len天")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("3")])]),s._v(" "),a("tr",[a("td",[s._v("filter")]),s._v(" "),a("td",[s._v("日期列，将时间映射为filter中的文案内容")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("['今日']")])]),s._v(" "),a("tr",[a("td",[s._v("format")]),s._v(" "),a("td",[s._v("时间格式化")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'M月d日'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("selectedTime: 当前选中的timestamp")]),s._v(" "),a("td",[s._v("selectText: 当前选中的时间文案")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滑动改变time-picker滚轴时触发此事件")]),s._v(" "),a("td",[s._v("selectedTime: 当前选中的timestamp")]),s._v(" "),a("td",[s._v("selectText: 当前选中的时间文案")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setTime")]),s._v(" "),a("td",[s._v("手动设置time-picker组件显示的时间，数据格式为时间戳")]),s._v(" "),a("td",[s._v("时间戳")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/46.ab24567dcfae4c176945.js b/docs/js/50.ddce979e6dbeaeb4c546.js similarity index 89% rename from docs/js/46.ab24567dcfae4c176945.js rename to docs/js/50.ddce979e6dbeaeb4c546.js index 907940fd..079858b7 100644 --- a/docs/js/46.ab24567dcfae4c176945.js +++ b/docs/js/50.ddce979e6dbeaeb4c546.js @@ -1 +1 @@ -webpackJsonp([46],{452:function(t,e,r){t.exports=r(507)},507:function(t,e,r){var s=r(11)(null,r(508),null,null,null);t.exports=s.exports},508:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("section",[r("h2",{attrs:{id:"better-scrollmodule"}},[r("a",{staticClass:"anchor",attrs:{href:"#cube-better-scrollmodule-anchor","aria-hidden":"true"}},[r("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[r("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll module")]),t._v(" "),t._m(0),t._v(" "),r("h3",{attrs:{id:"Links"}},[r("a",{staticClass:"anchor",attrs:{href:"#cube-Links-anchor","aria-hidden":"true"}},[r("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[r("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Links")]),t._v(" "),r("p",[t._v("About better-scroll:")]),t._v(" "),t._m(1)])},staticRenderFns:[function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("p",[t._v("This module exports a default function called "),r("code",{pre:!0},[t._v("BScroll")]),t._v(", for more information about better-scroll, please refer to "),r("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll lib")]),t._v(".")])},function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("ul",[r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/"}},[t._v("Home")])])]),t._v(" "),r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/examples/en"}},[t._v("Example")])])])])}]}}}); \ No newline at end of file +webpackJsonp([50],{452:function(t,e,r){t.exports=r(511)},511:function(t,e,r){var s=r(11)(null,r(512),null,null,null);t.exports=s.exports},512:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("section",[r("h2",{attrs:{id:"better-scrollmodule"}},[r("a",{staticClass:"anchor",attrs:{href:"#cube-better-scrollmodule-anchor","aria-hidden":"true"}},[r("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[r("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll module")]),t._v(" "),t._m(0),t._v(" "),r("h3",{attrs:{id:"Links"}},[r("a",{staticClass:"anchor",attrs:{href:"#cube-Links-anchor","aria-hidden":"true"}},[r("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[r("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Links")]),t._v(" "),r("p",[t._v("About better-scroll:")]),t._v(" "),t._m(1)])},staticRenderFns:[function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("p",[t._v("This module exports a default function called "),r("code",{pre:!0},[t._v("BScroll")]),t._v(", for more information about better-scroll, please refer to "),r("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll lib")]),t._v(".")])},function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("ul",[r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/"}},[t._v("Home")])])]),t._v(" "),r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/examples/en"}},[t._v("Example")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/47.431eb04663a6b4c64d29.js b/docs/js/51.f205337086bcf45c9a3e.js similarity index 98% rename from docs/js/47.431eb04663a6b4c64d29.js rename to docs/js/51.f205337086bcf45c9a3e.js index af620b60..714c949b 100644 --- a/docs/js/47.431eb04663a6b4c64d29.js +++ b/docs/js/51.f205337086bcf45c9a3e.js @@ -1 +1 @@ -webpackJsonp([47],{451:function(t,s,a){t.exports=a(505)},505:function(t,s,a){var n=a(11)(null,a(506),null,null,null);t.exports=n.exports},506:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"ActionSheet"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ActionSheet-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" ActionSheet")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" provides two common styles and it is flexible.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActionSheet"')]),t._v(">")]),t._v("action sheet"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDefault() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - center'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-foo'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - left'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'left'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - right'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'right'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can create a basic actionsheet by setting "),a("code",{pre:!0},[t._v("title")]),t._v(" and "),a("code",{pre:!0},[t._v("data")]),t._v(" option. Pay attention that "),a("code",{pre:!0},[t._v("content")]),t._v(" in "),a("code",{pre:!0},[t._v("data")]),t._v(" can be a HTML string. Also, setting the custom class by "),a("code",{pre:!0},[t._v("class")]),t._v(" and setting the align of the item's content by "),a("code",{pre:!0},[t._v("align")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Highlight item")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActive"')]),t._v(">")]),t._v("ActionSheet - active"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showActive() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can control the highlighted item by setting the "),a("code",{pre:!0},[t._v("active")]),t._v(" option.")])]),t._v(" "),a("li",[a("p",[t._v("Picker style setting")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showPickerStyle"')]),t._v(">")]),t._v("ActionSheet - picker style"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showPickerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("pickerStyle")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can use Picker style by setting "),a("code",{pre:!0},[t._v("pickerStyle")]),t._v(" to be true.")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("actionsheet's title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("the data list to display")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("[]")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("the highlighted item's index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-1")])]),t._v(" "),a("tr",[a("td",[t._v("pickerStyle")]),t._v(" "),a("td",[t._v("Picker style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("the content to display in the actionsheet's item")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("any text, include HTML")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("align")]),t._v(" "),a("td",[t._v("align the content")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("left/right")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("class")]),t._v(" "),a("td",[t._v("custom class")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters 1")]),t._v(" "),a("th",[t._v("Parameters 2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when clicking the cancel button")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("triggers when clicking some item")]),t._v(" "),a("td",[t._v("the clicked item - data[index]")]),t._v(" "),a("td",[t._v("the index of the clicked item")])])])])}]}}}); \ No newline at end of file +webpackJsonp([51],{451:function(t,s,a){t.exports=a(509)},509:function(t,s,a){var n=a(11)(null,a(510),null,null,null);t.exports=n.exports},510:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"ActionSheet"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ActionSheet-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" ActionSheet")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" provides two common styles and it is flexible.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActionSheet"')]),t._v(">")]),t._v("action sheet"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDefault() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - center'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-foo'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - left'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'left'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - right'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'right'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can create a basic actionsheet by setting "),a("code",{pre:!0},[t._v("title")]),t._v(" and "),a("code",{pre:!0},[t._v("data")]),t._v(" option. Pay attention that "),a("code",{pre:!0},[t._v("content")]),t._v(" in "),a("code",{pre:!0},[t._v("data")]),t._v(" can be a HTML string. Also, setting the custom class by "),a("code",{pre:!0},[t._v("class")]),t._v(" and setting the align of the item's content by "),a("code",{pre:!0},[t._v("align")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Highlight item")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActive"')]),t._v(">")]),t._v("ActionSheet - active"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showActive() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can control the highlighted item by setting the "),a("code",{pre:!0},[t._v("active")]),t._v(" option.")])]),t._v(" "),a("li",[a("p",[t._v("Picker style setting")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showPickerStyle"')]),t._v(">")]),t._v("ActionSheet - picker style"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showPickerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("pickerStyle")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can use Picker style by setting "),a("code",{pre:!0},[t._v("pickerStyle")]),t._v(" to be true.")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("actionsheet's title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("the data list to display")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("[]")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("the highlighted item's index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-1")])]),t._v(" "),a("tr",[a("td",[t._v("pickerStyle")]),t._v(" "),a("td",[t._v("Picker style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("the content to display in the actionsheet's item")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("any text, include HTML")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("align")]),t._v(" "),a("td",[t._v("align the content")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("left/right")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("class")]),t._v(" "),a("td",[t._v("custom class")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters 1")]),t._v(" "),a("th",[t._v("Parameters 2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when clicking the cancel button")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("triggers when clicking some item")]),t._v(" "),a("td",[t._v("the clicked item - data[index]")]),t._v(" "),a("td",[t._v("the index of the clicked item")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/5.70088f9ba93bf7e1dddd.js b/docs/js/6.c33d060b30dc3e73d8c1.js similarity index 99% rename from docs/js/5.70088f9ba93bf7e1dddd.js rename to docs/js/6.c33d060b30dc3e73d8c1.js index 66811698..908e43af 100644 --- a/docs/js/5.70088f9ba93bf7e1dddd.js +++ b/docs/js/6.c33d060b30dc3e73d8c1.js @@ -1 +1 @@ -webpackJsonp([5],{493:function(s,a,t){s.exports=t(589)},589:function(s,a,t){var l=t(11)(null,t(590),null,null,null);s.exports=l.exports},590:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"主题"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-主题-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 主题")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"主题文件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-主题文件-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 主题文件")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("h3",{attrs:{id:"配置webpack"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-配置webpack-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 配置 webpack")]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"结果"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-结果-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 结果")]),s._v(" "),t("p",[s._v("这样修改自定义的主题文件内容，最终编译打包后的样式就是你需要的；而且这样也不存在样式冗余覆盖的问题，因为直接是对组件样式的变量做的修改，而不是采用传统的样式覆盖。")])])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("移动端的组件对主题定制的需求会更多，从 "),t("code",{pre:!0},[s._v("cube-ui^1.0.2")]),s._v(" 开始，通过 webpack 工具可以实现自定义主题样式。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("strong",[s._v("注意：")]),s._v(" 自定义主题依赖"),t("a",{attrs:{href:"#/zh-CN/docs/post-compile"}},[s._v("后编译")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("在你的项目的 "),t("code",{pre:!0},[s._v("src/")]),s._v(" 目录下创建一个 "),t("code",{pre:!0},[s._v("theme.styl")]),s._v(" 的文件，内容如下（展示的全是默认样式，你可以选择这针对不同组件做定制）：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果你需要使用 cube-ui 自带的颜色值 需要 require 进来")]),s._v("\n@require "),t("span",{attrs:{class:"hljs-string"}},[s._v('"~cube-ui/src/common/stylus/var/color.styl"')]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// action-sheet")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-space-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bg\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// picker style")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-picker-cancel-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-picker-cancel-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// button")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// primary")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// light")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// outline")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// outline-primary")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// checked")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox-group")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-group-horizontal-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// dialog")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-background\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-close-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-highlight-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-highlight-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-orange-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-disabled-active-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btns-split-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// index-list")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-anchor-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-anchor-bgc := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#f7f7f7")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-item-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-item-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-nav-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-nav-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// picker")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-confirm-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-confirm-btn-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-cancel-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-cancel-btn-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-item-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// popup")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$popup")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bgc := rgb("),t("span",{attrs:{class:"hljs-number"}},[s._v("37")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("38")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("45")]),s._v(")\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$popup")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-opacity := ."),t("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// slide")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$slide")]),s._v("-dot-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$slide")]),s._v("-dot-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// tip")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tip")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tip")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// toast")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toast")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toast")]),s._v("-bgc := rgba("),t("span",{attrs:{class:"hljs-number"}},[s._v("37")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("38")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("45")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0.9")]),s._v(")\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("如果你的项目是用 vue-cli 生成的，那么找到 "),t("code",{pre:!0},[s._v("build/utils.js")]),s._v(" 中的 "),t("code",{pre:!0},[s._v("exports.cssLoaders")]),s._v(" 函数，改成如下：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("exports.cssLoaders = "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),t("span",{attrs:{class:"hljs-params"}},[s._v("options")]),s._v(") ")]),s._v("{\n options = options || {}\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cssLoader = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'css-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("minimize")]),s._v(": process.env.NODE_ENV === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'production'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n }\n }\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" postcssLoader = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'postcss-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n }\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// generate loader string to be used with extract text plugin")]),s._v("\n "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" "),t("span",{attrs:{class:"hljs-title"}},[s._v("generateLoaders")]),s._v(" ("),t("span",{attrs:{class:"hljs-params"}},[s._v("loader, loaderOptions")]),s._v(") ")]),s._v("{\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (loader) {\n loaders.push({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": loader + "),t("span",{attrs:{class:"hljs-string"}},[s._v("'-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Object")]),s._v(".assign({}, loaderOptions, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n })\n })\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Extract CSS when that option is specified")]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// (which is the case during production build)")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (options.extract) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ExtractTextPlugin.extract({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("use")]),s._v(": loaders,\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("fallback")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue-style-loader'")]),s._v("\n })\n } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue-style-loader'")]),s._v("].concat(loaders)\n }\n }\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" stylusOptions = {\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'resolve url'")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 这里 新增 import 配置项，指向自定义主题文件")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(": [path.resolve(__dirname, "),t("span",{attrs:{class:"hljs-string"}},[s._v("'../src/theme'")]),s._v(")]\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// https://vue-loader.vuejs.org/en/configurations/extract-css.html")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("css")]),s._v(": generateLoaders(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("postcss")]),s._v(": generateLoaders(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("less")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'less'")]),s._v("),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sass")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v(", { "),t("span",{attrs:{class:"hljs-attr"}},[s._v("indentedSyntax")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(" }),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scss")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v("),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("stylus")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(",stylusOptions),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("styl")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(",stylusOptions)\n }\n}\n")])])}]}}}); \ No newline at end of file +webpackJsonp([6],{496:function(s,a,t){s.exports=t(599)},599:function(s,a,t){var l=t(11)(null,t(600),null,null,null);s.exports=l.exports},600:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"主题"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-主题-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 主题")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"主题文件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-主题文件-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 主题文件")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("h3",{attrs:{id:"配置webpack"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-配置webpack-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 配置 webpack")]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"结果"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-结果-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 结果")]),s._v(" "),t("p",[s._v("这样修改自定义的主题文件内容，最终编译打包后的样式就是你需要的；而且这样也不存在样式冗余覆盖的问题，因为直接是对组件样式的变量做的修改，而不是采用传统的样式覆盖。")])])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("移动端的组件对主题定制的需求会更多，从 "),t("code",{pre:!0},[s._v("cube-ui^1.0.2")]),s._v(" 开始，通过 webpack 工具可以实现自定义主题样式。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("strong",[s._v("注意：")]),s._v(" 自定义主题依赖"),t("a",{attrs:{href:"#/zh-CN/docs/post-compile"}},[s._v("后编译")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("在你的项目的 "),t("code",{pre:!0},[s._v("src/")]),s._v(" 目录下创建一个 "),t("code",{pre:!0},[s._v("theme.styl")]),s._v(" 的文件，内容如下（展示的全是默认样式，你可以选择这针对不同组件做定制）：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果你需要使用 cube-ui 自带的颜色值 需要 require 进来")]),s._v("\n@require "),t("span",{attrs:{class:"hljs-string"}},[s._v('"~cube-ui/src/common/stylus/var/color.styl"')]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// action-sheet")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-space-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bg\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// picker style")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-picker-cancel-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-picker-cancel-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// button")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// primary")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// light")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// outline")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// outline-primary")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// checked")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox-group")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-group-horizontal-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// dialog")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-background\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-close-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-highlight-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-highlight-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-orange-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-disabled-active-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btns-split-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// index-list")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-anchor-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-anchor-bgc := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#f7f7f7")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-item-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-item-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-nav-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-nav-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// picker")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-confirm-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-confirm-btn-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-cancel-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-cancel-btn-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-item-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// popup")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$popup")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bgc := rgb("),t("span",{attrs:{class:"hljs-number"}},[s._v("37")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("38")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("45")]),s._v(")\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$popup")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-opacity := ."),t("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// slide")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$slide")]),s._v("-dot-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$slide")]),s._v("-dot-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// tip")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tip")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tip")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// toast")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toast")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toast")]),s._v("-bgc := rgba("),t("span",{attrs:{class:"hljs-number"}},[s._v("37")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("38")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("45")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0.9")]),s._v(")\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("如果你的项目是用 vue-cli 生成的，那么找到 "),t("code",{pre:!0},[s._v("build/utils.js")]),s._v(" 中的 "),t("code",{pre:!0},[s._v("exports.cssLoaders")]),s._v(" 函数，改成如下：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("exports.cssLoaders = "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),t("span",{attrs:{class:"hljs-params"}},[s._v("options")]),s._v(") ")]),s._v("{\n options = options || {}\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cssLoader = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'css-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("minimize")]),s._v(": process.env.NODE_ENV === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'production'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n }\n }\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" postcssLoader = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'postcss-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n }\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// generate loader string to be used with extract text plugin")]),s._v("\n "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" "),t("span",{attrs:{class:"hljs-title"}},[s._v("generateLoaders")]),s._v(" ("),t("span",{attrs:{class:"hljs-params"}},[s._v("loader, loaderOptions")]),s._v(") ")]),s._v("{\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (loader) {\n loaders.push({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": loader + "),t("span",{attrs:{class:"hljs-string"}},[s._v("'-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Object")]),s._v(".assign({}, loaderOptions, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n })\n })\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Extract CSS when that option is specified")]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// (which is the case during production build)")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (options.extract) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ExtractTextPlugin.extract({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("use")]),s._v(": loaders,\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("fallback")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue-style-loader'")]),s._v("\n })\n } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue-style-loader'")]),s._v("].concat(loaders)\n }\n }\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" stylusOptions = {\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'resolve url'")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 这里 新增 import 配置项，指向自定义主题文件")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(": [path.resolve(__dirname, "),t("span",{attrs:{class:"hljs-string"}},[s._v("'../src/theme'")]),s._v(")]\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// https://vue-loader.vuejs.org/en/configurations/extract-css.html")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("css")]),s._v(": generateLoaders(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("postcss")]),s._v(": generateLoaders(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("less")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'less'")]),s._v("),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sass")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v(", { "),t("span",{attrs:{class:"hljs-attr"}},[s._v("indentedSyntax")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(" }),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scss")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v("),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("stylus")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(",stylusOptions),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("styl")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(",stylusOptions)\n }\n}\n")])])}]}}}); \ No newline at end of file diff --git a/docs/js/6.9f569f1f5c33f6eca30f.js b/docs/js/7.9a3dfec24e8baa29bcbc.js similarity index 99% rename from docs/js/6.9f569f1f5c33f6eca30f.js rename to docs/js/7.9a3dfec24e8baa29bcbc.js index c8062abb..81e6912c 100644 --- a/docs/js/6.9f569f1f5c33f6eca30f.js +++ b/docs/js/7.9a3dfec24e8baa29bcbc.js @@ -1 +1 @@ -webpackJsonp([6],{492:function(s,t,a){s.exports=a(587)},587:function(s,t,a){var r=a(11)(null,a(588),null,null,null);s.exports=r.exports},588:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"style模块"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-style模块-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" style 模块")]),s._v(" "),a("p",[s._v("style 模块主要包含就是样式部分，包含基础的 reset、基础通用样式以及内置 icon。")]),s._v(" "),a("h3",{attrs:{id:"reset.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-reset.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" reset.css")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"base.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-base.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" base.css")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"内置icon"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-内置icon-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 内置 icon")]),s._v(" "),s._m(4),s._v(" "),a("p",[s._v("内置 icon 有 13 个：")]),s._v(" "),s._m(5),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("源码地址："),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/reset.styl"}},[s._v("reset")]),s._v("，使用的就是 Eric Meyer's Reset CSS。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("/**\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("html")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("div")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("span")]),s._v(", applet, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("object")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("iframe")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h1")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h2")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h3")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h4")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h5")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h6")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("p")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(", pre,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("abbr")]),s._v(", acronym, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("address")]),s._v(", big, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("cite")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("code")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("del")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dfn")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("em")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("img")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ins")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("kbd")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(", s, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("samp")]),s._v(",\nsmall, strike, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("strong")]),s._v(", sub, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("sup")]),s._v(", tt, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("var")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("b")]),s._v(", u, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("i")]),s._v(", center,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dl")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dt")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dd")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ol")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ul")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("fieldset")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("form")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("label")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("legend")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("table")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("caption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tbody")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tfoot")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("thead")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tr")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("th")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("td")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("article")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("aside")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("canvas")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("details")]),s._v(", embed,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figure")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figcaption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("footer")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("header")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("menu")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("nav")]),s._v(", output, ruby, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("section")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("summary")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("time")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("mark")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("audio")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("video")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-weight")]),s._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("vertical-align")]),s._v(": baseline\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* HTML5 display-role reset for older browsers */")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("article")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("aside")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("details")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figcaption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figure")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("footer")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("header")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("menu")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("nav")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("section")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": block\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("quotes")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(":after,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(":after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("table")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-collapse")]),s._v(": collapse\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-spacing")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* custom */")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#7e8c8d")]),s._v("\n -webkit-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("backface-visibility")]),s._v(": hidden\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("text-decoration")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("list-style")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v("\n -webkit-text-size-adjust: "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("none")]),s._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("源码地址："),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/base.styl"}},[s._v("base")]),s._v("，主要包含的就是 "),a("code",{pre:!0},[s._v("html")]),s._v(", "),a("code",{pre:!0},[s._v("body")]),s._v(" 元素的 "),a("code",{pre:!0},[s._v("font-family")]),s._v(", "),a("code",{pre:!0},[s._v("line-height")]),s._v(" 等的设定，修正浮动影响的 "),a("code",{pre:!0},[s._v(".clear-fix")]),s._v("，以及上下左右四个边框的绝对 1px 边框的 class："),a("code",{pre:!0},[s._v(".border-top-1px")]),s._v(", "),a("code",{pre:!0},[s._v(".border-right-1px")]),s._v(", "),a("code",{pre:!0},[s._v(".border-bottom-1px")]),s._v(", "),a("code",{pre:!0},[s._v(".border-left-1px")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[s._v("@require "),a("span",{attrs:{class:"hljs-string"}},[s._v('"./variable.styl"')]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("html")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-family")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PingFang SC'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'STHeitiSC-Light'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Helvetica-Light'")]),s._v(", arial, sans-serif, "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Droid Sans Fallback'")]),s._v("\n user-select: "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("none")]),s._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": transparent\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".clear-fix")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('""')]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": table\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("clear")]),s._v(": both\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n &::before, &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('""')]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": block\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": absolute\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" top\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-right")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("right")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": right "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" bottom\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": left "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[s._v("2dppx")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[s._v("3dppx")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("图标是利用 "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face"}},[s._v("font-face")]),s._v(" 规则自定义字体 "),a("code",{pre:!0},[s._v('"cube-icon"')]),s._v(" 实现的。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("img",{attrs:{src:"https://raw.githubusercontent.com/didi/cube-ui/master/assets/icon.png",alt:"cube icons"}})])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("使用的时候只需要加入对应的类名即可，例如 alert 图标，可以这样用："),a("code",{pre:!0},[s._v('')]),s._v("。")])}]}}}); \ No newline at end of file +webpackJsonp([7],{495:function(s,t,a){s.exports=a(597)},597:function(s,t,a){var r=a(11)(null,a(598),null,null,null);s.exports=r.exports},598:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"style模块"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-style模块-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" style 模块")]),s._v(" "),a("p",[s._v("style 模块主要包含就是样式部分，包含基础的 reset、基础通用样式以及内置 icon。")]),s._v(" "),a("h3",{attrs:{id:"reset.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-reset.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" reset.css")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"base.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-base.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" base.css")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"内置icon"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-内置icon-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 内置 icon")]),s._v(" "),s._m(4),s._v(" "),a("p",[s._v("内置 icon 有 13 个：")]),s._v(" "),s._m(5),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("源码地址："),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/reset.styl"}},[s._v("reset")]),s._v("，使用的就是 Eric Meyer's Reset CSS。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("/**\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("html")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("div")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("span")]),s._v(", applet, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("object")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("iframe")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h1")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h2")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h3")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h4")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h5")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h6")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("p")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(", pre,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("abbr")]),s._v(", acronym, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("address")]),s._v(", big, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("cite")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("code")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("del")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dfn")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("em")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("img")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ins")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("kbd")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(", s, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("samp")]),s._v(",\nsmall, strike, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("strong")]),s._v(", sub, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("sup")]),s._v(", tt, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("var")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("b")]),s._v(", u, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("i")]),s._v(", center,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dl")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dt")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dd")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ol")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ul")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("fieldset")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("form")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("label")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("legend")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("table")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("caption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tbody")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tfoot")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("thead")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tr")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("th")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("td")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("article")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("aside")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("canvas")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("details")]),s._v(", embed,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figure")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figcaption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("footer")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("header")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("menu")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("nav")]),s._v(", output, ruby, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("section")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("summary")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("time")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("mark")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("audio")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("video")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-weight")]),s._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("vertical-align")]),s._v(": baseline\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* HTML5 display-role reset for older browsers */")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("article")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("aside")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("details")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figcaption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figure")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("footer")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("header")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("menu")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("nav")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("section")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": block\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("quotes")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(":after,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(":after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("table")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-collapse")]),s._v(": collapse\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-spacing")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* custom */")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#7e8c8d")]),s._v("\n -webkit-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("backface-visibility")]),s._v(": hidden\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("text-decoration")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("list-style")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v("\n -webkit-text-size-adjust: "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("none")]),s._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("源码地址："),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/base.styl"}},[s._v("base")]),s._v("，主要包含的就是 "),a("code",{pre:!0},[s._v("html")]),s._v(", "),a("code",{pre:!0},[s._v("body")]),s._v(" 元素的 "),a("code",{pre:!0},[s._v("font-family")]),s._v(", "),a("code",{pre:!0},[s._v("line-height")]),s._v(" 等的设定，修正浮动影响的 "),a("code",{pre:!0},[s._v(".clear-fix")]),s._v("，以及上下左右四个边框的绝对 1px 边框的 class："),a("code",{pre:!0},[s._v(".border-top-1px")]),s._v(", "),a("code",{pre:!0},[s._v(".border-right-1px")]),s._v(", "),a("code",{pre:!0},[s._v(".border-bottom-1px")]),s._v(", "),a("code",{pre:!0},[s._v(".border-left-1px")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[s._v("@require "),a("span",{attrs:{class:"hljs-string"}},[s._v('"./variable.styl"')]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("html")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-family")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PingFang SC'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'STHeitiSC-Light'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Helvetica-Light'")]),s._v(", arial, sans-serif, "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Droid Sans Fallback'")]),s._v("\n user-select: "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("none")]),s._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": transparent\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".clear-fix")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('""')]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": table\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("clear")]),s._v(": both\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n &::before, &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('""')]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": block\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": absolute\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" top\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-right")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("right")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": right "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" bottom\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": left "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[s._v("2dppx")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[s._v("3dppx")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("图标是利用 "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face"}},[s._v("font-face")]),s._v(" 规则自定义字体 "),a("code",{pre:!0},[s._v('"cube-icon"')]),s._v(" 实现的。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("img",{attrs:{src:"https://raw.githubusercontent.com/didi/cube-ui/master/assets/icon.png",alt:"cube icons"}})])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("使用的时候只需要加入对应的类名即可，例如 alert 图标，可以这样用："),a("code",{pre:!0},[s._v('')]),s._v("。")])}]}}}); \ No newline at end of file diff --git a/docs/js/7.a9d6054b8a37fc63c216.js b/docs/js/8.72e9bc739e8e8bebb558.js similarity index 99% rename from docs/js/7.a9d6054b8a37fc63c216.js rename to docs/js/8.72e9bc739e8e8bebb558.js index 818fe1c0..02382979 100644 --- a/docs/js/7.a9d6054b8a37fc63c216.js +++ b/docs/js/8.72e9bc739e8e8bebb558.js @@ -1 +1 @@ -webpackJsonp([7],{491:function(s,t,a){s.exports=a(585)},585:function(s,t,a){var v=a(11)(null,a(586),null,null,null);s.exports=v.exports},586:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Slide"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slide-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slide")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("轮播图，提供了常见的"),a("code",{pre:!0},[s._v("轮播")]),s._v("及"),a("code",{pre:!0},[s._v("swipe")]),s._v("的功能，也是一个基于"),a("code",{pre:!0},[s._v("better-scroll")]),s._v("进行封装的组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本使用")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("cube-slide")]),s._v("元素即整个轮播图组件，"),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v("元素则是每一个轮播的页面，其 slot 为该页的内容。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changePage"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click.native")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler(item, index)"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.image"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changePage(current) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'当前轮播图序号为:'")]),s._v(" + current)\n },\n clickHandle(item, index) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item, index)\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("初始索引")]),s._v(" "),a("p",[s._v("初始化时展示的位置索引值，默认为 0。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":initial-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("循环播放")]),s._v(" "),a("p",[s._v("默认开启循环播放，可通过 loop 属性配置。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":loop")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("自动播放")]),s._v(" "),a("p",[s._v("默认开启自动播放，可通过 auto-play 属性配置。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":auto-play")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("自动播放的时间间隔")]),s._v(" "),a("p",[s._v("当开启了自动播放时，还可通过 interval 属性配置时间间隔。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":interval")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"4000"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("切换页面的滑动阈值")]),s._v(" "),a("p",[s._v("可通过"),a("code",{pre:!0},[s._v("threshold")]),s._v("属性配置切换页面的滑动阈值，既当滑动的距离超过了页面宽度 × "),a("code",{pre:!0},[s._v("threshold")]),s._v("时，切换页面。默认值为0.3。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":threshold")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"0.4"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("切换页面的速度")]),s._v(" "),a("p",[s._v("默认切换动画耗时为400ms，可通过"),a("code",{pre:!0},[s._v("speed")]),s._v("属性配置。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":speed")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"200"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("允许纵向滚动")]),s._v(" "),a("p",[s._v("默认在 Slide 区域的时候，竖向是不能滚动的，如果想要竖向可以滚动，可以设置 "),a("code",{pre:!0},[s._v("allowVertical")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":allow-vertical")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("refresh 方法")]),s._v(" "),a("p",[s._v("当新增或者删除 Slide Item 项或者修改 Slide 配置的时候，可以调用实例的 refresh 方法更新 Slide。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"slide"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.image"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" item3 = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n}\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n }\n ]\n }\n },\n mounted() {\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.push(item3)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.slide.refresh()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n}\n")])]),s._v(" "),a("p",[s._v("延迟 2 秒钟后新增一个 Slide Item，新增完成后需要调用 refresh 方法更新。")])]),s._v(" "),a("li",[a("p",[s._v("修改 dots 内容")]),s._v(" "),a("p",[s._v("默认是点，可通过插槽修改。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dots"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-dot"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{active: props.current === index}"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in props.dots"')]),s._v(">")]),s._v("{{index + 1}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("作用域插槽提供了所需的当前索引值 "),a("code",{pre:!0},[s._v("current")]),s._v(" 以及长度 "),a("code",{pre:!0},[s._v("dots")]),s._v("。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("initialIndex")]),s._v(" "),a("td",[s._v("初始索引值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("loop")]),s._v(" "),a("td",[s._v("是否循环播放")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("autoPlay")]),s._v(" "),a("td",[s._v("是否自动播放")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("interval")]),s._v(" "),a("td",[s._v("播放间隔")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("4000")])]),s._v(" "),a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("切换页面的滑动阈值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("(0, 1)")]),s._v(" "),a("td",[s._v("0.3")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("切换页面的速度")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("400")])]),s._v(" "),a("tr",[a("td",[s._v("allowVertical")]),s._v(" "),a("td",[s._v("是否允许竖向滚动")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("默认内容，由 cube-slide-item 构成")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("dots")]),s._v(" "),a("td",[s._v("dots 内容")]),s._v(" "),a("td",[s._v("dots: 轮播项长度 "),a("br"),s._v(" current: 当前索引")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("Slide 当前展示项发生改变时触发")]),s._v(" "),a("td",[s._v("当前展示项的索引值")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("refresh")]),s._v(" "),a("td",[s._v("当轮播图内容删减的时候，可以调用此方法进行更新")])])])])}]}}}); \ No newline at end of file +webpackJsonp([8],{494:function(s,t,a){s.exports=a(595)},595:function(s,t,a){var v=a(11)(null,a(596),null,null,null);s.exports=v.exports},596:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Slide"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slide-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slide")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("轮播图，提供了常见的"),a("code",{pre:!0},[s._v("轮播")]),s._v("及"),a("code",{pre:!0},[s._v("swipe")]),s._v("的功能，也是一个基于"),a("code",{pre:!0},[s._v("better-scroll")]),s._v("进行封装的组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本使用")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("cube-slide")]),s._v("元素即整个轮播图组件，"),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v("元素则是每一个轮播的页面，其 slot 为该页的内容。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changePage"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click.native")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler(item, index)"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.image"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changePage(current) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'当前轮播图序号为:'")]),s._v(" + current)\n },\n clickHandle(item, index) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item, index)\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("初始索引")]),s._v(" "),a("p",[s._v("初始化时展示的位置索引值，默认为 0。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":initial-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("循环播放")]),s._v(" "),a("p",[s._v("默认开启循环播放，可通过 loop 属性配置。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":loop")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("自动播放")]),s._v(" "),a("p",[s._v("默认开启自动播放，可通过 auto-play 属性配置。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":auto-play")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("自动播放的时间间隔")]),s._v(" "),a("p",[s._v("当开启了自动播放时，还可通过 interval 属性配置时间间隔。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":interval")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"4000"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("切换页面的滑动阈值")]),s._v(" "),a("p",[s._v("可通过"),a("code",{pre:!0},[s._v("threshold")]),s._v("属性配置切换页面的滑动阈值，既当滑动的距离超过了页面宽度 × "),a("code",{pre:!0},[s._v("threshold")]),s._v("时，切换页面。默认值为0.3。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":threshold")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"0.4"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("切换页面的速度")]),s._v(" "),a("p",[s._v("默认切换动画耗时为400ms，可通过"),a("code",{pre:!0},[s._v("speed")]),s._v("属性配置。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":speed")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"200"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("允许纵向滚动")]),s._v(" "),a("p",[s._v("默认在 Slide 区域的时候，竖向是不能滚动的，如果想要竖向可以滚动，可以设置 "),a("code",{pre:!0},[s._v("allowVertical")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":allow-vertical")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("refresh 方法")]),s._v(" "),a("p",[s._v("当新增或者删除 Slide Item 项或者修改 Slide 配置的时候，可以调用实例的 refresh 方法更新 Slide。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"slide"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.image"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" item3 = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n}\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n }\n ]\n }\n },\n mounted() {\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.push(item3)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.slide.refresh()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n}\n")])]),s._v(" "),a("p",[s._v("延迟 2 秒钟后新增一个 Slide Item，新增完成后需要调用 refresh 方法更新。")])]),s._v(" "),a("li",[a("p",[s._v("修改 dots 内容")]),s._v(" "),a("p",[s._v("默认是点，可通过插槽修改。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dots"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-dot"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{active: props.current === index}"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in props.dots"')]),s._v(">")]),s._v("{{index + 1}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("作用域插槽提供了所需的当前索引值 "),a("code",{pre:!0},[s._v("current")]),s._v(" 以及长度 "),a("code",{pre:!0},[s._v("dots")]),s._v("。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("initialIndex")]),s._v(" "),a("td",[s._v("初始索引值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("loop")]),s._v(" "),a("td",[s._v("是否循环播放")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("autoPlay")]),s._v(" "),a("td",[s._v("是否自动播放")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("interval")]),s._v(" "),a("td",[s._v("播放间隔")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("4000")])]),s._v(" "),a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("切换页面的滑动阈值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("(0, 1)")]),s._v(" "),a("td",[s._v("0.3")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("切换页面的速度")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("400")])]),s._v(" "),a("tr",[a("td",[s._v("allowVertical")]),s._v(" "),a("td",[s._v("是否允许竖向滚动")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("默认内容，由 cube-slide-item 构成")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("dots")]),s._v(" "),a("td",[s._v("dots 内容")]),s._v(" "),a("td",[s._v("dots: 轮播项长度 "),a("br"),s._v(" current: 当前索引")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("Slide 当前展示项发生改变时触发")]),s._v(" "),a("td",[s._v("当前展示项的索引值")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("refresh")]),s._v(" "),a("td",[s._v("当轮播图内容删减的时候，可以调用此方法进行更新")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/9.3298ff77a586a5d369bc.js b/docs/js/9.3298ff77a586a5d369bc.js deleted file mode 100644 index a54c1e45..00000000 --- a/docs/js/9.3298ff77a586a5d369bc.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([9],{489:function(s,t,a){s.exports=a(581)},581:function(s,t,a){var v=a(11)(null,a(582),null,null,null);s.exports=v.exports},582:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Scroll")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(9),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(10)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("滚动列表，提供了优质的原生滚动体验，便捷的配置项和事件，是一个基于"),a("code",{pre:!0},[s._v("better-scroll")]),s._v("进行封装的组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本使用")]),s._v(" "),a("p",[s._v("通过设置 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性为一个数组，即可生成能够在容器内优雅滚动的列表。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("配置 better-scroll 选项")]),s._v(" "),a("p",[s._v("通过 options 属性可以配置 better-scroll 的选项，包括滚动条、下拉刷新、上拉加载等，具体可查看 better-scroll 的"),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html"}},[s._v("官方文档")]),s._v("，这里仅对几个常用的配置项进行介绍说明。")]),s._v(" "),a("p",[s._v("1）滚动条")]),s._v(" "),a("p",[s._v("默认无滚动条，还可设为淡入淡出滚动条或一直显示滚动条。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollbar")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fade")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n }\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("2）下拉刷新")]),s._v(" "),a("p",[s._v("默认无下拉刷新功能，可通过配置项"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("开启"),a("code",{pre:!0},[s._v("pulling-down")]),s._v("事件派发和下拉动画，你可以监听"),a("code",{pre:!0},[s._v("pulling-down")]),s._v("事件更新数据。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Refresh success'")]),s._v("\n }\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟更新数据")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.unshift("),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am new data: '")]),s._v(" + +"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("())\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("3）上拉加载")]),s._v(" "),a("p",[s._v("默认无上拉加载功能，可通过配置项"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v("开启"),a("code",{pre:!0},[s._v("pulling-up")]),s._v("事件派发和上拉动画，你可以监听"),a("code",{pre:!0},[s._v("pulling-up")]),s._v("事件更新数据。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("itemIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullUpLoad")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("more")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Load more'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("noMore")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'No more data'")]),s._v("\n }\n }\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 更新数据")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" newPage = [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex\n ]\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.concat(newPage)\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义下拉刷新和上拉加载动画")]),s._v(" "),a("p",[s._v("如果你不喜欢内置的下载刷新插槽和上拉加载，还可以用"),a("a",{attrs:{href:"https://cn.vuejs.org/v2/guide/components.html#%E4%BD%9C%E7%94%A8%E5%9F%9F%E6%8F%92%E6%A7%BD"}},[s._v("作用域插槽")]),s._v("做自定义动画。下面这个示例，就是用作用域插槽对下拉刷新做了自定义动画，而上拉加载则保留了缺省的内置动画。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-pulldown-wrapper"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownStyle"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"before-trigger"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{paddingTop: props.bubbleY + 'px'}\"")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{rotate: props.bubbleY > 40}"')]),s._v(">")]),s._v("↓"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"after-trigger"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"loading"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("Refresh success"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("通过作用域插槽提供的作用域参数，你可以根据各个状态的变化来控制动画流程。具体的作用域参数及其含义详见下面的插槽。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("用于列表渲染的数据")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("better-scroll 配置项")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" observeDOM: true,"),a("br"),s._v(" click: true,"),a("br"),s._v(" probeType: 1,"),a("br"),s._v(" scrollbar: false,"),a("br"),s._v(" pullDownRefresh: false,"),a("br"),s._v(" pullUpLoad: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("滚动方向")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'vertical', 'horizontal'")]),s._v(" "),a("td",[s._v("'vertical'")])]),s._v(" "),a("tr",[a("td",[s._v("listenScroll")]),s._v(" "),a("td",[s._v("是否派发 scroll 事件")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("listenBeforeScroll")]),s._v(" "),a("td",[s._v("是否派发 before-scroll-start 事件")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("refreshDelay")]),s._v(" "),a("td",[s._v("data属性的数据更新后，scroll 的刷新延时")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("20")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("scrollbar")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("fade")]),s._v(" "),a("td",[s._v("是否淡入淡出")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("下拉刷新动作的下拉距离阈值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("90")])]),s._v(" "),a("tr",[a("td",[s._v("stop")]),s._v(" "),a("td",[s._v("回弹停留的位置")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("40")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("刷新成功的文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("'Refresh success'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("上拉刷新动作的上拉距离阈值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("上拉加载的相关文案")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{ more: '', noMore: '' }")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("基于"),a("code",{pre:!0},[s._v("data")]),s._v("属性渲染的列表")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulldown")]),s._v(" "),a("td",[s._v("位于列表上方，会在下拉刷新时显示")]),s._v(" "),a("td",[s._v("pullDownRefresh: 是否开启了下拉刷新功能 "),a("br"),s._v(" pullDownStyle: 移入移出的样式 "),a("br"),s._v(" beforePullDown: 是否正在做下拉操作 "),a("br"),s._v(" isPullingDown: 是否正在拉取数据 "),a("br"),s._v(" bubbleY: 当前下拉的距离 - 50")])]),s._v(" "),a("tr",[a("td",[s._v("pullup")]),s._v(" "),a("td",[s._v("位于列表下方，会在上拉加载时显示")]),s._v(" "),a("td",[s._v("pullUpLoad: 是否开启了上拉加载功能 "),a("br"),s._v(" isPullUpLoad: 是否正在加载数据")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("点击列表项时触发")]),s._v(" "),a("td",[s._v("item - 该列表项的数据")])]),s._v(" "),a("tr",[a("td",[s._v("scroll")]),s._v(" "),a("td",[s._v("当 listenScroll 为 true 时，根据 probeType 的值决定派发时机")]),s._v(" "),a("td",[s._v("Object {x, y} - 滚动的实时坐标")])]),s._v(" "),a("tr",[a("td",[s._v("before-scroll-start")]),s._v(" "),a("td",[s._v("当 listenBeforeScroll 属性为 true 时，在滚动开始之前触发")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down")]),s._v(" "),a("td",[s._v("当 pullDownRefresh 属性为 true 时，在下拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up")]),s._v(" "),a("td",[s._v("当 pullUpLoad 属性为 true 时，在上拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/8.e288484e3fb04fc99e80.js b/docs/js/9.bd814f838334fe31f463.js similarity index 93% rename from docs/js/8.e288484e3fb04fc99e80.js rename to docs/js/9.bd814f838334fe31f463.js index c9240737..fc9548ce 100644 --- a/docs/js/8.e288484e3fb04fc99e80.js +++ b/docs/js/9.bd814f838334fe31f463.js @@ -1 +1 @@ -webpackJsonp([8],{490:function(t,e,s){t.exports=s(583)},583:function(t,e,s){var a=s(11)(null,s(584),null,null,null);t.exports=a.exports},584:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("section",[s("h2",{attrs:{id:"单例模式"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-单例模式-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 单例模式")]),t._v(" "),s("p",[t._v("通过 API 调用组件的时候，需要涉及到组件的单例、多例模式。如果说组件是单例的，在多次实例化的时候，只有一个实例，对应的视图层也只存在一份；如果说组件是多例的，那么每次实例化的时候都会产生一个新的实例，且对应的视图也是有多份的，它们之间互不影响。")]),t._v(" "),s("p",[t._v("在 cube-ui 中涉及到 API 调用的组件都是弹层类，经常使用的如下：")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),s("p",[t._v("在一般情况下，默认行为即可满足需求，除非特殊场景。")]),t._v(" "),t._m(4)])},staticRenderFns:[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("a",{attrs:{href:"#/zh-CN/docs/toast"}},[t._v("Toast 提醒")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/picker"}},[t._v("Picker 选择器")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[t._v("TimePicker 时间选择器")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/dialog"}},[t._v("Dialog 弹框")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/action-sheet"}},[t._v("ActionSheet 操作菜单")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("所有的 API 调用都是使用 "),s("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v(" 模块暴露出的 "),s("code",{pre:!0},[t._v("createAPI")]),t._v(" 函数实现，在定义的时候就决定了该组件是否是单例的，详见 "),s("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v(" 文档。")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("默认情况下，Toast、Dialog 以及 ActionSheet 是单例的，而 Picker 和 TimePicker 是多例的，因为其场景往往比较复杂，有很多额外的数据处理操作，所以是多例的。如果你想在实例化的时候改变默认行为，可以通过设定 "),s("code",{pre:!0},[t._v("$createX")]),t._v(" 的参数中去修改，例如把 Dialog 改为多例的：")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" dialog = "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'content'")]),t._v("\n}, "),s("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(")\ndialog.show()\n")])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[s("strong",[t._v("注：")]),t._v(" 限于 Picker 和 TimePicker 的场景，不支持单例模式。")])}]}}}); \ No newline at end of file +webpackJsonp([9],{493:function(t,e,s){t.exports=s(593)},593:function(t,e,s){var a=s(11)(null,s(594),null,null,null);t.exports=a.exports},594:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("section",[s("h2",{attrs:{id:"单例模式"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-单例模式-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 单例模式")]),t._v(" "),s("p",[t._v("通过 API 调用组件的时候，需要涉及到组件的单例、多例模式。如果说组件是单例的，在多次实例化的时候，只有一个实例，对应的视图层也只存在一份；如果说组件是多例的，那么每次实例化的时候都会产生一个新的实例，且对应的视图也是有多份的，它们之间互不影响。")]),t._v(" "),s("p",[t._v("在 cube-ui 中涉及到 API 调用的组件都是弹层类，经常使用的如下：")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),s("p",[t._v("在一般情况下，默认行为即可满足需求，除非特殊场景。")]),t._v(" "),t._m(4)])},staticRenderFns:[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("a",{attrs:{href:"#/zh-CN/docs/toast"}},[t._v("Toast 提醒")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/picker"}},[t._v("Picker 选择器")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[t._v("TimePicker 时间选择器")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/dialog"}},[t._v("Dialog 弹框")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/action-sheet"}},[t._v("ActionSheet 操作菜单")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("所有的 API 调用都是使用 "),s("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v(" 模块暴露出的 "),s("code",{pre:!0},[t._v("createAPI")]),t._v(" 函数实现，在定义的时候就决定了该组件是否是单例的，详见 "),s("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v(" 文档。")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("默认情况下，Toast、Dialog 以及 ActionSheet 是单例的，而 Picker 和 TimePicker 是多例的，因为其场景往往比较复杂，有很多额外的数据处理操作，所以是多例的。如果你想在实例化的时候改变默认行为，可以通过设定 "),s("code",{pre:!0},[t._v("$createX")]),t._v(" 的参数中去修改，例如把 Dialog 改为多例的：")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" dialog = "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'content'")]),t._v("\n}, "),s("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(")\ndialog.show()\n")])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[s("strong",[t._v("注：")]),t._v(" 限于 Picker 和 TimePicker 的场景，不支持单例模式。")])}]}}}); \ No newline at end of file diff --git a/docs/js/app.146cad9864e6a1730e02.js b/docs/js/app.146cad9864e6a1730e02.js new file mode 100644 index 00000000..8b1888b1 --- /dev/null +++ b/docs/js/app.146cad9864e6a1730e02.js @@ -0,0 +1 @@ +webpackJsonp([53],{102:function(t,e){t.exports={"en-US":{overview:{name:"Overview",subList:{introduction:"Introduction","quick-start":"QuickStart","post-compile":"PostCompile",theme:"Theme",singleton:"Singleton"}},components:{name:"Components",subList:{basic:{name:"Basic",subList:{button:"Button",checkbox:"Checkbox","checkbox-group":"CheckboxGroup",radio:"Radio",loading:"Loading",tip:"Tip"}},popup:{name:"Popup",subList:{popup:"Popup",toast:"Toast",picker:"Picker","cascade-picker":"CascadePicker","time-picker":"TimePicker",dialog:"Dialog","action-sheet":"ActionSheet"}},scroll:{name:"Scroll",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList"}},advanced:{name:"Advanced",subList:{upload:"Upload"}}}},modules:{name:"Modules",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}},"zh-CN":{overview:{name:"概览",subList:{introduction:"介绍","quick-start":"快速上手","post-compile":"后编译",theme:"主题",singleton:"单例模式"}},components:{name:"组件",subList:{basic:{name:"基础",subList:{button:"Button",checkbox:"Checkbox","checkbox-group":"CheckboxGroup",radio:"Radio",loading:"Loading",tip:"Tip"}},popup:{name:"弹出层",subList:{popup:"Popup",toast:"Toast",picker:"Picker","cascade-picker":"CascadePicker","time-picker":"TimePicker",dialog:"Dialog","action-sheet":"ActionSheet"}},scroll:{name:"滚动",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList"}},advanced:{name:"高级",subList:{upload:"Upload"}}}},modules:{name:"模块",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}}}},103:function(t,e,n){function o(t){n(193)}var i=n(11)(n(194),n(195),o,null,null);t.exports=i.exports},104:function(t,e,n){function o(t){n(202)}var i=n(11)(n(203),n(212),o,null,null);t.exports=i.exports},105:function(t,e,n){function o(t){n(218)}var i=n(11)(n(219),n(220),o,null,null);t.exports=i.exports},106:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(234),n(235),n(236),n(241),n(237),n(238),n(239),n(240)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n,o,i,a,s,u,c,r){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var d=l(n),M=l(o),f=l(i),p=l(a),v=l(s),g=l(u),h=l(c),m=l(r);d.default.registerLanguage("css",f.default),d.default.registerLanguage("markdown",p.default),d.default.registerLanguage("javascript",v.default),d.default.registerLanguage("json",g.default),d.default.registerLanguage("shell",M.default),d.default.registerLanguage("stylus",h.default),d.default.registerLanguage("xml",m.default),e.default=d.default,t.exports=e.default})},141:function(t,e,n){function o(t){n(183)}var i=n(11)(n(184),n(196),o,null,null);t.exports=i.exports},142:function(t,e,n){var o,i,a;!function(s,u){i=[n(51),n(146),n(151),n(106),n(242),n(444),n(445),n(446)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}var a=i(t),s=i(e),u=i(n);i(o).default.initHighlightingOnLoad(),new a.default({el:"#app",router:u.default,render:function(t){return t(s.default)}})})},146:function(t,e,n){function o(t){n(147)}var i=n(11)(n(149),n(150),o,null,null);t.exports=i.exports},147:function(t,e){},149:function(t,e,n){var o,i,a;!function(n,s){i=[t,e],o=s,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{oldPath:window.location.hash}},mounted:function(){var t=this;document.body.addEventListener("click",function(e){for(var n=e.target;n&&"anchor"!==n.className;)n=n.parentNode;n&&(e.preventDefault(),t.scrollToHash(n.getAttribute("href")))})},watch:{$route:function(t,e){this.oldPath="#"+t.path,this.scrollToHash()}},methods:{scrollToHash:function(t){var e=/#cube-(.*)-anchor/,n="",o=void 0;if(t||(o=window.location.hash.match(e))&&(t=o[0]),t){o=t.match(e),n=this.oldPath+t,window.location.hash=n;var i=o[1],a=document.querySelector("#"+i);a&&a.scrollIntoView()}}}},t.exports=e.default})},150:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("router-view")],1)},staticRenderFns:[]}},151:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(51),n(152),n(43),n(154),n(230),n(199),n(215),n(222),n(226),n(141)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n,o,i,a,s,u,c,r,l){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var M=d(n),f=d(o),p=d(a),v=d(s),g=d(u),h=d(c),m=d(r),N=d(l);M.default.use(f.default);var y=(0,i.getCurrentLang)(),T=[{path:"",component:h.default},{path:"example",component:N.default}].concat(p.default["en-US"]),z=[{path:"",component:m.default},{path:"example",component:N.default}].concat(p.default["zh-CN"]);e.default=new f.default({routes:[{path:"/",redirect:"/"+y},{path:"/en-US",component:v.default,children:T},{path:"/zh-CN",component:g.default,children:z}]}),t.exports=e.default})},154:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(155),n(43),n(102)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,o,i,a){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}function u(t){var e=[];return(0,c.default)(t.subList).forEach(function(n){var o=t.subList[n];"string"==typeof o?e.push(n):e=e.concat(u(o))}),e}Object.defineProperty(e,"__esModule",{value:!0});var c=s(o),r=s(a),l={};(0,c.default)(r.default).forEach(function(t){var e=function(t){return i.eventHub.$emit("begin-loading"),t.then(function(t){return i.eventHub.$emit("finish-loading"),t})},o=[],a={path:"docs",redirect:"./docs/introduction",component:function(){return e(n(182)("./"+t+".vue"))},children:o};l[t]=[a];var s=r.default[t];(0,c.default)(s).forEach(function(i){u(s[i]).forEach(function(i){o.push({path:i,component:function(){return e(n(198)("./"+t+"/"+i+".md"))}})})})}),e.default=l,t.exports=e.default})},182:function(t,e,n){function o(t){var e=i[t];return e?n.e(e[1]).then(function(){return n(e[0])}):Promise.reject(new Error("Cannot find module '"+t+"'."))}var i={"./en-US.vue":[449,1],"./zh-CN.vue":[450,0]};o.keys=function(){return Object.keys(i)},o.id=182,t.exports=o},183:function(t,e){},184:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(185),n(103),n(102)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n,o,i){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=a(n),u=a(o),c=a(i);e.default={props:{lang:{type:String,default:"zh-CN"}},data:function(){return{navList:c.default[this.lang],showCatalog:!1}},watch:{$route:function(){this.showCatalog=!1,window.scrollTo(0,0)}},methods:{toggleCatalog:function(){this.showCatalog=!this.showCatalog}},mounted:function(){var t=document.querySelector(".md-body"),e=/#cube-(.*)-anchor/,n=window.location.hash.match(e);if(n){var o=n[1],i=t.querySelector("#"+o);i&&i.scrollIntoView()}},components:{SideList:s.default,Display:u.default}},t.exports=e.default})},185:function(t,e,n){function o(t){n(186)}var i=n(11)(n(187),n(192),o,null,null);t.exports=i.exports},186:function(t,e){},187:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(188)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={props:{navList:{type:Object,default:function(){return{}}}},components:{SideNav:o.default}},t.exports=e.default})},188:function(t,e,n){function o(t){n(189)}var i=n(11)(n(190),n(191),o,null,null);t.exports=i.exports},189:function(t,e){},190:function(t,e,n){var o,i,a;!function(n,s){i=[t,e],o=s,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"side-nav",props:{data:{type:Object,default:function(){return{}}}}},t.exports=e.default})},191:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ul",{staticClass:"nav-ul"},t._l(t.data,function(e,o){return n("li",{key:o,staticClass:"nav-li"},[e.name?[n("p",{staticClass:"nav-name"},[t._v(t._s(e.name))]),t._v(" "),n("side-nav",{attrs:{data:e.subList}})]:n("router-link",{attrs:{"active-class":"nav-active",to:{path:o}}},[t._v(t._s(e))])],2)}))},staticRenderFns:[]}},192:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("nav",{staticClass:"page-sidelist"},[n("side-nav",{attrs:{data:t.navList}})],1)},staticRenderFns:[]}},193:function(t,e){},194:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(43)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{hash:"/"}},computed:{ifrSrc:function(){return""+n.baseUrl+this.hash}},watch:{$route:{handler:function(t,e){var n=t.path.indexOf("/docs/");this.hash=t.path.substr(n+6)},immediate:!0}}},t.exports=e.default})},195:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"page-display"},[n("div",{staticClass:"display-wrapper"},[n("section",{staticClass:"mofang-demo"},[n("iframe",{attrs:{src:t.ifrSrc,frameborder:"0",width:"100%",height:"100%"}})])])])},staticRenderFns:[]}},196:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"docs-view"},[o("img",{staticClass:"toggle-catalog",attrs:{src:n(197)},on:{click:t.toggleCatalog}}),t._v(" "),o("div",{staticClass:"nav-list-wrapper",class:{active:t.showCatalog}},[o("side-list",{attrs:{"nav-list":t.navList}})],1),t._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:t.showCatalog,expression:"showCatalog"}],staticClass:"mask",class:{active:t.showCatalog},on:{click:t.toggleCatalog}}),t._v(" "),o("router-view",{directives:[{name:"highlight",rawName:"v-highlight"}],staticClass:"page-doc md-body"}),t._v(" "),o("display")],1)},staticRenderFns:[]}},197:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTEwNjQ5MzE2NDgyIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM3NjIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTg4Ny4yMTIxMDIgMjY0LjY0NDM3OSAzMjAuMDgzNTI3IDI2NC42NDQzNzljLTI5LjgyNjMwNiAwLTU0LjAxMjE0OC0yMy44OTYyNDYtNTQuMDEyMTQ4LTUzLjcyMzU3NXMyNC4xODU4NDItNTMuNzIzNTc1IDU0LjAxMjE0OC01My43MjM1NzVsNTY3LjEyNzU1MiAwYzI5LjgyNzMyOSAwIDU0LjAxMjE0OCAyMy44OTYyNDYgNTQuMDEyMTQ4IDUzLjcyMzU3NVM5MTcuMDM5NDMxIDI2NC42NDQzNzkgODg3LjIxMjEwMiAyNjQuNjQ0Mzc5ek04ODcuMjEyMTAyIDU2Mi40MjY0ODMgMzIwLjA4MzUyNyA1NjIuNDI2NDgzYy0yOS44MjYzMDYgMC01NC4wMTIxNDgtMjQuNDA4OTIzLTU0LjAxMjE0OC01NC4yMzUyMjkgMC0yOS44MjgzNTIgMjQuMTg1ODQyLTU0LjIzNTIyOSA1NC4wMTIxNDgtNTQuMjM1MjI5bDU2Ny4xMjc1NTIgMGMyOS44MjczMjkgMCA1NC4wMTIxNDggMjQuNDA2ODc2IDU0LjAxMjE0OCA1NC4yMzUyMjlDOTQxLjIyNDI1IDUzOC4wMTg1ODMgOTE3LjAzOTQzMSA1NjIuNDI2NDgzIDg4Ny4yMTIxMDIgNTYyLjQyNjQ4M3pNODg3LjIxMjEwMiA4NTkuMTg1MjggMzIwLjA4MzUyNyA4NTkuMTg1MjhjLTI5LjgyNjMwNiAwLTU0LjAxMjE0OC0yNC40MDc4OTktNTQuMDEyMTQ4LTU0LjIzNTIyOXMyNC4xODU4NDItNTQuMjM1MjI5IDU0LjAxMjE0OC01NC4yMzUyMjlsNTY3LjEyNzU1MiAwYzI5LjgyNzMyOSAwIDU0LjAxMjE0OCAyNC40MDc4OTkgNTQuMDEyMTQ4IDU0LjIzNTIyOVM5MTcuMDM5NDMxIDg1OS4xODUyOCA4ODcuMjEyMTAyIDg1OS4xODUyOHpNMTUzLjU2NTAwMyAyNTcuOTQzNzdsLTQ3LjI2MTM5NyAwYy0xMy4wNTUzNCAwLTIzLjYzMDE4Ny0xMC42MDE0NTItMjMuNjMwMTg3LTIzLjY1NTc2OWwwLTQ3LjIzNDc5MWMwLTEzLjA4MDkyMyAxMC41NzQ4NDYtMjMuNjMwMTg3IDIzLjYzMDE4Ny0yMy42MzAxODdsNDcuMjYxMzk3IDBjMTMuMDU0MzE3IDAgMjMuNjMwMTg3IDEwLjU0OTI2NCAyMy42MzAxODcgMjMuNjMwMTg3bDAgNDcuMjM0NzkxQzE3Ny4xOTUxOSAyNDcuMzQxMjk1IDE2Ni42MTkzMiAyNTcuOTQzNzcgMTUzLjU2NTAwMyAyNTcuOTQzNzdMMTUzLjU2NTAwMyAyNTcuOTQzNzd6TTE1My41NjUwMDMgODUyLjA3NjM3MmwtNDcuMjYxMzk3IDBjLTEzLjA1NTM0IDAtMjMuNjMwMTg3LTEwLjYwMDQyOS0yMy42MzAxODctMjMuNjU1NzY5bDAtNDcuMjMzNzY4YzAtMTMuMDgwOTIzIDEwLjU3NDg0Ni0yMy42MzEyMSAyMy42MzAxODctMjMuNjMxMjFsNDcuMjYxMzk3IDBjMTMuMDU0MzE3IDAgMjMuNjMwMTg3IDEwLjU1MDI4NyAyMy42MzAxODcgMjMuNjMxMjFsMCA0Ny4yMzM3NjhDMTc3LjE5NTE5IDg0MS40NzU5NDMgMTY2LjYxOTMyIDg1Mi4wNzYzNzIgMTUzLjU2NTAwMyA4NTIuMDc2MzcyTDE1My41NjUwMDMgODUyLjA3NjM3MnpNMTUzLjU2NTAwMyA1NDEuNTA3MDM0bC00Ny4yNjEzOTcgMGMtMTMuMDU1MzQgMC0yMy42MzAxODctMTAuNjAxNDUyLTIzLjYzMDE4Ny0yMy42NTU3NjlsMC00Ny4yMzQ3OTFjMC0xMy4wODA5MjMgMTAuNTc0ODQ2LTIzLjYzMDE4NyAyMy42MzAxODctMjMuNjMwMTg3bDQ3LjI2MTM5NyAwYzEzLjA1NDMxNyAwIDIzLjYzMDE4NyAxMC41NDkyNjQgMjMuNjMwMTg3IDIzLjYzMDE4N2wwIDQ3LjIzNDc5MUMxNzcuMTk1MTkgNTMwLjkwNTU4MiAxNjYuNjE5MzIgNTQxLjUwNzAzNCAxNTMuNTY1MDAzIDU0MS41MDcwMzRMMTUzLjU2NTAwMyA1NDEuNTA3MDM0eiIgcC1pZD0iMzc2MyIgZmlsbD0iIzMzMzMzMyI+PC9wYXRoPjwvc3ZnPg=="},198:function(t,e,n){function o(t){var e=i[t];return e?n.e(e[1]).then(function(){return n(e[0])}):Promise.reject(new Error("Cannot find module '"+t+"'."))}var i={"./en-US/action-sheet.md":[451,51],"./en-US/better-scroll.md":[452,50],"./en-US/button.md":[453,49],"./en-US/cascade-picker.md":[454,48],"./en-US/checkbox-group.md":[455,47],"./en-US/checkbox.md":[456,46],"./en-US/create-api.md":[457,45],"./en-US/dialog.md":[458,44],"./en-US/index-list.md":[459,43],"./en-US/introduction.md":[460,42],"./en-US/loading.md":[461,41],"./en-US/picker.md":[462,40],"./en-US/popup.md":[463,39],"./en-US/post-compile.md":[464,38],"./en-US/quick-start.md":[465,37],"./en-US/radio.md":[466,36],"./en-US/scroll.md":[467,35],"./en-US/singleton.md":[468,34],"./en-US/slide.md":[469,33],"./en-US/style.md":[470,32],"./en-US/theme.md":[471,31],"./en-US/time-picker.md":[472,30],"./en-US/tip.md":[473,29],"./en-US/toast.md":[474,28],"./en-US/upload.md":[475,27],"./zh-CN/action-sheet.md":[476,26],"./zh-CN/better-scroll.md":[477,25],"./zh-CN/button.md":[478,24],"./zh-CN/cascade-picker.md":[479,23],"./zh-CN/checkbox-group.md":[480,22],"./zh-CN/checkbox.md":[481,21],"./zh-CN/create-api.md":[482,20],"./zh-CN/dialog.md":[483,19],"./zh-CN/index-list.md":[484,18],"./zh-CN/introduction.md":[485,17],"./zh-CN/loading.md":[486,16],"./zh-CN/picker.md":[487,15],"./zh-CN/popup.md":[488,14],"./zh-CN/post-compile.md":[489,13],"./zh-CN/quick-start.md":[490,12],"./zh-CN/radio.md":[491,11],"./zh-CN/scroll.md":[492,10],"./zh-CN/singleton.md":[493,9],"./zh-CN/slide.md":[494,8],"./zh-CN/style.md":[495,7],"./zh-CN/theme.md":[496,6],"./zh-CN/time-picker.md":[497,5],"./zh-CN/tip.md":[498,4],"./zh-CN/toast.md":[499,3],"./zh-CN/upload.md":[500,2]};o.keys=function(){return Object.keys(i)},o.id=198,t.exports=o},199:function(t,e,n){function o(t){n(200)}var i=n(11)(n(201),n(214),o,null,null);t.exports=i.exports},200:function(t,e){},201:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(104)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:o.default}},t.exports=e.default})},202:function(t,e){},203:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(204),n(208)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=i(n),s=i(o);e.default={data:function(){return{showTabs:!1,isDocs:this.$route.path.includes("/docs")}},watch:{$route:function(t){this.isDocs=t.path.includes("/docs"),this.showTabs=!1}},components:{SiteLang:a.default,NavLoading:s.default},methods:{toggleNav:function(){this.showTabs=!this.showTabs},toggleCatalog:function(){this.showCatalog=!this.showCatalog}}},t.exports=e.default})},204:function(t,e,n){function o(t){n(205)}var i=n(11)(n(206),n(207),o,null,null);t.exports=i.exports},205:function(t,e){},206:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(43)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={data:function(){return{current:(0,n.getCurrentLang)(),langs:{"zh-CN":"中","en-US":"En"}}},methods:{to:function(t){this.current!==t&&(this.current=t,(0,n.setItem)("CUBE_LANGUAGE",t),this.$router.replace({path:this.$router.currentRoute.path.replace(/\/(zh-CN|en-US)(?=\/?)/,"/"+t)}))}}},t.exports=e.default})},207:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{staticClass:"langs"},t._l(t.langs,function(e,o){return n("a",{class:{active:t.current===o},attrs:{href:"javascript:;"},on:{click:function(e){t.to(o)}}},[t._v(t._s(e))])}))},staticRenderFns:[]}},208:function(t,e,n){function o(t){n(209)}var i=n(11)(n(210),n(211),o,null,null);t.exports=i.exports},209:function(t,e){},210:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(43)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{loading:!1,toEnd:!1}},computed:{loadingCls:function(){var t={};return this.loading&&(t["nav-loading-ani"]=!0),this.toEnd&&(t["nav-loading-ani-end"]=!0),t}},created:function(){var t=this,e=void 0,o=void 0;n.eventHub.$on("begin-loading",function(){o=Date.now(),clearTimeout(e),t.loading=!0}),n.eventHub.$on("finish-loading",function(){var n=Date.now()-o;n>500?t.resetLoading():e=setTimeout(t.resetLoading,500-n)})},methods:{resetLoading:function(){var t=this;this.toEnd=!0,setTimeout(function(){t.toEnd=!1,t.loading=!1},100)}}},t.exports=e.default})},211:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"nav-loading",class:t.loadingCls})},staticRenderFns:[]}},212:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"home-view"},[o("div",{staticClass:"navigator",class:{active:t.showTabs}},[o("h1",{staticClass:"logo"},[o("router-link",{attrs:{to:"/"}},[o("span",[t._v("cube-ui")])])],1),t._v(" "),o("div",{staticClass:"tabs"},[t._t("nav"),t._v(" "),o("site-lang")],2),t._v(" "),o("span",{staticClass:"toggle-nav",on:{click:t.toggleNav}},[o("img",{attrs:{src:n(213)}})])]),t._v(" "),o("div",{staticClass:"router-view"},[o("nav-loading"),t._v(" "),o("router-view")],1)])},staticRenderFns:[]}},213:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTEwNjQ5NDAxODMzIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ1OTEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE1MS45OTA4MTMgMTc1Ljk5MDYyNWg3MTkuOTk0Mzc1YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEgMzUuOTk5NzE4IDM1Ljk5OTcxOXYyNC43NDM4MDdhMzUuOTk5NzE5IDM1Ljk5OTcxOSAwIDAgMS0zNS45OTk3MTggMzUuOTk5NzE4aC03MTkuOTk0Mzc1YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEtMzUuOTk5NzE5LTM1Ljk5OTcxOFYyMTEuOTkwMzQ0YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEgMzUuOTk5NzE5LTM1Ljk5OTcxOXogbTAgMjg4Ljc0MTc0NGg3MTkuOTk0Mzc1YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEgMzUuOTk5NzE4IDM1Ljk5OTcxOXYyMi41MTE4MjRhMzUuOTk5NzE5IDM1Ljk5OTcxOSAwIDAgMS0zNS45OTk3MTggMzUuOTk5NzE5aC03MTkuOTk0Mzc1YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEtMzUuOTk5NzE5LTM1Ljk5OTcxOXYtMjIuNTExODI0YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEgMzUuOTk5NzE5LTM1Ljk5OTcxOXogbTAgMjg2LjUwOTc2Mmg3MTkuOTk0Mzc1YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEgMzUuOTk5NzE4IDM1Ljk5OTcxOXYyNC43NDM4MDZhMzUuOTk5NzE5IDM1Ljk5OTcxOSAwIDAgMS0zNS45OTk3MTggMzUuOTk5NzE5aC03MTkuOTk0Mzc1YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEtMzUuOTk5NzE5LTM1Ljk5OTcxOXYtMjQuNzQzODA2YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEgMzUuOTk5NzE5LTM1Ljk5OTcxOXoiIHAtaWQ9IjQ1OTIiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4="},214:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home",[n("template",{slot:"nav"},[n("router-link",{staticClass:"tab right",attrs:{to:"/zh-CN",exact:""}},[n("span",[t._v("首页")])]),t._v(" "),n("router-link",{staticClass:"tab right",attrs:{to:"/zh-CN/docs"}},[n("span",[t._v("文档")])]),t._v(" "),n("router-link",{staticClass:"tab right",attrs:{to:"/zh-CN/example"}},[n("span",[t._v("示例")])])],1),t._v(" "),n("div",{attrs:{slot:"home"},slot:"home"},[t._v("home")])],2)},staticRenderFns:[]}},215:function(t,e,n){function o(t){n(216)}var i=n(11)(n(217),n(221),o,null,null);t.exports=i.exports},216:function(t,e){},217:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(105)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{HomeIndex:o.default}},t.exports=e.default})},218:function(t,e){},219:function(t,e,n){var o,i,a;!function(n,s){i=[t,e],o=s,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={},t.exports=e.default})},220:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"home-index"},[t._m(0),t._v(" "),n("p",[t._t("desc")],2),t._v(" "),t._m(1),t._v(" "),n("section",{staticClass:"features"},[n("ul",[t._t("features")],2)]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("h2",[n("img",{attrs:{src:"//static.galileo.xiaojukeji.com/static/tms/shield/z/mofang/mofang/images/mofang_logo.png"}}),t._v(" "),n("p",[t._v("cube-ui")])])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"ghbtns"},[n("a",{attrs:{href:"https://github.com/didi/cube-ui"}},[n("img",{attrs:{src:"https://img.shields.io/github/stars/didi/cube-ui.svg?style=social&label=Star"}})]),t._v(" "),n("a",{attrs:{href:"https://github.com/didi/cube-ui"}},[n("img",{attrs:{src:"https://img.shields.io/github/forks/didi/cube-ui.svg?style=social&label=Fork"}})]),t._v(" "),n("a",{attrs:{href:"https://github.com/didi/cube-ui"}},[n("img",{attrs:{src:"https://img.shields.io/github/watchers/wepyjs/wepy.svg?style=social&label=Watch"}})])])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("footer",[n("a",{attrs:{href:"https://github.com/didi"}},[t._v("© DiDi")])])}]}},221:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home-index",[n("template",{slot:"desc"},[t._v("A fantastic mobile ui lib implement by Vue.js")]),t._v(" "),n("template",{slot:"features"},[n("li",[n("h1",[t._v("Quality")]),t._v("\n Extracted from DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration.\n ")]),t._v(" "),n("li",[n("h1",[t._v("Experience")]),t._v("\n Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience.\n ")]),t._v(" "),n("li",[n("h1",[t._v("Standard")]),t._v("\n Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient.\n ")]),t._v(" "),n("li",[n("h1",[t._v("Scalability")]),t._v("\n Lightweight and flexible: support "),n("router-link",{attrs:{to:"/en-US/docs/post-compile"}},[t._v("post-compile")]),t._v(" and importing on demand; High scalability: it is easy to implement secondary development based on existing components.\n ")],1)])],2)},staticRenderFns:[]}},222:function(t,e,n){function o(t){n(223)}var i=n(11)(n(224),n(225),o,null,null);t.exports=i.exports},223:function(t,e){},224:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(105)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{HomeIndex:o.default}},t.exports=e.default})},225:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home-index",[n("template",{slot:"desc"},[t._v("基于 Vue.js 实现的精致移动端组件库")]),t._v(" "),n("template",{slot:"features"},[n("li",[n("h1",[t._v("质量可靠")]),t._v("\n 由滴滴内部组件库精简提炼而来，历经考验，并且每个组件都有充分单元测试，为后续集成提供保障。\n ")]),t._v(" "),n("li",[n("h1",[t._v("体验极致")]),t._v("\n 以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。\n ")]),t._v(" "),n("li",[n("h1",[t._v("标准规范")]),t._v("\n 遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。\n ")]),t._v(" "),n("li",[n("h1",[t._v("扩展性强")]),t._v("\n 支持按需引入和"),n("router-link",{attrs:{to:"/zh-CN/docs/post-compile"}},[t._v("后编译")]),t._v("，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。\n ")],1)])],2)},staticRenderFns:[]}},226:function(t,e,n){function o(t){n(227)}var i=n(11)(n(228),n(229),o,null,null);t.exports=i.exports},227:function(t,e){},228:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(43),n(103)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(o);e.default={data:function(){return{baseUrl:n.baseUrl}},components:{Display:i.default}},t.exports=e.default})},229:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"home-example"},[n("a",{staticClass:"online-link",attrs:{href:t.baseUrl}},[t._v("Online Example")]),t._v(" "),n("img",{attrs:{src:"https://raw.githubusercontent.com/didichuxing/cube-ui/master/assets/example-qr.png?token=ACBfUmDS85HOeaGQI49yS9qYyJOd0joSks5aCQpvwA%3D%3D"}}),t._v(" "),n("display")],1)},staticRenderFns:[]}},230:function(t,e,n){function o(t){n(231)}var i=n(11)(n(232),n(233),o,null,null);t.exports=i.exports},231:function(t,e){},232:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(104)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:o.default}},t.exports=e.default})},233:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home",[n("template",{slot:"nav"},[n("router-link",{staticClass:"tab right",attrs:{to:"/en-US",exact:""}},[n("span",[t._v("Home")])]),t._v(" "),n("router-link",{staticClass:"tab right",attrs:{to:"/en-US/docs"}},[n("span",[t._v("Docs")])]),t._v(" "),n("router-link",{staticClass:"tab right",attrs:{to:"/en-US/example"}},[n("span",[t._v("Example")])])],1),t._v(" "),n("div",{attrs:{slot:"home"},slot:"home"},[t._v("home")])],2)},staticRenderFns:[]}},43:function(t,e,n){var o,i,a;!function(s,u){i=[e,n(51),n(153)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}function i(t,e){try{window.localStorage.setItem(t,e)}catch(n){c.default.set(t,e,{expires:365})}}function a(t){var e=window.localStorage.getItem(t);return e||(e=c.default.get(t)),e||""}function s(){var t=window.location.hash,e=t?t.indexOf("/zh-")>=0?"zh-CN":"en-US":"",n=e||a("CUBE_LANGUAGE")||window.navigator.language||"en-US",o="en-US";return n.indexOf("zh-")>=0&&(o="zh-CN"),i("CUBE_LANGUAGE",o),o}Object.defineProperty(t,"__esModule",{value:!0}),t.eventHub=t.baseUrl=void 0,t.setItem=i,t.getItem=a,t.getCurrentLang=s;var u=o(e),c=o(n),r=new u.default;t.baseUrl="https://didi.github.io/cube-ui/example/#/",t.eventHub=r})},444:function(t,e){},445:function(t,e){},446:function(t,e,n){var o,i,a;!function(s,u){i=[n(51),n(106)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}var o=n(t),i=n(e);o.default.directive("highlight",function(t){t.querySelectorAll("pre code").forEach(function(t){i.default.highlightBlock(t)})})})}},[142]); \ No newline at end of file diff --git a/docs/js/app.2a579527a8daa5dc7209.js b/docs/js/app.2a579527a8daa5dc7209.js deleted file mode 100644 index 36e0b3af..00000000 --- a/docs/js/app.2a579527a8daa5dc7209.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([49],{102:function(t,e){t.exports={"en-US":{overview:{name:"Overview",subList:{introduction:"Introduction","quick-start":"QuickStart","post-compile":"PostCompile",theme:"Theme",singleton:"Singleton"}},components:{name:"Components",subList:{basic:{name:"Basic",subList:{button:"Button",checkbox:"Checkbox","checkbox-group":"CheckboxGroup",loading:"Loading",tip:"Tip"}},popup:{name:"Popup",subList:{popup:"Popup",toast:"Toast",picker:"Picker","cascade-picker":"CascadePicker","time-picker":"TimePicker",dialog:"Dialog","action-sheet":"ActionSheet"}},scroll:{name:"Scroll",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList"}}}},modules:{name:"Modules",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}},"zh-CN":{overview:{name:"概览",subList:{introduction:"介绍","quick-start":"快速上手","post-compile":"后编译",theme:"主题",singleton:"单例模式"}},components:{name:"组件",subList:{basic:{name:"基础",subList:{button:"Button",checkbox:"Checkbox","checkbox-group":"CheckboxGroup",loading:"Loading",tip:"Tip"}},popup:{name:"弹出层",subList:{popup:"Popup",toast:"Toast",picker:"Picker","cascade-picker":"CascadePicker","time-picker":"TimePicker",dialog:"Dialog","action-sheet":"ActionSheet"}},scroll:{name:"滚动",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList"}}}},modules:{name:"模块",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}}}},103:function(t,e,n){function o(t){n(193)}var i=n(11)(n(194),n(195),o,null,null);t.exports=i.exports},104:function(t,e,n){function o(t){n(202)}var i=n(11)(n(203),n(212),o,null,null);t.exports=i.exports},105:function(t,e,n){function o(t){n(218)}var i=n(11)(n(219),n(220),o,null,null);t.exports=i.exports},106:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(234),n(235),n(236),n(241),n(237),n(238),n(239),n(240)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n,o,i,a,s,u,c,r){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var d=l(n),M=l(o),f=l(i),p=l(a),v=l(s),g=l(u),h=l(c),N=l(r);d.default.registerLanguage("css",f.default),d.default.registerLanguage("markdown",p.default),d.default.registerLanguage("javascript",v.default),d.default.registerLanguage("json",g.default),d.default.registerLanguage("shell",M.default),d.default.registerLanguage("stylus",h.default),d.default.registerLanguage("xml",N.default),e.default=d.default,t.exports=e.default})},141:function(t,e,n){function o(t){n(183)}var i=n(11)(n(184),n(196),o,null,null);t.exports=i.exports},142:function(t,e,n){var o,i,a;!function(s,u){i=[n(51),n(146),n(151),n(106),n(242),n(444),n(445),n(446)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}var a=i(t),s=i(e),u=i(n);i(o).default.initHighlightingOnLoad(),new a.default({el:"#app",router:u.default,render:function(t){return t(s.default)}})})},146:function(t,e,n){function o(t){n(147)}var i=n(11)(n(149),n(150),o,null,null);t.exports=i.exports},147:function(t,e){},149:function(t,e,n){var o,i,a;!function(n,s){i=[t,e],o=s,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{oldPath:window.location.hash}},mounted:function(){var t=this;document.body.addEventListener("click",function(e){for(var n=e.target;n&&"anchor"!==n.className;)n=n.parentNode;n&&(e.preventDefault(),t.scrollToHash(n.getAttribute("href")))})},watch:{$route:function(t,e){this.oldPath="#"+t.path,this.scrollToHash()}},methods:{scrollToHash:function(t){var e=/#cube-(.*)-anchor/,n="",o=void 0;if(t||(o=window.location.hash.match(e))&&(t=o[0]),t){o=t.match(e),n=this.oldPath+t,window.location.hash=n;var i=o[1],a=document.querySelector("#"+i);a&&a.scrollIntoView()}}}},t.exports=e.default})},150:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("router-view")],1)},staticRenderFns:[]}},151:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(51),n(152),n(43),n(154),n(230),n(199),n(215),n(222),n(226),n(141)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n,o,i,a,s,u,c,r,l){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var M=d(n),f=d(o),p=d(a),v=d(s),g=d(u),h=d(c),N=d(r),m=d(l);M.default.use(f.default);var y=(0,i.getCurrentLang)(),T=[{path:"",component:h.default},{path:"example",component:m.default}].concat(p.default["en-US"]),z=[{path:"",component:N.default},{path:"example",component:m.default}].concat(p.default["zh-CN"]);e.default=new f.default({routes:[{path:"/",redirect:"/"+y},{path:"/en-US",component:v.default,children:T},{path:"/zh-CN",component:g.default,children:z}]}),t.exports=e.default})},154:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(155),n(43),n(102)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,o,i,a){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}function u(t){var e=[];return(0,c.default)(t.subList).forEach(function(n){var o=t.subList[n];"string"==typeof o?e.push(n):e=e.concat(u(o))}),e}Object.defineProperty(e,"__esModule",{value:!0});var c=s(o),r=s(a),l={};(0,c.default)(r.default).forEach(function(t){var e=function(t){return i.eventHub.$emit("begin-loading"),t.then(function(t){return i.eventHub.$emit("finish-loading"),t})},o=[],a={path:"docs",redirect:"./docs/introduction",component:function(){return e(n(182)("./"+t+".vue"))},children:o};l[t]=[a];var s=r.default[t];(0,c.default)(s).forEach(function(i){u(s[i]).forEach(function(i){o.push({path:i,component:function(){return e(n(198)("./"+t+"/"+i+".md"))}})})})}),e.default=l,t.exports=e.default})},182:function(t,e,n){function o(t){var e=i[t];return e?n.e(e[1]).then(function(){return n(e[0])}):Promise.reject(new Error("Cannot find module '"+t+"'."))}var i={"./en-US.vue":[449,1],"./zh-CN.vue":[450,0]};o.keys=function(){return Object.keys(i)},o.id=182,t.exports=o},183:function(t,e){},184:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(185),n(103),n(102)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n,o,i){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=a(n),u=a(o),c=a(i);e.default={props:{lang:{type:String,default:"zh-CN"}},data:function(){return{navList:c.default[this.lang],showCatalog:!1}},watch:{$route:function(){this.showCatalog=!1,window.scrollTo(0,0)}},methods:{toggleCatalog:function(){this.showCatalog=!this.showCatalog}},mounted:function(){var t=document.querySelector(".md-body"),e=/#cube-(.*)-anchor/,n=window.location.hash.match(e);if(n){var o=n[1],i=t.querySelector("#"+o);i&&i.scrollIntoView()}},components:{SideList:s.default,Display:u.default}},t.exports=e.default})},185:function(t,e,n){function o(t){n(186)}var i=n(11)(n(187),n(192),o,null,null);t.exports=i.exports},186:function(t,e){},187:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(188)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={props:{navList:{type:Object,default:function(){return{}}}},components:{SideNav:o.default}},t.exports=e.default})},188:function(t,e,n){function o(t){n(189)}var i=n(11)(n(190),n(191),o,null,null);t.exports=i.exports},189:function(t,e){},190:function(t,e,n){var o,i,a;!function(n,s){i=[t,e],o=s,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"side-nav",props:{data:{type:Object,default:function(){return{}}}}},t.exports=e.default})},191:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ul",{staticClass:"nav-ul"},t._l(t.data,function(e,o){return n("li",{key:o,staticClass:"nav-li"},[e.name?[n("p",{staticClass:"nav-name"},[t._v(t._s(e.name))]),t._v(" "),n("side-nav",{attrs:{data:e.subList}})]:n("router-link",{attrs:{"active-class":"nav-active",to:{path:o}}},[t._v(t._s(e))])],2)}))},staticRenderFns:[]}},192:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("nav",{staticClass:"page-sidelist"},[n("side-nav",{attrs:{data:t.navList}})],1)},staticRenderFns:[]}},193:function(t,e){},194:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(43)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{hash:"/"}},computed:{ifrSrc:function(){return""+n.baseUrl+this.hash}},watch:{$route:{handler:function(t,e){var n=t.path.indexOf("/docs/");this.hash=t.path.substr(n+6)},immediate:!0}}},t.exports=e.default})},195:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"page-display"},[n("div",{staticClass:"display-wrapper"},[n("section",{staticClass:"mofang-demo"},[n("iframe",{attrs:{src:t.ifrSrc,frameborder:"0",width:"100%",height:"100%"}})])])])},staticRenderFns:[]}},196:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"docs-view"},[o("img",{staticClass:"toggle-catalog",attrs:{src:n(197)},on:{click:t.toggleCatalog}}),t._v(" "),o("div",{staticClass:"nav-list-wrapper",class:{active:t.showCatalog}},[o("side-list",{attrs:{"nav-list":t.navList}})],1),t._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:t.showCatalog,expression:"showCatalog"}],staticClass:"mask",class:{active:t.showCatalog},on:{click:t.toggleCatalog}}),t._v(" "),o("router-view",{directives:[{name:"highlight",rawName:"v-highlight"}],staticClass:"page-doc md-body"}),t._v(" "),o("display")],1)},staticRenderFns:[]}},197:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTEwNjQ5MzE2NDgyIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM3NjIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTg4Ny4yMTIxMDIgMjY0LjY0NDM3OSAzMjAuMDgzNTI3IDI2NC42NDQzNzljLTI5LjgyNjMwNiAwLTU0LjAxMjE0OC0yMy44OTYyNDYtNTQuMDEyMTQ4LTUzLjcyMzU3NXMyNC4xODU4NDItNTMuNzIzNTc1IDU0LjAxMjE0OC01My43MjM1NzVsNTY3LjEyNzU1MiAwYzI5LjgyNzMyOSAwIDU0LjAxMjE0OCAyMy44OTYyNDYgNTQuMDEyMTQ4IDUzLjcyMzU3NVM5MTcuMDM5NDMxIDI2NC42NDQzNzkgODg3LjIxMjEwMiAyNjQuNjQ0Mzc5ek04ODcuMjEyMTAyIDU2Mi40MjY0ODMgMzIwLjA4MzUyNyA1NjIuNDI2NDgzYy0yOS44MjYzMDYgMC01NC4wMTIxNDgtMjQuNDA4OTIzLTU0LjAxMjE0OC01NC4yMzUyMjkgMC0yOS44MjgzNTIgMjQuMTg1ODQyLTU0LjIzNTIyOSA1NC4wMTIxNDgtNTQuMjM1MjI5bDU2Ny4xMjc1NTIgMGMyOS44MjczMjkgMCA1NC4wMTIxNDggMjQuNDA2ODc2IDU0LjAxMjE0OCA1NC4yMzUyMjlDOTQxLjIyNDI1IDUzOC4wMTg1ODMgOTE3LjAzOTQzMSA1NjIuNDI2NDgzIDg4Ny4yMTIxMDIgNTYyLjQyNjQ4M3pNODg3LjIxMjEwMiA4NTkuMTg1MjggMzIwLjA4MzUyNyA4NTkuMTg1MjhjLTI5LjgyNjMwNiAwLTU0LjAxMjE0OC0yNC40MDc4OTktNTQuMDEyMTQ4LTU0LjIzNTIyOXMyNC4xODU4NDItNTQuMjM1MjI5IDU0LjAxMjE0OC01NC4yMzUyMjlsNTY3LjEyNzU1MiAwYzI5LjgyNzMyOSAwIDU0LjAxMjE0OCAyNC40MDc4OTkgNTQuMDEyMTQ4IDU0LjIzNTIyOVM5MTcuMDM5NDMxIDg1OS4xODUyOCA4ODcuMjEyMTAyIDg1OS4xODUyOHpNMTUzLjU2NTAwMyAyNTcuOTQzNzdsLTQ3LjI2MTM5NyAwYy0xMy4wNTUzNCAwLTIzLjYzMDE4Ny0xMC42MDE0NTItMjMuNjMwMTg3LTIzLjY1NTc2OWwwLTQ3LjIzNDc5MWMwLTEzLjA4MDkyMyAxMC41NzQ4NDYtMjMuNjMwMTg3IDIzLjYzMDE4Ny0yMy42MzAxODdsNDcuMjYxMzk3IDBjMTMuMDU0MzE3IDAgMjMuNjMwMTg3IDEwLjU0OTI2NCAyMy42MzAxODcgMjMuNjMwMTg3bDAgNDcuMjM0NzkxQzE3Ny4xOTUxOSAyNDcuMzQxMjk1IDE2Ni42MTkzMiAyNTcuOTQzNzcgMTUzLjU2NTAwMyAyNTcuOTQzNzdMMTUzLjU2NTAwMyAyNTcuOTQzNzd6TTE1My41NjUwMDMgODUyLjA3NjM3MmwtNDcuMjYxMzk3IDBjLTEzLjA1NTM0IDAtMjMuNjMwMTg3LTEwLjYwMDQyOS0yMy42MzAxODctMjMuNjU1NzY5bDAtNDcuMjMzNzY4YzAtMTMuMDgwOTIzIDEwLjU3NDg0Ni0yMy42MzEyMSAyMy42MzAxODctMjMuNjMxMjFsNDcuMjYxMzk3IDBjMTMuMDU0MzE3IDAgMjMuNjMwMTg3IDEwLjU1MDI4NyAyMy42MzAxODcgMjMuNjMxMjFsMCA0Ny4yMzM3NjhDMTc3LjE5NTE5IDg0MS40NzU5NDMgMTY2LjYxOTMyIDg1Mi4wNzYzNzIgMTUzLjU2NTAwMyA4NTIuMDc2MzcyTDE1My41NjUwMDMgODUyLjA3NjM3MnpNMTUzLjU2NTAwMyA1NDEuNTA3MDM0bC00Ny4yNjEzOTcgMGMtMTMuMDU1MzQgMC0yMy42MzAxODctMTAuNjAxNDUyLTIzLjYzMDE4Ny0yMy42NTU3NjlsMC00Ny4yMzQ3OTFjMC0xMy4wODA5MjMgMTAuNTc0ODQ2LTIzLjYzMDE4NyAyMy42MzAxODctMjMuNjMwMTg3bDQ3LjI2MTM5NyAwYzEzLjA1NDMxNyAwIDIzLjYzMDE4NyAxMC41NDkyNjQgMjMuNjMwMTg3IDIzLjYzMDE4N2wwIDQ3LjIzNDc5MUMxNzcuMTk1MTkgNTMwLjkwNTU4MiAxNjYuNjE5MzIgNTQxLjUwNzAzNCAxNTMuNTY1MDAzIDU0MS41MDcwMzRMMTUzLjU2NTAwMyA1NDEuNTA3MDM0eiIgcC1pZD0iMzc2MyIgZmlsbD0iIzMzMzMzMyI+PC9wYXRoPjwvc3ZnPg=="},198:function(t,e,n){function o(t){var e=i[t];return e?n.e(e[1]).then(function(){return n(e[0])}):Promise.reject(new Error("Cannot find module '"+t+"'."))}var i={"./en-US/action-sheet.md":[451,47],"./en-US/better-scroll.md":[452,46],"./en-US/button.md":[453,45],"./en-US/cascade-picker.md":[454,44],"./en-US/checkbox-group.md":[455,43],"./en-US/checkbox.md":[456,42],"./en-US/create-api.md":[457,41],"./en-US/dialog.md":[458,40],"./en-US/index-list.md":[459,39],"./en-US/introduction.md":[460,38],"./en-US/loading.md":[461,37],"./en-US/picker.md":[462,36],"./en-US/popup.md":[463,35],"./en-US/post-compile.md":[464,34],"./en-US/quick-start.md":[465,33],"./en-US/scroll.md":[466,32],"./en-US/singleton.md":[467,31],"./en-US/slide.md":[468,30],"./en-US/style.md":[469,29],"./en-US/theme.md":[470,28],"./en-US/time-picker.md":[471,27],"./en-US/tip.md":[472,26],"./en-US/toast.md":[473,25],"./zh-CN/action-sheet.md":[474,24],"./zh-CN/better-scroll.md":[475,23],"./zh-CN/button.md":[476,22],"./zh-CN/cascade-picker.md":[477,21],"./zh-CN/checkbox-group.md":[478,20],"./zh-CN/checkbox.md":[479,19],"./zh-CN/create-api.md":[480,18],"./zh-CN/dialog.md":[481,17],"./zh-CN/index-list.md":[482,16],"./zh-CN/introduction.md":[483,15],"./zh-CN/loading.md":[484,14],"./zh-CN/picker.md":[485,13],"./zh-CN/popup.md":[486,12],"./zh-CN/post-compile.md":[487,11],"./zh-CN/quick-start.md":[488,10],"./zh-CN/scroll.md":[489,9],"./zh-CN/singleton.md":[490,8],"./zh-CN/slide.md":[491,7],"./zh-CN/style.md":[492,6],"./zh-CN/theme.md":[493,5],"./zh-CN/time-picker.md":[494,4],"./zh-CN/tip.md":[495,3],"./zh-CN/toast.md":[496,2]};o.keys=function(){return Object.keys(i)},o.id=198,t.exports=o},199:function(t,e,n){function o(t){n(200)}var i=n(11)(n(201),n(214),o,null,null);t.exports=i.exports},200:function(t,e){},201:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(104)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:o.default}},t.exports=e.default})},202:function(t,e){},203:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(204),n(208)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=i(n),s=i(o);e.default={data:function(){return{showTabs:!1,isDocs:this.$route.path.includes("/docs")}},watch:{$route:function(t){this.isDocs=t.path.includes("/docs"),this.showTabs=!1}},components:{SiteLang:a.default,NavLoading:s.default},methods:{toggleNav:function(){this.showTabs=!this.showTabs},toggleCatalog:function(){this.showCatalog=!this.showCatalog}}},t.exports=e.default})},204:function(t,e,n){function o(t){n(205)}var i=n(11)(n(206),n(207),o,null,null);t.exports=i.exports},205:function(t,e){},206:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(43)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={data:function(){return{current:(0,n.getCurrentLang)(),langs:{"zh-CN":"中","en-US":"En"}}},methods:{to:function(t){this.current!==t&&(this.current=t,(0,n.setItem)("CUBE_LANGUAGE",t),this.$router.replace({path:this.$router.currentRoute.path.replace(/\/(zh-CN|en-US)(?=\/?)/,"/"+t)}))}}},t.exports=e.default})},207:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{staticClass:"langs"},t._l(t.langs,function(e,o){return n("a",{class:{active:t.current===o},attrs:{href:"javascript:;"},on:{click:function(e){t.to(o)}}},[t._v(t._s(e))])}))},staticRenderFns:[]}},208:function(t,e,n){function o(t){n(209)}var i=n(11)(n(210),n(211),o,null,null);t.exports=i.exports},209:function(t,e){},210:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(43)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{loading:!1,toEnd:!1}},computed:{loadingCls:function(){var t={};return this.loading&&(t["nav-loading-ani"]=!0),this.toEnd&&(t["nav-loading-ani-end"]=!0),t}},created:function(){var t=this,e=void 0,o=void 0;n.eventHub.$on("begin-loading",function(){o=Date.now(),clearTimeout(e),t.loading=!0}),n.eventHub.$on("finish-loading",function(){var n=Date.now()-o;n>500?t.resetLoading():e=setTimeout(t.resetLoading,500-n)})},methods:{resetLoading:function(){var t=this;this.toEnd=!0,setTimeout(function(){t.toEnd=!1,t.loading=!1},100)}}},t.exports=e.default})},211:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"nav-loading",class:t.loadingCls})},staticRenderFns:[]}},212:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"home-view"},[o("div",{staticClass:"navigator",class:{active:t.showTabs}},[o("h1",{staticClass:"logo"},[o("router-link",{attrs:{to:"/"}},[o("span",[t._v("cube-ui")])])],1),t._v(" "),o("div",{staticClass:"tabs"},[t._t("nav"),t._v(" "),o("site-lang")],2),t._v(" "),o("span",{staticClass:"toggle-nav",on:{click:t.toggleNav}},[o("img",{attrs:{src:n(213)}})])]),t._v(" "),o("div",{staticClass:"router-view"},[o("nav-loading"),t._v(" "),o("router-view")],1)])},staticRenderFns:[]}},213:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTEwNjQ5NDAxODMzIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ1OTEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE1MS45OTA4MTMgMTc1Ljk5MDYyNWg3MTkuOTk0Mzc1YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEgMzUuOTk5NzE4IDM1Ljk5OTcxOXYyNC43NDM4MDdhMzUuOTk5NzE5IDM1Ljk5OTcxOSAwIDAgMS0zNS45OTk3MTggMzUuOTk5NzE4aC03MTkuOTk0Mzc1YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEtMzUuOTk5NzE5LTM1Ljk5OTcxOFYyMTEuOTkwMzQ0YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEgMzUuOTk5NzE5LTM1Ljk5OTcxOXogbTAgMjg4Ljc0MTc0NGg3MTkuOTk0Mzc1YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEgMzUuOTk5NzE4IDM1Ljk5OTcxOXYyMi41MTE4MjRhMzUuOTk5NzE5IDM1Ljk5OTcxOSAwIDAgMS0zNS45OTk3MTggMzUuOTk5NzE5aC03MTkuOTk0Mzc1YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEtMzUuOTk5NzE5LTM1Ljk5OTcxOXYtMjIuNTExODI0YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEgMzUuOTk5NzE5LTM1Ljk5OTcxOXogbTAgMjg2LjUwOTc2Mmg3MTkuOTk0Mzc1YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEgMzUuOTk5NzE4IDM1Ljk5OTcxOXYyNC43NDM4MDZhMzUuOTk5NzE5IDM1Ljk5OTcxOSAwIDAgMS0zNS45OTk3MTggMzUuOTk5NzE5aC03MTkuOTk0Mzc1YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEtMzUuOTk5NzE5LTM1Ljk5OTcxOXYtMjQuNzQzODA2YTM1Ljk5OTcxOSAzNS45OTk3MTkgMCAwIDEgMzUuOTk5NzE5LTM1Ljk5OTcxOXoiIHAtaWQ9IjQ1OTIiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4="},214:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home",[n("template",{slot:"nav"},[n("router-link",{staticClass:"tab right",attrs:{to:"/zh-CN",exact:""}},[n("span",[t._v("首页")])]),t._v(" "),n("router-link",{staticClass:"tab right",attrs:{to:"/zh-CN/docs"}},[n("span",[t._v("文档")])]),t._v(" "),n("router-link",{staticClass:"tab right",attrs:{to:"/zh-CN/example"}},[n("span",[t._v("示例")])])],1),t._v(" "),n("div",{attrs:{slot:"home"},slot:"home"},[t._v("home")])],2)},staticRenderFns:[]}},215:function(t,e,n){function o(t){n(216)}var i=n(11)(n(217),n(221),o,null,null);t.exports=i.exports},216:function(t,e){},217:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(105)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{HomeIndex:o.default}},t.exports=e.default})},218:function(t,e){},219:function(t,e,n){var o,i,a;!function(n,s){i=[t,e],o=s,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={},t.exports=e.default})},220:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"home-index"},[t._m(0),t._v(" "),n("p",[t._t("desc")],2),t._v(" "),t._m(1),t._v(" "),n("section",{staticClass:"features"},[n("ul",[t._t("features")],2)]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("h2",[n("img",{attrs:{src:"//static.galileo.xiaojukeji.com/static/tms/shield/z/mofang/mofang/images/mofang_logo.png"}}),t._v(" "),n("p",[t._v("cube-ui")])])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"ghbtns"},[n("a",{attrs:{href:"https://github.com/didi/cube-ui"}},[n("img",{attrs:{src:"https://img.shields.io/github/stars/didi/cube-ui.svg?style=social&label=Star"}})]),t._v(" "),n("a",{attrs:{href:"https://github.com/didi/cube-ui"}},[n("img",{attrs:{src:"https://img.shields.io/github/forks/didi/cube-ui.svg?style=social&label=Fork"}})]),t._v(" "),n("a",{attrs:{href:"https://github.com/didi/cube-ui"}},[n("img",{attrs:{src:"https://img.shields.io/github/watchers/wepyjs/wepy.svg?style=social&label=Watch"}})])])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("footer",[n("a",{attrs:{href:"https://github.com/didi"}},[t._v("© DiDi")])])}]}},221:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home-index",[n("template",{slot:"desc"},[t._v("A fantastic mobile ui lib implement by Vue.js")]),t._v(" "),n("template",{slot:"features"},[n("li",[n("h1",[t._v("Quality")]),t._v("\n Extracted from DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration.\n ")]),t._v(" "),n("li",[n("h1",[t._v("Experience")]),t._v("\n Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience.\n ")]),t._v(" "),n("li",[n("h1",[t._v("Standard")]),t._v("\n Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient.\n ")]),t._v(" "),n("li",[n("h1",[t._v("Scalability")]),t._v("\n Lightweight and flexible: support "),n("router-link",{attrs:{to:"/en-US/docs/post-compile"}},[t._v("post-compile")]),t._v(" and importing on demand; High scalability: it is easy to implement secondary development based on existing components.\n ")],1)])],2)},staticRenderFns:[]}},222:function(t,e,n){function o(t){n(223)}var i=n(11)(n(224),n(225),o,null,null);t.exports=i.exports},223:function(t,e){},224:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(105)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{HomeIndex:o.default}},t.exports=e.default})},225:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home-index",[n("template",{slot:"desc"},[t._v("基于 Vue.js 实现的精致移动端组件库")]),t._v(" "),n("template",{slot:"features"},[n("li",[n("h1",[t._v("质量可靠")]),t._v("\n 由滴滴内部组件库精简提炼而来，历经考验，并且每个组件都有充分单元测试，为后续集成提供保障。\n ")]),t._v(" "),n("li",[n("h1",[t._v("体验极致")]),t._v("\n 以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。\n ")]),t._v(" "),n("li",[n("h1",[t._v("标准规范")]),t._v("\n 遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。\n ")]),t._v(" "),n("li",[n("h1",[t._v("扩展性强")]),t._v("\n 支持按需引入和"),n("router-link",{attrs:{to:"/zh-CN/docs/post-compile"}},[t._v("后编译")]),t._v("，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。\n ")],1)])],2)},staticRenderFns:[]}},226:function(t,e,n){function o(t){n(227)}var i=n(11)(n(228),n(229),o,null,null);t.exports=i.exports},227:function(t,e){},228:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(43),n(103)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(o);e.default={data:function(){return{baseUrl:n.baseUrl}},components:{Display:i.default}},t.exports=e.default})},229:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"home-example"},[n("a",{staticClass:"online-link",attrs:{href:t.baseUrl}},[t._v("Online Example")]),t._v(" "),n("img",{attrs:{src:"https://raw.githubusercontent.com/didichuxing/cube-ui/master/assets/example-qr.png?token=ACBfUmDS85HOeaGQI49yS9qYyJOd0joSks5aCQpvwA%3D%3D"}}),t._v(" "),n("display")],1)},staticRenderFns:[]}},230:function(t,e,n){function o(t){n(231)}var i=n(11)(n(232),n(233),o,null,null);t.exports=i.exports},231:function(t,e){},232:function(t,e,n){var o,i,a;!function(s,u){i=[t,e,n(104)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:o.default}},t.exports=e.default})},233:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home",[n("template",{slot:"nav"},[n("router-link",{staticClass:"tab right",attrs:{to:"/en-US",exact:""}},[n("span",[t._v("Home")])]),t._v(" "),n("router-link",{staticClass:"tab right",attrs:{to:"/en-US/docs"}},[n("span",[t._v("Docs")])]),t._v(" "),n("router-link",{staticClass:"tab right",attrs:{to:"/en-US/example"}},[n("span",[t._v("Example")])])],1),t._v(" "),n("div",{attrs:{slot:"home"},slot:"home"},[t._v("home")])],2)},staticRenderFns:[]}},43:function(t,e,n){var o,i,a;!function(s,u){i=[e,n(51),n(153)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}function i(t,e){try{window.localStorage.setItem(t,e)}catch(n){c.default.set(t,e,{expires:365})}}function a(t){var e=window.localStorage.getItem(t);return e||(e=c.default.get(t)),e||""}function s(){var t=window.location.hash,e=t?t.indexOf("/zh-")>=0?"zh-CN":"en-US":"",n=e||a("CUBE_LANGUAGE")||window.navigator.language||"en-US",o="en-US";return n.indexOf("zh-")>=0&&(o="zh-CN"),i("CUBE_LANGUAGE",o),o}Object.defineProperty(t,"__esModule",{value:!0}),t.eventHub=t.baseUrl=void 0,t.setItem=i,t.getItem=a,t.getCurrentLang=s;var u=o(e),c=o(n),r=new u.default;t.baseUrl="https://didi.github.io/cube-ui/example/#/",t.eventHub=r})},444:function(t,e){},445:function(t,e){},446:function(t,e,n){var o,i,a;!function(s,u){i=[n(51),n(106)],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}var o=n(t),i=n(e);o.default.directive("highlight",function(t){t.querySelectorAll("pre code").forEach(function(t){i.default.highlightBlock(t)})})})}},[142]); \ No newline at end of file diff --git a/docs/js/manifest.033831aa5457ececd852.js b/docs/js/manifest.033831aa5457ececd852.js deleted file mode 100644 index a1f7b6f2..00000000 --- a/docs/js/manifest.033831aa5457ececd852.js +++ /dev/null @@ -1 +0,0 @@ -!function(e){function c(a){if(f[a])return f[a].exports;var d=f[a]={i:a,l:!1,exports:{}};return e[a].call(d.exports,d,d.exports,c),d.l=!0,d.exports}var a=window.webpackJsonp;window.webpackJsonp=function(f,n,r){for(var b,t,o,u=0,i=[];u0?i(r(t),9007199254740991):0}},function(t,n,e){var r=e(24);t.exports=function(t){return Object(r(t))}},function(t,n){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,n){t.exports=function(t,n,e,r,i){var o,a=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(o=t,a=t.default);var c="function"==typeof a?a.options:a;n&&(c.render=n.render,c.staticRenderFns=n.staticRenderFns),r&&(c._scopeId=r);var s;if(i?(s=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},c._ssrRegister=s):e&&(s=e),s){var f=c.functional,l=f?c.render:c.beforeCreate;f?c.render=function(t,n){return s.call(n),l(t,n)}:c.beforeCreate=l?[].concat(l,s):[s]}return{esModule:o,exports:a,options:c}}},function(t,n){var e={}.hasOwnProperty;t.exports=function(t,n){return e.call(t,n)}},function(t,n,e){var r=e(7),i=e(32);t.exports=e(6)?function(t,n,e){return r.f(t,n,i(1,e))}:function(t,n,e){return t[n]=e,t}},function(t,n,e){var r=e(2),i=e(13),o=e(12),a=e(33)("src"),u=Function.toString,c=(""+u).split("toString");e(22).inspectSource=function(t){return u.call(t)},(t.exports=function(t,n,e,u){var s="function"==typeof e;s&&(o(e,"name")||i(e,"name",n)),t[n]!==e&&(s&&(o(e,a)||i(e,a,t[n]?""+t[n]:c.join(String(n)))),t===r?t[n]=e:u?t[n]?t[n]=e:i(t,n,e):(delete t[n],i(t,n,e)))})(Function.prototype,"toString",function(){return"function"==typeof this&&this[a]||u.call(this)})},function(t,n,e){var r=e(0),i=e(3),o=e(24),a=/"/g,u=function(t,n,e,r){var i=String(o(t)),u="<"+n;return""!==e&&(u+=" "+e+'="'+String(r).replace(a,""")+'"'),u+">"+i+""};t.exports=function(t,n){var e={};e[t]=n(u),r(r.P+r.F*i(function(){var n=""[t]('"');return n!==n.toLowerCase()||n.split('"').length>3}),"String",e)}},function(t,n,e){var r=e(48),i=e(24);t.exports=function(t){return r(i(t))}},function(t,n,e){var r=e(49),i=e(32),o=e(16),a=e(23),u=e(12),c=e(107),s=Object.getOwnPropertyDescriptor;n.f=e(6)?s:function(t,n){if(t=o(t),n=a(n,!0),c)try{return s(t,n)}catch(t){}if(u(t,n))return i(!r.f.call(t,n),t[n])}},function(t,n,e){var r=e(12),i=e(9),o=e(74)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=i(t),r(t,o)?t[o]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,n,e){var r=e(10);t.exports=function(t,n,e){if(r(t),void 0===n)return t;switch(e){case 1:return function(e){return t.call(n,e)};case 2:return function(e,r){return t.call(n,e,r)};case 3:return function(e,r,i){return t.call(n,e,r,i)}}return function(){return t.apply(n,arguments)}}},function(t,n){var e={}.toString;t.exports=function(t){return e.call(t).slice(8,-1)}},function(t,n,e){"use strict";var r=e(3);t.exports=function(t,n){return!!t&&r(function(){n?t.call(null,function(){},1):t.call(null)})}},function(t,n){var e=t.exports={version:"2.5.3"};"number"==typeof __e&&(__e=e)},function(t,n,e){var r=e(4);t.exports=function(t,n){if(!r(t))return t;var e,i;if(n&&"function"==typeof(e=t.toString)&&!r(i=e.call(t)))return i;if("function"==typeof(e=t.valueOf)&&!r(i=e.call(t)))return i;if(!n&&"function"==typeof(e=t.toString)&&!r(i=e.call(t)))return i;throw TypeError("Can't convert object to primitive value")}},function(t,n){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,n){var e=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:e)(t)}},function(t,n,e){var r=e(0),i=e(22),o=e(3);t.exports=function(t,n){var e=(i.Object||{})[t]||Object[t],a={};a[t]=n(e),r(r.S+r.F*o(function(){e(1)}),"Object",a)}},function(t,n,e){var r=e(19),i=e(48),o=e(9),a=e(8),u=e(91);t.exports=function(t,n){var e=1==t,c=2==t,s=3==t,f=4==t,l=6==t,p=5==t||l,h=n||u;return function(n,u,d){for(var v,g,y=o(n),m=i(y),b=r(u,d,3),_=a(m.length),w=0,x=e?h(n,_):c?h(n,0):void 0;_>w;w++)if((p||w in m)&&(v=m[w],g=b(v,w,y),t))if(e)x[w]=g;else if(g)switch(t){case 3:return!0;case 5:return v;case 6:return w;case 2:x.push(v)}else if(f)return!1;return l?-1:s||f?f:x}}},function(t,n,e){"use strict";if(e(6)){var r=e(34),i=e(2),o=e(3),a=e(0),u=e(63),c=e(97),s=e(19),f=e(40),l=e(32),p=e(13),h=e(42),d=e(25),v=e(8),g=e(133),y=e(36),m=e(23),b=e(12),_=e(50),w=e(4),x=e(9),E=e(88),S=e(37),O=e(18),A=e(38).f,C=e(90),M=e(33),k=e(5),N=e(27),T=e(54),R=e(61),j=e(93),I=e(46),P=e(58),L=e(39),$=e(92),F=e(123),D=e(7),B=e(17),U=D.f,W=B.f,z=i.RangeError,G=i.TypeError,V=i.Uint8Array,H=Array.prototype,q=c.ArrayBuffer,K=c.DataView,Z=N(0),X=N(2),J=N(3),Y=N(4),Q=N(5),tt=N(6),nt=T(!0),et=T(!1),rt=j.values,it=j.keys,ot=j.entries,at=H.lastIndexOf,ut=H.reduce,ct=H.reduceRight,st=H.join,ft=H.sort,lt=H.slice,pt=H.toString,ht=H.toLocaleString,dt=k("iterator"),vt=k("toStringTag"),gt=M("typed_constructor"),yt=M("def_constructor"),mt=u.CONSTR,bt=u.TYPED,_t=u.VIEW,wt=N(1,function(t,n){return At(R(t,t[yt]),n)}),xt=o(function(){return 1===new V(new Uint16Array([1]).buffer)[0]}),Et=!!V&&!!V.prototype.set&&o(function(){new V(1).set({})}),St=function(t,n){var e=d(t);if(e<0||e%n)throw z("Wrong offset!");return e},Ot=function(t){if(w(t)&&bt in t)return t;throw G(t+" is not a typed array!")},At=function(t,n){if(!(w(t)&> in t))throw G("It is not a typed array constructor!");return new t(n)},Ct=function(t,n){return Mt(R(t,t[yt]),n)},Mt=function(t,n){for(var e=0,r=n.length,i=At(t,r);r>e;)i[e]=n[e++];return i},kt=function(t,n,e){U(t,n,{get:function(){return this._d[e]}})},Nt=function(t){var n,e,r,i,o,a,u=x(t),c=arguments.length,f=c>1?arguments[1]:void 0,l=void 0!==f,p=C(u);if(void 0!=p&&!E(p)){for(a=p.call(u),r=[],n=0;!(o=a.next()).done;n++)r.push(o.value);u=r}for(l&&c>2&&(f=s(f,arguments[2],2)),n=0,e=v(u.length),i=At(this,e);e>n;n++)i[n]=l?f(u[n],n):u[n];return i},Tt=function(){for(var t=0,n=arguments.length,e=At(this,n);n>t;)e[t]=arguments[t++];return e},Rt=!!V&&o(function(){ht.call(new V(1))}),jt=function(){return ht.apply(Rt?lt.call(Ot(this)):Ot(this),arguments)},It={copyWithin:function(t,n){return F.call(Ot(this),t,n,arguments.length>2?arguments[2]:void 0)},every:function(t){return Y(Ot(this),t,arguments.length>1?arguments[1]:void 0)},fill:function(t){return $.apply(Ot(this),arguments)},filter:function(t){return Ct(this,X(Ot(this),t,arguments.length>1?arguments[1]:void 0))},find:function(t){return Q(Ot(this),t,arguments.length>1?arguments[1]:void 0)},findIndex:function(t){return tt(Ot(this),t,arguments.length>1?arguments[1]:void 0)},forEach:function(t){Z(Ot(this),t,arguments.length>1?arguments[1]:void 0)},indexOf:function(t){return et(Ot(this),t,arguments.length>1?arguments[1]:void 0)},includes:function(t){return nt(Ot(this),t,arguments.length>1?arguments[1]:void 0)},join:function(t){return st.apply(Ot(this),arguments)},lastIndexOf:function(t){return at.apply(Ot(this),arguments)},map:function(t){return wt(Ot(this),t,arguments.length>1?arguments[1]:void 0)},reduce:function(t){return ut.apply(Ot(this),arguments)},reduceRight:function(t){return ct.apply(Ot(this),arguments)},reverse:function(){for(var t,n=this,e=Ot(n).length,r=Math.floor(e/2),i=0;i1?arguments[1]:void 0)},sort:function(t){return ft.call(Ot(this),t)},subarray:function(t,n){var e=Ot(this),r=e.length,i=y(t,r);return new(R(e,e[yt]))(e.buffer,e.byteOffset+i*e.BYTES_PER_ELEMENT,v((void 0===n?r:y(n,r))-i))}},Pt=function(t,n){return Ct(this,lt.call(Ot(this),t,n))},Lt=function(t){Ot(this);var n=St(arguments[1],1),e=this.length,r=x(t),i=v(r.length),o=0;if(i+n>e)throw z("Wrong length!");for(;o255?255:255&r),i.v[h](e*n+i.o,r,xt)},k=function(t,n){U(t,n,{get:function(){return C(this,n)},set:function(t){return M(this,n,t)},enumerable:!0})};b?(d=e(function(t,e,r,i){f(t,d,s,"_d");var o,a,u,c,l=0,h=0;if(w(e)){if(!(e instanceof q||"ArrayBuffer"==(c=_(e))||"SharedArrayBuffer"==c))return bt in e?Mt(d,e):Nt.call(d,e);o=e,h=St(r,n);var y=e.byteLength;if(void 0===i){if(y%n)throw z("Wrong length!");if((a=y-h)<0)throw z("Wrong length!")}else if((a=v(i)*n)+h>y)throw z("Wrong length!");u=a/n}else u=g(e),a=u*n,o=new q(a);for(p(t,"_d",{b:o,o:h,l:a,e:u,v:new K(o)});ldocument.F=Object<\/script>"),t.close(),c=t.F;r--;)delete c.prototype[o[r]];return c()};t.exports=Object.create||function(t,n){var e;return null!==t?(u.prototype=r(t),e=new u,u.prototype=null,e[a]=t):e=c(),void 0===n?e:i(e,n)}},function(t,n,e){var r=e(109),i=e(75).concat("length","prototype");n.f=Object.getOwnPropertyNames||function(t){return r(t,i)}},function(t,n,e){"use strict";var r=e(2),i=e(7),o=e(6),a=e(5)("species");t.exports=function(t){var n=r[t];o&&n&&!n[a]&&i.f(n,a,{configurable:!0,get:function(){return this}})}},function(t,n){t.exports=function(t,n,e,r){if(!(t instanceof n)||void 0!==r&&r in t)throw TypeError(e+": incorrect invocation!");return t}},function(t,n,e){var r=e(19),i=e(121),o=e(88),a=e(1),u=e(8),c=e(90),s={},f={},n=t.exports=function(t,n,e,l,p){var h,d,v,g,y=p?function(){return t}:c(t),m=r(e,l,n?2:1),b=0;if("function"!=typeof y)throw TypeError(t+" is not iterable!");if(o(y)){for(h=u(t.length);h>b;b++)if((g=n?m(a(d=t[b])[0],d[1]):m(t[b]))===s||g===f)return g}else for(v=y.call(t);!(d=v.next()).done;)if((g=i(v,m,d.value,n))===s||g===f)return g};n.BREAK=s,n.RETURN=f},function(t,n,e){var r=e(14);t.exports=function(t,n,e){for(var i in n)r(t,i,n[i],e);return t}},,function(t,n,e){var r=e(7).f,i=e(12),o=e(5)("toStringTag");t.exports=function(t,n,e){t&&!i(t=e?t:t.prototype,o)&&r(t,o,{configurable:!0,value:n})}},function(t,n,e){var r=e(0),i=e(24),o=e(3),a=e(78),u="["+a+"]",c="​…",s=RegExp("^"+u+u+"*"),f=RegExp(u+u+"*$"),l=function(t,n,e){var i={},u=o(function(){return!!a[t]()||c[t]()!=c}),s=i[t]=u?n(p):a[t];e&&(i[e]=s),r(r.P+r.F*u,"String",i)},p=l.trim=function(t,n){return t=String(i(t)),1&n&&(t=t.replace(s,"")),2&n&&(t=t.replace(f,"")),t};t.exports=l},function(t,n){t.exports={}},function(t,n,e){var r=e(4);t.exports=function(t,n){if(!r(t)||t._t!==n)throw TypeError("Incompatible receiver, "+n+" required!");return t}},function(t,n,e){var r=e(20);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,n){n.f={}.propertyIsEnumerable},function(t,n,e){var r=e(20),i=e(5)("toStringTag"),o="Arguments"==r(function(){return arguments}()),a=function(t,n){try{return t[n]}catch(t){}};t.exports=function(t){var n,e,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(e=a(n=Object(t),i))?e:o?r(n):"Object"==(u=r(n))&&"function"==typeof n.callee?"Arguments":u}},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),function(t,e){function r(t){return void 0===t||null===t}function i(t){return void 0!==t&&null!==t}function o(t){return!0===t}function a(t){return!1===t}function u(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function c(t){return null!==t&&"object"==typeof t}function s(t){return"[object Object]"===hr.call(t)}function f(t){return"[object RegExp]"===hr.call(t)}function l(t){var n=parseFloat(String(t));return n>=0&&Math.floor(n)===n&&isFinite(t)}function p(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function h(t){var n=parseFloat(t);return isNaN(n)?t:n}function d(t,n){for(var e=Object.create(null),r=t.split(","),i=0;i-1)return t.splice(e,1)}}function g(t,n){return vr.call(t,n)}function y(t){var n=Object.create(null);return function(e){return n[e]||(n[e]=t(e))}}function m(t,n){function e(e){var r=arguments.length;return r?r>1?t.apply(n,arguments):t.call(n,e):t.call(n)}return e._length=t.length,e}function b(t,n){n=n||0;for(var e=t.length-n,r=new Array(e);e--;)r[e]=t[e+n];return r}function _(t,n){for(var e in n)t[e]=n[e];return t}function w(t){for(var n={},e=0;e0&&(a=yt(a,(n||"")+"_"+e),gt(a[0])&>(s)&&(f[c]=R(s.text+a[0].text),a.shift()),f.push.apply(f,a)):u(a)?gt(s)?f[c]=R(s.text+a):""!==a&&f.push(R(a)):gt(a)&>(s)?f[c]=R(s.text+a.text):(o(t._isVList)&&i(a.tag)&&r(a.key)&&i(n)&&(a.key="__vlist"+n+"_"+e+"__"),f.push(a)));return f}function mt(t,n){return(t.__esModule||Vr&&"Module"===t[Symbol.toStringTag])&&(t=t.default),c(t)?n.extend(t):t}function bt(t,n,e,r,i){var o=Yr();return o.asyncFactory=t,o.asyncMeta={data:n,context:e,children:r,tag:i},o}function _t(t,n,e){if(o(t.error)&&i(t.errorComp))return t.errorComp;if(i(t.resolved))return t.resolved;if(o(t.loading)&&i(t.loadingComp))return t.loadingComp;if(!i(t.contexts)){var a=t.contexts=[e],u=!0,s=function(){for(var t=0,n=a.length;tEi&&mi[e].id>t.id;)e--;mi.splice(e+1,0,t)}else mi.push(t);wi||(wi=!0,at(Ft))}}function zt(t,n,e){Ai.get=function(){return this[n][e]},Ai.set=function(t){this[n][e]=t},Object.defineProperty(t,e,Ai)}function Gt(t){t._watchers=[];var n=t.$options;n.props&&Vt(t,n.props),n.methods&&Jt(t,n.methods),n.data?Ht(t):$(t._data={},!0),n.computed&&Kt(t,n.computed),n.watch&&n.watch!==Fr&&Yt(t,n.watch)}function Vt(t,n){var e=t.$options.propsData||{},r=t._props={},i=t.$options._propKeys=[],o=!t.$parent;ei.shouldConvert=o;for(var a in n)!function(o){i.push(o);var a=J(o,n,e,t);F(r,o,a),o in t||zt(t,"_props",o)}(a);ei.shouldConvert=!0}function Ht(t){var n=t.$options.data;n=t._data="function"==typeof n?qt(n,t):n||{},s(n)||(n={});for(var e=Object.keys(n),r=t.$options.props,i=(t.$options.methods,e.length);i--;){var o=e[i];r&&g(r,o)||A(o)||zt(t,"_data",o)}$(n,!0)}function qt(t,n){try{return t.call(n,n)}catch(t){return nt(t,n,"data()"),{}}}function Kt(t,n){var e=t._computedWatchers=Object.create(null),r=zr();for(var i in n){var o=n[i],a="function"==typeof o?o:o.get;r||(e[i]=new Oi(t,a||x,x,Ci)),i in t||Zt(t,i,o)}}function Zt(t,n,e){var r=!zr();"function"==typeof e?(Ai.get=r?Xt(n):e,Ai.set=x):(Ai.get=e.get?r&&!1!==e.cache?Xt(n):e.get:x,Ai.set=e.set?e.set:x),Object.defineProperty(t,n,Ai)}function Xt(t){return function(){var n=this._computedWatchers&&this._computedWatchers[t];if(n)return n.dirty&&n.evaluate(),Kr.target&&n.depend(),n.value}}function Jt(t,n){t.$options.props;for(var e in n)t[e]=null==n[e]?x:m(n[e],t)}function Yt(t,n){for(var e in n){var r=n[e];if(Array.isArray(r))for(var i=0;i=0||e.indexOf(t[i])<0)&&r.push(t[i]);return r}return t}function Tn(t){this._init(t)}function Rn(t){t.use=function(t){var n=this._installedPlugins||(this._installedPlugins=[]);if(n.indexOf(t)>-1)return this;var e=b(arguments,1);return e.unshift(this),"function"==typeof t.install?t.install.apply(t,e):"function"==typeof t&&t.apply(null,e),n.push(t),this}}function jn(t){t.mixin=function(t){return this.options=Z(this.options,t),this}}function In(t){t.cid=0;var n=1;t.extend=function(t){t=t||{};var e=this,r=e.cid,i=t._Ctor||(t._Ctor={});if(i[r])return i[r];var o=t.name||e.options.name,a=function(t){this._init(t)};return a.prototype=Object.create(e.prototype),a.prototype.constructor=a,a.cid=n++,a.options=Z(e.options,t),a.super=e,a.options.props&&Pn(a),a.options.computed&&Ln(a),a.extend=e.extend,a.mixin=e.mixin,a.use=e.use,Sr.forEach(function(t){a[t]=e[t]}),o&&(a.options.components[o]=a),a.superOptions=e.options,a.extendOptions=t,a.sealedOptions=_({},a.options),i[r]=a,a}}function Pn(t){var n=t.options.props;for(var e in n)zt(t.prototype,"_props",e)}function Ln(t){var n=t.options.computed;for(var e in n)Zt(t.prototype,e,n[e])}function $n(t){Sr.forEach(function(n){t[n]=function(t,e){return e?("component"===n&&s(e)&&(e.name=e.name||t,e=this.options._base.extend(e)),"directive"===n&&"function"==typeof e&&(e={bind:e,update:e}),this.options[n+"s"][t]=e,e):this.options[n+"s"][t]}})}function Fn(t){return t&&(t.Ctor.options.name||t.tag)}function Dn(t,n){return Array.isArray(t)?t.indexOf(n)>-1:"string"==typeof t?t.split(",").indexOf(n)>-1:!!f(t)&&t.test(n)}function Bn(t,n){var e=t.cache,r=t.keys,i=t._vnode;for(var o in e){var a=e[o];if(a){var u=Fn(a.componentOptions);u&&!n(u)&&Un(e,o,r,i)}}}function Un(t,n,e,r){var i=t[n];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),t[n]=null,v(e,n)}function Wn(t){for(var n=t.data,e=t,r=t;i(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(n=zn(r.data,n));for(;i(e=e.parent);)e&&e.data&&(n=zn(n,e.data));return Gn(n.staticClass,n.class)}function zn(t,n){return{staticClass:Vn(t.staticClass,n.staticClass),class:i(t.class)?[t.class,n.class]:n.class}}function Gn(t,n){return i(t)||i(n)?Vn(t,Hn(n)):""}function Vn(t,n){return t?n?t+" "+n:t:n||""}function Hn(t){return Array.isArray(t)?qn(t):c(t)?Kn(t):"string"==typeof t?t:""}function qn(t){for(var n,e="",r=0,o=t.length;r-1?Ji[t]=n.constructor===window.HTMLUnknownElement||n.constructor===window.HTMLElement:Ji[t]=/HTMLUnknownElement/.test(n.toString())}function Jn(t){if("string"==typeof t){var n=document.querySelector(t);return n||document.createElement("div")}return t}function Yn(t,n){var e=document.createElement(t);return"select"!==t?e:(n.data&&n.data.attrs&&void 0!==n.data.attrs.multiple&&e.setAttribute("multiple","multiple"),e)}function Qn(t,n){return document.createElementNS(qi[t],n)}function te(t){return document.createTextNode(t)}function ne(t){return document.createComment(t)}function ee(t,n,e){t.insertBefore(n,e)}function re(t,n){t.removeChild(n)}function ie(t,n){t.appendChild(n)}function oe(t){return t.parentNode}function ae(t){return t.nextSibling}function ue(t){return t.tagName}function ce(t,n){t.textContent=n}function se(t,n,e){t.setAttribute(n,e)}function fe(t,n){var e=t.data.ref;if(e){var r=t.context,i=t.componentInstance||t.elm,o=r.$refs;n?Array.isArray(o[e])?v(o[e],i):o[e]===i&&(o[e]=void 0):t.data.refInFor?Array.isArray(o[e])?o[e].indexOf(i)<0&&o[e].push(i):o[e]=[i]:o[e]=i}}function le(t,n){return t.key===n.key&&(t.tag===n.tag&&t.isComment===n.isComment&&i(t.data)===i(n.data)&&pe(t,n)||o(t.isAsyncPlaceholder)&&t.asyncFactory===n.asyncFactory&&r(n.asyncFactory.error))}function pe(t,n){if("input"!==t.tag)return!0;var e,r=i(e=t.data)&&i(e=e.attrs)&&e.type,o=i(e=n.data)&&i(e=e.attrs)&&e.type;return r===o||Yi(r)&&Yi(o)}function he(t,n,e){var r,o,a={};for(r=n;r<=e;++r)o=t[r].key,i(o)&&(a[o]=r);return a}function de(t,n){(t.data.directives||n.data.directives)&&ve(t,n)}function ve(t,n){var e,r,i,o=t===no,a=n===no,u=ge(t.data.directives,t.context),c=ge(n.data.directives,n.context),s=[],f=[];for(e in c)r=u[e],i=c[e],r?(i.oldValue=r.value,me(i,"update",n,t),i.def&&i.def.componentUpdated&&f.push(i)):(me(i,"bind",n,t),i.def&&i.def.inserted&&s.push(i));if(s.length){var l=function(){for(var e=0;e-1?n.split(/\s+/).forEach(function(n){return t.classList.add(n)}):t.classList.add(n);else{var e=" "+(t.getAttribute("class")||"")+" ";e.indexOf(" "+n+" ")<0&&t.setAttribute("class",(e+n).trim())}}function Le(t,n){if(n&&(n=n.trim()))if(t.classList)n.indexOf(" ")>-1?n.split(/\s+/).forEach(function(n){return t.classList.remove(n)}):t.classList.remove(n),t.classList.length||t.removeAttribute("class");else{for(var e=" "+(t.getAttribute("class")||"")+" ",r=" "+n+" ";e.indexOf(r)>=0;)e=e.replace(r," ");e=e.trim(),e?t.setAttribute("class",e):t.removeAttribute("class")}}function $e(t){if(t){if("object"==typeof t){var n={};return!1!==t.css&&_(n,_o(t.name||"v")),_(n,t),n}return"string"==typeof t?_o(t):void 0}}function Fe(t){Mo(function(){Mo(t)})}function De(t,n){var e=t._transitionClasses||(t._transitionClasses=[]);e.indexOf(n)<0&&(e.push(n),Pe(t,n))}function Be(t,n){t._transitionClasses&&v(t._transitionClasses,n),Le(t,n)}function Ue(t,n,e){var r=We(t,n),i=r.type,o=r.timeout,a=r.propCount;if(!i)return e();var u=i===xo?Oo:Co,c=0,s=function(){t.removeEventListener(u,f),e()},f=function(n){n.target===t&&++c>=a&&s()};setTimeout(function(){c0&&(e=xo,f=a,l=o.length):n===Eo?s>0&&(e=Eo,f=s,l=c.length):(f=Math.max(a,s),e=f>0?a>s?xo:Eo:null,l=e?e===xo?o.length:c.length:0),{type:e,timeout:f,propCount:l,hasTransform:e===xo&&ko.test(r[So+"Property"])}}function ze(t,n){for(;t.length1}function Ze(t,n){!0!==n.data.show&&Ve(n)}function Xe(t,n,e){Je(t,n,e),(jr||Pr)&&setTimeout(function(){Je(t,n,e)},0)}function Je(t,n,e){var r=n.value,i=t.multiple;if(!i||Array.isArray(r)){for(var o,a,u=0,c=t.options.length;u-1,a.selected!==o&&(a.selected=o);else if(E(Qe(a),r))return void(t.selectedIndex!==u&&(t.selectedIndex=u));i||(t.selectedIndex=-1)}}function Ye(t,n){return n.every(function(n){return!E(n,t)})}function Qe(t){return"_value"in t?t._value:t.value}function tr(t){t.target.composing=!0}function nr(t){t.target.composing&&(t.target.composing=!1,er(t.target,"input"))}function er(t,n){var e=document.createEvent("HTMLEvents");e.initEvent(n,!0,!0),t.dispatchEvent(e)}function rr(t){return!t.componentInstance||t.data&&t.data.transition?t:rr(t.componentInstance._vnode)}function ir(t){var n=t&&t.componentOptions;return n&&n.Ctor.options.abstract?ir(xt(n.children)):t}function or(t){var n={},e=t.$options;for(var r in e.propsData)n[r]=t[r];var i=e._parentListeners;for(var o in i)n[yr(o)]=i[o];return n}function ar(t,n){if(/\d-keep-alive$/.test(n.tag))return t("keep-alive",{props:n.componentOptions.propsData})}function ur(t){for(;t=t.parent;)if(t.data.transition)return!0}function cr(t,n){return n.key===t.key&&n.tag===t.tag}function sr(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function fr(t){t.data.newPos=t.elm.getBoundingClientRect()}function lr(t){var n=t.data.pos,e=t.data.newPos,r=n.left-e.left,i=n.top-e.top;if(r||i){t.data.moved=!0;var o=t.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}/*! +webpackJsonp([52],[function(t,n,e){var r=e(2),i=e(22),o=e(13),a=e(14),u=e(19),c=function(t,n,e){var s,f,l,p,h=t&c.F,d=t&c.G,v=t&c.S,g=t&c.P,y=t&c.B,m=d?r:v?r[n]||(r[n]={}):(r[n]||{}).prototype,b=d?i:i[n]||(i[n]={}),_=b.prototype||(b.prototype={});d&&(e=n);for(s in e)f=!h&&m&&void 0!==m[s],l=(f?m:e)[s],p=y&&f?u(l,r):g&&"function"==typeof l?u(Function.call,l):l,m&&a(m,s,l,t&c.U),b[s]!=l&&o(b,s,p),g&&_[s]!=l&&(_[s]=l)};r.core=i,c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},function(t,n,e){var r=e(4);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,n){var e=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=e)},function(t,n){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,n){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,n,e){var r=e(53)("wks"),i=e(33),o=e(2).Symbol,a="function"==typeof o;(t.exports=function(t){return r[t]||(r[t]=a&&o[t]||(a?o:i)("Symbol."+t))}).store=r},function(t,n,e){t.exports=!e(3)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,n,e){var r=e(1),i=e(107),o=e(23),a=Object.defineProperty;n.f=e(6)?Object.defineProperty:function(t,n,e){if(r(t),n=o(n,!0),r(e),i)try{return a(t,n,e)}catch(t){}if("get"in e||"set"in e)throw TypeError("Accessors not supported!");return"value"in e&&(t[n]=e.value),t}},function(t,n,e){var r=e(25),i=Math.min;t.exports=function(t){return t>0?i(r(t),9007199254740991):0}},function(t,n,e){var r=e(24);t.exports=function(t){return Object(r(t))}},function(t,n){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,n){t.exports=function(t,n,e,r,i){var o,a=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(o=t,a=t.default);var c="function"==typeof a?a.options:a;n&&(c.render=n.render,c.staticRenderFns=n.staticRenderFns),r&&(c._scopeId=r);var s;if(i?(s=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},c._ssrRegister=s):e&&(s=e),s){var f=c.functional,l=f?c.render:c.beforeCreate;f?c.render=function(t,n){return s.call(n),l(t,n)}:c.beforeCreate=l?[].concat(l,s):[s]}return{esModule:o,exports:a,options:c}}},function(t,n){var e={}.hasOwnProperty;t.exports=function(t,n){return e.call(t,n)}},function(t,n,e){var r=e(7),i=e(32);t.exports=e(6)?function(t,n,e){return r.f(t,n,i(1,e))}:function(t,n,e){return t[n]=e,t}},function(t,n,e){var r=e(2),i=e(13),o=e(12),a=e(33)("src"),u=Function.toString,c=(""+u).split("toString");e(22).inspectSource=function(t){return u.call(t)},(t.exports=function(t,n,e,u){var s="function"==typeof e;s&&(o(e,"name")||i(e,"name",n)),t[n]!==e&&(s&&(o(e,a)||i(e,a,t[n]?""+t[n]:c.join(String(n)))),t===r?t[n]=e:u?t[n]?t[n]=e:i(t,n,e):(delete t[n],i(t,n,e)))})(Function.prototype,"toString",function(){return"function"==typeof this&&this[a]||u.call(this)})},function(t,n,e){var r=e(0),i=e(3),o=e(24),a=/"/g,u=function(t,n,e,r){var i=String(o(t)),u="<"+n;return""!==e&&(u+=" "+e+'="'+String(r).replace(a,""")+'"'),u+">"+i+""};t.exports=function(t,n){var e={};e[t]=n(u),r(r.P+r.F*i(function(){var n=""[t]('"');return n!==n.toLowerCase()||n.split('"').length>3}),"String",e)}},function(t,n,e){var r=e(48),i=e(24);t.exports=function(t){return r(i(t))}},function(t,n,e){var r=e(49),i=e(32),o=e(16),a=e(23),u=e(12),c=e(107),s=Object.getOwnPropertyDescriptor;n.f=e(6)?s:function(t,n){if(t=o(t),n=a(n,!0),c)try{return s(t,n)}catch(t){}if(u(t,n))return i(!r.f.call(t,n),t[n])}},function(t,n,e){var r=e(12),i=e(9),o=e(74)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=i(t),r(t,o)?t[o]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,n,e){var r=e(10);t.exports=function(t,n,e){if(r(t),void 0===n)return t;switch(e){case 1:return function(e){return t.call(n,e)};case 2:return function(e,r){return t.call(n,e,r)};case 3:return function(e,r,i){return t.call(n,e,r,i)}}return function(){return t.apply(n,arguments)}}},function(t,n){var e={}.toString;t.exports=function(t){return e.call(t).slice(8,-1)}},function(t,n,e){"use strict";var r=e(3);t.exports=function(t,n){return!!t&&r(function(){n?t.call(null,function(){},1):t.call(null)})}},function(t,n){var e=t.exports={version:"2.5.3"};"number"==typeof __e&&(__e=e)},function(t,n,e){var r=e(4);t.exports=function(t,n){if(!r(t))return t;var e,i;if(n&&"function"==typeof(e=t.toString)&&!r(i=e.call(t)))return i;if("function"==typeof(e=t.valueOf)&&!r(i=e.call(t)))return i;if(!n&&"function"==typeof(e=t.toString)&&!r(i=e.call(t)))return i;throw TypeError("Can't convert object to primitive value")}},function(t,n){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,n){var e=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:e)(t)}},function(t,n,e){var r=e(0),i=e(22),o=e(3);t.exports=function(t,n){var e=(i.Object||{})[t]||Object[t],a={};a[t]=n(e),r(r.S+r.F*o(function(){e(1)}),"Object",a)}},function(t,n,e){var r=e(19),i=e(48),o=e(9),a=e(8),u=e(91);t.exports=function(t,n){var e=1==t,c=2==t,s=3==t,f=4==t,l=6==t,p=5==t||l,h=n||u;return function(n,u,d){for(var v,g,y=o(n),m=i(y),b=r(u,d,3),_=a(m.length),w=0,x=e?h(n,_):c?h(n,0):void 0;_>w;w++)if((p||w in m)&&(v=m[w],g=b(v,w,y),t))if(e)x[w]=g;else if(g)switch(t){case 3:return!0;case 5:return v;case 6:return w;case 2:x.push(v)}else if(f)return!1;return l?-1:s||f?f:x}}},function(t,n,e){"use strict";if(e(6)){var r=e(34),i=e(2),o=e(3),a=e(0),u=e(63),c=e(97),s=e(19),f=e(40),l=e(32),p=e(13),h=e(42),d=e(25),v=e(8),g=e(133),y=e(36),m=e(23),b=e(12),_=e(50),w=e(4),x=e(9),E=e(88),S=e(37),O=e(18),A=e(38).f,C=e(90),M=e(33),k=e(5),N=e(27),T=e(54),R=e(61),j=e(93),I=e(46),P=e(58),L=e(39),$=e(92),F=e(123),D=e(7),B=e(17),U=D.f,W=B.f,z=i.RangeError,G=i.TypeError,V=i.Uint8Array,H=Array.prototype,q=c.ArrayBuffer,K=c.DataView,Z=N(0),X=N(2),J=N(3),Y=N(4),Q=N(5),tt=N(6),nt=T(!0),et=T(!1),rt=j.values,it=j.keys,ot=j.entries,at=H.lastIndexOf,ut=H.reduce,ct=H.reduceRight,st=H.join,ft=H.sort,lt=H.slice,pt=H.toString,ht=H.toLocaleString,dt=k("iterator"),vt=k("toStringTag"),gt=M("typed_constructor"),yt=M("def_constructor"),mt=u.CONSTR,bt=u.TYPED,_t=u.VIEW,wt=N(1,function(t,n){return At(R(t,t[yt]),n)}),xt=o(function(){return 1===new V(new Uint16Array([1]).buffer)[0]}),Et=!!V&&!!V.prototype.set&&o(function(){new V(1).set({})}),St=function(t,n){var e=d(t);if(e<0||e%n)throw z("Wrong offset!");return e},Ot=function(t){if(w(t)&&bt in t)return t;throw G(t+" is not a typed array!")},At=function(t,n){if(!(w(t)&> in t))throw G("It is not a typed array constructor!");return new t(n)},Ct=function(t,n){return Mt(R(t,t[yt]),n)},Mt=function(t,n){for(var e=0,r=n.length,i=At(t,r);r>e;)i[e]=n[e++];return i},kt=function(t,n,e){U(t,n,{get:function(){return this._d[e]}})},Nt=function(t){var n,e,r,i,o,a,u=x(t),c=arguments.length,f=c>1?arguments[1]:void 0,l=void 0!==f,p=C(u);if(void 0!=p&&!E(p)){for(a=p.call(u),r=[],n=0;!(o=a.next()).done;n++)r.push(o.value);u=r}for(l&&c>2&&(f=s(f,arguments[2],2)),n=0,e=v(u.length),i=At(this,e);e>n;n++)i[n]=l?f(u[n],n):u[n];return i},Tt=function(){for(var t=0,n=arguments.length,e=At(this,n);n>t;)e[t]=arguments[t++];return e},Rt=!!V&&o(function(){ht.call(new V(1))}),jt=function(){return ht.apply(Rt?lt.call(Ot(this)):Ot(this),arguments)},It={copyWithin:function(t,n){return F.call(Ot(this),t,n,arguments.length>2?arguments[2]:void 0)},every:function(t){return Y(Ot(this),t,arguments.length>1?arguments[1]:void 0)},fill:function(t){return $.apply(Ot(this),arguments)},filter:function(t){return Ct(this,X(Ot(this),t,arguments.length>1?arguments[1]:void 0))},find:function(t){return Q(Ot(this),t,arguments.length>1?arguments[1]:void 0)},findIndex:function(t){return tt(Ot(this),t,arguments.length>1?arguments[1]:void 0)},forEach:function(t){Z(Ot(this),t,arguments.length>1?arguments[1]:void 0)},indexOf:function(t){return et(Ot(this),t,arguments.length>1?arguments[1]:void 0)},includes:function(t){return nt(Ot(this),t,arguments.length>1?arguments[1]:void 0)},join:function(t){return st.apply(Ot(this),arguments)},lastIndexOf:function(t){return at.apply(Ot(this),arguments)},map:function(t){return wt(Ot(this),t,arguments.length>1?arguments[1]:void 0)},reduce:function(t){return ut.apply(Ot(this),arguments)},reduceRight:function(t){return ct.apply(Ot(this),arguments)},reverse:function(){for(var t,n=this,e=Ot(n).length,r=Math.floor(e/2),i=0;i1?arguments[1]:void 0)},sort:function(t){return ft.call(Ot(this),t)},subarray:function(t,n){var e=Ot(this),r=e.length,i=y(t,r);return new(R(e,e[yt]))(e.buffer,e.byteOffset+i*e.BYTES_PER_ELEMENT,v((void 0===n?r:y(n,r))-i))}},Pt=function(t,n){return Ct(this,lt.call(Ot(this),t,n))},Lt=function(t){Ot(this);var n=St(arguments[1],1),e=this.length,r=x(t),i=v(r.length),o=0;if(i+n>e)throw z("Wrong length!");for(;o255?255:255&r),i.v[h](e*n+i.o,r,xt)},k=function(t,n){U(t,n,{get:function(){return C(this,n)},set:function(t){return M(this,n,t)},enumerable:!0})};b?(d=e(function(t,e,r,i){f(t,d,s,"_d");var o,a,u,c,l=0,h=0;if(w(e)){if(!(e instanceof q||"ArrayBuffer"==(c=_(e))||"SharedArrayBuffer"==c))return bt in e?Mt(d,e):Nt.call(d,e);o=e,h=St(r,n);var y=e.byteLength;if(void 0===i){if(y%n)throw z("Wrong length!");if((a=y-h)<0)throw z("Wrong length!")}else if((a=v(i)*n)+h>y)throw z("Wrong length!");u=a/n}else u=g(e),a=u*n,o=new q(a);for(p(t,"_d",{b:o,o:h,l:a,e:u,v:new K(o)});ldocument.F=Object<\/script>"),t.close(),c=t.F;r--;)delete c.prototype[o[r]];return c()};t.exports=Object.create||function(t,n){var e;return null!==t?(u.prototype=r(t),e=new u,u.prototype=null,e[a]=t):e=c(),void 0===n?e:i(e,n)}},function(t,n,e){var r=e(109),i=e(75).concat("length","prototype");n.f=Object.getOwnPropertyNames||function(t){return r(t,i)}},function(t,n,e){"use strict";var r=e(2),i=e(7),o=e(6),a=e(5)("species");t.exports=function(t){var n=r[t];o&&n&&!n[a]&&i.f(n,a,{configurable:!0,get:function(){return this}})}},function(t,n){t.exports=function(t,n,e,r){if(!(t instanceof n)||void 0!==r&&r in t)throw TypeError(e+": incorrect invocation!");return t}},function(t,n,e){var r=e(19),i=e(121),o=e(88),a=e(1),u=e(8),c=e(90),s={},f={},n=t.exports=function(t,n,e,l,p){var h,d,v,g,y=p?function(){return t}:c(t),m=r(e,l,n?2:1),b=0;if("function"!=typeof y)throw TypeError(t+" is not iterable!");if(o(y)){for(h=u(t.length);h>b;b++)if((g=n?m(a(d=t[b])[0],d[1]):m(t[b]))===s||g===f)return g}else for(v=y.call(t);!(d=v.next()).done;)if((g=i(v,m,d.value,n))===s||g===f)return g};n.BREAK=s,n.RETURN=f},function(t,n,e){var r=e(14);t.exports=function(t,n,e){for(var i in n)r(t,i,n[i],e);return t}},,function(t,n,e){var r=e(7).f,i=e(12),o=e(5)("toStringTag");t.exports=function(t,n,e){t&&!i(t=e?t:t.prototype,o)&&r(t,o,{configurable:!0,value:n})}},function(t,n,e){var r=e(0),i=e(24),o=e(3),a=e(78),u="["+a+"]",c="​…",s=RegExp("^"+u+u+"*"),f=RegExp(u+u+"*$"),l=function(t,n,e){var i={},u=o(function(){return!!a[t]()||c[t]()!=c}),s=i[t]=u?n(p):a[t];e&&(i[e]=s),r(r.P+r.F*u,"String",i)},p=l.trim=function(t,n){return t=String(i(t)),1&n&&(t=t.replace(s,"")),2&n&&(t=t.replace(f,"")),t};t.exports=l},function(t,n){t.exports={}},function(t,n,e){var r=e(4);t.exports=function(t,n){if(!r(t)||t._t!==n)throw TypeError("Incompatible receiver, "+n+" required!");return t}},function(t,n,e){var r=e(20);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,n){n.f={}.propertyIsEnumerable},function(t,n,e){var r=e(20),i=e(5)("toStringTag"),o="Arguments"==r(function(){return arguments}()),a=function(t,n){try{return t[n]}catch(t){}};t.exports=function(t){var n,e,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(e=a(n=Object(t),i))?e:o?r(n):"Object"==(u=r(n))&&"function"==typeof n.callee?"Arguments":u}},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),function(t,e){function r(t){return void 0===t||null===t}function i(t){return void 0!==t&&null!==t}function o(t){return!0===t}function a(t){return!1===t}function u(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function c(t){return null!==t&&"object"==typeof t}function s(t){return"[object Object]"===hr.call(t)}function f(t){return"[object RegExp]"===hr.call(t)}function l(t){var n=parseFloat(String(t));return n>=0&&Math.floor(n)===n&&isFinite(t)}function p(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function h(t){var n=parseFloat(t);return isNaN(n)?t:n}function d(t,n){for(var e=Object.create(null),r=t.split(","),i=0;i-1)return t.splice(e,1)}}function g(t,n){return vr.call(t,n)}function y(t){var n=Object.create(null);return function(e){return n[e]||(n[e]=t(e))}}function m(t,n){function e(e){var r=arguments.length;return r?r>1?t.apply(n,arguments):t.call(n,e):t.call(n)}return e._length=t.length,e}function b(t,n){n=n||0;for(var e=t.length-n,r=new Array(e);e--;)r[e]=t[e+n];return r}function _(t,n){for(var e in n)t[e]=n[e];return t}function w(t){for(var n={},e=0;e0&&(a=yt(a,(n||"")+"_"+e),gt(a[0])&>(s)&&(f[c]=R(s.text+a[0].text),a.shift()),f.push.apply(f,a)):u(a)?gt(s)?f[c]=R(s.text+a):""!==a&&f.push(R(a)):gt(a)&>(s)?f[c]=R(s.text+a.text):(o(t._isVList)&&i(a.tag)&&r(a.key)&&i(n)&&(a.key="__vlist"+n+"_"+e+"__"),f.push(a)));return f}function mt(t,n){return(t.__esModule||Vr&&"Module"===t[Symbol.toStringTag])&&(t=t.default),c(t)?n.extend(t):t}function bt(t,n,e,r,i){var o=Yr();return o.asyncFactory=t,o.asyncMeta={data:n,context:e,children:r,tag:i},o}function _t(t,n,e){if(o(t.error)&&i(t.errorComp))return t.errorComp;if(i(t.resolved))return t.resolved;if(o(t.loading)&&i(t.loadingComp))return t.loadingComp;if(!i(t.contexts)){var a=t.contexts=[e],u=!0,s=function(){for(var t=0,n=a.length;tEi&&mi[e].id>t.id;)e--;mi.splice(e+1,0,t)}else mi.push(t);wi||(wi=!0,at(Ft))}}function zt(t,n,e){Ai.get=function(){return this[n][e]},Ai.set=function(t){this[n][e]=t},Object.defineProperty(t,e,Ai)}function Gt(t){t._watchers=[];var n=t.$options;n.props&&Vt(t,n.props),n.methods&&Jt(t,n.methods),n.data?Ht(t):$(t._data={},!0),n.computed&&Kt(t,n.computed),n.watch&&n.watch!==Fr&&Yt(t,n.watch)}function Vt(t,n){var e=t.$options.propsData||{},r=t._props={},i=t.$options._propKeys=[],o=!t.$parent;ei.shouldConvert=o;for(var a in n)!function(o){i.push(o);var a=J(o,n,e,t);F(r,o,a),o in t||zt(t,"_props",o)}(a);ei.shouldConvert=!0}function Ht(t){var n=t.$options.data;n=t._data="function"==typeof n?qt(n,t):n||{},s(n)||(n={});for(var e=Object.keys(n),r=t.$options.props,i=(t.$options.methods,e.length);i--;){var o=e[i];r&&g(r,o)||A(o)||zt(t,"_data",o)}$(n,!0)}function qt(t,n){try{return t.call(n,n)}catch(t){return nt(t,n,"data()"),{}}}function Kt(t,n){var e=t._computedWatchers=Object.create(null),r=zr();for(var i in n){var o=n[i],a="function"==typeof o?o:o.get;r||(e[i]=new Oi(t,a||x,x,Ci)),i in t||Zt(t,i,o)}}function Zt(t,n,e){var r=!zr();"function"==typeof e?(Ai.get=r?Xt(n):e,Ai.set=x):(Ai.get=e.get?r&&!1!==e.cache?Xt(n):e.get:x,Ai.set=e.set?e.set:x),Object.defineProperty(t,n,Ai)}function Xt(t){return function(){var n=this._computedWatchers&&this._computedWatchers[t];if(n)return n.dirty&&n.evaluate(),Kr.target&&n.depend(),n.value}}function Jt(t,n){t.$options.props;for(var e in n)t[e]=null==n[e]?x:m(n[e],t)}function Yt(t,n){for(var e in n){var r=n[e];if(Array.isArray(r))for(var i=0;i=0||e.indexOf(t[i])<0)&&r.push(t[i]);return r}return t}function Tn(t){this._init(t)}function Rn(t){t.use=function(t){var n=this._installedPlugins||(this._installedPlugins=[]);if(n.indexOf(t)>-1)return this;var e=b(arguments,1);return e.unshift(this),"function"==typeof t.install?t.install.apply(t,e):"function"==typeof t&&t.apply(null,e),n.push(t),this}}function jn(t){t.mixin=function(t){return this.options=Z(this.options,t),this}}function In(t){t.cid=0;var n=1;t.extend=function(t){t=t||{};var e=this,r=e.cid,i=t._Ctor||(t._Ctor={});if(i[r])return i[r];var o=t.name||e.options.name,a=function(t){this._init(t)};return a.prototype=Object.create(e.prototype),a.prototype.constructor=a,a.cid=n++,a.options=Z(e.options,t),a.super=e,a.options.props&&Pn(a),a.options.computed&&Ln(a),a.extend=e.extend,a.mixin=e.mixin,a.use=e.use,Sr.forEach(function(t){a[t]=e[t]}),o&&(a.options.components[o]=a),a.superOptions=e.options,a.extendOptions=t,a.sealedOptions=_({},a.options),i[r]=a,a}}function Pn(t){var n=t.options.props;for(var e in n)zt(t.prototype,"_props",e)}function Ln(t){var n=t.options.computed;for(var e in n)Zt(t.prototype,e,n[e])}function $n(t){Sr.forEach(function(n){t[n]=function(t,e){return e?("component"===n&&s(e)&&(e.name=e.name||t,e=this.options._base.extend(e)),"directive"===n&&"function"==typeof e&&(e={bind:e,update:e}),this.options[n+"s"][t]=e,e):this.options[n+"s"][t]}})}function Fn(t){return t&&(t.Ctor.options.name||t.tag)}function Dn(t,n){return Array.isArray(t)?t.indexOf(n)>-1:"string"==typeof t?t.split(",").indexOf(n)>-1:!!f(t)&&t.test(n)}function Bn(t,n){var e=t.cache,r=t.keys,i=t._vnode;for(var o in e){var a=e[o];if(a){var u=Fn(a.componentOptions);u&&!n(u)&&Un(e,o,r,i)}}}function Un(t,n,e,r){var i=t[n];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),t[n]=null,v(e,n)}function Wn(t){for(var n=t.data,e=t,r=t;i(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(n=zn(r.data,n));for(;i(e=e.parent);)e&&e.data&&(n=zn(n,e.data));return Gn(n.staticClass,n.class)}function zn(t,n){return{staticClass:Vn(t.staticClass,n.staticClass),class:i(t.class)?[t.class,n.class]:n.class}}function Gn(t,n){return i(t)||i(n)?Vn(t,Hn(n)):""}function Vn(t,n){return t?n?t+" "+n:t:n||""}function Hn(t){return Array.isArray(t)?qn(t):c(t)?Kn(t):"string"==typeof t?t:""}function qn(t){for(var n,e="",r=0,o=t.length;r-1?Ji[t]=n.constructor===window.HTMLUnknownElement||n.constructor===window.HTMLElement:Ji[t]=/HTMLUnknownElement/.test(n.toString())}function Jn(t){if("string"==typeof t){var n=document.querySelector(t);return n||document.createElement("div")}return t}function Yn(t,n){var e=document.createElement(t);return"select"!==t?e:(n.data&&n.data.attrs&&void 0!==n.data.attrs.multiple&&e.setAttribute("multiple","multiple"),e)}function Qn(t,n){return document.createElementNS(qi[t],n)}function te(t){return document.createTextNode(t)}function ne(t){return document.createComment(t)}function ee(t,n,e){t.insertBefore(n,e)}function re(t,n){t.removeChild(n)}function ie(t,n){t.appendChild(n)}function oe(t){return t.parentNode}function ae(t){return t.nextSibling}function ue(t){return t.tagName}function ce(t,n){t.textContent=n}function se(t,n,e){t.setAttribute(n,e)}function fe(t,n){var e=t.data.ref;if(e){var r=t.context,i=t.componentInstance||t.elm,o=r.$refs;n?Array.isArray(o[e])?v(o[e],i):o[e]===i&&(o[e]=void 0):t.data.refInFor?Array.isArray(o[e])?o[e].indexOf(i)<0&&o[e].push(i):o[e]=[i]:o[e]=i}}function le(t,n){return t.key===n.key&&(t.tag===n.tag&&t.isComment===n.isComment&&i(t.data)===i(n.data)&&pe(t,n)||o(t.isAsyncPlaceholder)&&t.asyncFactory===n.asyncFactory&&r(n.asyncFactory.error))}function pe(t,n){if("input"!==t.tag)return!0;var e,r=i(e=t.data)&&i(e=e.attrs)&&e.type,o=i(e=n.data)&&i(e=e.attrs)&&e.type;return r===o||Yi(r)&&Yi(o)}function he(t,n,e){var r,o,a={};for(r=n;r<=e;++r)o=t[r].key,i(o)&&(a[o]=r);return a}function de(t,n){(t.data.directives||n.data.directives)&&ve(t,n)}function ve(t,n){var e,r,i,o=t===no,a=n===no,u=ge(t.data.directives,t.context),c=ge(n.data.directives,n.context),s=[],f=[];for(e in c)r=u[e],i=c[e],r?(i.oldValue=r.value,me(i,"update",n,t),i.def&&i.def.componentUpdated&&f.push(i)):(me(i,"bind",n,t),i.def&&i.def.inserted&&s.push(i));if(s.length){var l=function(){for(var e=0;e-1?n.split(/\s+/).forEach(function(n){return t.classList.add(n)}):t.classList.add(n);else{var e=" "+(t.getAttribute("class")||"")+" ";e.indexOf(" "+n+" ")<0&&t.setAttribute("class",(e+n).trim())}}function Le(t,n){if(n&&(n=n.trim()))if(t.classList)n.indexOf(" ")>-1?n.split(/\s+/).forEach(function(n){return t.classList.remove(n)}):t.classList.remove(n),t.classList.length||t.removeAttribute("class");else{for(var e=" "+(t.getAttribute("class")||"")+" ",r=" "+n+" ";e.indexOf(r)>=0;)e=e.replace(r," ");e=e.trim(),e?t.setAttribute("class",e):t.removeAttribute("class")}}function $e(t){if(t){if("object"==typeof t){var n={};return!1!==t.css&&_(n,_o(t.name||"v")),_(n,t),n}return"string"==typeof t?_o(t):void 0}}function Fe(t){Mo(function(){Mo(t)})}function De(t,n){var e=t._transitionClasses||(t._transitionClasses=[]);e.indexOf(n)<0&&(e.push(n),Pe(t,n))}function Be(t,n){t._transitionClasses&&v(t._transitionClasses,n),Le(t,n)}function Ue(t,n,e){var r=We(t,n),i=r.type,o=r.timeout,a=r.propCount;if(!i)return e();var u=i===xo?Oo:Co,c=0,s=function(){t.removeEventListener(u,f),e()},f=function(n){n.target===t&&++c>=a&&s()};setTimeout(function(){c0&&(e=xo,f=a,l=o.length):n===Eo?s>0&&(e=Eo,f=s,l=c.length):(f=Math.max(a,s),e=f>0?a>s?xo:Eo:null,l=e?e===xo?o.length:c.length:0),{type:e,timeout:f,propCount:l,hasTransform:e===xo&&ko.test(r[So+"Property"])}}function ze(t,n){for(;t.length1}function Ze(t,n){!0!==n.data.show&&Ve(n)}function Xe(t,n,e){Je(t,n,e),(jr||Pr)&&setTimeout(function(){Je(t,n,e)},0)}function Je(t,n,e){var r=n.value,i=t.multiple;if(!i||Array.isArray(r)){for(var o,a,u=0,c=t.options.length;u-1,a.selected!==o&&(a.selected=o);else if(E(Qe(a),r))return void(t.selectedIndex!==u&&(t.selectedIndex=u));i||(t.selectedIndex=-1)}}function Ye(t,n){return n.every(function(n){return!E(n,t)})}function Qe(t){return"_value"in t?t._value:t.value}function tr(t){t.target.composing=!0}function nr(t){t.target.composing&&(t.target.composing=!1,er(t.target,"input"))}function er(t,n){var e=document.createEvent("HTMLEvents");e.initEvent(n,!0,!0),t.dispatchEvent(e)}function rr(t){return!t.componentInstance||t.data&&t.data.transition?t:rr(t.componentInstance._vnode)}function ir(t){var n=t&&t.componentOptions;return n&&n.Ctor.options.abstract?ir(xt(n.children)):t}function or(t){var n={},e=t.$options;for(var r in e.propsData)n[r]=t[r];var i=e._parentListeners;for(var o in i)n[yr(o)]=i[o];return n}function ar(t,n){if(/\d-keep-alive$/.test(n.tag))return t("keep-alive",{props:n.componentOptions.propsData})}function ur(t){for(;t=t.parent;)if(t.data.transition)return!0}function cr(t,n){return n.key===t.key&&n.tag===t.tag}function sr(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function fr(t){t.data.newPos=t.elm.getBoundingClientRect()}function lr(t){var n=t.data.pos,e=t.data.newPos,r=n.left-e.left,i=n.top-e.top;if(r||i){t.data.moved=!0;var o=t.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}/*! * Vue.js v2.5.13 * (c) 2014-2017 Evan You * Released under the MIT License. -- GitLab